@import "/assets/css/v3/components/tags.css";

:root {
    --menu-blue: #0B48BA;
    --menu-orange: #FF922B;
}

p.margin {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.tingle-modal * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tingle-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    -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;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.8);
    opacity: 0;
    cursor: pointer;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    -o-transition: transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
}

.tingle-modal--noClose .tingle-modal__close, .tingle-modal__closeLabel {
    display: none;
}

.tingle-modal--confirm .tingle-modal-box {
    text-align: center;
}

.tingle-modal--noOverlayClose {
    cursor: default;
}

.tingle-modal__close {
    position: fixed;
    top: 10px;
    right: 28px;
    z-index: 1000;
    padding: 0;
    width: 5rem;
    height: 5rem;
    border: none;
    background-color: transparent;
    color: #f0f0f0;
    font-size: 6rem;
    font-family: monospace;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.tingle-modal__close:hover {
    color: #fff;
}

.tingle-modal-box {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    width: 60%;
    border-radius: 4px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.tingle-modal-box__content {
    padding: 3rem;
}

.tingle-modal-box__footer {
    padding: 1.5rem 2rem;
    width: auto;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #f5f5f5;
    cursor: auto;
}

.tingle-modal-box__footer::after {
    display: table;
    clear: both;
    content: "";
}

.tingle-modal-box__footer--sticky {
    position: fixed;
    bottom: -200px;
    z-index: 10001;
    opacity: 1;
    -webkit-transition: bottom .3s ease-in-out .3s;
    -o-transition: bottom .3s ease-in-out .3s;
    transition: bottom .3s ease-in-out .3s;
}

.tingle-enabled {
    height: 100%;
}

.tingle-modal--visible .tingle-modal-box__footer {
    bottom: 0;
}

.tingle-enabled .tingle-content-wrapper {
    -webkit-filter: blur(15px);
    filter: blur(15px);
}

.tingle-modal--visible {
    visibility: visible;
    opacity: 1;
}

.tingle-modal--visible .tingle-modal-box {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tingle-modal--overflow {
    overflow-y: scroll;
    padding-top: 8vh;
}

.tingle-btn {
    display: inline-block;
    margin: 0 .5rem;
    padding: 1rem 2rem;
    border: none;
    background-color: grey;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    cursor: pointer;
    -webkit-transition: background-color .4s ease;
    -o-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.tingle-btn--primary {
    background-color: #3498db;
}

.tingle-btn--danger {
    background-color: #e74c3c;
}

.tingle-btn--default {
    background-color: #34495e;
}

.tingle-btn--pull-left {
    float: left;
}

.tingle-btn--pull-right {
    float: right;
}

.tingle-modal-box.address-map__modal {
    display: grid;
    grid-template-rows: auto 4rem;
    max-height: 95vh;
}

.tingle-modal-box.address-map__modal .address-map__footer {
    position: relative;
    top: -1.5rem;
}

.mobile-screen-arrow {
    display: none;
}

.restaurant-rating-div {
    display: inline;
}

.restaurant-rating-div-star {
    font-size: 15px;
}

.restaurant-profile-rating-div {
    font-size: 22px !important;
    display: inline;
    border-left: 0 !important;
    vertical-align: middle !important; 
}

.starColor {
    color: #FF922B;
}

.headingRestaurantName {
    margin: 10px 0;
    display: block;
    font-weight: bold;
}

.restaurantRatings {
    width: 50%; 
    margin: 0 auto;
}

.headingText {
  font-size: 25px;
}

.ratingSection {
  width: 100%;
}

.fa {
  font-size: 25px;
}

.side {
  float: left;
  width: 15%;
  margin-top:10px;
  text-align: center;
}

.middle {
  margin-top:10px;
  float: left;
  width: 70%;
}

.bar-container {
  width: 100%;
  background-color: #F1F3F5;
  text-align: center;
  color: white;
  border-radius: 50px;
}

.ratingLine {
    border:3px solid #F1F3F5; 
    border-radius: 50px;
}

.showRating {
    font-size: 15px;
}

.middleContent {
    margin: 8px 0;
    display: table;
}

.feedbackDiv {
    margin: 0 10px;
}

.restaurantRatingsDiv {
    display: flex;
}

.ratingsMain {
    width: 100%;
}

.ratingsSection {
    width: 80%;
}

.mainRatings {
    padding: 25px; 
    height: 250px;
    overflow-y: scroll;
    scrollbar-color: #FF922B #f1f1f1;
    scrollbar-width: thin;
    border: 1px solid #F1F3F5;
}

.commentStar {
    font-size: 12px;
}

.commentText {
    font-size: 15px;
}

.ratingComments {
    width: 80%; 
    margin: 30px auto;
}

.loadMore {
    text-align: center;
    margin: 20px;
    cursor: pointer;
    font-weight: bold;
}

.loadMore:hover {
    color: #FF922B;
}

.comment.hidden, .commentBr.hidden { 
    display: none;
}

.review-rating-container {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
  }

  #review-input-field-wrapper {
    margin-top: 25px;
  }

  #review-textarea {
    background-color: #e9e9e9;
    height: auto;
    min-height: 150px;
    max-width: 850px;
    width: 100%;
    border-radius: 20px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 auto;
  }

@media (max-width: 600px) {
 .restaurant-profile-rating-div {
    display: inline-block;
    font-size: 17px !important;
  }

  .restaurantRatings {
    width: 100%;
  }

  .middle {
    width: 70%;
  }

  .headingRestaurantName {
    font-size: 12px;
  }

  .headingText {
      font-size: 15px;
    }

    .ratingComments {
        width: 100%; 
        margin: 30px 0;
    }

    .restaurantRatingsDiv {
        display: block;
    }

    .mainRatings {
        padding: 0;
        margin: 5px auto;
        width: 325px;
        overflow-x: hidden;
    }

    .middleContent {
        width: 300px;
    }

    table td:nth-of-type(2) {
        width: 100%;
        overflow: hidden;
        line-break: anywhere;
    }
}

@media (max-width: 540px) {
    .tingle-modal {
        top: 0;
        display: block;
        padding-top: 60px;
        width: 100%;
    }
    .tingle-modal-box {
        width: auto;
        border-radius: 0;
    }
    .tingle-modal-box__content {
        overflow-y: scroll;
    }
    .tingle-modal--noClose {
        top: 0;
    }
    .tingle-modal--noOverlayClose {
        padding-top: 0;
    }
    .tingle-modal-box__footer .tingle-btn {
        display: block;
        float: none;
        margin-bottom: 1rem;
        width: 100%;
    }
    .tingle-modal__close {
        top: 0;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        border: none;
        background-color: #2c3e50;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
        line-height: 55px;
    }
    .tingle-modal__closeLabel {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.5rem;
        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
    }
    .tingle-modal__closeIcon {
        display: inline-block;
        margin-right: .5rem;
        vertical-align: middle;
        font-size: 4rem;
    }
    
    .tingle-modal-box__footer {
        padding: 0;
    }
}

.si-float-wrapper {
    position: absolute;
    width: 100%;
}

.si-float-wrapper,
.si-float-wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

[class*='si-wrapper'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    cursor: default;
}

.si-wrapper-top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: -40px;
    margin-left: 0px;
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.si-wrapper-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 0px;
    margin-left: 0px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.si-wrapper-left {
    margin-top: -20px;
    margin-left: -11px;
    -webkit-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.si-wrapper-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: -20px;
    margin-left: 11px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

[class*='si-shadow-wrapper'] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.29804;
    z-index: 1;
}

.si-shadow-wrapper-top,
.si-shadow-wrapper-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.si-shadow-pointer-bottom,
.si-shadow-pointer-right {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.si-shadow-frame {
    -webkit-box-shadow: 0 1px 3px 0 #000;
    box-shadow: 0 1px 3px 0 #000;
}

[class*='si-shadow-pointer'] {
    position: relative;
    width: 15px;
    height: 15px;
    margin: auto;
}

[class*='si-shadow-inner-pointer'] {
    position: absolute;
    width: 141%;
    height: 141%;
    -webkit-box-shadow: -0.70711px 0.70711px 3px 0 #000;
    box-shadow: -0.70711px 0.70711px 3px 0 #000;
}

.si-shadow-inner-pointer-top {
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-bottom {
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%) rotate(-45deg);
    -ms-transform: translate(-50%, 50%) rotate(-45deg);
    transform: translate(-50%, 50%) rotate(-45deg);
}

.si-shadow-inner-pointer-left {
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.si-shadow-inner-pointer-right {
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%, -50%) rotate(-45deg);
    -ms-transform: translate(50%, -50%) rotate(-45deg);
    transform: translate(50%, -50%) rotate(-45deg);
}

.si-frame {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border-radius: 3px;
    overflow: hidden;
    z-index: 2;
}

.si-content-wrapper {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 30px;
    background-color: #fff;
}

.si-has-border .si-content-wrapper {
    border: 1px solid #bbb;
}

.si-content {
    overflow: auto;
}

.si-close-button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    outline: none;
    background-color: transparent;
    color: inherit;
    font-family: Arial, Baskerville, monospace;
    font-size: 24px;
    cursor: pointer;
    opacity: 0.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.si-close-button:hover, .si-close-button:focus {
    opacity: 0.7;
}

[class*='si-pointer-border'] {
    position: absolute;
    border: 15px solid transparent;
    z-index: 3;
}

[class*='si-pointer-bg'] {
    position: relative;
    border: 15px solid transparent;
    z-index: 4;
}

.si-has-border [class*='si-pointer-bg'] {
    border-width: 15px;
}

.si-pointer-border-top,
.si-pointer-border-bottom {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.si-pointer-border-left,
.si-pointer-border-right {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.si-pointer-top {
    border-bottom: 0;
}

.si-pointer-border-top {
    bottom: 0;
    border-top-color: #bbb;
}

.si-pointer-bg-top {
    border-top-color: #fff;
}

.si-has-border .si-pointer-bg-top {
    top: -1px;
    margin-bottom: 0px;
}

.si-pointer-bottom {
    border-top: 0;
}

.si-pointer-border-bottom {
    top: 0;
    border-bottom-color: #bbb;
}

.si-pointer-bg-bottom {
    border-bottom-color: #fff;
}

.si-has-border .si-pointer-bg-bottom {
    bottom: -1px;
    margin-top: 0px;
}

.si-pointer-left {
    border-right: 0;
}

.si-pointer-border-left {
    right: 0;
    border-left-color: #bbb;
}

.si-pointer-bg-left {
    border-left-color: #fff;
}

.si-has-border .si-pointer-bg-left {
    left: -1px;
    margin-right: 0px;
}

.si-pointer-right {
    border-left: 0;
}

.si-pointer-border-right {
    left: 0;
    border-right-color: #bbb;
}

.si-pointer-bg-right {
    border-right-color: #fff;
}

.si-has-border .si-pointer-bg-right {
    right: -1px;
    margin-left: 0px;
}

.si-frame {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 14px;
    padding-right: 33px;
    border: none !important;
}

.si-content {
    font-weight: 700;
}

.si-close-button {
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 500;
    opacity: 1;
}

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* apply a natural box layout model to all elements, but allowing components to change */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #222;
    font-size: 1em;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
p,
blockquote {
    margin: 0;
    padding: 0;
}

input,
textarea,
button {
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
}

input:hover, input:active, input:focus,
textarea:hover,
textarea:active,
textarea:focus,
button:hover,
button:active,
button:focus {
    outline: none;
}

embed,
iframe,
img,
object,
video {
    max-width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    margin: 0;
}

.l-wrap {
    position: relative;
    max-width: 90rem;
    margin-right: auto;
    margin-left: auto;
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
}

.l-side-padding {
    padding-left: 0;
    padding-right: 0;
}

.l-content {
    position: relative;
    max-width: 71.25rem;
    margin-right: auto;
    margin-left: auto;
}

.l-s-content {
    position: relative;
    overflow: hidden;
    max-width: 61.25rem;
    margin-right: auto;
    margin-left: auto;
}

.l-text-content {
    position: relative;
    max-width: 47.5rem;
    margin-right: auto;
    margin-left: auto;
}

.l-only-on-mobile {
    display: none !important;
}

.l-clear,
.clear,
.clearfix {
    clear: both;
}

.no-scroll {
    position: fixed;
    overflow: hidden;
    width: 100%;
}

@media all and (max-width: 71.25em) {
    .l-content {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
}

@media all and (max-width: 61.25em) {
    .l-s-content {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
}

@media all and (max-width: 48em) {
    .l-throw-on-standing-tablet {
        display: none !important;
    }
}

@media all and (max-width: 37.5em) {
    .l-wrap {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    .l-side-padding {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .l-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .l-s-content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .l-throw-on-mobile {
        display: none !important;
    }
    .l-only-on-mobile {
        display: initial !important;
    }
    
}

.l-no-side-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.icon {
    display: inline-block;
}

.hamburger {
    width: 2.1875rem;
    height: 1.625rem;
}

.logo-icon {
    height: 2.3125rem;
    width: 2.6875rem;
}

.logo-text {
    height: 1.25rem;
    width: 8.4375rem;
}

.basket {
    height: 2.1875rem;
    width: 2.5rem;
}

.pw-logo {
    height: 1.875rem;
    width: 1.6875rem;
}

.restaurant-searcher {
    display: inline-block;
    position: relative;
    height: 2.5rem;
    background-color: #F8F9FA;
    border-top: solid 0.0625rem #DEE2E6;
    border-bottom: solid 0.0625rem #DEE2E6;
    border-left: solid 0.0625rem #DEE2E6;
    border-right: none;
    border-radius: 0.125rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #212529;
    padding-left: 0.9375rem;
    font-size: 0.875rem;
    margin-rigth: 2px;
    font-family: "Open Sans", sans-serif;
    width: 90%;
}

.x-mark-button{
    height: 2.5rem;
    color: #212529;
    float:right;
    border-top: solid 0.0625rem #DEE2E6;
    border-right: solid 0.0625rem #DEE2E6;
    border-bottom: solid 0.0625rem #DEE2E6;
    border-top-right-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    border-left: none;
    background-color: #F8F9FA;
    width: 10%;
    cursor:text;
}

.searcher label {
    color:lightslategrey;
}

.facebook,
.instagram,
.google-plus,
.youtube {
    height: 1.5rem;
    width: 1.5rem;
}

.search {
    height: 0.6875rem;
    width: 0.6875rem;
}

.location {
    height: 3.1875rem;
    width: 2.1875rem;
}

.list {
    height: 2.6875rem;
    width: 2.5rem;
}

.binocolars {
    height: 2.25rem;
    width: 2.875rem;
}

.facebook-2 {
    height: 1.625rem;
    width: 0.8125rem;
}

.thumbs-up {
    height: 1.4375rem;
    width: 1.25rem;
}

.chef-cap {
    height: 1.5625rem;
    width: 1.5rem;
}

.star {
    height: 1.25rem;
    width: 1.3125rem;
}

.discuss {
    height: 1.4375rem;
    width: 1.6875rem;
}

.group {
    height: 1.5rem;
    width: 1.6875rem;
}

.clock {
    height: 0.875rem;
    width: 0.875rem;
}

.drop {
    height: 0.875rem;
    width: 0.875rem;
}

.star-favourite {
    height: 1rem;
    width: 1rem;
}

.modal-close {
    height: 2.1875rem;
    width: 2.1875rem;
}

.facebook-3 {
    height: 1.0625rem;
    width: 0.5rem;
}

.close-icon {
    height: 0.75rem;
    width: 0.75rem;
}

.telephone {
    height: 1.25rem;
    width: 0.9375rem;
}

.mail {
    height: 0.75rem;
    width: 1.0625rem;
}

.inline-edit {
    height: 1.0625rem;
    width: 1.0625rem;
}

.cutlery {
    height: 1.1875rem;
    width: 0.8125rem;
}

.mini-basket {
    height: 1.3125rem;
    width: 1.5rem;
}

.heart {
    width: 1.3rem;
}


.eye {
    height: 1.875rem;
    width: 3.3125rem;
    padding: 0.5rem 1rem;
    color: rgba(74, 74, 74, 0.42);
}

.o-input--password + label + .icon.icon-eye {
    top: 1.125rem;
}

.clock-2 {
    height: 1rem;
    margin-top: -2px;
    width: 1rem;
}

.closed {
    height: 0.675rem;
    width: 0.7125rem;
}

.opened {
    height: 0.675rem;
    width: 0.83rem;
}

.arrow-up {
    height: 0.5625rem;
    width: 0.9375rem;
}

.arrow-up-fa {
    font-size: 16px;
    height: initial;
    width: initial;
}

.delete {
    height: 1rem;
    width: 0.9375rem;
}
.modify {
    height: 1rem;
    width: 0.9375rem;
}

.arrow-down {
    height: 0.5625rem;
    width: 0.875rem;
}

.mini-basket-2 {
    height: 1.0625rem;
    width: 1.25rem;
}

.info {
    height: 0.8125rem;
    width: 0.8125rem;
}

.search-icon {
    width: 1.5625rem;
    height: 1.5625rem;
}

.pagination-double {
    width: 0.8125rem;
    height: 0.625rem;
}

.pagination-single {
    width: 0.625rem;
    height: 0.625rem;
}

@media all and (max-width: 37.5em) {
    .location {
        height: 2.3125rem;
        width: 1.5625rem;
    }
    .list {
        height: 1.6875rem;
        width: 1.5625rem;
    }
    .binocolars {
        height: 1.5rem;
        width: 1.875rem;
    }
}

.o-breadcrumb__item {
    color: #FE821B;
    font-size: 0.75rem;
}

.o-breadcrumb__item:after {
    content: '●';
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.o-breadcrumb__item:last-child {
    color: #212529;
}

.o-breadcrumb__item:last-child:after {
    content: '';
}

@media all and (max-width: 37.5em) {
    .o-breadcrumb {
        display: none;
    }
    div.address-display {
        display: none;
    }
}

.o-button {
    display: inline-block;
    height: 2.5rem;
    line-height: 2.375rem;
    width: 8.75rem;
    background-color: #FF922B;
    color: white;
    border-radius: 0.125rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.875rem;
    text-align: center;
    text-decoration: none;
    border: solid 0.125rem #FF922B;
    font-family: "Open Sans", sans-serif;
}

.o-button--outline {
    background-color: white;
    border: solid 0.125rem #FD7E14;
    color: #FD7E14;
}

.o-button--text {
    background-color: transparent;
    border: none;
    color: #FD7E14;
    text-transform: initial;
}

.o-button--outline-alternativ {
    background-color: white;
    border: solid 0.125rem #DEE2E6;
    color: #AEB2B6;
}

.o-button--outline-alternativ:hover {
    border: solid 0.125rem #FD7E14;
    color: #FD7E14;
}

.o-button--large {
    height: 3.75rem;
    line-height: 3.625rem;
    width: 10.625rem;
}

.o-button--mini {
    height: 1.6875rem;
    font-size: 0.75rem;
    line-height: 1.6875rem;
    width: 1.6875rem;
}

.o-button--full-width {
    width: 100%;
}

.o-button--blue {
    border-color: var(--menu-blue);
    background: var(--menu-blue);
}

.o-button--blue-menu {
    border: solid 0.125rem var(--menu-blue);
    background: var(--menu-blue);
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}

.o-button--blue-menu:hover {
    border: solid 0.125rem var(--menu-orange);
    background: white;
    color: var(--menu-orange);
}

.o-checkbox {
    display: none;
}

.o-checkbox + label {
    position: relative;
    padding-left: 1.4375rem;
    display: inline-block;
    vertical-align: middle;
    color: #868E96;
    font-size: 0.875rem;
    line-height: 1.25rem;
    cursor: pointer;
}

.o-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: #FD7E14;
    content: "";
    display: inline-block;
    height: 0.875rem;
    width: 0.875rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0.0625rem solid #F76707;
    border-radius: 0.125rem;
    text-align: center;
}

.o-checkbox:checked + label:after {
    display: block;
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0.25rem;
    bottom: 0;
    margin: auto;
    width: 0.3125rem;
    height: 0.625rem;
    border-bottom: 0.125rem solid white;
    border-right: 0.125rem solid white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.o-checkbox--outline + label {
    color: #2D3134;
}

.o-checkbox--outline + label:before {
    background-color: transparent;
    border: 0.0625rem solid #BDBDBD;
}

.o-checkbox--outline:checked + label:before {
    background-color: #FD7809;
    border-color: #FD7809;
}

.o-checkbox--error + label:before {
    background-color: transparent;
    border: 0.0625rem solid #FF6B6B;
}

.o-filter-tab {
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F7F7F7;
    border: 0.0625rem solid #DFDFDF;
    border-radius: 0.1875rem;
    width: 5.5rem;
    height: 4.875rem;
    text-align: center;
}

.o-filter-tab--active {
    background-color: #FD7809;
    border-color: #CE5D01;
    font-weight: 700;
    color: white;
}

.o-filter-tab__img {
    width: 1.6875rem;
    height: 1.6875rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.o-filter-tab__title {
    font-size: 0.74rem;
    white-space: nowrap;
}

@media all and (max-width: 37.5em) {
    .o-filter-tab {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: auto;
        padding: 6px 2px 6px 2px;
    }
    .o-filter-tab__img {
        margin-right: 0.375rem;
    }
}

.o-highlighted-text {
    display: inline;
    background-color: #FFEFE0;
    -webkit-box-shadow: 5px 0 0 #FFEFE0, -5px 0 0 #FFEFE0;
    box-shadow: 5px 0 0 #FFEFE0, -5px 0 0 #FFEFE0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    line-height: 0.875rem;
    font-size: 0.875rem;
    border-bottom: 0.1875rem solid #FFEFE0;
    padding-top: 0.1875rem;
    padding-bottom: 0.1875rem;
}

.o-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    background-color: white;
}

.o-label__text {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
}

.o-label__close {
    height: 0.5625rem;
    width: 0.5625rem;
    color: #B5B5B5;
}

@media all and (max-width: 37.5em) {
    .o-label {
        font-size: 0.875rem;
    }
}

.o-list {
    list-style: none;
    margin-top: 0.625rem;
}

.o-list__item {
    position: relative;
    padding-left: 1.0625rem;
    line-height: 1.25rem;
    margin-bottom: 0.75rem;
}

.o-list__item:before {
    content: '●';
    font-size: 0.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.o-info {
    position: relative;
    background-color: #F2F2F2;
    padding: 1.25rem 1.0625rem;
    padding-left: 3.4375rem;
    color: #212529;
}

.o-info:before {
    position: absolute;
    content: url("//cdn.falatozz.hu/assets/img/v3/info.svg");
    left: 1.0625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.o-info.o-info-orange {
    background: #FF922B;
    color: #FFF;
 }
.o-info.o-info-orange:before {
    filter: brightness(0%) invert(100%);
}

.o-info label {
    font-size: 1rem;
}

.o-info ul {
    margin-left: 1rem;
}

@media all and (max-width: 37.5em) {
    .o-info {
        padding-left: 1.0625rem;
        padding-top: 3.4375rem;
    }
    .o-info:before {
        top: 1.0625rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.o-infobox--primary .si-close-button {
    color: white;
}

.o-infobox--secondary .si-close-button {
    color: #FF8F28;
}

.o-infobox--secondary a {
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    color: #212529;
}

.o-infobox--secondary .o-infobox__address {
    font-size: 12px;
    font-weight: 400;
    margin-top: 4px;
}

.o-input {
    background-color: white;
    display: inline-block;
    position: relative;
    height: 2.5rem;
    background-color: #F8F9FA;
    border: solid 0.0625rem #DEE2E6;
    border-radius: 0.125rem;
    color: #212529;
    padding-left: 0.9375rem;
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    position: relative;
}

.o-input--large {
    height: 3.75rem;
    padding-left: 1.875rem;
}

.o-input--active {
    background-color: white;
}

.o-input--error {
    border-color: #FF6B6B;
    color: #FF6B6B;
}

.o-input--full-width {
    width: 100%;
}

.o-input--password {
    padding-right: 2rem;
}

.o-input--password + .icon {
    position: absolute;
    top: 2.25rem;
    right: 0.625rem;
    cursor: pointer;
}
@media screen and (max-height: 800px) and (min-width: 800px){
    .filter-container {
        overflow : auto;
        height: 70%;
        overflow-x: visible;

    }
    .filter {
        height: 800px;
    }
}
.filter-container::-webkit-scrollbar {
    width: 8px;
    background: black;
}
.filter-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.filter-container::-webkit-scrollbar-thumb {
    background: lightgray;
}
.filter-container::-webkit-scrollbar-thumb:hover {
    background: grey;
}


@media screen and (min-height: 800px){
    .filter-container {
        overflow : visible;
        height: auto;
    }
}


.o-input:disabled {
    -webkit-text-fill-color: #868E96;
}

a {
    color: #FD7E14;
}

.o-link {
    font-size: 0.875rem;
    color: #FD7E14;
    text-decoration: underline;
    font-weight: 700;
    cursor: pointer;
}

.o-link--light {
    font-weight: 400;
}

.o-link--larger {
    font-size: 1rem;
}

.o-link--inital {
    font-size: inherit;
}

@media all and (max-width: 37.5em) {
    .o-link--larger {
        font-size: 0.875rem;
    }
}

.o-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 1.875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "Roboto Slab", serif;
    font-size: 0.875rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.o-pagination__first {
    display: inline-block;
    font-size: 0;
}

.o-pagination__first .icon {
    vertical-align: middle;
}

.o-pagination__prev {
    display: inline-block;
    font-size: 0;
    margin-left: 1.25rem;
}

.o-pagination__prev .icon {
    vertical-align: middle;
}

.o-pagination__pages {
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.o-pagination__page {
    display: inline-block;
    text-decoration: none;
    color: #212529;
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    padding-top: 0.25rem;
}

.o-pagination__page--active {
    background-color: #FD7E14;
    color: white;
    font-weight: 700;
    border-radius: 100%;
}

.o-pagination__next {
    display: inline-block;
    font-size: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-right: 1.25rem;
}

.o-pagination__next .icon {
    vertical-align: middle;
}

.o-pagination__last {
    display: inline-block;
    font-size: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.o-pagination__last .icon {
    vertical-align: middle;
}

.o-profile-img {
    border-radius: 100%;
    width: 3.75rem;
    height: 3.75rem;
    background-image: url("//cdn.falatozz.hu/assets/img/v3/profile_base.svg");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.o-profile-img--big {
    width: 8.125rem;
    height: 8.125rem;
}

.o-profile-img--with-border {
    border: solid 0.125rem #FF922B;
}

@media all and (max-width: 37.5em) {
    .o-profile-img--big {
        width: 3.75rem;
        height: 3.75rem;
    }
}

.o-radio__input-element:checked, .o-radio__input-element:not(:checked) {
    position: absolute;
    left: -9999px;
}

.o-radio__input-element:checked + label,
.o-radio__input-element:not(:checked) + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    line-height: 17px;
    display: inline-block;
}

.o-radio__input-element:disabled + label {
    color: #8D8184;
}

.o-radio__input-element:checked + label:before,
.o-radio__input-element:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1.0625rem;
    height: 1.0625rem;
    border: 0.125rem solid #BDBDBD;
    border-radius: 100%;
    background: transparent;
}

.o-radio__input-element:checked + label:before {
    border: 0.125rem solid #F97C00;
}

.o-radio__input-element:checked + label:after,
.o-radio__input-element:not(:checked) + label:after {
    content: '';
    width: 0.8125rem;
    height: 0.8125rem;
    background: #F97C00;
    position: absolute;
    top: 2px;
    left: 2px;
    border: 0.1875rem solid white;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.o-radio__input-element.disabled:checked + label:before,
.o-radio__input-element.disabled:not(:checked) + label:before {
    background: #DDD;
}

.o-radio__input-element:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.o-radio__input-element:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media all and (max-width: 37.5em) {
    .o-radio__input-element:checked + label,
    .o-radio__input-element:not(:checked) + label {
        font-size: 0.875rem;
    }
}

.o-rating__star {
    display: inline-block;
    color: #868E96;
    margin-left: 0.25rem;
}

.o-rating__star--checked {
    color: #FD7E14;
}

.o-remodal .tingle-modal-box {
    width: 53.75rem;
}

.o-remodal .tingle-modal-box__content {
    padding: 0;
}

.o-remodal .tingle-modal__close {
    display: none;
}

.o-remodal__holder {
    position: relative;
}

.o-remodal__close {
    position: absolute;
    top: 0.3125rem;
    right: 0.3125rem;
    cursor: pointer;
}

@media all and (max-width: 33.6875em) {
    .o-remodal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0;
    }
}

.o-select {
    display: block;
    height: 2.5rem;
    position: relative;
    overflow: hidden;
    background: none;
    width: 100%;
}

.o-select--inline {
    display: inline-block;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    width: auto;
    vertical-align: middle;
}

.o-select:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 2.5rem;
    width: 100%;
    color: #212529;
    background-color: #F8F9FA;
    border: solid 0.0625rem #DEE2E6;
    border-radius: 0.125rem;
}

.o-select:after {
    content: url("//cdn.falatozz.hu/assets/img/v3/arrow-down.svg");
    position: absolute;
    right: 0.75rem;
    top: 0.75rem;
}

.o-select select {
    position: relative;
    z-index: 4;
    display: block;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    font-size: 0.875rem;
    padding-left: 0.9375rem;
    cursor: pointer;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.o-select select option {
    margin: 0px;
    display: block;
}

.o-select--small {
    height: 2rem;
}

.o-select--small:before {
    height: 2rem;
}

.o-select--small:after {
    top: 0.5rem;
}

.o-select--small select {
    height: 2rem;
    line-height: 2rem;
}

.o-select--outline:before {
    background-color: transparent;
}

.o-select--outline:after {
    top: 0.1875rem;
    content: url("//cdn.falatozz.hu/assets/img/v3/arrow-down-2.svg");
}

.o-select--error:before {
    border-color: #FF6B6B;
}

.c-toggle-box__title--error {
    color: #FF6B6B;
}

.o-separator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ADB5BD;
    font-weight: 700;
    font-size: 0.75rem;
    line-height: 1.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.o-separator:before, .o-separator:after {
    border-top: 1px solid #DEE2E6;
    content: '';
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.o-separator__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
}

.o-table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.o-table__thead {
    text-align: left;
}

.o-table__th {
    padding-left: 0.75rem;
    padding-bottom: 0.75rem;
    color: #212529;
    border-bottom: 0.0625rem solid #D8D8D8;
}

.o-table__th--icon {
    width: 4.0625rem;
}

.o-table__td {
    padding-left: 0.75rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    min-height: 2.9375rem;
    color: #212529;
    border-bottom: 0.0625rem solid #D8D8D8;
}

.o-table__td--icon {
    position: relative;
    width: 4.0625rem;
    padding-left: 0;
    padding-right: 0.75rem;
}

.o-table__td--icon .icon:first-child {
    float: left;
}

.o-table__td--icon .icon:last-child {
    float: right;
}

.o-table__tr {
    display: none;
}

.o-table__tr.showAll {
    display: table-row;
}

.o-table__tr:nth-child(-n+4) {
    display: table-row;
}

.o-table__tr:nth-child(2n+1) {
    background-color: rgba(255, 255, 255, 0.4);
}

.o-table--inverted .o-table__tr:nth-child(2n+1) {
    background-color: rgba(183, 183, 183, 0.12);
}

@media all and (max-width: 37.5em) {
    .o-table__thead {
        display: none;
    }
    .o-table__th--icon {
        width: 3.4375rem;
    }
    .o-table--inverted .o-table__tr:nth-child(2n+1) {
        background-color: transparent;
    }
    .o-table__td {
        display: block;
        border-bottom: none;
        min-height: auto;
        padding: 0;
        padding-right: 3.4375rem;
        font-size: 0.875rem;
    }
    .o-table__td--icon {
        position: absolute;
        right: 0.75rem;
        top: 1.3125rem;
        padding: 0;
        width: 3.4375rem;
    }
    .o-table__tr {
        display: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        border-bottom: 0.0625rem solid #D8D8D8;
        background: transparent;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .o-table__tr:first-child {
        padding-top: 0;
    }
    .o-table__tr:first-child .o-table__td--icon {
        top: 0.3125rem;
    }
    .o-table__tr:nth-child(4) {
        display: none;
    }
    .o-table__tr:nth-child(-n+3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .o-table__tr.showAll {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .o-table__tr:nth-child(2n+1) {
        background-color: transparent;
    }
}

.o-tag {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border: 0.0625rem solid #E2E2E2;
    border-radius: 0.125rem;
    font-size: 0.875rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    color: #737B84;
    cursor: pointer;
}

.o-tag:hover {
    background-color: #FB7D05;
    color: white;
    border-color: #FB7D05;
}

.o-toggle {
    display: inline-block;
}

.o-toggle::after {
    content: "";
    clear: both;
}

.o-toggle__input {
    display: none;
}

.o-toggle__input + .o-toggle__btn {
    outline: 0;
    display: block;
    width: 6.875rem;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0.25rem 0.4375rem;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background: #FFF2F2;
    border: 0.0625rem solid #DDCECE;
    border-radius: 2rem;
}

.o-toggle__input:checked + .o-toggle__btn {
    background: #F2FFF2;
    border: 0.0625rem solid #CEFFCE;
}

.o-toggle__input + .o-toggle__btn .o-toggle__text:after {
    float: left;
    margin-top: 0.5rem;
    margin-left: 1.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.875rem;
    content: 'nem ízlett';
}

.o-toggle__input + .o-toggle__btn:after, .o-toggle__input + .o-toggle__btn:before {
    position: relative;
    display: block;
    content: "";
    width: 1.125rem;
    height: 1.125rem;
}

.o-toggle__input + .o-toggle__btn:after {
    left: 0;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    background: #FF922B;
    content: "";
    border: 0.0625rem solid #C55C00;
    border-radius: 1rem;
}

.o-toggle__input + .o-toggle__btn:before {
    display: none;
}

.o-toggle__input:checked + .o-toggle__btn .o-toggle__text:after {
    float: left;
    margin-left: 0.375rem;
    margin-top: 0.5rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.875rem;
    content: 'ízlett';
}

.o-toggle__input:checked + .o-toggle__btn:after {
    left: 80%;
}

.o-tooltip {
    position: relative;
    display: inline-block;
    height: 1.375rem;
    width: 0.875rem !important;
}

.o-tooltip .info {
    position: absolute;
    top: 0;
}

.o-tooltip:before, .o-tooltip:after {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.o-tooltip:before {
    display: inline-block;
    white-space: nowrap;
    content: attr(data-tooltip);
    position: absolute;
    top: -200%;
    left: -60%;
    padding: 0.4375rem 0.5625rem;
    border-radius: 0.125rem;
    background-color: #FF8F28;
    color: #fff;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
    z-index: 999;
}

.o-tooltip:after {
    position: absolute;
    top: calc(-200%);
    left: 5%;
    width: 0;
    border-top: 0.3125rem solid #FF8F28;
    border-right: 0.3125rem solid transparent;
    border-left: 0.3125rem solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
    z-index: 999;
}

.o-tooltip:hover:before, .o-tooltip:hover:after {
    visibility: visible;
    opacity: 1;
}

.o-tooltip-special:before {
    background-color: #000000;
    color: #fff;
}

.o-tooltip-special:after {
    border-top: 0.3125rem solid #000000;
}

.specialPriceOrigText {
    font-size: 10px; 
    width: 60px; 
    display: inline-block;
}

.o-tooltip-longtext {
  cursor: pointer;
}

.o-tooltip-longtext::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 55%;
  top: 10%;
  background: rgba(0, 0, 0, 0.85);
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  white-space: normal;
  word-break: break-word;
  max-width: 250px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(5px);
  transition: opacity 0.2s ease;
  font-size: 13px;
}

.o-tooltip-longtext:hover::after {
  opacity: 1;
}

@media all and (max-width: 48em) {
    .o-tooltip {
        display: none;
    }

    .topRightStar {
        float: right;
        margin-right: 6px;
    }
}

.o-tel {
    display: inline-block;
    position: relative;
    font-weight: 700;
    font-size: 1.25rem;
    color: #FD7E14;
    padding-left: 1.4375rem;
    line-height: 1.5rem;
    text-decoration: none;
}

.o-tel:before {
    position: absolute;
    content: url("//cdn.falatozz.hu/assets/img/v3/phone.svg");
    width: 1.0625rem;
    height: 1.4375rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.o-textarea {
    border: solid 0.0625rem #DEE2E6;
    border-radius: 0.125rem;
    color: #495057;
    width: 100%;
    padding-left: 0.9375rem;
    padding-top: 0.9375rem;
    font-size: 0.875rem;
    font-family: "Open Sans", sans-serif;
}

.o-textarea--small {
    padding-left: 0.625rem;
    padding-top: 0.625rem;
    height: 2.5rem;
}

html {
    font-size: 100%;
    line-height: 22px;
}

body {
    font-family: "Open Sans", sans-serif;
    color: #495057;
}

.t0 {
    font-family: "Roboto Slab", serif;
    color: #212529;
    font-size: 3.25rem;
    line-height: 4.25rem;
    font-weight: 700;
}

.t1 {
    font-family: "Roboto Slab", serif;
    color: #212529;
    font-size: 2.875rem;
    line-height: 3.75rem;
    font-weight: 700;
}

.t2 {
    font-family: "Roboto Slab", serif;
    color: #212529;
    font-size: 2rem;
    line-height: 2.6875rem;
    font-weight: 700;
}

.t3 {
    font-family: "Roboto Slab", serif;
    color: #212529;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.base {
    color: #495057;
    font-size: 1rem;
    line-height: 1.375rem;
}

.s1 {
    color: #495057;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.s2 {
    color: #495057;
    font-size: 0.75rem;
    line-height: 1rem;
}

@media all and (max-width: 37.5em) {
    .t0,
    .t1 {
        font-size: 1.625rem;
        line-height: 1.875rem;
    }
    .t2 {
        font-size: 1.625rem;
        line-height: 1.875rem;
    }
}

.c-profile-box {
    position: relative;
    background-color: white;
    height: 6.25rem;
    padding-left: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-profile-box .close-icon {
    position: absolute;
    right: 0.875rem;
    top: 0.875rem;
    cursor: pointer;
    color: #F97C00;
}

.c-profile-box__img {
    background-color: gray;
    border: solid 0.125rem #FF922B;
    border-radius: 100%;
    width: 3.75rem;
    height: 3.75rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.c-profile-box__img--base {
    background: url("//cdn.falatozz.hu/assets/img/v3/profile_base.svg");
    border: none;
}

.c-profile-box__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.75rem;
    flex: 0 0 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-profile-box__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 0.625rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-profile-box__logout {
    font-size: 0.75rem;
}

.c-menu {
    position: fixed;
    background-color: #FF922B;
    height: 100vh;
    width: 18.75rem;
    z-index: 99999;
    -webkit-transform: translateX(-18.75rem);
    -ms-transform: translateX(-18.75rem);
    transform: translateX(-18.75rem);
}

.c-menu.is-opened {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    transition: -webkit-transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out;
}

.c-menu.is-closed {
    -webkit-transform: translateX(-18.75rem);
    -ms-transform: translateX(-18.75rem);
    transform: translateX(-18.75rem);
    -webkit-transition: -webkit-transform 150ms ease-in-out;
    transition: -webkit-transform 150ms ease-in-out;
    -o-transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out;
    transition: transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out;
}

.c-menu__item-holder {
    list-style: none;
    padding-top: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.c-menu__item {
    margin-bottom: 1.625rem;
}

.c-menu__link {
    text-decoration: none;
}

.c-menu__link--normal {
    font-weight: 400;
    cursor: pointer;
}

.c-menu__login-links {
    list-style: none;
    padding-top: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    border-top: 0.0625rem solid rgba(0, 0, 0, 0.28);
}

@media all and (max-width: 37.5em) {
    .c-menu {
        width: 100%;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .c-menu.is-opened {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    .c-menu.is-closed {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.c-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FD7E14;
    height: 6.25rem;
}

.c-header__hamburger {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-header__hamburger .hamburger {
    cursor: pointer;
}

.c-header__logo {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: #FD7E14;
}

.c-header__logo .logo-icon {
    margin-right: 0.625rem;
}

.c-header__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

.c-header__login {
    margin-right: 1.75rem;
}

.c-header__basket {
    display: inline-block;
    position: relative;
}

.c-header__basket-number {
    background-color: #0b49ba;
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    width: 1.9375rem;
    height: 1.9375rem;
    border-radius: 100%;
    text-align: center;
    line-height: 1.5625rem;
    border: solid 3px white;
    position: absolute;
    top: -0.875rem;
    right: -0.875rem;
}

@media all and (max-width: 48em) {
    .c-header {
        height: 3.4375rem;
    }
    .c-header__hamburger .hamburger {
        height: 1.1875rem;
        width: 1.5625rem;
    }
    .c-header__logo .logo-icon {
        display: none;
    }
    .c-header__logo .logo-text {
        height: 1.625rem;
        width: 7.625rem;
    }
    .c-header__login {
        display: none;
    }
    .c-header__basket .basket {
        height: 1.6875rem;
        width: 1.875rem;
    }

    #review-input-field-wrapper {
        width: 100% !important;
    }

    #review-input-field-wrapper {
        margin-top: 15px !important;
    }

    .review-rating-container {
        gap: 0 !important;
    }
}

.c-login-remodal {
    background: rgba(33, 37, 41, 0.9);
}

.c-login-remodal__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-login-remodal__close {
    position: absolute;
    top: -0.9375rem;
    right: -0.9375rem;
    cursor: pointer;
}

.c-login-remodal__left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding-top: 3.0625rem;
    padding-left: 3.75rem;
    padding-right: 2.5rem;
}

.c-login-remodal__title {
    text-align: center;
}

.c-login-remodal__lead {
    text-align: center;
    margin-top: 1.0625rem;
    margin-bottom: 1.3125rem;
}

.c-login-remodal__input {
    width: 100%;
    margin-bottom: 1.25rem;
}

.c-login-remodal__form-holder {
    margin-bottom: 1.6875rem;
}

.c-login-remodal__forgot-password {
    float: right;
    font-weight: normal;
    text-decoration: none;
}

.c-login-remodal__login-button {
    width: 47%;
}

.c-login-remodal__register-button {
    width: 47%;
    float: right;
}

.c-login-remodal__facebook-login {
    width: 100%;
    border-color: #3B5998;
    color: #3B5998;
    margin-top: 1.25rem;
    font-size: 0.75rem;
    line-height: 3.5rem;
}

.c-login-remodal__facebook-login .icon {
    margin-right: 0.5rem;
}

.c-login-remodal__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    height: 36.25rem;
    background-image: url("//cdn.falatozz.hu/assets/img/v3/login__right-img.png");
    background-position: center left;
    background-repeat: no-repeat;
}

@media all and (max-width: 56.1875em) {
    .c-login-remodal .tingle-modal-box {
        width: 80%;
    }
    .c-login-remodal__close {
        position: absolute;
        top: 0.3125rem;
        right: 0.3125rem;
        cursor: pointer;
    }
    .c-login-remodal__left {
        padding-bottom: 3.0625rem;
    }
    .c-login-remodal__right {
        display: none;
    }
}

@media all and (max-width: 37.5em) {
    .c-login-remodal {
        padding-top: 0;
    }
    .c-login-remodal__left {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .c-login-remodal__login-button {
        display: block;
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .c-login-remodal__register-button {
        display: block;
        width: 100%;
    }
    .c-login-remodal .tingle-modal-box {
        width: 100%;
    }
}

.c-article {
    padding-top: 1rem;
    padding-bottom: 8.25rem;
    border-top: 0.0625rem solid #e7e7e7;
}

.c-article__title {
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 0.625rem;
}

.c-article__floating-social {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50vh;
}

.c-article__floating-social .facebook {
    color: #A5ABB1;
    width: 1.375rem;
    height: 1.375rem;
}

.c-article__floating-social .google-plus {
    color: #A5ABB1;
    width: 1.125rem;
    height: 0.9375rem;
}

.c-article__floating-social-link {
    display: block;
}

.c-article__floating-social-link:first-child {
    margin-bottom: 1.25rem;
}

.c-article__info {
    font-size: 0.875rem;
    font-style: italic;
    color: #868E96;
    text-align: center;
}

.c-article__date:after {
    content: ' • ';
    color: #94D82D;
}

.c-article__author:before {
    content: url("//cdn.falatozz.hu/assets/img/v3/profile.svg");
    margin-right: 0.4375rem;
}

.c-article__content {
    margin-top: 3.125rem;
}

.c-article__sources {
    float: left;
}

.c-article__social {
    float: right;
}

.c-article__social .facebook {
    color: #A5ABB1;
    width: 1.375rem;
    height: 1.375rem;
}

.c-article__social .google-plus {
    color: #A5ABB1;
    width: 1.125rem;
    height: 0.9375rem;
}

.c-article__social-link:first-child {
    margin-right: 1.25rem;
}

.c-article__source-text {
    display: inline-block;
}

.c-article__source-holder {
    display: inline-block;
}

.c-article__source {
    display: inline-block;
}

.c-article__source:after {
    display: inline-block;
    content: ',';
    padding-right: 0.1875rem;
    color: #495057;
    text-decoration: none;
}

.c-article__source:last-child:after {
    content: none;
}

.c-article__tags {
    margin-top: 1.125rem;
}

.c-article__tag-holder {
    display: inline-block;
}

.c-article__order-btn {
    display: block;
    width: 18.125rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.625rem;
    margin-top: 2.875rem;
}

.c-article__recommended-article-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.1875rem;
}

.c-article__recommended-article {
    text-align: center;
}

.c-recommended-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.c-recommended-article__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 6.25rem;
    height: 6.25rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 0.125rem;
}

.c-recommended-article__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.c-recommended-article__title {
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    color: #212529;
}

@media all and (max-width: 64em) {
    .c-article__floating-social {
        display: none;
    }
}

@media all and (max-width: 48em) {
    .c-article__recommended-article-holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-recommended-article {
        padding-bottom: 2.1875rem;
    }
}

@media all and (max-width: 37.5em) {
    .c-article {
        padding-top: 1.625rem;
        padding-bottom: 0;
    }
    .c-article__title {
        margin-top: 0;
    }
    .c-article__content {
        margin-top: 1.875rem;
    }
    .c-article__social {
        float: none;
    }
    .c-article__sources {
        float: none;
        margin-top: 1.125rem;
    }
    .c-article__source-text {
        font-size: 0.875rem;
    }
    .c-article__tag-text {
        display: block;
        margin-bottom: 0.625rem;
        font-size: 0.875rem;
    }
    .c-article__order-btn {
        margin-top: 1.25rem;
        margin-bottom: 1.875rem;
        width: 100%;
    }
    .c-article__recommended-articles {
        background-color: #F1F3F5;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        padding-top: 2.1875rem;
        padding-bottom: 1.875rem;
    }
    .c-article__recommended-article {
        font-size: 1.25rem;
    }
    .c-recommended-article {
        border-bottom: 0.0625rem solid white;
        padding: 1.25rem 0.75rem;
    }
    .c-recommended-article:first-child {
        padding-top: 0;
    }
    .c-recommended-article:last-child {
        border-bottom: none;
    }
    .c-recommended-article__image {
        width: 4.0625rem;
        height: 4.0625rem;
    }
}

.c-basket {
    position: relative;
    background-color: #F1F3F5;
    padding-top: 1.5625rem;
    padding-bottom: 2.1875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    color: #191C1F;
}

.c-basket .close-icon {
    display: none;
}

.c-basket__top {
    text-align: center;
    padding-bottom: 1.5rem;
    border-bottom: 0.0625rem solid #D8D8D8;
}

.c-basket__title {
    margin-left: 0.75rem;
    vertical-align: middle;
}

.c-basket__subtitle {
    font-family: "Roboto Slab", serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-top: 1.25rem;
}

.c-basket__item {
    padding-top: 1.5625rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #D8D8D8;
}

.c-basket__summary .c-basket__item:last-of-type {
    border-bottom: none;
}

.c-basket__item-name {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 1.25rem;
}

.c-basket__item-modify {
    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;
    margin-top: 1.25rem;
}

.c-basket__item-modify .icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-basket__item-quantity-holder {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    margin-left: 6%;
    margin-right: 6%;
    display: inline-block;
    text-align: center;
}

.c-basket__item-plus {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: white;
    border: 0.0625rem solid #D9D9D9;
    position: relative;
    vertical-align: middle;
}

.c-basket__item-plus:after {
    position: absolute;
    content: '+';
    left: 0.375rem;
}

.c-basket__item-quantity {
    display: inline-block;
    font-size: 0.75rem;
    vertical-align: middle;
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

.c-basket__item-minus {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background-color: white;
    border: 0.0625rem solid #D9D9D9;
    position: relative;
    vertical-align: middle;
}

.c-basket__item-minus:after {
    position: absolute;
    content: '-';
    left: 0.5625rem;
    top: -0.0625rem;
}

.c-basket__item-price {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
}

.c-basket__item-topping {
    font-size: 0.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Roboto Slab", serif;
}

.c-basket__item-topping-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-basket__item-topping-price {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.c-basket__item-type {
    font-size: 0.875rem;
    font-family: "Roboto Slab", serif;
}

.c-basket__item-comment-content {
    font-size: 0.75rem;
}

.c-basket__summary {
    padding-top: 1.25rem;
    padding-bottom: 0.9375rem;
    border-bottom: 0.0625rem solid #D8D8D8;
}

.c-basket__summary-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-basket__summary-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #495057;
    font-size: 0.875rem;
    line-height: 1.875rem;
}

.c-basket__summary-text--emp {
    text-decoration: underline;
    font-weight: 700;
    color: #FB731A;
}

.c-basket__summary-price {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.c-basket__end {
    padding-top: 0.625rem;
}

.c-basket__order-btn {
    margin-top: 2.5rem;
    width: 100%;
}

@media all and (max-width: 48em) {
    .c-basket {
        position: fixed;
        top: 0;
        left: 0;
        background-color: white;
        z-index: 10;
        width: 100%;
        overflow: scroll;
        height: calc(100% - 60px);
        -webkit-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        transform: translateY(100vh);
        -webkit-transition: -webkit-transform ease 0.2s;
        transition: -webkit-transform ease 0.2s;
        -o-transition: transform ease 0.2s;
        transition: transform ease 0.2s;
        transition: transform ease 0.2s, -webkit-transform ease 0.2s;
    }
    .c-basket.show-basket {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .c-basket .close-icon {
        display: block;
        padding: .75rem;
        position: absolute;
        top: 0rem;
        right: .3rem;
        color: #F97C00;
    }
    
    .c-basket .close-icon {
        height: auto;
        width: auto;
    }
    .c-basket .close-icon svg {
        height: 0.75rem;
        width: 0.75rem;
    }
    
    
    
    .c-basket__item {
        padding-top: 0.9375rem;
        padding-bottom: 0.9375rem;
    }
    .c-basket__order-btn {
        display: none;
    }
}

@media all and (max-width: 37.5em) {
    .c-basket {
        padding: 0;
        padding-top: 1.5625rem;
        padding-bottom: 0.75rem;
    }
    .c-basket__item {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-basket__summary {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-basket__end {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.c-basket-extra-remodal {
    background: rgba(172, 172, 172, 0.5);
}

.c-basket-extra-remodal .tingle-modal-box {
    width: 100%;
    border-radius: 0;
    max-width: 48rem;
}

.c-basket-extra-remodal__holder {
    padding-top: 2.5rem;
    padding-left: 2.1875rem;
    padding-right: 2.1875rem;
    padding-bottom: 3rem;
}

.c-basket-extra-remodal__close {
    position: absolute;
    right: 2.1875rem;
    top: 1.875rem;
    color: #F97C00;
}

.c-basket-extra-remodal__title {
    margin-bottom: 1.5625rem;
    font-size: 1.875rem;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    line-height: 2rem;
    color: #191C1F;
    margin-right: 1.5rem;
}

.c-basket-extra-remodal__basket-btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 15rem;
}

.c-basket-extra-remodal__toggles {
    margin-bottom: 1.875rem;
}

.c-basket-extra-remodal__toppings {
    
}

.c-basket-extra-remodal__menu {
    margin-bottom: 2.1875rem;
}

.c-basket-extra-remodal__menu:last-child {
    margin-bottom: 0;
}

.c-basket-extra-remodal__menu-radio {
    font-weight: 700;
    font-family: "Roboto Slab", serif;
}

.c-basket-extra-remodal__menu-contents {
    font-size: 0.875rem;
    margin-top: 0.4375rem;
    margin-bottom: 0.4375rem;
}

.c-basket-extra-remodal__menu-content {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.c-basket-extra-remodal__menu-content label {
    display: inline-block;
    margin-right: 0.625rem;
    font-size: 0.875rem;
    vertical-align: middle;
}

.c-basket-extra-remodal__menu-content span {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 1.875rem;
    vertical-align: middle;
}

.c-hero {
    position: relative;
    background-color: #F8F9FA;
    text-align: center;
    padding-top: 4.0625rem;
    padding-bottom: 5.9375rem;
}

.c-hero__left-img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    height: 37vw;
    max-height: 33.1875rem;
}

.c-hero__left-img--mobile {
    display: none;
}

.c-hero__right-img {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    height: 29vw;
    max-height: 26.125rem;
}

.c-hero__title {
    position: relative;
}

.c-hero__subtitle {
    color: #ADB5BD;
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-top: 0.5625rem;
    margin-bottom: 3rem;
    position: relative;
}

.c-hero__subtitle--mobile {
    display: none;
}

.c-hero__separator {
    max-width: 46.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ADB5BD;
    font-weight: 700;
    font-size: 0.75rem;
    margin: 2.1875rem auto;
    margin-bottom: 1.0625rem;
    line-height: 1.75rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.c-hero__separator:before, .c-hero__separator:after {
    border-top: 1px solid #DEE2E6;
    content: '';
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.c-input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 46.875rem;
    height: 3.75rem;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

.c-input-row__input {
    height: 3.75rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    color: #868E96;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 1.25rem;
    border-radius: 0.125rem;
    position: relative;
    font-size: 0.75rem;
    background-color: white;
}

.c-input-row__bordered-input {
    display: inline-block;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
}

.c-input-row__bordered-input input {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 100%;
}

.c-input-row__bordered-input:after {
    content: '';
    height: 2.5rem;
    width: 0.125rem;
    background-color: #F1F3F5;
    position: absolute;
    right: 0;
    top: 0.625rem;
}

.c-input-row__bordered-input:last-of-type::after {
    display: none;
}

.c-input-row__button {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media all and (max-width: 89.9375em) {
    .c-hero__left-img {
        height: 28vw;
    }
    .c-hero__right-img {
        height: 22vw;
    }
}

@media all and (max-width: 48em) {
    .c-hero__subtitle {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .c-hero__form {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
}

@media all and (max-width: 37.5em) {
    .c-hero {
        padding-top: 1.875rem;
        padding-bottom: 2.8125rem;
    }
    .c-hero__left-img {
        display: none;
    }
    .c-hero__left-img--mobile {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        height: 6.1875rem;
    }
    .c-hero__right-img {
        display: none;
    }
    .c-hero__subtitle {
        max-width: 100%;
        margin-bottom: 1.875rem;
        font-size: 0.875rem;
        display: none;
    }
    .c-hero__subtitle--mobile {
        display: block;
        line-height: 1.1875rem;
    }
    .c-hero__separator {
        display: none;
    }
    .c-hero__form {
        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
    }
    .c-input-row {
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-input-row__bordered-input input {
        width: 100%;
    }
    .c-input-row__bordered-input:after {
        content: none;
    }
    .c-input-row__input {
        margin-bottom: 0.625rem;
        -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
        height: 3.125rem;
    }
    .c-input-row__button {
        margin-top: 1.25rem;
        width: 100%;
    }
}

.c-cities {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 59.375rem;
    margin-left: auto;
    margin-right: auto;
    color: #495057;
    line-height: 1.75rem;
    position: relative;
}

.c-cities__city-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
    list-style: none;
}

.c-cities__city-col li {
    padding-left: 1.75rem;
    position: relative;
}

.c-cities__city-col li:hover {
    background-color: #F1F3F5;
    cursor: pointer;
    color: #FD7E14;
    border-radius: 0.125rem;
}

.c-cities__city-col li:hover:before {
    position: absolute;
    pointer-events: none;
    content: ' ';
    background-image: url("//cdn.falatozz.hu/assets/img/v3/search.svg");
    background-size: 0.6875rem 0.6875rem;
    height: 0.6875rem;
    width: 0.6875rem;
    left: 0.4375rem;
    top: 0.5625rem;
}

@media all and (max-width: 59.3125em) {
    .c-cities__city-col li {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 48em) {
    .c-cities {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .c-cities__city-col {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 33.3%;
        flex: 1 0 33.3%;
        text-align: center;
        margin-bottom: 1rem;
    }
    .c-cities__city-col li {
        font-size: 1rem;
    }
}

@media all and (max-width: 37.5em) {
    .c-cities {
        display: none;
    }
}

.c-connect-form {
    margin-top: 1.875rem;
}

.c-connect-form__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.1875rem;
}

.c-connect-form__input-holder {
    display: inline-block;
    width: 46%;
}

.c-connect-form__send-btn {
    display: block;
    width: 15rem;
    margin-left: auto;
    margin-right: auto;
}

@media all and (max-width: 37.5em) {
    .c-connect-form__holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0.9375rem;
    }
    .c-connect-form__input-holder {
        width: 100%;
    }
}

.c-contact {
    padding-top: 1.75rem;
    padding-bottom: 6.25rem;
    border-top: 0.0625rem solid #e7e7e7;
    color: #212529;
}

.c-contact__title {
    text-align: center;
    margin-top: 1.9375rem;
    margin-bottom: 3.25rem;
}

.c-contact__subtitle {
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    font-size: 1.375rem;
    line-height: 1.5rem;
}

.c-contact__tel-holder {
    margin-top: 1.25rem;
    margin-bottom: 3.125rem;
}

.c-contact__tel {
    margin-right: 3.3125rem;
    margin-bottom: 0.625rem;
}

.c-contact__info {
    margin-bottom: 4.375rem;
}

.c-contact__company-info {
    margin-top: 1.25rem;
    margin-bottom: 3.125rem;
}

.c-contact__c-info {
    margin-bottom: 0.625rem;
}

.c-contact__c-data {
    display: inline-block;
}

.c-contact__c-label {
    display: inline-block;
    font-weight: 700;
}

@media all and (max-width: 37.5em) {
    .c-contact {
        padding-bottom: 1.875rem;
    }
    .c-contact__title {
        margin-top: 0;
        margin-bottom: 1.875rem;
    }
    .c-contact__subtitle {
        font-size: 1.25rem;
    }
    .c-contact__tel-holder {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }
    .c-contact__tel {
        font-size: 1.125rem;
        margin-bottom: 0.9375rem;
    }
    .c-contact__tel:last-child {
        margin-bottom: 0;
    }
    .c-contact__info {
        margin-bottom: 1.875rem;
    }
    .c-contact__company-info {
        margin-bottom: 1.875rem;
    }
}

.c-filter-box {
    border-bottom: 0.0625rem solid #E7E7E7;
    margin-bottom: 1.25rem;
    margin-right: 10px;
}

.c-filter-box:last-child {
    border-bottom: none;
}

.c-filter-box__title {
    position: relative;
    margin-bottom: 1.125rem;
}

.c-filter-box__title .icon {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.c-filter-box__title .icon .arrow-up {
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.c-filter-box__content {
    background-color: white;
    padding-bottom: 0.9375rem;
}

.c-filter-box__checkbox {
    display: none;
    margin-bottom: 0.3125rem;
}

.c-filter-box__checkbox label {
    text-transform: none;
}

.c-filter-box__checkbox:nth-child(-n+8) {
    display: block;
}

.c-filter-box__checkbox.showAll {
    display: block;
}

.c-filter-box__more-categories {
    display: none;
    margin-bottom: 1.125rem;
    margin-top: 0.9375rem;
    color: #FA620D;
}

.c-filter-box--closed .c-filter-box__title .arrow-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media all and (max-width: 48em) {
    .c-filter-box {
        border-bottom: none;
    }
    .c-filter-box__title .icon {
        display: none;
    }
}

.c-filter-remodal {
    background-color: white;
    height: calc(100% - 50px);
}

.c-filter-remodal .tingle-modal-box {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.c-filter-remodal__holder {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 1.8125rem;
}

.c-filter-remodal__close {
    z-index: 10;
    top: 1rem;
    right: 0.75rem;
}

.c-filter-remodal__close .close-icon {
    color: #F97C00;
    width: 0.75rem;
    height: 0.75rem;
}

.c-food-category {
    width: 100%;
    color: #191C1F;
}

.c-food-category__cat-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F1F3F5;
    padding-left: 0.5rem;
    padding-right: 2.5rem;
    border-top: 0.0625rem solid rgba(124, 140, 157, 0.5);
}

.c-food-category__cat-img {
    width: 2.70rem;
    height: 2.70rem;
    margin: 3px 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.c-food-category__cat-name {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    line-height: 2.875rem;
    padding-left: 0.6875rem;
}

.c-food-category__cat-topping {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 0;
}

.c-food-category__cat-topping--mobile {
    display: none;
}

.c-food-category__cat-topping-text {
    display: inline-block;
    font-size: 0.875rem;
    margin-right: 0.375rem;
    vertical-align: middle;
}

.c-food-category__cat-topping-type {
    display: inline-block;
    font-size: 0.875rem;
    vertical-align: middle;
    cursor: pointer;
}

.c-food-category__cat-topping-type:after {
    content: '|';
    margin-left: 0.375rem;
    margin-right: 0.375rem;
}

.c-food-category__cat-topping-type:last-child:after {
    content: none;
}

.c-food-category__cat-topping-type--active {
    color: #FA6813;
    font-weight: 600;
}

.c-food-category__cat-topping-type--active:after {
    color: #191C1F;
    font-weight: 400 !important;
}

.c-food-category .arrow-up {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    cursor: pointer;
}

.c-food-category--closed .arrow-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c-food-category__food-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid #D8D8D8;
    padding-left: 0.5rem;
    padding-right: 2.5rem;
}

.c-food-category__food-row:last-child {
    border-bottom: none;
}

.c-food-category__food-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.75rem;
    flex: 0 0 3.75rem;
    width: 3.75rem;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-food-category__food-info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 1.125rem;
    padding-right: 1.125rem;
}

.c-food-category__food-name {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.c-food-category__food-topping-imgs {
    display: none;
    margin-top: 0.3125rem;
}

.c-food-category__food-topping-name {
    font-size: 0.875rem;
}

.c-food-category__food-topping-name:after {
    content: ', ';
}

.c-food-category__food-topping-name:last-child:after {
    content: none;
}

.c-food-category__food-subcats {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 1.25rem;
}

.c-food-category__food-subcat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    white-space: nowrap;
}

.c-food-category__food-subcat-radio {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: "Roboto Slab", serif;
    font-size: 0.75rem;
    position: relative;
}


.c-food-category__food-subcat-radio.special-price .special-price__text {
    color: #F00;
    font-weight: normal;
    font-size: 1rem;
    padding-right: 0.375rem;
    position: absolute;
    right: 100%;
}

.c-food-category__food-subcat-radio.special-price 
.special-price__text.special-price__text-relative {
    position: relative;
    right: 0;
}

.c-food-category__food-subcat-radio label {
    display: inline-block;
    width: 100%;
    text-align: right;
}

.c-food-category__food-subcat-price {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    margin-left: 0.75rem;
}

.c-food-category .mini-basket {
    position: absolute;
    right: 0.875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.c-food-category .heart {
    position: absolute;
    right: 0.875rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

@media all and (max-width: 56.1875em) {
    .c-food-category__food-subcat {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-bottom: 0.625rem;
        white-space: normal;
    }
    .c-food-category__food-subcat-price {
        margin-left: 0;
        text-align: right;
        white-space: nowrap;
    }
    .c-food-category__food-subcat-radio {
        width: 100%;
    }
    .c-food-category__food-subcat-radio label:before {
        top: auto;
        bottom: 0;
    }
    .c-food-category__food-subcat-radio label:after {
        top: auto;
        bottom: 0.125rem;
    }
}

@media all and (max-width: 48em) {
    .c-food-category__cat-topping {
        display: none;
    }
    .c-food-category__cat-topping--mobile {
        padding-top: 0.125rem;
        padding-bottom: 0.125rem;
        margin-top: -0.5rem;
        display: block;
        text-align: right;
        border-bottom: 0.0625rem solid #DBDBDB;
    }
    
    .c-food-category__cat-topping--mobile .c-food-category__cat-topping-type {
        padding-left: 0.315rem;
    }
    
    .c-food-category__cat-topping--mobile .c-food-category__cat-topping-type::after {
        margin-right: 0;
    }
}

@media all and (max-width: 37.5em) {
    .c-food-category__cat-topping--mobile {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-food-category__food-row {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-food-category__food-img {
        display: none;
    }
    
    .star-food-category .c-food-category__food-img {
        display: block;
    }
    .c-food-category__food-info {
        padding-right: 2.1875rem;
        padding-left: 0;
    }
    .c-food-category .arrow-up {
        right: 0.875rem;
    }
    .c-food-category .mini-basket {
        position: static;
        top: auto;
        right: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .c-food-category .heart {
        position: static;
        top: auto;
        right: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .c-food-category__food-subcats {
        padding-right: 0;
    }
    .c-food-category__food-subcats .icon {
        text-align: right;
    }
}

.c-steps {
    
    padding-top: 3.4375rem;
    padding-bottom: 4.8125rem;
}

.c-step {
    float: left;
    padding-top: 1.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    margin-left: 3%;
    width: 30%;
    display: flex;
}

.c-step .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.75rem;
    flex: 0 0 3.75rem;
}

.c-step__infos {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2.0625rem;
}

.c-step__lead {
    margin-top: 0.625rem;
}

@media all and (max-width: 48em) {
    .c-step {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
    }
    .c-step .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.75rem;
        flex: 0 0 3.75rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .c-step .icon svg {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .c-step__infos {
        padding-right: 0;
    }
}

@media all and (max-width: 37.5em) {
    .c-steps {
        padding-top: 0;
        padding-bottom: 3.4375rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-step {
        padding-top: 1.75rem;
        padding-bottom: 0.625rem;
    }
    .c-step .icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.3125rem;
        flex: 0 0 2.3125rem;
        margin-bottom: 0.3125rem;
    }
}

.c-order {
    padding-top: 4.375rem;
    padding-bottom: 4.8125rem;
    background-color: #F1F3F5;
    position: relative;
}

.c-order__title {
    text-align: center;
    margin-bottom: 2.125rem;
}

.c-order__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-order-step {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 33.3%;
    flex: 1 0 33.3%;
    padding-right: 2.375rem;
    padding-left: 0.8125rem;
    padding-top: 2.1875rem;
}

.c-order-step__number {
    position: absolute;
    color: white;
    font-size: 4.5rem;
    font-weight: 700;
    line-height: 4.5rem;
    top: 0;
    left: 0;
}

.c-order-step__title {
    position: relative;
}

.c-order-step__lead {
    margin-top: 1rem;
}

@media all and (max-width: 37.5em) {
    .c-order {
        display: none;
    }
}

.c-social {
    padding-top: 4.3125rem;
    padding-bottom: 4.8125rem;
    position: relative;
}

.c-social .l-wrap {
    padding: 0;
}

.c-social__left {
    position: absolute;
    left: 0;
    top: -3.4375rem;
}

.c-social__right {
    position: absolute;
    right: 0;
    bottom: -12.5rem;
}

.c-social__title {
    text-align: center;
    margin-bottom: 3.125rem;
}

.c-social__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-social__insta {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding-right: 1.875rem;
}

.c-social__insta-logo {
    margin-bottom: 1.0625rem;
    margin-left: 9.375rem;
}

.c-social .jsInstaFeed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-social__insta-img {
    max-height: 13.75rem;
    margin: 1px;
}

.c-social__reasons {
    list-style: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.c-social__reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.375rem;
}

.c-social__reason .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.875rem;
    flex: 0 0 1.875rem;
    text-align: center;
}

.c-social__text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.25rem;
}

@media all and (max-width: 48em) {
    .c-social__left {
        display: none;
    }
    .c-social__right {
        display: none;
    }
    .c-social__holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-social__insta {
        text-align: center;
        margin-bottom: 4.8125rem;
        padding-right: 0;
    }
    .c-social__insta-logo {
        margin-left: 0;
    }
    .c-social .jsInstaFeed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    }
    .c-social__reasons {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
}

@media all and (max-width: 37.5em) {
    .c-social {
        padding-top: 2.625rem;
        padding-bottom: 2.625rem;
        background-color: #F1F3F5;
    }
    .c-social__insta {
        display: none;
    }
    .c-social__reasons {
        padding: 0;
    }
}

.c-blog-and-receipts {
    padding-top: 4.25rem;
    padding-bottom: 4.875rem;
    background-color: #F1F3F5;
}

.c-blog-and-receipts__title {
    text-align: center;
    margin-bottom: 2.75rem;
}

.c-blog-and-receipts__title--mobile {
    display: none;
}

.c-blog-and-receipts__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-blog-and-receipts__blog {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 2.1875rem;
}

.c-blog-and-receipts__blog article:nth-child(3) {
    display: none;
}

.c-blog-and-receipts__all-blog {
    display: none;
}

.c-blog-and-receipts__receipts {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 1.875rem;
}

.c-blog-and-receipts__all-receipts {
    display: none;
}

@media all and (max-width: 48em) {
    .c-blog-and-receipts__holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-blog-and-receipts__blog {
        padding-right: 0;
        margin-bottom: 3.5625rem;
    }
    .c-blog-and-receipts__receipts {
        padding-left: 0;
    }
}

@media all and (max-width: 37.5em) {
    .c-blog-and-receipts {
        padding-top: 2.6875rem;
        background-color: white;
    }
    .c-blog-and-receipts .l-content {
        padding-right: 0;
    }
    .c-blog-and-receipts__title {
        display: none;
    }
    .c-blog-and-receipts__title--mobile {
        display: block;
        margin-bottom: 1.75rem;
    }
    .c-blog-and-receipts__blog {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-bottom: 0.625rem;
    }
    .c-blog-and-receipts__all-blog {
        display: inline-block;
        width: calc(100% - 15px);
        margin-bottom: 3.5625rem;
    }
    .c-blog-and-receipts__receipts {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        margin-bottom: 1.5625rem;
    }
    .c-blog-and-receipts__all-receipts {
        display: inline-block;
        width: calc(100% - 15px);
    }
}

.c-article-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4.125rem;
    padding-right: 1rem;
}

.c-article-box:last-child {
    margin-bottom: 0;
}

.c-article-box__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10.3125rem;
    flex: 0 0 10.3125rem;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 10.3125rem;
}

.c-article-box__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.875rem;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.c-article-box__info {
    font-style: italic;
    font-size: 0.875rem;
    color: #868E96;
    line-height: 1.25rem;
}

.c-article-box__lead {
    overflow: hidden;
    position: relative;
    line-height: 1.375rem;
    max-height: 4.125rem;
    margin-top: 0.625rem;
    margin-bottom: 0.625rem;
}

@media all and (max-width: 37.5em) {
    .c-article-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0.9375rem;
        margin-right: 1.4375rem;
        margin-bottom: 1.5625rem;
    }
    .c-article-box__image {
        height: 8.75rem;
    }
    .c-article-box__title {
        margin-top: 0.375rem;
        margin-bottom: 0.375rem;
    }
    .c-article-box__lead {
        overflow: hidden;
        position: relative;
        line-height: 1.375rem;
        max-height: 2.75rem;
    }
    .c-article-box__right {
        padding-left: 0;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        justify-content: unset;
    }
}

.c-blog-list {
    position: relative;
    padding-top: 1rem;
    padding-bottom: 3.125rem;
    border-top: 0.0625rem solid #e7e7e7;
}

.c-blog-list__title {
    position: relative;
    text-align: center;
    margin-top: 3.125rem;
    margin-bottom: 0.625rem;
}

.c-blog-list__right-img {
    position: absolute;
    right: 0;
    top: 1.25rem;
    z-index: 0;
}

.c-blog-list__search-and-filter-holder {
    padding-top: 2.3125rem;
}

.c-blog-list__search-and-filter {
    font-family: "Open Sans", sans-serif;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 0.875rem;
    color: #FD7E14;
    text-decoration: underline;
    font-weight: 400;
    cursor: pointer;
}

.c-blog-list__search-and-filter .arrow-up {
    margin-left: 0.3125rem;
    width: 0.625rem;
    height: 0.375rem;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.c-blog-list__search-and-filter--closed .arrow-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c-blog-list__search-and-filter-holder--closed {
    display: none;
}

.c-blog-list__search-and-filter-holder .close-icon {
    display: none;
}

.c-blog-list__search-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 37.5rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 1.875rem;
}

.c-blog-list__search-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 3.75rem;
    color: #868E96;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 1.25rem;
    border-radius: 0.125rem;
    position: relative;
    font-size: 0.75rem;
    background-color: white;
}

.c-blog-list__search-btn {
    width: 10.625rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.c-blog-list__search-icon {
    display: none;
}

.c-blog-list__filter-tag-holder {
    font-size: 0;
    margin-top: 0.625rem;
}

.c-blog-list__filter-tag {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border: 0.0625rem solid #E2E2E2;
    border-radius: 0.125rem;
    font-size: 0.875rem;
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    color: #737B84;
    cursor: pointer;
}

.c-blog-list__article-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2.5rem;
}

.c-blog-list__article-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    margin-bottom: 2.5rem;
}

.c-blog-list__article-box:last-child {
    margin-bottom: 2.5rem;
}

.c-blog-list__more-articles {
    width: 100%;
}

.c-blog-list__search-and-filter-button {
    display: none;
}

@media all and (max-width: 77.4375em) {
    .c-blog-list__right-img {
        display: none;
    }
}

@media all and (max-width: 48em) {
    .c-blog-list__article-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 2.1875rem;
    }
    .c-blog-list__article-box:last-child {
        margin-bottom: 2.1875rem;
    }
}

@media all and (max-width: 37.5em) {
    .c-blog-list {
        padding-top: 1.25rem;
        padding-bottom: 8.75rem;
    }
    .c-blog-list__title {
        margin-top: 0;
        margin-bottom: 0;
    }
    .c-blog-list__search-and-filter {
        display: none;
    }
    .c-blog-list__search-and-filter-holder {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        background-color: white;
        width: 100%;
        z-index: 10;
        overflow: scroll;
        height: calc(100% - 60px);
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 3.75rem;
        -webkit-transition: -webkit-transform ease 0.2s;
        transition: -webkit-transform ease 0.2s;
        -o-transition: transform ease 0.2s;
        transition: transform ease 0.2s;
        transition: transform ease 0.2s, -webkit-transform ease 0.2s;
    }
    .c-blog-list__search-and-filter-holder .close-icon {
        display: inline-block;
        position: absolute;
        top: 1.375rem;
        right: 0.75rem;
        color: #FD7E14;
        width: 0.75rem;
        height: 0.75rem;
    }
    .c-blog-list__search-and-filter-holder--closed {
        -webkit-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        transform: translateY(100vh);
    }
    .c-blog-list__search-row {
        max-width: 100%;
    }
    .c-blog-list__search-text {
        display: none;
    }
    .c-blog-list__search-icon {
        display: inline-block;
    }
    .c-blog-list__filter-tag-holder {
        margin-top: 1.375rem;
    }
    .c-blog-list__filter-tag {
        margin-right: 0.9375rem;
        margin-bottom: 0.9375rem;
    }
    .c-blog-list__article-holder {
        margin-left: -0.75rem;
        margin-right: -0.75rem;
        margin-top: 3.3125rem;
    }
    .c-blog-list__article-box {
        position: relative;
        padding: 1.6875rem 0.75rem;
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-bottom: 0.0625rem solid #E7E7E7;
    }
    .c-blog-list__article-box:first-child {
        padding-top: 0;
    }
    .c-blog-list__article-box:first-child .c-article-box__image {
        top: 0;
    }
    .c-blog-list__article-box:last-child {
        border-bottom: none;
    }
    .c-blog-list__article-box .c-article-box__image {
        position: absolute;
        left: 0.75rem;
        top: 1.6875rem;
        height: 4.6875rem;
        width: 4.6875rem;
    }
    .c-blog-list__article-box .c-article-box__right-holder {
        min-height: 4.6875rem;
    }
    .c-blog-list__article-box .c-article-box__title {
        margin-top: 0;
        padding-left: 5.3125rem;
    }
    .c-blog-list__article-box .c-article-box__info {
        padding-left: 5.3125rem;
    }
    .c-blog-list__search-and-filter-button {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        background-color: #FD7E14;
        border-color: #FD7E14;
        text-transform: none;
        font-family: "Roboto Slab", serif;
        z-index: 10;
        font-size: 1rem;
    }
}

.c-receipt-box {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.c-receipt-box:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-receipt-box__image {
    -webkit-box-flex: 1;
    -ms-flex: 1 auto;
    flex: 1 auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 21.8125rem;
    margin-bottom: 1.5rem;
}

.c-receipt-box__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-receipt-box__info {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-style: italic;
    color: #868E96;
}

.c-receipt-box__info .icon {
    margin-right: 0.3125rem;
}

.c-receipt-box__info .icon .drop {
    margin-left: 0.625rem;
}

.c-receipt-box__read {
    display: none;
    font-style: normal;
    margin-top: 0.4375rem;
}

.c-receipt-box__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-receipt-box__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
}

.c-receipt-box__rating {
    margin-bottom: 0.6875rem;
}

@media all and (max-width: 37.5em) {
    .c-receipt-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 68%;
        flex: 0 0 68%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 2.375rem;
        margin-bottom: 1.5625rem;
    }
    .c-receipt-box__image {
        margin-bottom: 0.375rem;
        height: 8.75rem;
    }
    .c-receipt-box__read {
        display: block;
    }
    .c-receipt-box__right {
        display: none;
    }
}

.c-restaurant {
    padding-top: 1.75rem;
    padding-bottom: 7.5rem;
    border-top: 0.0625rem solid #e7e7e7;
}

.c-restaurant__box {
    position: relative;
    margin-top: 1.75rem;
    padding-top: 3rem;
    padding-bottom: 1.8125rem;
    background-color: #F1F3F5;
}

.c-restaurant__box .c-restaurant-box__holder {
    margin-bottom: 2.5rem;
}

.c-restaurant__box .c-restaurant-box__title {
    margin-top: -0.8125rem;
}

.c-restaurant-box__title {
    line-height: 25px;
}

.c-restaurant-box__infos {
    margin-top: 0rem;
}

.c-restaurant__box-img {
    position: absolute;
    right: 0;
    top: -1.5625rem;
    z-index: 0;
    max-height: 19.3125rem;
    height: 16vw;
}

.c-restaurant__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1.875rem;
}

.c-restaurant__left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-restaurant__toggle-all-categories {
    color: #FA6813;
    margin-bottom: 1.125rem;
    text-align: right;
    cursor: pointer;
}

.c-restaurant__toggle-all-categories .arrow-up {
    color: #FA6813;
    width: 0.625rem;
    height: 0.375rem;
    margin-left: 0.4375rem;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
}

.c-restaurant__toggle-all-categories--closed .arrow-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c-restaurant__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21.875rem;
    flex: 0 0 21.875rem;
    padding-left: 3.125rem;
    padding-top: 2.5625rem;
}

.c-restaurant__menu-title {
    display: none;
}

.c-restaurant__basket-button {
    display: none;
}

.c-restaurant__order-button {
    display: none;
}

@media all and (max-width: 56.1875em) {
    .c-restaurant__right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20.625rem;
        flex: 0 0 20.625rem;
        padding-left: 1.25rem;
    }
}

@media all and (max-width: 48em) {
    
    .c-restaurant__box .c-restaurant-box__holder {
        margin-bottom: 1.5rem;
    }
    
    .c-restaurant {
        padding-bottom: 1.5625rem;
    }
    .c-restaurant__box {
        background: none;
    }
    .c-restaurant__box .c-restaurant-box__info:first-child .c-info-holder__label {
        display: inline-block;
    }
    .c-restaurant__box .c-restaurant-box__info:first-child .c-info-holder__value {
        display: inline-block;
    }
    .c-restaurant__box .c-restaurant-box__tab-holder {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    
    .mobile-screen-arrow {
        position: absolute;
        left: 95%;
        line-height: 3.5;
        display: block;
    }
    
    .c-restaurant__box .c-restaurant-box__tab--active {
        margin-bottom: 0;
    }
    .c-restaurant__box .c-restaurant-box__tab-data-holder {
        display: block;
    }
    .c-restaurant__box-img {
        display: none;
    }
    .c-restaurant__right {
        -webkit-box-flex: 0;
        -ms-flex: 0;
        flex: 0;
        padding: 0;
    }
    .c-restaurant__menu-title {
        display: block;
        text-align: center;
    }
    .c-restaurant__toggle-all-categories {
        display: none;
    }
    .c-restaurant__basket-button {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 50%;
        background-color: #FD7809;
        height: 3.75rem;
        color: white;
        font-weight: 700;
        font-size: 1rem;
        font-family: "Roboto Slab", serif;
        padding-left: 1.25rem;
        z-index: 10;
    }
    .c-restaurant__basket-items {
        font-size: 0.75rem;
        font-weight: normal;
    }
    .c-restaurant__basket-arrow {
        position: absolute;
        left: 0.625rem;
        top: 1.375rem;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .c-restaurant__basket-arrow.show-basket {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .c-restaurant__basket-price {
        margin-left: 0.5rem;
    }
    .c-restaurant__order-button {
        display: block;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 50%;
        background-color: #E12C00;
        height: 3.75rem;
        color: white;
        font-weight: 700;
        font-size: 1rem;
        font-family: "Roboto Slab", serif;
        z-index: 10;
    }
    .c-restaurant__order-button .arrow-down {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-left: 0.5rem;
        vertical-align: middle;
    }
}

@media all and (max-width: 37.5em) {
    .c-restaurant .l-content {
        padding-left: 0;
        padding-right: 0;
    }
    .c-restaurant__box {
        margin-top: 0;
        padding-top: 0;
    }
    .c-restaurant__box .c-restaurant-box {
        border-bottom: none;
    }
    .c-restaurant__box .c-restaurant-box__title {
        margin-top: -0.375rem;
    }
    .c-restaurant__box .c-restaurant-box__rating {
        display: inline-block;
    }
}

.c-registration {
    border-top: 0.0625rem solid #e7e7e7;
    padding-top: 1.25rem;
    padding-bottom: 7.3125rem;
}

.c-registration__title {
    text-align: center;
}

.c-registration__subtitle {
    text-align: center;
    margin-top: 0.375rem;
}

.c-registration__form {
    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;
    margin-top: 4.25rem;
}

.c-registration__input-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
}

.c-registration__input-holder--password {
    margin-top: 5.1875rem;
    margin-bottom: 5.4375rem;
}

.c-registration__inline-input-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-registration__pcode-input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
}

.c-registration__city-select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78%;
    flex: 0 0 78%;
}

.c-registration__house-number-info {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
}

.c-registration-checkboxes {
    margin: 0 auto;
}

.c-registration__acceptAllAndSubmit-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: left;
    margin-bottom: 10px;
}

#acceptAllAndSubmit {
    font-size: 1rem;
}

.c-registration__newsletter-checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: left;
}

.c-registration__newsletter-checkbox label {
    color: #212529;
    font-size: 1rem;
}

.c-registration__terms {
    color: #212529;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 2.875rem;
}

.c-registration__register-btn {
    min-width: 15rem;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem; 
    padding-right: 1rem; 
}

.c-registration__login-btn {
    width: 15rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media all and (max-width: 61.25em) {
    .c-registration__input-holder {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
    }
}

@media all and (max-width: 48em) {
    .c-registration__input-holder {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
}

@media all and (max-width: 37.5em) {
    .c-registration {
        padding-bottom: 3.5625rem;
    }
    .c-registration .l-s-content {
        padding-left: 0;
        padding-right: 0;
    }
    .c-registration__subtitle {
        font-size: 0.75rem;
    }
    .c-registration__form {
        margin-top: 2rem;
    }
    .c-registration__input-holder {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        border-bottom: 0.0625rem solid #E7E7E7;
        padding-top: 1.4375rem;
        padding-bottom: 1.4375rem;
    }
    .c-registration__input-holder:first-child {
        padding-top: 0;
    }
    .c-registration__input-holder--password {
        margin-top: 0;
        margin-bottom: 3.5rem;
        border-bottom: none;
    }
    .c-registration__pcode-input {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 27%;
        flex: 0 0 27%;
    }
    .c-registration__city-select {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 69%;
        flex: 0 0 69%;
    }
    .c-registration__house-number-info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
    }
    .c-registration__newsletter-checkbox {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-registration__newsletter-checkbox .o-checkbox + label {
        padding-left: 0;
        padding-top: 1.4375rem;
        font-size: 0.875rem;
    }
    .c-registration__newsletter-checkbox .o-checkbox + label:before {
        right: 0;
        bottom: auto;
    }
    .c-registration__newsletter-checkbox .o-checkbox + label:after {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
    }
    .c-registration__register-btn {
        width: 100%;
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    .c-registration__terms {
        font-size: 0.875rem;
    }
}

.c-restaurant-box {
    border: 0.0625rem solid #E7E7E7;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 1.25rem;
    color: #2D3134;
    margin-bottom: 3.125rem;
}

.c-restaurant-box--without-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

.c-restaurant-box:last-child {
    margin-bottom: 0;
}

.c-restaurant-box__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.25rem;
}

.c-restaurant-box__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.5rem;
    flex: 0 0 7.5rem;
    position: relative;
}

.c-restaurant-box__left .restaurant-eco-logo {
    left: -10px;
    max-height: 40px;
    max-width: 40px;
    position: absolute;
    top: -10px;
}

.c-restaurant-box__img {
    width: 7.5rem;
    height: 6.9375rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border: 0.01875rem solid #7A7A7A;
}

.c-restaurant-box__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
}

.c-restaurant-box__tag {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.5rem;
    flex: 0 0 7.5rem;
    position: relative;
}

.c-restaurant-box__title-text {
    margin-right: 0.625rem;
}

.c-restaurant-box__rating {
    display: inline-block;
}

.c-restaurant-box__rating:before {
    content: '| ';
    font-weight: 400;
}

.c-restaurant-box__rating--without-separator:before {
    content: none;
}

.c-restaurant-box__rating .star-favourite {
    color: #FD7E14;
    margin-bottom: 0.125rem;
}

.c-restaurant-box__rating-percent {
    display: inline-block;
    vertical-align: middle;
    font-family: "Open Sans", sans-serif;
    font-size: 1rem;
    margin-left: 0.3125rem;
    margin-bottom: 0.25rem;
}

.c-restaurant-box__rating-percent:after {
    content: '%';
}

.c-restaurant-box__info {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.c-restaurant-box__info:first-child {
    border-left: none;
    position: relative;
    
}

.c-restaurant-box__info:first-child .opening-indicator {
    position: absolute;
    left: 0;
    top: 0;
}

.c-restaurant-box__info:first-child .opening-indicator .icon {
    position: absolute;
    left: 0.45em;
    top: 0.35em;
}

.c-restaurant-box__info:first-child .opening-indicator .opened-text,
.c-restaurant-box__info:first-child .opening-indicator .closed-text {
    display: none;
}

.c-restaurant-box__info:first-child .opening-indicator .opened,
.c-restaurant-box__info:first-child .opening-indicator .closed {
    display: none;
}

.c-restaurant-box__info:first-child .opening-indicator--opened .opened {
    display: inline-block;
}

.c-restaurant-box__info:first-child .opening-indicator--closed .closed {
    display: inline-block;
}

.c-restaurant-box__menu-link {
    float: right;
    width: 5.625rem;
}

.c-restaurant-box__tab-holder {
    border-bottom: 0.0625rem solid #DBDBDB;
    margin-bottom: 0.8125rem;
}

.c-restaurant-box__tab {
    display: inline-block;
    font-size: 0.75rem;
    text-transform: uppercase;
    margin-right: 1.625rem;
    color: #494D50;
    letter-spacing: 0.0625rem;
    cursor: pointer;
}

.c-restaurant-box__tab--active {
    color: #FD7E14;
    font-weight: 700;
    border-bottom: 0.1875rem solid #FD7E14;
    margin-bottom: -0.125rem;
}

.c-restaurant-box__tab--menu {
    width: 40%; 
    text-align: center; 
    border-bottom: 0.1875rem solid #494D50;
    font-weight: bold;
}

.c-restaurant-box__tab:last-child {
    margin-right: 0;
}

.c-restaurant-box__tab-data {
    display: none;
    font-size: 0.875rem;
}

.c-restaurant-box__tab-data--active {
    display: block;
}

.c-info-holder {
    display: inline-block;
    border-left: 0.0625rem solid #DBDBDB;
    padding-right: 0.5rem;
    padding-left: 0.9375rem;
    font-size: 0.875rem;
    vertical-align: top;
}

.c-info-holder__value {
    font-weight: normal;
}

@media all and (max-width: 61.25em) {
    .c-restaurant-box__left .c-restaurant-box__menu-link {
        display: block;
        width: 100%;
        height: 1.875rem;
        line-height: 1.75rem;
        margin-top: 0.625rem;
    }
    .c-restaurant-box__infos .c-restaurant-box__menu-link {
        display: none;
    }
}

@media all and (max-width: 48em) {
    .c-restaurant-box {
        padding: 1.25rem 0.75rem;
    }
    .c-restaurant-box:first-child {
        padding-top: 0;
    }
    .c-restaurant-box__holder {
        margin-bottom: 0;
    }
    .c-restaurant-box__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4.6875rem;
        flex: 0 0 4.6875rem;
    }
    .c-restaurant-box__left .c-restaurant-box__menu-link {
        display: block;
    }
    .c-restaurant-box__img {
        width: 6.937rem;
        height: 6.687rem;
    }
    .c-restaurant-box__rating:before {
        color: #DBDBDB;
        font-weight: 400;
    }
    .c-restaurant-box__rating .star-favourite {
        width: 0.75rem;
        height: 0.75rem;
    }
    .c-restaurant-box__rating-percent {
        font-weight: 400;
        font-size: 0.75rem;
    }
    .c-restaurant-box__infos {
        margin-top: 0.5rem;
    }
    .c-restaurant-box__info {
        border: none;
        padding: 0;
        line-height: 1.3125rem;
    }
    .c-restaurant-box__info:first-child {
        padding-left: 0;
    }
    
    .c-restaurant-box__info:first-child .opening-indicator--opened .opened-text {
        display: none;
        color: #59AD23;
        font-weight: 700;
        line-height: 1.5rem;
    }
    
    .c-restaurant-box__info:first-child .opening-indicator--opened + .c-info-holder__label + .c-info-holder__value {
        display: inline-block;
    }
    
    .c-restaurant-box__info:first-child .opening-indicator--closed {
        display: inline-block;
        color: #ED3B37;
        font-weight: 700;
        line-height: 1.5rem;
    }
    .c-restaurant-box__info:first-child .c-info-holder__label {
        display: none;
    }
    .c-restaurant-box__info:first-child .c-info-holder__value {
        display: inline-block;
    }
    
    .c-info-holder__label {
        display: inline-block;
    }
    .c-info-holder__label:after {
        content: ':';
    }
    .c-info-holder__value {
        display: inline-block;
    }
}

.c-restaurant-list {
    padding-top: 1.75rem;
    padding-bottom: 8.75rem;
    border-top: 0.0625rem solid #e7e7e7;
}

.c-restaurant-list__title {
    text-align: center;
    margin-top: 1.75rem;
}

.c-restaurant-list__title-city {
    text-align: left;
}

.c-restaurant-list__filter-tab-holder {
    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-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 25.1875rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.625rem;
}

.c-restaurant-list__promo-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.5625rem;
    margin-bottom: 2.5rem;
}

.c-restaurant-list__promo-img {
    max-width: 49%;
    margin-left: 0.5%;
    margin-right: 0.5%;
}

.c-restaurant-list__promo-img img {
    display: block;
    max-width: 100%;
}

.c-restaurant-list__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.875rem;
}

.c-restaurant-list__filter-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21%;
    flex: 0 0 21%;
    min-width: 12.8125rem;
}

.c-restaurant-list__filter-holder .close-icon {
    display: none;
}

.c-restaurant-list__order-and-restaurant-holder {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding-left: 3.375rem;
}

.c-restaurant-list__order-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.c-restaurant-list__order-holder .o-select select {
    padding-right: 1.5rem;
}

.c-restaurant-list__order-holder-container {
    display: flex;
    justify-content: space-between;
}

.c-restaurant-list__order-text {
    font-weight: 700;
    font-size: 0.875rem;
    margin-right: 0.75rem;
    color: #2D3134;
}

.c-restaurant-list__order-select {
    max-width: 10rem;
    display: inline-block;
}

.c-restaurant-list__restaurant-holder {
    margin-top: 2.5rem;
}

.c-restaurant-list__more-restaurants {
    display: none;
}

.c-restaurant-list__filter-button {
    display: none;
}

.c-restaurant-list .c-restaurant-box:hover {
    background: #E8E8E8;
    cursor: pointer;
}

@media all and (max-width: 48em) {
    .c-restaurant-list {
        padding-top: 1.5625rem;
        padding-bottom: 2.8125rem;
    }
    .c-restaurant-list .l-s-content {
        padding-left: 0;
        padding-right: 0;
    }
    .c-restaurant-list .o-breadcrumb {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-restaurant-list__title {
        margin-top: 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-restaurant-list__filter-tab-holder {
        display: flex !important;
        width: 100%;
        margin-top: 0.875rem;
        height: 100%;
        overflow-x: scroll;
        padding-bottom: 20px;
        scrollbar-color: transparent transparent;
        scroll-behavior: smooth;
    }
    
    .o-filter-tab__img {
        margin: 0.2rem auto 0 auto !important;
    }
    
    .c-restaurant-list__filter-tab-holder .o-filter-tab {
        margin: 0 4px 0.75rem 0;
        padding: 4px !important;
    }
    
    .c-restaurant-list__promo-holder {
        display: none;
    }
    .c-restaurant-list__filter-holder {
        position: fixed;
        top: 0;
        left: 0;
        background-color: white;
        width: 100%;
        z-index: 10;
        overflow: scroll;
        height: calc(100% - 50px);
        padding-left: 1.75rem;
        padding-right: 0.75rem;
        padding-top: 1.25rem;
        -webkit-transform: translateY(110vh);
        -ms-transform: translateY(110vh);
        transform: translateY(110vh);
        -webkit-transition: -webkit-transform ease 0.2s;
        transition: -webkit-transform ease 0.2s;
        -o-transition: transform ease 0.2s;
        transition: transform ease 0.2s;
        transition: transform ease 0.2s, -webkit-transform ease 0.2s;
    }
    .c-restaurant-list__filter-holder.show-filter {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    .c-restaurant-list__filter-holder .close-icon {
        display: block;
        position: absolute;
        top: 0rem;
        right: 0.5rem;
        color: #FD7E14;
        width: auto;
        height: auto;
        z-index: 11;
    }
    
    .c-restaurant-list__filter-holder .close-icon svg {
        height: 0.75rem;
        width: 0.75rem;
    }
    
    .c-restaurant-list__order-and-restaurant-holder {
        padding-left: 0;
    }
    .c-restaurant-list__order-holder {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-restaurant-list__order-text {
        display: none;
    }
    .c-restaurant-list__restaurant-holder {
        margin-top: 1.75rem;
    }
    .c-restaurant-list__more-restaurants {
        display: block;
        width: calc(100% - 24px);
        margin-left: 0.75rem;
        margin-right: 0.75rem;
        margin-top: 2.625rem;
    }
    .c-restaurant-list__filter-button {
        display: block;
        width: 100%;
        position: fixed;
        bottom: 0;
        height: 3.125rem;
        line-height: 3rem;
        background-color: #FD7E14;
        border-color: #FD7E14;
        text-transform: none;
        font-family: "Roboto Slab", serif;
        z-index: 10;
    }
    .c-restaurant-list__more-restaurants {
        display: block;
    }
}

.c-restaurant-info {
    padding-bottom: 6.25rem;
    color: #191C1F;
}

.c-restaurant-info__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-restaurant-info__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46.5625rem;
    flex: 0 0 46.5625rem;
    padding-right: 6.25rem;
}

.c-restaurant-info__title {
    font-size: 1.375rem;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    margin-bottom: 0.8125rem;
}

.c-restaurant-info__content {
    font-size: 0.875rem;
}

.c-restaurant-info__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media all and (max-width: 48em) {
    .c-restaurant-info {
        padding-bottom: 1.5625rem;
    }
    .c-restaurant-info__left {
        display: none;
    }
}

.c-order-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-order-address__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1.1;
    -ms-flex: 1.1;
    flex: 1.1;
    background-color: #F1F3F5;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-evenly;
    padding-top: 4.0625rem;
    padding-bottom: 3.75rem;
}

.c-order-address__holder {
    max-width: 36rem;
}

.c-order-address__title {
    margin-bottom: 2.625rem;
}

.c-order-address__subtitle {
    margin-bottom: 1rem;
    position: relative;
}

.c-order-address__address-radio {
    margin-bottom: 0.5rem;
}

.c-order-address__separator {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.c-order-address__separator:before, .c-order-address__separator:after {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.c-order-address__settlement-input {
    width: 100%;
    margin-bottom: 0.625rem;
    color: #868E96;
}

.c-order-address__street-input {
    float: left;
    width: 71%;
    color: #868E96;
}

.c-order-address__house-number-input {
    float: right;
    width: 25%;
    color: #868E96;
}

.c-order-address__separator-text {
    color: #79818A;
    font-weight: normal;
}

.c-order-address__right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media all and (max-width: 48em) {
    .c-order-address__right {
        display: none;
    }
}

@media all and (max-width: 37.5em) {
    .c-order-address__title {
        text-align: center;
        margin-bottom: 1.625rem;
    }
    .c-order-address__left {
        padding-top: 1.5rem;
        padding-bottom: 1.9375rem;
    }
    .c-order-address__street-input {
        width: 64%;
    }
    .c-order-address__house-number-input {
        width: 32%;
    }
}

.c-order-remodal {
    background: rgba(172, 172, 172, 0.5);
}

.c-order-remodal .tingle-modal-box {
    max-width: 40rem;
    width: 100%;
    border-radius: 0;
}

.c-order-remodal__main-title {
    font-size: 0.75rem;
    left: 0.875rem;
    line-height: 2.1875rem;
    position: absolute;
    top: 0.315rem;
    max-width: 90%;
}

.c-order-remodal__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.25rem 0.75rem;
    padding-top: 3.25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.c-order-remodal__left {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.c-order-remodal__right {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
}

.c-order-remodal__title {
    font-weight: 700;
    margin-bottom: 0.625rem;
}

.c-order-remodal__save {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.9375rem;
    flex: 0 0 5.9375rem;
    margin-top: 2.375rem;
}

.c-order-remodal table {
    
}

.c-order-remodal table th {
    padding-top: 0.5rem;
}

.c-order-remodal table th:first-child {
    text-align: left;
}

.c-order-remodal table td:first-child {
    text-align: left;
}

.c-order-remodal table td:last-of-type {
    text-align: center;
}

.c-order-address-remodal {
    background: rgba(172, 172, 172, 0.5);
}

.c-order-address-remodal .tingle-modal-box {
    width: 100%;
    border-radius: 0;
    max-width: 25rem;
}

.c-order-address-remodal__holder {
    padding-top: 2.875rem;
    padding-bottom: 3.125rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.c-order-address-remodal__subtitle {
    margin-top: 0.1875rem;
    font-size: 0.875rem;
}

.c-order-address-remodal__address-form {
    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;
    margin-top: 1.6875rem;
}

.c-order-address-remodal__address-part {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0.9375rem;
}

.c-order-address-remodal__address-part--pcode {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 28%;
    flex: 0 0 28%;
}

.c-order-address-remodal__address-part--city {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 69%;
    flex: 0 0 69%;
}

.c-order-address-remodal__address-part--street {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.c-order-address-remodal__address-part--number {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
}

.c-order-address-remodal__address-part label {
    display: block;
    font-weight: 700;
    margin-bottom: 0.3125rem;
}

.c-order-address-remodal__address-part input {
    color: #212529;
}

.c-order-address-remodal__modify {
    display: block;
    width: 12.5rem;
    margin-top: 0.75rem;
    margin-left: auto;
    margin-right: auto;
}

@media all and (max-width: 37.5em) {
    .c-order-address-remodal__holder {
        padding-top: 2.875rem;
        padding-bottom: 3.5rem;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-order-address-remodal__subtitle {
        font-size: 0.75rem;
    }
    .c-order-address-remodal__modify {
        width: 100%;
    }
}

.c-order-summary {
    padding-top: 1.25rem;
    padding-bottom: 8.125rem;
    border-top: 0.0625rem solid #e7e7e7;
    color: #212529;
}

.c-order-summary__title {
    text-align: center;
    margin-bottom: 1.375rem;
}

.c-order-summary__subtitle {
    text-align: center;
}

.c-order-summary__subtext {
    text-align: center;
    margin-top: 0.375rem;
    margin-bottom: 2.5rem;
}

.c-order-summary__coupon {
    margin-top: 2.0625rem;
    margin-bottom: 4.375rem;
}

.c-order-summary__coupon input {
    max-width: 18.75rem;
    margin-right: 0.625rem;
}

.c-order-summary__datas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3.0625rem;
    margin-bottom: 3rem;
    border-bottom: 0.0625rem solid #E7E7E7;
}

.c-order-summary__input-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
}

.c-order-summary__payment {
    margin-top: 2.5rem;
    margin-bottom: 2.6875rem;
}

.c-order-summary__payment-desktop {

}

.c-order-summary__payment-item {
    margin-bottom: 1.25rem;
}

.c-order-summary__payment-item .c-toggle-box {
    display: inline-block;
    text-align: left;
}

.c-order-summary__payment-item .c-toggle-box__content {
    margin-left: 1rem;
}

.c-order-summary__payment-item .c-toggle-box__content .o-radio {

    margin-left: 2rem;
}

.bigfish-enabled .c-order-summary__payment-item .c-toggle-box__content .o-radio {
    display: inline-block;
}

.c-order-summary__payment-item .o-radio {
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
}

.c-order-summary__address-label {
    float: left;
}

.c-order-summary__new-address {
    float: right;
}

.c-order-summary__payment-title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    font-size: 1.375rem;
    margin-bottom: 1.5rem;
}

.c-order-summary__shipping, .c-order-summary__service {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
    text-align: center;
}

.c-order-summary__shipping-price, .c-order-summary__service-price {
    font-weight: 700;
}

.c-order-summary__end {
    text-align: center;
}

.c-order-summary__terms {
    text-align: center;
    font-size: 0.875rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

.c-order-summary__end-row {
    position: relative;
    height: 3.75rem;
}

.c-order-summary__back-to-menu {
    position: absolute;
    left: 0;
    line-height: 3.75rem;
}

.c-order-summary__finalize-btn {
    position: absolute;
    width: 15rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.c-order-basket__title {
    font-weight: 700;
    margin-bottom: 0.9375rem;
}

.c-order-basket__content {
    border-top: 0.0625rem solid #D8D8D8;
    border-bottom: 0.0625rem solid #D8D8D8;
}

.c-order-basket__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 0.0625rem solid #D8D8D8;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.c-order-basket__item:first-child {
    border-top: none;
}

.c-order-basket__img {
    height: 3.75rem;
    width: 3.75rem;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}

.c-order-basket__info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding-left: 1rem;
}

.c-order-basket__name {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.c-order-basket__restaurant {
    font-size: 0.875rem;
}

.c-order-basket__quantity {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.875rem;
    color: #868E96;
    text-align: center;
}

.c-order-basket__price {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

@media all and (max-width: 37.5em) {
    .c-order-summary {
        padding-bottom: 2.375rem;
    }
    .c-order-summary__title {
        margin-bottom: 2.1875rem;
    }
    .c-order-summary__subtext {
        font-size: 0.75rem;
        margin-bottom: 1.375rem;
    }
    .c-order-summary__coupon {
        margin-bottom: 2.5rem;
    }
    .c-order-summary__coupon input {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0.625rem;
    }
    .c-order-summary__coupon-label {
        font-size: 1.25rem !important;
    }
    .c-order-summary__coupon-validate {
        width: 100%;
    }
    .c-order-summary__datas {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0;
        border-bottom: 0;
        margin-bottom: 2rem;
    }
    .c-order-summary__payment {
        margin-bottom: 0;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .c-order-summary__payment .c-toggle-box__content {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        padding-top: 0;
    }
    .payment-cash .c-toggle-box__content {
        padding-bottom: 0;
    }
    .c-order-summary__terms {
        margin-top: 1.5rem;
        margin-bottom: 2.5rem;
    }
    .c-order-summary__end-row {
        height: auto;
    }
    .c-order-summary__finalize-btn {
        position: static;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .c-order-summary__back-to-menu {
        position: static;
        display: block;
        text-align: center;
        line-height: auto;
    }
    .c-order-basket__title {
        font-size: 1.25rem;
    }
    .c-order-basket__content {
        border-top: none;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .c-order-basket__item {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .c-order-basket__img {
        display: none;
    }
    .c-order-basket__info {
        padding: 0;
    }
}

.c-profile-data {
    position: relative;
    background-color: white;
    padding-top: 4.0rem;
    padding-bottom: 4.0rem;
}

.c-profile-data__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 26.875rem;
    margin-left: auto;
    margin-right: auto;
    color: #2D3134;
}

.c-profile-data__left-img {
    position: absolute;
    left: 0;
    top: 60%;
    -webkit-transform: translateY(-47%);
    -ms-transform: translateY(-47%);
    transform: translateY(-47%);
    z-index: 0;
    height: 37vw;
    max-height: 33.1875rem;
}

.c-profile-data__last-logged-in {
    font-size: 0.875rem;
    line-height: 1rem;
    color: #ADB5BD;
    margin-bottom: 0.625rem;
}

.c-profile-data__right {
    padding-left: 1.6875rem;
}

.c-profile-data__connect-with-facebook {
    font-size: 0.875rem;
    color: #3B5998;
    font-weight: 700;
    margin-top: 2.375rem;
    max-width: 15rem;
}

.c-profile-data__connect-with-facebook span {
    margin-left: 0.375rem;
}

@media all and (max-width: 64em) {
    .c-profile-data__left-img {
        display: none;
    }
}

@media all and (max-width: 37.5em) {
    .c-profile-data {
        padding-top: 2.0625rem;
        padding-bottom: 2.5rem;
    }
    .c-profile-data__holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .c-profile-data__right {
        padding-left: 0;
    }
    .c-profile-data__profile-img {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0.625rem;
    }
    .c-profile-data__field {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .c-profile-data__field .c-inline-editable__icon {
        display: none;
    }
    .c-profile-data__last-logged-in {
        text-align: center;
        line-height: 1.75rem;
    }
    .c-profile-data__connect-with-facebook {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1.6875rem;
    }
}

.c-input-with-label {
    position: relative;
    min-height: 5.6875rem;
}

.c-input-with-label label {
    font-size: 0;
    display: block;
}

.c-input-with-label__label {
    display: inline-block;
    font-weight: 700;
    color: #212529;
    position: relative;
    padding-right: 0.5625rem;
    font-size: 1rem;
}

.c-input-with-label__label--required:after {
    content: '*';
    position: absolute;
    right: 0;
    top: -0.125rem;
    margin-left: 0.5625rem;
    font-weight: normal;
    font-size: 0.75rem;
}

.c-input-with-label__additional-label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    margin-left: 0.25rem;
    color: #212529;
}

.c-input-with-label__error-text {
    display: none;
    width: 100%;
    color: #FF6B6B;
    font-weight: 700;
    font-style: italic;
    font-size: 0.75rem;
    padding-left: 0.25rem;
    border: 0.0625rem solid #C4C4C4;
    border-top: none;
    border-bottom-left-radius: 0.125rem;
    border-bottom-right-radius: 0.125rem;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5);
}

.c-input-with-label .o-input--error + .c-input-with-label__error-text,
.c-input-with-label .o-select--error + .c-input-with-label__error-text {
    display: block;
}

@media all and (max-width: 37.5em) {
    .c-input-with-label__label {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 28.0625em) {
    .c-input-with-label__additional-label {
        display: inline-block;
        margin-bottom: 0.375rem;
        margin-left: 0;
    }
}

.c-inline-editable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.c-inline-editable__icon {
    margin-right: 0.3125rem;
}

.c-inline-editable__edit {
    cursor: pointer;
}

.c-inline-editable__input {
    display: inline-block;
    margin-right: 0.5rem;
    min-height: 1.6875rem;
    background-color: transparent;
    width: 70%;
}

.c-inline-editable__input:not([disabled]) {
    border: 0.0625rem solid #D8D8D8;
    border-radius: 0.125rem;
    padding-left: 7px;
    padding-right: 7px;
}

.c-inline-editable__input:disabled {
    -webkit-text-fill-color: #212529;
}

.c-inline-editable__ok-btn {
    display: none;
}

.c-profile-favourites {
    padding-top: 4.25rem;
    padding-bottom: 3rem;
    background-color: #F1F3F5;
}

.c-profile-favourites__title {
    text-align: center;
    margin-bottom: 1.75rem;
}

.c-profile-favourites__subtitle {
    margin-bottom: 1.125rem;
}

.c-profile-favourites__restaurants {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.c-profile-favourites__r-label {
    margin-right: 0.75rem;
    margin-bottom: 0.75rem;
}

.c-profile-favourites__food-table {
    margin-bottom: 0.8125rem;
}

.c-profile-favourites__food-table .basket {
    width: 1.5rem;
    height: 1.3125rem;
    color: #FD7E14;
}

.c-profile-favourites__food-table .close-icon {
    width: 0.5625rem;
    height: 0.5625rem;
    color: #B5B5B5;
}

.c-profile-favourites__more-food {
    float: right;
}

@media all and (max-width: 37.5em) {
    .c-profile-favourites {
        padding-top: 2.125rem;
        padding-bottom: 2.25rem;
    }
    .c-profile-favourites .l-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .c-favourite-food-table__food {
        font-weight: 700;
    }
    .c-favourite-food-table__restaurant {
        font-size: 0.75rem;
        line-height: 1.125rem;
    }
    .c-favourite-food-table__icon {
        width: 2.6875rem;
    }
}

.c-profile-orders {
    position: relative;
    padding-top: 4.1875rem;
    padding-bottom: 3rem;
    background-color: white;
}

.c-profile-orders__right-img {
    position: absolute;
    right: 0;
    top: -2.9rem;
    z-index: 0;
}

.c-profile-orders__title {
    text-align: center;
}

.c-profile-orders__subtitle {
    margin-top: 1.5625rem;
}

.c-profile-orders__orders-table {
    margin-top: 2.1875rem;
    margin-bottom: 0.8125rem;
}

.c-profile-orders__address-table {
    margin-bottom: 0.8125rem;
}

.c-profile-orders__address-table .close-icon {
    width: 0.5625rem;
    height: 0.5625rem;
    color: #B5B5B5;
}

.c-profile-orders__add-address {
    width: 12.5rem;
    float: right;
}

.c-profile-orders__add-address--mobile {
    display: none;
}

.c-profile-orders__more-orders {
    float: right;
}

.c-addresses-table__comment {
    padding-right: 2.5rem;
}

.c-addresses-table__icon {
    width: 2.375rem;
    cursor: pointer;
}

@media all and (max-width: 64em) {
    .c-profile-orders__right-img {
        display: none;
    }
}

@media all and (max-width: 37.5em) {
    .c-profile-orders {
        padding-top: 2.125rem;
        padding-bottom: 4.4375rem;
    }
    .c-profile-orders .l-wrap {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .c-profile-orders__orders-table {
        margin-top: 1.125rem;
        margin-bottom: 0.8125rem;
    }
    .c-profile-orders__address-table {
        margin-top: 1.25rem;
    }
    .c-profile-orders__add-address {
        display: none;
    }
    .c-profile-orders__add-address--mobile {
        display: block;
        float: none;
        width: 18.4375rem;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2.1875rem;
    }
    .c-orders-table__date {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        font-size: 0.75rem;
        line-height: 1.0625rem;
    }
    .c-orders-table__restaurant {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size: 0.75rem;
        line-height: 1.0625rem;
    }
    .c-orders-table__food {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .c-orders-table__food-item {
        position: relative;
        font-weight: 700;
        padding-left: 0.625rem;
    }
    .c-orders-table__food-item:before {
        content: ".";
        font-size: 1.5rem;
        position: absolute;
        left: 0;
        top: -0.4375rem;
    }
    .c-orders-table__feedback {
        display: none;
    }
    .c-orders-table__delivery-time {
        display: none;
    }
    .c-orders-table__icon {
        display: initial;
        width: 3.0625rem;
    }
    .c-addresses-table__address {
        display: block;
        font-weight: 700;
    }
    .c-addresses-table__comment:before {
        display: block;
        content: attr(data-label);
        text-transform: uppercase;
        font-size: 0.75rem;
        line-height: 1.0625rem;
        margin-top: 0.625rem;
    }
}

.c-profile-cities {
    position: relative;
    padding-top: 3.75rem;
    padding-bottom: 4.375rem;
    background-color: #F8F9FA;
}

.c-profile-cities__left-img {
    position: absolute;
    left: 0;
    bottom: -5.625rem;
}

@media all and (max-width: 37.5em) {
    .c-profile-cities {
        display: none;
    }
}

.c-other-restaurants {
    padding-top: 4.375rem;
    padding-bottom: 5rem;
    background-color: #F1F3F5;
}

.c-other-restaurants__title {
    margin-bottom: 3.75rem;
    text-align: center;
}

.c-other-restaurants__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-other-restaurants__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-other-restaurants__item-img {
    height: 7.5rem;
    width: 7.5rem;
    margin-left: auto;
    margin-right: auto;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.c-other-restaurants__item-name {
    text-align: center;
    margin-top: 1.25rem;
    font-family: "Roboto Slab", serif;
}

.c-other-restaurants__more-restaurants {
    display: none;
}

@media all and (max-width: 48em) {
    .c-other-restaurants__holder {
        margin-bottom: 1.4375rem;
    }
    .c-other-restaurants__item {
        display: none;
    }
    .c-other-restaurants__item:nth-child(-n+4) {
        display: block;
    }
    .c-other-restaurants__more-restaurants {
        display: block;
        width: 100%;
        max-width: 18.5rem;
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (max-width: 37.5em) {
    .c-other-restaurants {
        padding-top: 2.1875rem;
        padding-bottom: 2.5rem;
    }
    .c-other-restaurants__title {
        margin-bottom: 1.6875rem;
    }
    .c-other-restaurants__item {
        display: none;
    }
    .c-other-restaurants__item:nth-child(-n+4) {
        display: none;
    }
    .c-other-restaurants__item:nth-child(-n+3) {
        display: block;
    }
    .c-other-restaurants__item-img {
        height: 4.0625rem;
        width: 4.375rem;
    }
}

.c-toggle-box {
    color: #191C1F;
}

.c-toggle-box__top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #F1F3F5;
    padding-left: 1.0625rem;
    padding-right: 2.5rem;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
    border-top: 0.0625rem solid rgba(124, 140, 157, 0.5);
}

.c-toggle-box__title {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.c-toggle-box .arrow-up {
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    -webkit-transition: -webkit-transform 300ms ease;
    transition: -webkit-transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
    transition: transform 300ms ease, -webkit-transform 300ms ease;
    cursor: pointer;
}

.c-toggle-box--closed .c-toggle-box__content {
    display: none;
}

.c-toggle-box--closed .arrow-up {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c-toggle-box__content {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
}

.c-text {
    padding-top: 1rem;
    padding-bottom: 6.25rem;
    border-top: 0.0625rem solid #e7e7e7;
    color: #212529;
}

.c-text__title {
    text-align: center;
    margin-top: 1.875rem;
    margin-bottom: 3.75rem;
}

.c-text__subtitle {
    font-size: 1.375rem;
    font-weight: 700;
    font-family: "Roboto Slab", serif;
    line-height: 2rem;
    margin-bottom: 0.8125rem;
    margin-top: 3.125rem;
}

@media all and (max-width: 37.5em) {
    .c-text {
        padding-bottom: 1.875rem;
    }
    .c-text__title {
        margin-top: 0;
        margin-bottom: 1.875rem;
    }
    .c-text__subtitle {
        font-size: 1.25rem;
    }
}

.c-formatted-text h2, .c-formatted-text h3, .c-formatted-text h4, .c-formatted-text h5, .c-formatted-text h6 {
    font-family: "Roboto Slab", serif;
    font-weight: 700;
    margin-bottom: 1.125rem;
    margin-top: 3.125rem;
    font-size: 1.375rem;
    line-height: 2rem;
}

.c-formatted-text p {
    margin-bottom: 1.625rem;
    line-height: 1.625rem;
}

.c-formatted-text a {
    color: #FD7E14;
}

.c-formatted-text ol {
    list-style-position: inside;
    padding-left: 0;
}

.c-formatted-text ul {
    list-style: none;
    margin-bottom: 1.875rem;
}

.c-formatted-text ul li {
    margin-bottom: 0.625rem;
}

.c-formatted-text ul li:before {
    content: '●';
    color: #FD7E14;
    margin-right: 1.25rem;
    font-size: 1.25rem;
}

.c-formatted-text ol {
    list-style-position: inside;
    padding: 0;
    margin-bottom: 1.875rem;
}

.c-formatted-text ol strong {
    display: block;
    font-weight: 700;
    font-style: italic;
    margin-top: 3.125rem;
}

.c-formatted-text ol li {
    margin-bottom: 0.625rem;
}

.c-formatted-text ol li:before {
    content: '';
    margin-left: 0.9375rem;
}

.c-formatted-text img {
    display: inline-block;
    margin-bottom: 2.5rem;
    margin-left: auto;
    margin-right: auto;
}

.c-formatted-text .lead-image {
    float: left;
    margin-right: 2rem;
    margin-bottom: 2rem;
}

.c-formatted-text blockquote {
    background-color: #FEE5CC;
    font-size: 1.125rem;
    font-style: italic;
    line-height: 1.75rem;
    padding: 1.6875rem 1.875rem;
    margin-bottom: 2.25rem;
}

@media all and (max-width: 37.5em) {
    .c-formatted-text  h2, .c-formatted-text  h3, .c-formatted-text  h4, .c-formatted-text  h5, .c-formatted-text  h6 {
        font-size: 1.25rem;
        line-height: 1.625rem;
        margin-top: 1.875rem;
    }
    .c-formatted-text  p {
        margin-bottom: 1.3125rem;
    }
    .c-formatted-text  img {
        margin-bottom: 1.3125rem;
    }
    .c-formatted-text  blockquote {
        margin-bottom: 1.3125rem;
        font-size: 1rem;
        padding: 1.6875rem 1.375rem;
        margin-left: -0.75rem;
        margin-right: -0.75rem;
    }
    .c-formatted-text  ol strong {
        margin-top: 1.875rem;
    }

    .specialPriceOrigText {
        display: inline-flex;
    }

    .o-tooltip-special {
        display: block;
        padding: 0 3px;
    }

    .o-tooltip-special:before {
        background-color: #000000;
        color: #fff;
        white-space: break-spaces !important;
    }
    
    .o-tooltip-special:after {
        border-top: 0.3125rem solid #000000;
        overflow:hidden;
    }

    .specialPrice-info-mobile-text {
        position: absolute;
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
        background-color: black;
        color: white;
        padding: 8px;
        border-radius: 5px;
        font-size: 14px;
        white-space: nowrap;
        white-space: normal; 
        width: 100%;
    }
}

.c-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    min-height: 5.625rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-logos__img-holder {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    padding: 0 0.3125rem;
}

.c-logos__img-holder.partner {
    margin-left: 1rem;
    order: 1;
}

@media all and (max-width: 48em) {
    .c-logos {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .c-logos__img-holder {
        padding-top: 1.875rem;
        padding-bottom: 1.875rem;
    }
}

@media all and (max-width: 37.5em) {
    .c-logos {
        margin-top: 1.875rem;
    }
    .c-logos__img-holder {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 1.875rem;
        width: 25%;
        text-align: center;
    }
    .c-logos__img-holder.mastercard {
        /*-webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;*/
        width: 65%;
    }
    .c-logos__img-holder.third {
        width: 30%;
    }
}

.c-sitemap {
    position: relative;
    font-family: "Open Sans", sans-serif;
    background-color: #343A40;
    padding-top: 4.6875rem;
    padding-bottom: 4.4375rem;
}

.c-sitemap .l-wrap {
    padding: 0;
}

.c-sitemap__illustration {
    position: absolute;
    right: 0;
    top: 0;
}

.c-sitemap__holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 236px);
    padding-left: 6.25rem;
}

.c-sitemap__col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    list-style: none;
}

.c-sitemap__col li {
    color: #ADB5BD;
    margin-bottom: 0.625rem;
}

.c-sitemap__col li h2 {
    font-size: inherit;
}

.c-sitemap__col li:first-child {
    color: #868E96;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.8125rem;
}

.c-sitemap__col li.logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #868E96;
}

.c-sitemap__col li.logos .icon {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media all and (max-width: 90em) {
    .c-sitemap__holder {
        padding-right: 6.25rem;
    }
}

@media all and (max-width: 71.25em) {
    .c-sitemap__holder {
        padding-right: 0;
    }
}

@media all and (max-width: 64em) {
    .c-sitemap__illustration {
        width: 8.25rem;
    }
    .c-sitemap__holder {
        width: calc(100% - 132px);
    }
}

@media all and (max-width: 56.1875em) {
    .c-sitemap .l-wrap {
        padding-left: 2.1875rem;
        padding-right: 2.1875rem;
    }
    .c-sitemap__illustration {
        display: none;
    }
    .c-sitemap__holder {
        width: 100%;
        padding-left: 0;
    }
}

@media all and (max-width: 37.5em) {
    .c-sitemap {
        padding-top: 2.5rem;
        padding-bottom: 0;
    }
    .c-sitemap__holder {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .c-sitemap__col {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        width: 50%;
        margin-bottom: 1.25rem;
    }
    .c-sitemap__col li:first-child {
        margin-bottom: 0.625rem;
    }
}

.c-footer__end {
    background-color: #F1F3F5;
}

.c-footer__end .l-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5.5rem;
}

.c-footer__copyright {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #868E96;
}

.c-footer__pw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: right;
    color: #868E96;
}

.c-footer__pw-text {
    margin-right: 0.6875rem;
    font-weight: 600;
}

.c-footer__pw-text a {
    text-decoration: none;
    color: inherit;
}

@media all and (max-width: 37.5em) {
    .c-footer__end .l-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 1.375rem;
        padding-bottom: 1.5rem;
    }
    .c-footer__copyright {
        text-align: center;
        margin-bottom: 1.875rem;
    }
}




/********************************************

    Alap stílusok kiegészítése innentől

********************************************/

.c-sitemap__col li a {
    color: #adb5bd;
    text-decoration: none;
}

.c-sitemap__col li a:hover {
    text-decoration: underline;
}

.t3 a,
.c-cities a,
.o-breadcrumb__item a,
.c-other-restaurants__item a {
    color: inherit;
    text-decoration: none;
}

.o-label.c-profile-favourites__r-label,
.c-favourite-food-table__icon .icon,
.close-icon {
    cursor: pointer;
}

.c-header__basket.empty {
    display: none;
}

.ui-autocomplete.ui-front {
    z-index: 1001;
}

.aggregate-rating, .schema-rating {
    left: -10000px;
    position: absolute;
    top: -10000px;
}

.c-other-restaurants__more-button {
    margin-top: 2em;
    text-align: center;
}

.c-food-category__food-img,
.c-food-category__food-img img {
    height: 60px;
    width: 60px;
}

.o-radio__input-element + label {
    min-height: 13px;
}

.c-restaurant-box__vouchers div {
    margin: 5px; 
}

.c-restaurant-box__vouchers span img {
    max-height: 27px;
    max-width: 50px;
}

.c-restaurant-box__vouchers span.masterpass img {
    max-height: 27px;
    max-width: 115px;
    width: auto;
}

.velocity-animating { transition: none }

.c-food-category__food-subcat-price {
    min-width: 3.6em;
    text-align: right;
}

.c-food-category__cat-row {
    padding-right: 0.5rem;
}

.c-food-category__cat-row .icon {

    cursor: pointer;
    padding: 7px 10px;
}

.c-food-category__cat-row .icon .arrow-up {
    position: relative;
    top: initial;
    right: initial;
}

.c-food-category__cat-topping-type {
    line-height: 40px;
}

.c-food-category__food-subcats.hide-radio-button input[type=radio] + label::before,
.c-food-category__food-subcats.hide-radio-button input[type=radio] + label::after {
    display: none;
}

.c-food-category__food-subcats.hide-radio-button input[type=radio] + label {
    padding-left: 0;
}

.c-restaurant-box__rating > div {
    display: inline-block;
}

.two-column-div {
    column-count: 2;
}

.c-basket-extra-remodal__toppings {
    display: initial;
}

.c-basket-extra-remodal__toppings .o-select {
    display: inline-block;
    margin: 3px 3px;
    width: calc(50% - 8px - 0.1250rem);
}

.tingle-enabled {
    position: initial;
}

.c-restaurant__basket {

}

.c-basket-extra-remodal-column {
    float: left;
    display: inline-block;
    vertical-align: top;
    width: 30%;
}

.c-order-basket__restaurant span:after {
    content: ',';
    display: inline-block;
}

.c-order-basket__restaurant span:last-of-type:after {
    content: ''
}

.c-order-summary__payment-title {
    margin-bottom: 0.5rem;
}

.c-order-summary__payment-icons {
    display: inline-block;
    margin-left: 2rem;
}

.c-order-summary__payment-icons img {
    max-height: 20px;
}

.c-order-summary__payment-tokens {
    margin-left: 1rem;
}

.c-connect-form__holder {
    display: block;
    margin: 0 auto;
    max-width: 47.5rem;
}

.c-connect-form__input-holder {
    vertical-align: top;
    margin-right: 3%;
}

.c-article__social-link {
    vertical-align: bottom;
}

.c-article__social-link:first-child {
    margin-right: 0.25rem;
}

.o-tag > a {
    color: inherit;
    text-decoration: inherit;
}

.o-tag-active {
    background-color: #FB7D05;
    color: white;
    border-color: #FB7D05;
}

.c-article__info-category h2 {
    font-size: inherit;
    text-decoration: none;
}
.c-article__info-category {
    font-size: inherit;
    text-decoration: none;
}

.c-article__info img {
    margin-top: 2.25rem;
}

.c-recipes-blockquote {
    text-align: center;
}

.c-recipes-blockquote small {
    font-size: 0.7rem;
}

svg:empty {
  display: none;
}

@media all and (max-width: 600px) {
    .c-hero__title {
        font-size: 1.25rem;
        margin-top: 0.7em;
        line-height: 1.5em !important;
    }

    .c-basket-extra-remodal__toppings .o-select {
        width: calc(100% - 8px - 0.1250rem);
    }

    .two-column-div {
        column-count: 1;
    }
}

.c-social__reasons {
    margin-top: 3.2rem;
}

.c-inline-editable__input-right {
    text-align: right;
}

.c-orders-table__delivery-h-date {
    width: 120px;
}

.c-orders-table__delivery-h-rating {
    width: 140px;
}

.c-orders-table__delivery-h-time {
    width: 160px;
}

.c-cities__city-col li.inactive,
.c-cities__city-col li.inactive:hover {
    color: #AAA;
    background-color: inherit;
    cursor: inherit;
    border-radius: inherit;
}

.c-cities__city-col .inactive:hover:before {
    position: inherit;
    content: inherit;
    background-image: inherit;
    background-size: inherit;
    height: inherit;
    width: inherit;
    left: inherit;
    top: inherit;
}

.l-content {
    max-width: 75rem;
}

.c-restaurant-list__filter-holder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 18%;
    flex: 0 0 18%;
}

.c-restaurant-list__order-and-restaurant-holder {
    max-width: 100%;
    padding-left: 1.563rem;
}

.c-restaurant-list__promo-holder {
    margin-bottom: 0.5rem;
    margin-top: 1.563rem;
}

.c-restaurant-box__img {
    border: none;
}

.ui-widget-content {
    background: #FFF;
    /* background: linear-gradient(to bottom, #EEE 0%, #CCC 100%);*/
}

.ui-menu-item {
    font-family: "Open Sans", sans-serif;
    font-size: initial;
}

.ui-menu-item.ui-state-focus {
    background: #fb7d05;
    border-color: #fb7d05;
    color: #fff;
    font-weight: initial;
}

.si-wrapper-top {
    margin-top: 0px;
}

.c-header__logout {
    padding: 10px;
}

.o-filter-tab {
    cursor: pointer;
}

.o-filter-tab--active {
    border-color: #FEC5AC;
    background: #FEE5CC;
    color: #000;
}

@media (hover: hover) {
    .o-filter-tab:hover {
        border-color: #FEC5AC;
        background: #FEE5CC;
        color: #000;
    }
}

.c-info-holder__value .o-tooltip:after {
    position: initial;
    vertical-align: top;
}

.c-info-holder__value .o-tooltip:before {
    padding: 0;
    vertical-align: top;
}

.c-restaurant-box__menu-link {
    margin-top: 4px;
}

.c-restaurant-list__filter-tab-holder {
    display: block;
    text-align: center;
    width: 100%;
    
}

.o-filter-tab {
    display: inline-block;
    min-width: 5.5rem;
}

.o-filter-tab__img {
    margin: 0.9rem auto 0 auto;
}

.c-restaurant__basket {
    position: sticky;
    top: 0px;
    height: 100vh;
    overflow-y: auto;
}

.o-table__tr.disable-more-rows {
    display: table-row;
}

.o-remodal.c-showmessage-remodal {
    z-index: 1001;
}

.o-remodal.c-showmessage-remodal .tingle-modal-box {
    border-radius: 1rem;
    max-width: 53rem;
    min-width: 300px;
    width: auto;
}

.o-remodal.c-showmessage-remodal .tingle-modal-box__footer {
    border-radius: 1rem;
}

.c-show-message-content {
    padding: 2rem 2rem 1rem 2rem;
}
.c-show-message-footer {
    padding: 0 2rem 2rem 2rem;
    text-align: center;
}

.c-profile-orders__order .o-toggle__btn {
    margin: 5px 0;
}

.jsAutoSizeInput {
    width: auto;
}

.c-restaurant-info__left {
    padding-bottom: 2rem;
    position: relative;
}

.c-restaurant-info__left .c-restaurant-info__address {
    position: absolute;
    bottom: 0;
}

.c-restaurant-info .font-small {
    font-size: 0.875rem;
}

.c-food-category__cat-topping-closed {
    display: none;
}

.c-food-category__food-description {
    font-size: 0.875rem;
}

.c-food-category__food-topping-img {
    max-height: 30px;
}

.c-food-category__food-topping-imgs {
    display: initial;
}

.c-food-category__food-img, .c-food-category__food-img img {
    height: inherit;
    max-height: 60px;
}

.star-food-category .c-food-category__food-img, .star-food-category .c-food-category__food-img img {
    height: inherit;
    max-height: inherit;
}

.c-basket-extra-remodal__holder .c-toggle-box__top {
    cursor: pointer;
}

.c-basket__item-modify .icon {
    flex-grow: 0;
    flex-basis: 0;
}

.c-basket__item-price {
    white-space: nowrap;
}

.c-basket__item-plus,
.c-basket__item-minus,
.c-basket__item-modify .icon {
    cursor: pointer;
}

.c-login__input-holder {
    margin: 0 auto;
    padding-bottom: 3rem;
    width: 30rem;
}

.c-login__button-holder {
    display: flex;
}

.c-login__button-holder a,
.c-login__button-holder button {
    align-self: center;
    flex-grow: 1;
}

.c-basket {
    padding-top: 0.5rem;
}

.c-basket__item {
    padding-top: 0.5rem;
    padding-bottom: 0.4rem;
}

.c-basket__item-modify {
    margin-top: 0.4rem;
}

.c-basket__subtitle {
    margin-top: 0.4rem;
}

.c-basket__summary:empty {
    display: none;
}

.c-basket__order-btn {
    margin-top: 1.5rem;
}

.c-order-basket__img {
    flex-basis: 60px;
}

.c-order-basket__info {
    
}

.c-order-basket__quantity {
    flex: initial;
    flex-basis: 7rem;
}

.c-order-basket__price {
    flex-basis: 12rem;
    text-align: right;
}

.c-order-summary__end {
    font-size: 1.2rem;
    text-align: right;
}

.c-order-summary__shipping, .c-order-summary__service {
    text-align: right;
}

.c-restaurant__basket-button,
.c-restaurant__order-button {
    cursor: pointer;
}

.ui-dialog-top {
    z-index: 9999;
}

.o-button--alternative {
    background: #DEE2E6;
    border-color: #DEE2E6;
    color: #333;
}

.c-order-summary__coupon .c-input-with-label__label {
    font-weight: normal;
}

.c-restaurant-list__filter-button {
    left: 0rem;
}

.c-restaurant-info__right .si-frame {
    padding-right: 13px;
}

.c-basket-extra-remodal__menu-content span {
    padding-right: 0;
}

.c-basket-extra-remodal__menu-content span.o-select select {
    padding-right: 1.875rem;
}

.c-restaurant-list__filter-button {
    bottom: -3.125rem;
}

.feedbackRestaurantStar {
    font-size: 50px;
    cursor: pointer;
}

.fa-star.selected {
    color: #FD7E14;
}

.o-input--password + label + .icon {
    position: absolute;
    top: .5rem;
    right: 0.625rem;
    cursor: pointer;
}

.c-registration__input-holder--password {
    margin-top: 0rem;
}

.c-food-category__food-img {
    width: 60px;
}

.c-food-category__price {
    display: inline-block;
    font-size: 1rem;
    margin-left: 0.725rem;
    min-width: 3.725rem;
}

.c-food-category__price--column-reverse {
    display: inline-flex;
}

.c-basket__summary-text--emp {
    color: initial;
    font-size: 0.75rem;
    font-weight: normal;
    text-decoration: none;
}

.o-button--auto {
    padding-left: 0.5rem; 
    padding-right: 0.5rem; 
    width: auto;
}

.tingle-modal-box__footer {
    background: #FFF;
    text-align: center;
}

.tingle-modal-box__footer .o-button {
    margin: .4rem;
}

.drink-alert-18 {
    display: block;
    margin: 0 auto 5px auto;
    text-align: center;
    width: 50px;
}

.c-food-category__food-row.active {
    background: #FFCE84;
}

.c-article-box__lead a {
    color: inherit;
    text-decoration: inherit;
}

.c-orders-table__mobile {
    display: none;
}

.c-order-summary__new-address-holder {
    position: relative;
}

.c-order-summary__new-address-holder .c-order-summary__new-address {
    position: absolute;
    right: 0;
    bottom: 1rem;
}

.errors {
    text-align: center;
}

.errors .item {
    background: #FFAE84;
    color: #000;
    padding: .5rem 2rem;
}

.o-checkbox + label:before {
    bottom: initial;
    top: 3px;
}

.o-checkbox:checked + label::after {
    bottom: initial;
    top: 4px;
}

.c-cities__city-col li {
    padding: 0;
}

.c-cities__city-col li.inactive {
    padding-left: 1.75rem;
}

.c-cities__city-col li a {
    display: block;
    padding-left: 1.75rem;
}

.c-order-basket__prices {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.c-orders-table__delivery-time input {
    margin-right: .2rem;
    max-width: 50%;
}

.c-orders-table__delivery-time input + .input-postfix {
    display: inline-block;
    margin-right: .2rem;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(128,128,128, .5);
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(128,128,128, .5);
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(128,128,128, .5);
}

.c-restaurant-box .fav-restaurant {
    cursor: pointer;
}

.miskolc-pass.c-order-summary__coupon input {
    max-width: 20rem;
}

.drink-alert-18 {
    /*background: #FFF;
    border: solid 4px #F00;
    border-radius: 28px;
    content: "18";*/
    display: block;
    font-size: 32px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto 5px auto;
    text-align: center;
    vertical-align: top;
    width: 50px;
}

.icon {
    cursor: pointer;
}

.icon.icon-simple {
    cursor: default;
}

.icon-large {
    padding: .75rem;
}

.icon-orange {
    color: var(--orange);
}

.page-home .c-social__right {
    bottom: -10.5rem;
}

.google-maps-no-hand div {
    cursor: default !important;
}

.c-orders-table {
    table-layout: initial;
}

#fullScreenLoader {
    background: rgba(255,255,255, .8);
    display: grid;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#fullScreenLoader .content {
    display: inline-block;
    align-self: center;
    text-align: center;
}

#fullScreenLoader .message {
    color: #2F1D14;
    font-size: 2em;
    padding-bottom: 1em;
}

#fullScreenLoader .content img {
    height: 64px;
    width: 64px;
}

.c-food-category__food-subcat .special-price__price {
    color: #F00;
}

.c-order-summary__shippingprice-updated {
    bottom: 1rem;
    color: #FD7E14;
    display: none;
    left: 0;
    position: absolute;
}

.tingle-modal-box__content {
    overflow-y: auto;
}


input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield;
    margin: 0;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0;
}

.c-restaurant__basket-holder {
    transition: all 0.5s;
}
.c-restaurant__basket-holder.animate {
    transform: scale(1.3);
}

.c-restaurant__basket-holder .c-restaurant__basket-items {
    transition: all 0.5s;
}

.c-restaurant__basket-holder.animate .c-restaurant__basket-items {
    opacity: 0;
    font-size: 0;
}

.c-basket__item .o-select--inline {
    max-width: 180px;
}

.c-basket__item .o-select--inline select {
    padding-left: 0.325rem;
    padding-right: 2rem;
}

.gallery {
    justify-content: center;
    margin-bottom: 2rem;
}


.gallery .gallery-image-holder {
    display: inline-block;
    cursor: pointer;
    margin: 1rem;
    padding-bottom: 2rem;
    position: relative;
    width: 300px;
}

.gallery .gallery-image-holder img {
    max-height: 300px;
    max-width: 300px;
}

.gallery .gallery-image-holder .gallery-description {
    display: none;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
}

.np-button {
    font-size: 1.8rem;
}

.youtube-promo img {
    vertical-align: baseline;
    margin-left: 0.5em;
}

.gyakornoki-program {
    order: 1;
}

.gyakornoki-program img {
    max-width: 350px;
}

.food-info-eco-logo-container {
    display: inline-block;
    position: relative;
    vertical-align: baseline;
}

.food-info-eco-logo {
    margin-left: 10px;
    max-height: 40px;
    max-width: 40px;
    position: absolute;
    top: -25px;
}

.az-ev-kereskedoje {
    order: 1;
}

.az-ev-kereskedoje img {
    max-width: 137px;
}

.google-carte-map {
    position: relative;
}

.google-carte-map .o-infobox {
    left: 50%;
    top: calc(50% - 5px);
}

.c-food-category__food-subcat .eco-package-icon {
    position: relative;
    width: 100%;
}

.c-food-category__food-subcat .eco-package-icon img {
    left: -25px;
    max-width: none;
    position: absolute;
    top: -10px;
}

.c-restaurant__left .eco-package-checkbox {
    float: left;
}

.user-name-anchor {
    text-decoration: none;
}

.user-name-anchor:hover {
    text-decoration: underline;
}

.c-profile-recommended {
    padding: 1rem 0;
}

.c-profile-city-star {
    background: #f2f3f5;
}

.c-profile-recommended__title {
    text-align: center;
}

.c-profile-recommended__items {
    white-space: nowrap;
    margin: 0 auto;
    max-width: 1661px;
    width: calc(100% - 150px);
}

.c-profile-recommended__item {
    display: none;
    margin: 6px;
    position: relative;
    width: 320px;
}

.c-profile-recommended__item:nth-child(1),
.c-profile-recommended__item:nth-child(2),
.c-profile-recommended__item:nth-child(3),
.c-profile-recommended__item:nth-child(4),
.c-profile-recommended__item:nth-child(5) {
    display: inline-block;
}

.c-profile-recommended__item-title {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFFFFF;
    display: flex;
    min-height: 20%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
    white-space: normal;
}

.c-food-category.star-food-category {
    
}

/* Alkategóriák */
/*.c-food-category.star-food-category .c-food-category__food-subcats {
    flex-direction: column;
    padding-right: 0;
}*/

/* Kosár ikon */
/*.c-food-category.star-food-category .c-food-category__food-subcats .icon {
    align-self: flex-end;
}

.c-food-category.star-food-category .c-food-category__food-subcats .mini-basket {
    right: 2.5rem;
    top: auto;
    bottom: 0;
}

.c-food-category.star-food-category .c-food-category__food-subcats .heart {
    right: 4.5rem;
    top: auto;
    bottom: 0;
}*/

.c-food-category.star-food-category .c-food-category__food-img {
    flex-basis: 154px;
}

.c-food-category.star-food-category .c-food-category__food-img img {
    width: 154px;
}

/* Új lista oldali módosítások */

.c-restaurant-list__restaurant-holder .c-restaurant-box__info .open {
    color: #FF922B;
}

.restaurant-list-star-food {
    flex-shrink: 0;
    /*height: auto;*/
    max-width: 12.0rem;
    max-height: 12.0rem;
    margin: 0;
    column-gap: 0;
    row-gap: 0;
    /*width: calc(20% - 3px);*/
    width: 100%;
}

.c-restaurant-list__starfood {
    display: none !important;
}
.c-restaurant-box__tab-data--active.c-restaurant-list__starfood {
    display: block !important;
}

.c-restaurant-list__starfood {
    flex: none;
    max-width: 915px;
}

.c-restaurant-list__starfood .slick-prev {
    left: -36px;
}

.c-restaurant-list__starfood .slick-next {
    right: -36px;
}

.c-restaurant-list__starfood .slick-prev,
.c-restaurant-list__starfood .slick-next {
    display: none !important;
}

.c-restaurant-list__starfood:hover .slick-prev,
.c-restaurant-list__starfood:hover .slick-next {
    display: inline-block !important;
}

.c-restaurant-list__starfood .slick-list {
    max-width: 100%;
}

.c-restaurant-list__starfood a {
    display: inline-block;
    margin: 0 3px;
    position: relative;
    width: calc(20% - 6px);
}

.c-restaurant-list__starfood .star-food-title {
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFFFFF;
    display: flex;
    min-height: 30%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%;
    white-space: normal;
}

.city-star-food-container {
    display: grid;
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-gap: 3px;
}

.city-star-food {
    position: relative;
    width: 100%;
}

.city-star-food-hint {
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #FFF;
    display: none;
    min-height: 2rem;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    position: absolute;
    text-align: center;
    width: 100%;
}

.city-star-food:hover .city-star-food-hint {
    display: inherit;
}

.city-star-food-double-row-1 {
    grid-row-start: 1;
    grid-row-end: 3;
}

.city-star-food-double-row-2 {
    grid-row-start: 3;
    grid-row-end: 5;
}

.city-star-food-double-row-3 {
    grid-row-start: 5;
    grid-row-end: 7;
}

.city-star-food-double-row-4 {
    grid-row-start: 7;
    grid-row-end: 9;
}

.city-star-food-double-row-5 {
    grid-row-start: 9;
    grid-row-end: 11;
}

.city-star-food-double-col-1 {
    grid-column-start: 1;
    grid-column-end: 3;
}
.city-star-food-double-col-2 {
    grid-column-start: 2;
    grid-column-end: 4;
}
.city-star-food-double-col-3 {
    grid-column-start: 3;
    grid-column-end: 5;
}

.c-restaurant-box__discount-text + div {
    
}

.c-restaurant-box__discount-text + div + div {
    display: none;
}

.food-box {
    display: flex;
    flex-basis: 430px auto;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.food-box .food-image {
    width: 27rem;
}

.food-box .food-content {
    width: calc(100% - 27rem);
}

.food-box .food-subcategories {
    
}

.food-box .food-right-block {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
}

.food-box .food-right-block > * {
    margin: 1rem;
}

.food-box .food-prices {
    align-items: center;
    display: grid;
    grid-template-columns: 50% 50%;
}

.food-box .food-price {
    font-size: 2rem;
    line-height: 2rem;
    margin: 2rem;
    min-width: 8rem;
}

.food-box .food-right-block .c-food-category__food-subcat {
    width: 200px;
}

.food-box .food-buttons {
    align-items: center;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 1rem;
    width: 100%;
}

.food-box .o-button .mini-basket {
    filter: brightness(0%) invert(100%);
}

.icon-like {
    background: #0A0;
    border-color: #0A0;
}

.icon-dislike {
    background: #F00;
    border-color: #F00;
}

.icon-dislike img {
    transform: rotate(180deg);
}

.btn.btn-info {
    cursor: pointer;
    font-style: italic;
}

.btn.btn-info:after {
    content: "▼";
    display: inline-block;
    margin-left: 0.2rem;
}

.text-center {
    text-align: center;
}
/*
.c-food-category__food-subcat .eco-package-icon + .o-radio .special-price__text {
    right: calc(100% + 23px);
}
*/
.special-price__text {
    position: relative;
    left: 0;
    color: red;
    margin-right: 25px;
    min-width: 44px;
}
.star-foods-back-link {
    margin-top: 2rem;
}

.star-food-container .c-restaurant-list__holder {
    display: block;
}

.category-icon {
    max-width: 2.7rem;
    max-height: 2.7rem;
}

.c-food-category__food-img svg {
    max-width: 60px;
    max-height: 60px;
}

.tingle-enabled * {
    -webkit-tap-highlight-color: transparent; /* for removing the highlight */
}

.c-food-category__food-subcats-error .o-radio__input-element + label::before {
    background: rgba(255, 0, 0, 0.1);
    border: 0.200rem solid #ADADAD;
    font-weight: bold;
} 

.stickers-outer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
}
  
.sticker-container .o-radio__input-element:checked + label,
.sticker-container .o-radio__input-element:not(:checked) + label {
    padding: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
  
.sticker-container.active{
    background-color: #f5f5f5;
    transition: .3s;
}
  
.sticker-container .o-radio__input-element:checked + label:before,
.sticker-container .o-radio__input-element:not(:checked) + label:before {
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

.sticker-container .o-radio__input-element:checked + label:after,
.sticker-container .o-radio__input-element:not(:checked) + label:after {
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
}
  
.sticker-container {
    width: 50%;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
}
  
.sticker-size {
    text-align: center;
    margin: 25px 0 10px 0;
}
  
.sticker-image {
    width: auto;
    margin: auto;
}
  
#sticker-form .button-center {
    margin: 20px auto;
    display: block;
}

#menuHrefButton {
    width: 100%; 
    border-radius: 10px; 
    font-size: 14px;
}

#menuHrefText {
    display: none;
}

a.allergen-anchor {
    color: #333;
    display: inline-block;
    font-size: 0.875rem;
    margin-top: 2em;
    text-decoration: none;
}

.coupon-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.coupon-container .coupon-box {
    flex-basis: calc(100% - 200px);
}

.text-red {
    color: #F00;
}

.loader-icon {
    max-width: 2.5rem;
    max-height: 2.5rem;
}

img.image-email {
    margin: 0 0 -2px 0;
    vertical-align: baseline;
}
img.image-email.kapcsolat {
    margin-bottom: -5px;
}

.button-container {
    margin-top: 2rem;
    display: flex;
}

.button-container .button-container-6 {
    margin: 0.2rem;
    width: calc(50% - 0.4rem);
}

.home-address-buttons {
    margin-top: 2rem;
}

.home-address-buttons button:not(:first-of-type) {
    margin-left: 1.5rem;
}

.gps-location-btn {
    cursor: pointer;
    display: inline-block;
    font-size: 1.2rem;
    height: 32px;
    position: absolute;
    right: 0.2rem;
    text-align: center;
    top: 0.6rem;
    width: 32px;
}

.gps-location-btn-secondary {
    top: 1.2rem;
}

.gps-location-btn:hover {
    color: var(--orange);
}

.gps-location-processing {
    background: url(/assets/img//icon/ajax-loader.gif) top center no-repeat;
    background-size: 24px 24px;
}

.gps-location-processing.fa-location-crosshairs::before,
.gps-location-processing.fa-location::before {
    content: "";
}

.take-away-home-map .t2 {
    color: var(--orange);
    text-align: center;
}

.take-away-map-image {
    background: url('/assets/img/takeaway/maps.png');
    border-radius: 10px;
    margin-top: 0.8rem;
    min-height: 150px;
    position: relative;
}

.take-away-map-image > div {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    margin: 1rem;
}

.take-away-map-image a {
    bottom: 1rem;
    left: 1rem;
    position: absolute;
}

.take-away-map-container {
    display: grid;
    grid-template-columns: 20rem calc(100% - 20rem);
    grid-gap: 0;
    height: calc(100vh - 6.5rem);
}

.take-away-map-header {
    padding: 1rem;
}

.take-away-map-header .take-away-map-logo {
    text-decoration: none;
}

.take-away-map-header .take-away-map-address {
    margin-left: 1rem;
    min-width: 200px;
    width: 20vw;
}

.take-away-map-results {
    
    overflow-x: hidden;
    overflow-y: auto;
}

.take-away-map {
    
}

.take-away-restaurant {
    border: dotted 1px #AAA;
    cursor: pointer;
    margin: 1rem 0.5rem;
}
.take-away-restaurant::after {
    clear: both;
    content: " ";
    display: block;
}

.take-away-restaurant:hover {
    border: solid 1px #0A0;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) ;
}

.take-away-restaurant img {
    float: left;
    display: block;
    margin: 0 auto;
    width: 120px;
}

.take-away-restaurant h1 {
    font-size: 1rem;
    margin: 0;
}

.take-away-restaurant-description {
    font-size: 0.8rem;
    float: right;
    margin-left: 0.5rem;
    width: calc(100% - 120px - 0.6rem);
}

.take-away-restaurant .distance {
    text-align: right;
}

.take-away-body .c-header {
    display: none;;
}

.take-away-input-container-with-location-btn {
    display: inline-block;
    position: relative;
}

.popup-container {
    
    cursor: pointer;
    height: 0;
    position: absolute;
}

.popup-bubble-anchor {
    position: absolute;
}

.popup-bubble {
    position: absolute;
    transform: translate(-50%, -100%);
    overflow-y: auto;
}

.popup-label {
    background-color: #fff;
    padding: 4px 8px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 1px rgba(0,0,0,.08);
    position: absolute;
    top: 4px;
    transform: translate(-50%);
    min-width: 50px;
    max-width: 155px;
    text-align: center;
}

.popup-label-hidden {
    display: none;
}

.popup-dark .popup-label {
    background: rgba(48, 48, 48, 0.6);
    color: #FFF;
}

.drop-pin {
    border: solid 3px #F00;
    cursor: grab;
    position: absolute;
    zIndex: 999;
}

.drop-pin-move {
    border: none;
    cursor: grabbing;
}

.order-type-take-away + label {
    background: url("/assets/img/v3/basket.png") right center no-repeat;
    background-size: contain;
    padding-right: 1.5rem;
}

.order-type-shipping + label {
    background: url("/assets/img/tracking/Falatozz_Futar_SVG.svg") right center no-repeat;
    background-size: 1rem;
    padding-right: 1.5rem;
}

.checkout-take-away-info {
    margin-bottom: 1rem;
    text-align: center;
}

/* select with custom icons */
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
    padding: 0.5em 0 0.5em 3em;
}
.ui-selectmenu-menu .ui-menu.customicons .ui-menu-item .ui-icon {
    height: 24px;
    width: 24px;
    top: 0.1em;
}

.hide-map {
    display: none;
}

.order-type-selector {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-items: center;
    margin: 2rem 0;
}

.order-type-selector-left-align {
    justify-items: start;
}

.chef-hat-icon {
    color: var(--orange);
    height: 1.2rem;
    margin-left: 0.2rem;
    position: absolute;
    top: -0.2rem;
    width: 1.4rem;
}

.chef-hat-icon-take-away {
    color: #000;
    position: relative;
    height: 0.8rem;
    width: 0.8rem;
}

@media all and (max-width: 64em) {  
    .c-hero__title span {
        display: block;
    }
    
    .c-food-category.star-food-category .c-food-category__food-img {
        flex-basis: 129px;
    }

    .c-food-category.star-food-category .c-food-category__food-img img {
        width: 129px;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box {
        margin-bottom: 1.69rem;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box__left {
        flex: 0 0 12%;
    }
    
}

@media all and (max-width: 48em) {
    
    .take-away-map-container {
        display: block;
        height: calc(100vh - 8rem);
    }
    
    .take-away-map {
        height: calc(100% - 10.5rem);
    }
    
    .take-away-map-results {
        bottom: 0;
        height: 9rem;
        overflow-x: hidden;
        position: absolute;
        width: 100%;
    }
    
    .take-away-map-results .take-away-restaurant {
        display: inline-block;
        width: 360px;
    }
    
    
    .take-away-map-header .take-away-map-address {
        margin: 1rem auto 0 auto;
        width: 90vw;
    }
    
    .take-away-map-header .gps-location-btn {
        top: 1.6rem;
    }
    
    .l-content {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .c-header__login {
        display: initial;
        font-size: 0.7rem;
        flex-grow: 1;
        margin-right: 0.1rem;
        width: 5rem;
    }
    
    .c-header__logo {
        flex-grow: 1;
    }
    
    .c-header__logo {
        max-height: 100%;
        max-width: 260px;
        width: 260px;
        width: auto;
    }
    
    .c-header__hamburger {
        flex-grow: 0;
        flex-basis: 0;
    }
    
    .c-header__basket {
        display: none;
    }
    
    .c-header__right {
        text-align: right;
    }
    
    .c-header__username {
        font-size: 0.8rem;
    }
    
    .c-header__logout {
        padding-right: 0px;
    }
    
    .c-food-category__content {
        margin: 0.5rem;
    }
    
    .c-food-category__food-row {
        flex-wrap: wrap;
    }
    
    .star-food-category .c-food-category__food-row {
        flex-wrap: nowrap;
    }
    
    .c-food-category__food-info {
        flex-basis: 100%;
        padding-right: 0;
    }
    
    .c-food-category__food-subcats {
        flex-basis: 100%;
    }
    
    .c-restaurant__right {
        display: none;
    }
    
    .c-food-category__food-subcats {
        margin-top: 0.3rem;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
    
    .c-food-category__food-subcat {
        display: block;
        margin-bottom: 0.1rem;
        
    }
    
    .c-food-category__food-subcats > form {
        flex-grow: 3;
    }
    .c-food-category__food-subcats > .icon {
        flex-grow: 1;
        align-self: center; 
        margin-right: 1rem;
    }
   
    .c-food-category__food-subcat-radio,
    .c-food-category__food-subcat-price {
        display: inline-block;
        width: auto;
    }
    
    .c-restaurant__basket {
        position: fixed;
    }
    
    .c-basket-extra-remodal-column {
        max-width: 48%;
        width: auto;
    }
    
    .c-basket-extra-remodal__holder {
        padding: 0.5rem 0.5rem 1rem 0.5rem;
    }
    
    .o-remodal__close.c-basket-extra-remodal__close {
        padding: 1rem;
        right: 0;
        top: 0;
    }
    
    .c-profile-orders__order,
    .c-profile-orders__address,
    .c-profile-orders__tokens {
        padding: 0 .75rem;
    }
    
    .c-orders-table__mobile {
        display: initial;
    }
    
    .c-orders-table__date,
    .c-orders-table__delivery-h-date,
    .c-orders-table__food-header,
    .c-orders-table__food {
        display: none;
    }
    
    .c-orders-table__restaurant,
    .c-tokens-table__icon,
    .c-addresses-table__icon {
        display: table-cell;
        font-size: 0.875rem;
        position: initial;
        vertical-align: middle;
    }
    
    .c-profile-orders__orders-table td {
        padding: .3rem 0;
    }
    
    .c-orders-table__date div {
        margin: 0.1rem 0;
    }
    
    .c-orders-table__mobile-restaurant {
        font-size: 0.75rem;
        font-weight: normal;
    }
    
    .c-orders-table__date div:last-of-type {
        font-size: 0.75rem;
    }
    
    .c-orders-table__food-item {
        font-size: 0.875rem;
        font-weight: bold;
    }
    
    .c-login__input-holder {
        padding: 0 12px;
    }
    
    .miskolc-pass {
        padding: 0 .7rem;
    }
    
    .c-login-remodal__register-button {
        float: none;
    }
    /* IOS 11 input modal bug fix */
    .tingle-enabled-home-fix .tingle-modal {
        position: absolute;
    }
    
    .accept-cookie {
        font-size: .75rem;
        height: auto;
        z-index: 9999;
    }
    
    .c-basket__end {
        padding-bottom: 4rem;
    }
    
    .c-order-summary__new-address-holder .c-order-summary__new-address {
        bottom: .2rem;
    }
    
    .l-only-on-desktop {
        display: none !important;
    }
    
    #filterShippingTimeRange {
        max-width: 50%;
    }
    
    .special-price__text {
        display: none;
    }
    
    .c-blog-and-receipts__blog article:nth-child(3) {
        display: inherit;
    }
    
    table.online-result {
        margin-top: 1rem;
    }

    table.online-result,
    table.online-result tbody,
    table.online-result tr {
        clear: both;
        display: block;
        max-width: 100%;
        width: 100%;
    }
    
    table.online-result td {
        padding: .5rem 0;
    }
    
    table.online-result td {
        float: right;
        display: inline-block;
        text-align: right;
    }
    
    table.online-result td span {
        display: block;
    }
    
    table.online-result td:first-child {
        float: left;
        text-align: left;
    }
    table.online-result::after {
        content: "";
        display: block;
        clear: both;
    }
    
    .c-toggle-box__content.l-only-on-mobile {
        display: block !important;
    }
    
    .c-order-summary__payment-item {
        margin-left: 1rem;
    }

    .c-order-summary__payment-item .c-toggle-box__content .o-radio,
    .bigfish-enabled .c-order-summary__payment-item .c-toggle-box__content .o-radio {
        display: block;
    }
    
    .gallery {
        display: block;
    }
    
    .o-button--auto {
        height: auto;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .np-button {
        font-size: 1.2rem;
        line-height: 2rem;
    }
    
    .c-cities.c-cities__mobile {
        display: initial;
    }
    
    .az-ev-kereskedoje {
        width: 137px;
    }
    .gyakornoki-program {
        text-align: center;
        width: 100%;
        order: 2;
    }
    
    .c-restaurant__left .eco-package-checkbox {
        float: none;
        margin: 1rem;
    }
	
	.food-info-eco-logo-container .food-info-eco-logo {
		top: -19px;
		width: 25px;
	}
    
    .c-profile-recommended {
        
    }
    
    /* Slick */
    .c-profile-recommended__items {
        width: calc(100% - 40px);
    }
    
    .c-profile-recommended__item {
        max-width: 19%;
    }
    
    .c-profile-recommended__items .slick-prev,
    .c-profile-recommended__items .slick-next {
        height: 32px;
        width: 32px;
    }
    
    .c-profile-recommended__items .slick-prev {
        left: -19px;
    }

    .c-profile-recommended__items .slick-next {
        right: -21px;
    }
    
    .c-restaurant-list__order-and-restaurant-holder {
        padding-left: 0;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box__holder {
        padding: 1.5rem 0.5rem;
    }
    
    .c-restaurant-list .l-content {
        padding: 0; /*2.1875rem*/
    }
    
    .c-restaurant-list .c-restaurant-list__filter-tab-holder,
    .c-restaurant-list .c-restaurant-list__promo-holder,
    .c-restaurant-list .c-restaurant-list__order-holder-container,
    .c-restaurant-list .c-restaurant-list-box > .c-restaurant-box__info
    {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .c-restaurant-list .c-restaurant-box__holde {
        margin: 0.5rem;
    }
    
    .c-restaurant-box__title-text {
        font-size: 1rem;
    }
    
    .c-restaurant-box__rating::before {
        display: none;
    }
    
    .c-restaurant-list .c-restaurant-list-box > .c-restaurant-box__info {
        padding-top: 0.75rem;
    }
    
    .c-restaurant-list__restaurant-holder hr {
        margin-top: 1rem;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box {
        border-radius: 1px;
        padding: 1.25rem 0.75rem;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
        margin: 1rem;
    }
    
    .city-star-food-container {
        grid-template-columns: 24% 24% 24% 24%;
    }
    
    .city-star-food-hint {
        display: inherit;
    }
    
    .c-restaurant-box__discount-text + div {
        display: none;
    }

    .c-restaurant-box__discount-text + div + div {
        display: block;
    }
    
    .c-restaurant-box__discount-text:checked + div {
        display: block;
    }

    .c-restaurant-box__discount-text:checked + div + div {
        display: none;
    }
    
    .city-star-food-container {
        margin: 0 0.5rem;
    }
    
    .c-restaurant-list__order-holder-container {
        display: initial;
    }
    
    .button-container {
        flex-direction: column-reverse;
    }
    
    #takeAwaySearchButton {
        width: 100% 
    }
    
    #menuFromHomeAddress {
        width: 100%
    }
    
    #listFromHomeAddress {
        width: 100%
    }
}
    
@media all and (max-width: 37.5em) {
    
    .home-address-buttons button:not(:first-of-type) {
        margin-left: 0;
    }
    
    
    .c-order-summary__payment-desktop {
        display: initial;
        -ms-flex-wrap: initial;
        flex-wrap: initial;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: initial;
    }
    
    .c-order-summary__payment-item {
        -ms-flex-negative: inital;
        flex-shrink: initial;
    }
    
    .c-toggle-box__top {
        display: flex !important;
    }
    
    .c-order-summary__payment-desktop .o-radio {
        margin-bottom: 0.375rem;
        font-size: 0.875rem;
    }
    
    .c-order-summary__shippingprice-updated {
        bottom: 0.325rem;
    }
    
    .c-steps.l-content {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .c-steps .c-step {
        float: none;
        display: inherit;
        margin-left: 0;
        padding-top: 0.75rem;
        padding-bottom: 0;
        width: auto;
    }
	
	.food-info-eco-logo-container .food-info-eco-logo {
		display: none;
	}
    
    .c-food-category__food-subcat {
        margin-left: 10px;
    }
    
    .c-food-category__food-subcat .eco-package-icon img {
        top: 1px;
    }
    
    .star-food-category .c-food-category__food-info {
        flex-basis: calc(100% - 135px);
        margin-left: 3px;
    }
    
    .star-food-category .c-food-category__food-row {
        flex-wrap: wrap;
    }
    
    /* Slick */
    .c-profile-recommended__items {
        width: calc(100% - 35px);
    }
    
    .c-profile-recommended__item {
        width: 160px;
        max-width: 33%;
        margin: 2px;
    }
    
    .c-profile-recommended__item:nth-child(4)
    .c-profile-recommended__item:nth-child(5) {
        display: none;
    }
    
    .c-profile-recommended__item-title {
        font-size: 0.875rem;
        padding: 3px auto;
        min-height: 40%;
        text-align: center;
        white-space: normal;
    }
    
    .c-restaurant-list__starfood a {
        width: calc(33% - 3px);
    }
    
    .slick-prev,
    .slick-next {
        height: 30px;
        width: 30px;
    }
    
    
    .c-restaurant-list__order-holder {
        flex-basis: 100%;
        text-align: right;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box__left {
        flex: 0 0 20%;
    }
    
    .c-restaurant-box__info {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    
    .city-star-food-container {
        grid-template-columns: 33% 33% 33%;
    }
    
    .c-info-holder__label {
        display: block;
    }
    
    .hide-on-mobile {
        display: none !important;
    }
    
    .c-order-basket__quantity {
         flex-basis: 3rem;
    }
    
    .c-order-basket__price {
        flex-basis: 5rem;
    }
    
    #menuButtonInfoMobile {
        display: block !important;
    }
    
    #menuButtonInfo {
        display: none !important;
    }
}

@media all and (max-width: 25em) {
    .c-restaurant-box__img {
        height: 4.625rem;
        width: 5rem;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
        padding: 0.5rem 0.3rem;
    }
    
    .c-restaurant-list__restaurant-holder .c-restaurant-box__holder {
        padding: 0.5rem;
    }
    
    #menuHrefButton {
        width: 100%; 
        border-radius: 10px; 
        font-size: 14px;
        margin: 10px 0;
    }
    
    #menuHrefText {
        display: block;
        color: #ff922a;
        font-weight: bold;
    }
    
    #menuButtonInfoMobile {
        font-size: 10px !important;
    }
}
  
@media only screen and (min-width: 576px){
    .sticker-container {
        width: 25%;
    }

    .sticker-image {
        max-height: 210px;
    }
}

.supershop-campaign-image {
    max-width: 90%;
    width: 800px;
}

.video-button {
    font-size: 16px;
    border-radius:5px;
    background-color: black;
    color: white;
    width: 25%;
    height:30%
}

.filter {
    position: relative;
}
.c-basket__item_display {
    display: inline-block;
}

.c-basket__item_modifier {
    display:inline-block;
}

.payment-button {
    display: inline-block;
    text-align: center;
}

.payment-button label {
    font-size: 1.4rem;
}

.payment-button input {
    display: none;
}

.payment-button .o-button {
    padding-left: 1rem;
    padding-right: 1rem;
    /*min-width: 100%;*/
    width: auto;
}

.payment-button input[type=radio]:checked + .o-button--outline-alternativ {
    border: solid 0.125rem #FD7E14;
    color: #FD7E14;
}

.give-away-btn {

    display: block;
    font-size: 1.5rem;
    padding: 0.5rem;
    text-align: center;
    text-decoration: underline;
}

.payment-info-box {
    border: solid 5px var(--orange);
}

.give-away {
    margin-bottom: 2rem;
}

.give-away .give-away-checkboxes {
    text-align: center;
}

.give-away .give-away-checkbox {

}

.coupon-select-span {
    width: 50%;
}

.coupon-selection-label {
    margin-top: 1rem;
}

.coupon-assignment-button {
    background-color: #ff922a;
    color: white;
    width: 10.875rem;
    height: 2rem;
    cursor:pointer;
}

.my-coupons-div {
    float: right;
    margin-right: 2rem;
    margin-top: 2rem;
}

.coupon-assignment-input {
    width: 65%
}

.coupon-assignment-confirm-button {
    height: 2.5rem;
    width: 30%;
    background-color: #ff922a;
    color: white;
    border-radius: 0.125rem;
    cursor: pointer;
}
.coupon-assignment, .coupon-assignment-input-div {
    margin-top: 1rem;
}

@media only screen and (max-width: 576px){
    .coupon-assignment-input-div, .coupon-assignment {
        text-align: center;
    }

    .my-coupons-div {
        margin-right: 1rem;
        margin-top: 1rem;
    }

    .gyakornoki-program img {
        max-width: 300px;
    }
}

.takeAwaySearchButton {
    background: none;
    background-color: 'transparent';
    color: #ff922a;
}

.redirect-alert {
    align-items: center;
    background: #FFF;
    border-bottom: solid 1px #AAA;
    color: #333;
    display: grid;
    font-size: 1.2rem;
    grid-template-columns: 50px auto 120px;
    max-height: 10vh;
    position: sticky;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}

.redirect-alert__content {
    text-align: left;
}

.redirect-alert img {
    border-radius: 20%;
    height: 40px;
    margin: 13px 10px 13px 0;
}

.redirect-alert .o-button--mini {
    font-size: 1rem;
}

.redirect-alert__close {
    color: #333;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}

/* Nagy felbontás, PC (>=1024) */
@media only screen and (min-width: 64rem) {
    .redirect-alert {
        display: none;
    }
}

/* Nagy felbontás, tablet (>=600) */
@media only screen and (min-width: 37.5rem) {
    .redirect-alert a {
        margin-top: 0;
        margin-left: 1rem;
    }
}

/* Átlag felbontás/vagy alatta, teló (<=440)*/
@media only screen and (max-width: 27.5rem) {
    .redirect-alert {
        grid-template-columns: 40px auto 100px;
        font-size: 1rem;
    }
    
    .redirect-alert .o-button--mini {
        font-size: 0.75rem;
    }
}

/* Alacsony felbontás, teló (<=370) */
@media only screen and (max-width: 23.125rem) {
    .redirect-alert {
        grid-template-columns: 30px auto 95px;
        font-size: 0.9rem;
    }
    
    .redirect-alert img {
        border-radius: 20%;
        height: 37px;
        margin: 10px 5px 10px 0;
    }
    
}

/* Ultra alacsony felbontás, teló (<=330) */
@media only screen and (max-width: 20.625rem) {
    .redirect-alert {
        font-size: 0.8rem;
    }
}

.fcc-btn {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    background-color: #ffaf01;
    color: white;
    display: inline-block;
    margin-top: 0.5rem;
    padding: 15px 25px;
    text-decoration: none;
}

.fcc-btn.active {
    background-color: #FD7E14;
}

.fcc-btn:hover {
  background-color: rgb(11,73,186);
}
.fcc-btn.active {
  background-color: #FD7E14;
}

#validate {
  font-family: "Open Sans", sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#validate td, #validate th {
  border: 1px solid #ddd;
  padding: 8px;
}

#validate tr:nth-child(even){background-color: #f2f2f2;}

#validate tr:hover {background-color: #ddd;}

#validate th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #ffaf01;
  color: white;
}

.justifyReadable {
    text-align: justify;
}

.address-map__footer {
    
}

.address-map__input {
    border: solid 1px #CCC;
    padding: 0.3rem;
    width: 5rem;
}

.mobile-indicator {
    display: none;
    position: absolute;
    height: 0px;
    left: -10px;
    top: -10px;
    width: 0px;
}

@media only screen and (max-width: 64rem) {
    .mobile-indicator {
        display: block;
    }
}

.address-map__header {
    display: grid;
    grid-template-columns: auto 40%;
}

.address-map__header > *:nth-child(2) {
    font-weight: bold;
}

@media only screen and (max-width: 64rem) {
    .address-map__header {
        display: block;
    }
    
    .address-map__header > *:nth-child(2) {
        margin: 1rem 0;
    }
}

.registration-button-container {
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 64rem) {
    #acceptAllAndSubmit {
        margin-left: 15px;
    }
    
    .registration-button-container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        width: auto;
        margin: 0 auto;
    }
    
    .registration-button-container .o-button {
        margin-top: 1.25rem;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    
    .c-registration__terms {
        margin-bottom: 1rem;
    }
    
    .c-registration__newsletter-checkbox {
        
        text-align: left;
    }
    
    .c-registration__newsletter-checkbox .o-checkbox + label {
        padding-left: 1.4375rem;
        padding-top: 0;
    }
    
    .c-registration__newsletter-checkbox .o-checkbox + label::before {
        right: auto;
    }
    
    .sitemapRestaurant {
        margin: 0 !important;
    }
}

.apple-pay-wrapper {
    background: #FFF;
    display: none;
    margin-top: 1rem;
    text-align: center;
    width: 100%;
}

.apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: continue; /* Use any supported button type. */
}

.apple-pay-button-black {
    -apple-pay-button-style: black;
}

.apple-pay-button-white {
    -apple-pay-button-style: white;
}

.apple-pay-button-white-with-line {
    -apple-pay-button-style: white-outline;
}

.inactiveEmailLabel {
    width: 250px; 
    color: red; 
    margin: 0 10px;
    font-size: 15px;
}

@media only screen and (max-width: 64rem) {
    .inactiveEmailLabel {
        width: 75px;
        font-size: 10px;
    }

}

.front-loader {
    

}

.front-loader-full {
    background: repeating-linear-gradient(-45deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .7) 1rem, rgba(16, 16, 16, .7) 1rem, rgba(16, 16, 16, .7) 2rem);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999999;
}

.front-loader--message {
    color: #333;
    display: block;
    font-weight: bold;
    text-align: center;
}

.front-loader-full .front-loader--message {
    color: #FFF;
    left: min(30%, 200px);
    margin: calc(50vh + 40px) auto 0 auto;
    right: min(30%, 200px);
    top: 0;
    position: absolute;
}

.front-loader--ring {
    display: inline-block;
    width: 64px;
    height: 64px;
}

.front-loader-full .front-loader--ring {
    position: relative;
    left: calc(50vw - 32px);
    top: calc(50vh - 32px);
}

.front-loader--ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fd7e14;
  border-radius: 50%;
  animation: front-loader--ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fd7e14 transparent transparent transparent;
}

.front-loader--ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.front-loader--ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.front-loader--ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes front-loader--ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Css helper classes @bartamate */
.center {
    text-align: center;
}

.flexDiv {
    display: flex;
}

.maxWidth {
    width: 100%;
}

.noWidth {
    width: 0 !important;
}

/* PreOrder style classes */
.preOrderDiv {
    background-color: #FDFDFD;
    border-radius: 30px;
    padding: 5px;
    border: 1px solid #f7f7f7; 
    margin: 60px 0 30px 0;
}

.preOrderSelectDiv {
    background-color: #F8F9FA; 
    border-radius: 25px; 
    padding: 15px 0;
}

.preOrderTitle{
    font-family: "Roboto Slab", serif;
    color: #212529;
    font-size: 1.7rem;
    line-height: 2.6875rem;
    font-weight: 700;
    margin: 20px;
}

.preOrderSelectDivFontSize {
    font-size: 1.1rem;
}

.preOrderNowDiv {
    margin: 0 200px;
}

.c-restaurant__preorder-button {
    cursor: pointer;
}

@media only screen and (max-width: 576px){
    .flexDiv {
        display: block;
        text-align: center;
    }

    .preOrderDiv {
        margin: 20px 0;
    }
    
    .preOrderNowDiv {
        margin: 0 auto 30px auto;
    }

    .preOrderTitle{
        font-size: 1.2rem;
    }

    .c-order-summary__payment {
        margin-top: 1.2rem;
    }

    .subDateSelector {
        display: flex !important;
    }

    .selectPreOrderDeliveryHour, .selectPreOrderDeliveryMinute {
        width: 50% !important;
    }
}

/* Wolt Bubble Icon style classes */
#active-courier-div {
    display: none;
}

#active-courier-icon {
    position: fixed;
    z-index: 10001;
    bottom: 80px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #f57e20;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    cursor: pointer;
}

#active-courier-icon:hover {
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4), inset 0px 0px 10px 0px #FFFFFF;
}

@media only screen and (max-width: 576px){
    #active-courier-icon {
        bottom: 70px;
        right: 10px;
    }
}

/* Wolt tracking style classes */
#trackingLinkDiv {
    background-color: #00c2e8; 
    width: 25%; 
    margin: 20px auto 0 auto; 
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px
}

#trackingLinkDiv:hover { 
    text-decoration: underline;
    text-decoration-color: white;
}

#trackingLinkButton {
    text-decoration: none; 
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px black;
}

#trackingLinkDivIcon {
    margin: 7px;
}

.woltOrderTrackingIcon {
    text-decoration: none; 
}

@media only screen and (max-width: 576px) {
    #trackingLinkDiv {
        width: 65%;
    }

    .c-orders-table__icon {
        display: flex;
        width: 100%;
    }

    .trackingIcon {
        width: 45px;
    }

    .woltOrderTrackingIcon {
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

#woltDriveIcon {
    height: 20px;
    border-radius: 35px;
}

.label-wolt-cash-price {
    display: inline;
}