@font-face {
    font-family: 'veneerregular';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/veneer.woff2') format('woff2'),
    url('../fonts/veneer.woff') format('woff'),
    url('../fonts/veneer.ttf') format('truetype');
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/barlow-condensed-regular.woff2') format('woff2'),
    url('../fonts/barlow-condensed-regular.woff') format('woff'),
    url('../fonts/barlow-condensed-regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/barlow-condensed-500.woff2') format('woff2'),
    url('../fonts/barlow-condensed-500.woff') format('woff'),
    url('../fonts/barlow-condensed-500.ttf') format('truetype');
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/barlow-condensed-600.woff2') format('woff2'),
    url('../fonts/barlow-condensed-600.woff') format('woff'),
    url('../fonts/barlow-condensed-600.ttf') format('truetype');
}
@font-face {
    font-family: 'Barlow Condensed';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/barlow-condensed-700.woff2') format('woff2'),
    url('../fonts/barlow-condensed-700.woff') format('woff'),
    url('../fonts/barlow-condensed-700.ttf') format('truetype');
}


body { font-family: 'Barlow Condensed', sans-serif; font-size: 1.1rem; line-height: 1.3; background: url(../images/bg.jpg) 50% 0 repeat scroll #f1f1f1; }

body.page:not(.home) { background-image: url(../images/bg2.jpg); }

a { text-decoration: none; }

.btn { display: inline-flex; align-items: center; font-size: 0.9rem; border-width: 0.2rem; border-radius: 50rem; padding: 0.75rem 1rem; font-weight: 700; text-transform: uppercase;  }
.btn>svg { width: .7em; height: .7em; display: inline-block; margin-left: 1rem; }
.btn>svg.icon-start { margin-left: 0; margin-right: 1rem; }

/*.btn-lg { font-size: 1.25rem; border-width: 0.25rem; padding: 0.85rem 1.4rem; }*/

.btn-primary { color: #000; background-color: #fff; border-color: var(--donpepe-red); }
.btn-primary:hover { background-color: var(--donpepe-red); border-color: var(--donpepe-red); color: #fff; }

.btn-secondary { color: #fff; background-color: var(--donpepe-red); border: 0 none; }
.btn-secondary:hover { color: #000; background-color: var(--donpepe-yellow); }

.btn:active,
.btn:focus,
.btn:active:focus,
.btn:active:hover { box-shadow: none; }

.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary:active:hover { background-color: var(--donpepe-red); border-color: var(--donpepe-red); color: #fff; box-shadow: none; }

.btn-link-icon { padding: 0; border: 0 none; font-weight: 700; font-size: 1.5rem; color: var(--donpepe-red) }
.btn-link-icon>.btn-icon { padding: 10px; border-radius: 100%; border: 4px solid var(--donpepe-red); color: #000; margin-right: 0.5rem; }
.btn-link-icon>.btn-icon>svg { width: 0.9rem; height: 0.9rem; }

.btn-submit:disabled { background-color: #e4e4e4; }

.btn-link { color: #000; text-decoration: none; border: 0 none; }
.btn-link:hover { color: var(--donpepe-red) }

.btn-code { font-size: 0.9rem; color: #fff; text-transform: none; border: 0 none; padding: 0.5rem 0; }
.btn-code svg { margin-left: 0.5rem; }

h1,h2,h3,h4,h5,h6 { font-family: 'veneerregular', sans-serif; font-weight: 400; }

/**/
/*DARK input - .dark */
.form-control.dark { border-radius: 0; background-color: #2e3236; background-clip: inherit; color: #fff; border: 2px solid #fff; }
.form-control.dark:focus { border-color: var(--donpepe-yellow); background-color: #000; color: #fff; box-shadow: none; }
.form-control.dark::placeholder { color: #fff; }
/***/

.form-control { line-height: 1; border: 2px solid #2e3236; border-radius: 4px; background-color: #fff; background-clip: inherit; color: #000; }
.form-control:focus { border-color: var(--donpepe-red); background-color: #fff; color: #000; box-shadow: none; }
.form-select { border: 2px solid #2e3236; border-radius: 4px; background-color: #fff; color: #000; }
.form-select:focus { border-color: var(--donpepe-red); background-color: #fff; color: #000; box-shadow: none; }

.form-check { font-size: 1rem; }
.form-check-input { border: 2px solid #000; }
/*.form-check-input:checked { border-color: #000; background-color: #fff; }*/
.form-check-input:focus { border-color: #000; box-shadow: none; }
.form-check-input:checked:focus { border-color: var(--donpepe-red); }
.form-check-input[type=checkbox] { border-radius: 4px; }
.form-check-label { display: flex; align-items: center; }
.form-check-label a { color: #000; text-decoration: underline; }
.form-check-label a:hover { color: var(--donpepe-red); }
.form-check-label .info-icon { margin-left: 1rem; }

.form-box { padding: 1.5rem 1.5rem; background-color: #eff3f4; }
.form-box .row { --donpepe-gutter-x: 3rem; --donpepe-gutter-y: 1rem; }
.form-box .row .row { --donpepe-gutter-x: 1rem; --donpepe-gutter-y: 1rem; }
.form-box .button-wrapper { margin-top: 1rem; display: flex; align-items: center;}
.form-box .button-wrapper .btn-link { padding: 0.5rem; margin-left: 0.5rem; }
.form-label { font-weight: 700; font-size: 1rem; text-transform: uppercase; display: flex; align-items: center; }
.form-label .info-icon { margin-left: auto; }
/*
.form-group { position: relative; }
.form-box>.form-group { margin-bottom: 1rem; }
.form-box>.form-group:last-child { margin-bottom: 0!important; }
 */
.form-box .input-group>.form-control { border-radius: 4px!important; }
.form-box .input-group>.form-control.phone-prefix{ flex: 0 1 auto; width: 40px; text-align: center; padding-left: 0.3rem; padding-right: 0.3rem; }
.form-box .input-group>.form-control.phone-country_code{ flex: 0 1 auto; width: 40px; text-align: center;  padding-left: 0.3rem; padding-right: 0.3rem; }
.form-box .input-group>.input-group-text { background-color: transparent; border: 0 none; font-weight: 700; color: #000; }
.form-box .input-group>.input-group-text:first-child { padding-left: 0; }

.tooltip { font-family: 'Barlow Condensed', sans-serif; }

.user-form { display: flex; }
.user-form .column { flex: 1 1 100%; }
.user-form .column.divider { flex: 0 0 115px; }
.divider-or { display: flex; justify-content: center; align-items: center; width: 70px; height: 70px; border-radius: 100%; margin: auto; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 1.1rem; background-color: var(--donpepe-red); }

.user-form .subtitle-row { margin-bottom: 0.5rem; display: flex; align-items: center; justify-content: space-between; }
.user-form .subtitle-row:not(:first-child) { margin-top: 1.5rem; }
.user-form .subtitle-row .btn-link { padding: 0; border: 0 none; }
.user-form .subtitle-row .btn-link svg { margin-right: 0.5rem; }
.user-form .subtitle { margin: 0; font-size: 1rem; color: var(--donpepe-red); font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; }

.sign-in-form { align-items: center; }
.sign-up-form .divider-or { margin-top: 3.75rem; }
/*.sign-in-form .btn-submit { width: 100%; justify-content: space-between; }*/


.login-options {}
.login-options .login-item { margin-top: 1.75rem; }
.login-options .login-item:first-child { margin-top: 0; }
.login-options .login-item a { position: relative; display: flex; justify-content: center; align-items: center; border-radius: 6rem; padding: 0.75rem 1rem; font-size: 1rem; font-weight: 700; white-space: nowrap; border: 2px solid transparent; }
.login-options .login-item a svg { position: absolute; left: 1rem; display: block; width: 1.5rem; height: 1.5rem; margin-right: 1rem; }
.login-options .login-item a.facebook { background-color: #4267B2; color: #fff; border-color: #4267B2; }
.login-options .login-item a.google { background-color: #fff; color: #000; border-color: #000; }
.login-options .login-item a.apple { background-color: #000; color: #fff; border-color: #000; }

.label-helper { margin-left: auto; text-transform: none; font-weight: 400; }
.helper-text {  }
.helper-text.forgot { text-align: right; }
.helper-text a { color: #000; text-decoration: underline; font-size: 0.75rem; font-style: italic; }
.helper-text a:hover { color: var(--donpepe-red); }



header { position: fixed; top: 0; left: 0; right: 0; z-index: 1039; /*102*/ background: #fff; display: flex; align-items: center; min-height: var(--spacer); padding: 1rem 0;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.15);
}
header .logo { margin-right: 4rem; }
header .logo:hover { color: var(--donpepe-red); }
header .logo svg { width: 100%; }
header .inner { display: flex; align-items: center; position: relative; }
header .nav {  }
header .nav .nav-link { color: #131313; }
header .nav .nav-link:hover { color: var(--donpepe-red); }
header .nav .nav-link.active { color: var(--donpepe-red); }
header .quick-links { margin-left: auto; display: flex; align-items: center; }
header .quick-links .nav-link {position: relative; }
header .quick-links .nav-link:hover { color: #000; }
header .quick-links .nav-link span { margin-left: 0.5rem; }
/*header .quick-links a+a { margin-left: 1rem; }*/
header .quick-links>*:not(:first-child) { margin-left: 1rem; }
header .quick-links>.dropdown { display: inline-flex; }
header .quick-links .nav-link span:not(.badge) { display: none; }
header .quick-links .nav-link span.badge { display: inline-block; margin: 0; border-radius: 24px; background-color: var(--donpepe-red); color: #fff; font-size: 12px; padding: 3px 8px;
    position: absolute; top: 0; left: 100%; transform: translate(-50%,-50%); }
header .quick-links .nav-link.profile-link span { display: block; }

.nav-link { font-size: 1.15rem; text-transform: uppercase; font-weight: 700; }
.nav-link:focus, .nav-link:hover { color: inherit; }

.header-spacer { min-height: var(--spacer); }
.order-options { position: absolute; top: auto; left: 0; right: 0; z-index: 101; }

/**/
/*
.lang-box { position: absolute; bottom: 100%; right: 0; }
.lang-box>.dropdown-toggle { display: flex; align-items: center; font-size: 16px; color: #000; }
.lang-box>.dropdown-toggle:hover,.lang-box>.dropdown-toggle.show { color: var(--donpepe-red) }
.lang-box svg{ width: 16px; height: 16px; margin-right: 5px; }
*/

.lang-box { position: absolute; z-index: 1; right: 0; top: -1.5rem; }
.lang-box .lang-item { display: flex; align-items: center; font-size: 16px; color: #000; }
.lang-box .lang-item .flag { margin-right: 5px; }
.lang-box .lang-item .flag img { display: block; width: 16px; vertical-align: inherit; }
.lang-box .lang-item span {  }
.lang-box .lang-item:hover { color: var(--donpepe-red); }

.dropdown-menu { padding: 0; border: 0 none; border-radius: 5px; box-shadow: 0 0 7px 0 rgba(0,0,0,0.3); min-width: 100px; }
.dropdown-menu>li:first-child>.dropdown-item { border-radius: 5px 5px 0 0; }
.dropdown-menu>li:last-child>.dropdown-item { border-radius: 0 0 5px 5px; }
.dropdown-divider { margin: .25rem 0; }
.dropdown-item { overflow: hidden; text-align: right; font-weight: 500; padding: .25rem .75rem; }
.dropdown-item:focus, .dropdown-item:hover { background-color: var(--donpepe-red); color: #fff; }
.dropdown-item.active, .dropdown-item:active { background-color: #000; color: #fff; }

.btn-icon { display: inline-flex; align-items: center; }
.btn-icon svg { width: 1.75rem; height: 1.75rem; }
.btn-icon { padding: 0; }
.btn-app { border: 2px solid var(--donpepe-yellow); background: #fff; padding: 0.5rem 1rem }
.btn-app:hover { border-color: var(--donpepe-red); }

#offnav .offcanvas-body { padding: 0.5rem 0 0 0; }
#offnav .menu { list-style: none; margin: 0; padding: 0; }
#offnav .menu li { }
#offnav .menu li>a { display: flex; padding: 0.5rem 1rem; border-bottom: 1px solid  rgba(0,0,0,.125); }
/*#offnav .menu li:first-child a {border-top: 1px solid rgba(0,0,0,.125); }*/
#offnav .menu li>a span { margin-left: 0.75rem; }
/*
#offnav .menu .lang-box { position: static; margin-top: 1.5rem; padding: 0 1rem; display: flex; align-items: center; }
#offnav .menu .lang-box a { color: rgba(0,0,0,0.8); font-weight: 700; font-size: 1rem; padding: 0.5rem; text-decoration: underline; margin-left: 5px; }
#offnav .menu .lang-box a.active {  }
*/
#offnav .menu .lang-box { position: static; margin-top: 1.5rem; padding: 0 1rem; }
#offnav .menu .lang-box .lang-item .flag img { width: 20px; }
#offnav .menu .lang-box .lang-item { font-size: 18px; }

.widget { padding: 5rem 0; }
.page-padding { padding: 4rem 0; }

.container-wide { width: 100%; margin: 0 auto; }

.page-content {}
.page-content .main-title { margin: 0 0 2.5rem 0; font-size: 2.2rem; color: var(--donpepe-yellow); text-decoration: underline; }
.main-title>span{ margin: 0 0 2.5rem 0; font-size: 2.2rem; color: #000; }

/*.main-subtitle { color: lightgreen; background-color: darkgreen; }*/

/*.page-user-form .page-content .main-title { margin-bottom: 1rem; }*/

.main-title + .main-subtext { margin-top: -1.5rem; }
.main-subtext {  }

.page-header { position: relative; min-height: 80px; }
.page-header>img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; height: 100%; width: 100%; object-fit: cover; object-position: center center; }

.page-header .restaurant-search { position: relative; z-index: 5; max-width: 370px; margin: 0 auto; padding: 0 15px; }
.page-header .restaurant-search .title { margin: 0 0 1rem 0; text-decoration: underline; color: var(--donpepe-yellow); font-size: 1.6rem; }

.page-restaurant .page-header { padding: 1.5rem 0; }

.main-list.page-padding { padding-top: 1rem; }

.top-shadow { box-shadow: 0 0 25px 0 rgba(0,0,0,0.15); }

.restaurant-view { position: relative; z-index: 5; }
.restaurant-map { position: relative; min-height: 520px; }

.restaurant-details {  }
.restaurant-details .container-lg { display: flex; position: relative; }
.restaurant-links { width: 50%; padding: 1rem 0 0 1rem; }
.restaurant-links a { margin: 0 10px 10px 0; }
.detail-box { align-self: flex-start; margin-top: calc((520px - 90px) * -1); width: 50%; background-color: #fff; box-shadow: 0 0 25px 0 rgba(0,0,0,0.15)}
.detail-box .detail-header { background-color: var(--donpepe-red); color: #fff; padding: 1.5rem 1rem 1rem 2rem; }
.detail-box .detail-header .title { margin: 0 0; font-size: 2.3rem; }
.detail-box .detail-header p { margin: 0 0; }
.detail-box .detail-body { background-color: #fff; padding: 1rem 2rem 1px 2rem; }
.detail-box .detail-body .detail-row { margin-bottom: 1rem; }
.detail-box .detail-body .subtitle { margin: 0 0 5px; font-family: 'Barlow Condensed', sans-serif; font-size: 1.2rem; font-weight: 700; }
.detail-box .detail-body .detail-row {}
.detail-box .detail-body .detail-row .desc {  }
.detail-box .detail-body .detail-row.phone .desc { margin-top: -10px; }
.detail-box .detail-body .detail-row.phone a { margin: 10px 0.75rem 0 0; }
.detail-box .detail-body .detail-row.opening strong { color: var(--donpepe-red) }

.gallery { overflow: hidden; }
.gallery .list-wrapper { display: flex; flex-wrap: wrap; margin: 0 -1rem; }
.gallery .list-wrapper>.col { flex: none; width: 33.3333%; padding: 0 1rem; margin-bottom: 2rem; }
.section-widget-title { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin: 0 0 1.5rem 0; padding-bottom: 0.75rem; border-bottom: 1px solid #d3d3d3; }
.section-widget-title .title { font-size: 1.5rem; margin: 0 0 0 0; }
.info-text { position: relative; display: inline-flex; align-items: baseline; }
.info-text .info-icon { position: relative; top: 2px; margin-right: 0.5rem;  }

.info-icon { width: 18px; height: 18px; color: var(--donpepe-red); flex: 0 1 18px; }
.info-icon svg { display: block; width: 18px; height: 18px; }

.main-list {}
.main-list .group { margin-bottom: 1.5rem; }
.main-list .group .group-title { font-size: 1.5rem; margin-bottom: 0.5rem; padding-bottom: 0.5rem; border-bottom: 1px solid #999; }
.main-list .list-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 -7px; }
.main-list .list-wrapper>.col { display: flex; flex: none; width: 50%; padding: 0 7px; margin-top: 14px; }
.main-list .item { position: relative; display: flex; font-size: 1rem; }
.main-list .item>.item-link { display: block; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 2; padding: 0; cursor: pointer; border: 0 none; outline: none; background: transparent; }
.main-list .item { position: relative; display: flex; /*align-self: flex-start;*/ width: 100%; background-color: #fff; border: 1px solid #ededed; }
.main-list .item:after { content: ''; position: absolute; bottom: 10px; right: 10px; width: 16px; height: 16px; display: block;
    background-size: cover; transform: rotate(43deg);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%239d9d9d' d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3e%3c/svg%3e") 50% 50% no-repeat scroll transparent; }
.main-list .item .pic { flex: none; }
.main-list .item .pic img {  }
.main-list .item .price-box { display: flex; justify-content: center; align-items: center; text-align: center; background-color: var(--donpepe-red); color: #fff; font-size: 1.15rem; font-weight: 700; margin-top: 2px; padding: 0.3rem 0.5rem; }
.main-list .item .price-box .price {  }
.main-list .item .price-box .old-price { margin-right: auto; font-weight: 400; font-size: 0.75rem; text-decoration: line-through; }
.main-list .item .text { display: flex; flex-direction: column; padding: 0.5rem 1.25rem 0.75rem 1rem; }
.main-list .item .text .title { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1rem; text-transform: uppercase; margin-bottom: 0.25rem; }
.main-list .item .text .desc {  }
.main-list .item .text .button-wrapper { margin-top: auto; }
.main-list .item .text .button-wrapper .btn {}
.main-list .item:hover .text .button-wrapper .btn { background-color: var(--donpepe-yellow); color: #000; }


.restaurant-list .item .pic { width: 165px; }
.restaurant-list .item .text .desc { margin-bottom: 0.5rem; }
/*.food-list>.container { display: flex; }*/
.food-list .col-list {  }
.food-list .col-sidebar { flex: 0 1 auto; width: 300px; margin-left: 14px; }
.food-list .col-sidebar .sidebar {
    /*    position: sticky;
        top: calc(var(--spacer) + 1rem + 58px);*/
    /*1rem padding / 58px category slider*/
}
.food-list .item { cursor: pointer; }
.food-list .item .pic { width: 145px; }
.food-list .item .pic img { width: 145px; height: 145px; object-fit: cover; }
.food-list .item .text .desc { font-size: 0.9rem; margin-bottom: auto; }
.food-list .item .text .product-attributes { margin-top: 5px; color: #9d9d9d; }
.food-list .item .text .product-attributes .attr-item { margin-right: 5px; }
.food-list .item .text .product-attributes .attr-item:not(:last-child) { margin-right: 5px; }
.food-list .item .text .product-attributes .attr-item svg { width: 1rem; height: 1rem; }
.food-list .item:hover .item-inner { /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/ }
.food-list .item:hover .text .title { color: var(--donpepe-red); }
.food-list-widget { padding-top: 2rem; }
.food-list .item .badge { position: absolute; z-index: 2; top: 10px; left: 0; padding: 2px 4px; font-size: 11px; font-weight: 500; text-transform: uppercase; }
.food-list .item .badge.new { background-color: var(--donpepe-red); color: #fff; }

.suggestion-list.main-list .group { margin-bottom: 0; }
.suggestion-list.main-list .list-wrapper { flex-wrap: wrap; }
.suggestion-list.main-list .list-wrapper>.col { width: 100%; }
.suggestion-list.food-list .item .pic { width: 100px; }
.suggestion-list.food-list .item .pic img { width: 100px; height: 100px; }
.suggestion-list.main-list .item .text { width: 100%; padding:.5rem; }
.suggestion-list.main-list .item .price-box { font-size: 17px; padding: 5px 5px; }
.suggestion-list.main-list .item .price-box .old-price { font-size: 13px; }
.suggestion-list .product-quantity { margin-top: 5px; }
.suggestion-list .product-quantity input.product-count { flex: 0 0 35px; }

.product-attributes { display: flex; flex-wrap: wrap; }
.product-attributes .attr-item { display: inline-flex; align-items: center; font-size: 17px; font-weight: 600; }
.product-attributes .attr-item svg { display: block; width: 1.2rem; height: 1.2rem; }
.product-attributes .attr-item span { margin-left: 5px; }

.food-list .col-sidebar { position: relative; }

.diffpriceinfo { display: flex; margin: .3rem 0 0 0; padding: .3rem .4rem; font-size: .7rem; background-color: #f9f9f9; border: 1px solid #ededed; }
.diffpriceinfo>.icon {flex: 0 0 .6rem; margin-right: 5px; }
.diffpriceinfo>svg { width: .6rem; height: .6rem; }

#infoModal .modal-header { display: flex; padding: 1rem; margin: 0; background-color: var(--donpepe-red); border-radius: 0 0; }
#infoModal .modal-header .title { color: #fff; }
#infoModal .modal-header .title .subtitle { font-size: 1rem; margin-bottom: .5rem; }
#infoModal .modal-header .title h5 { margin: 0 0; font-size: 1.5rem; }
#infoModal .modal-header .title .address { font-size: 1.1rem; }
#infoModal .modal-body .subtitle { font-weight: 700; margin: 0 0 5px 0; }
#infoModal .modal-body .btn-link-icon {  }
#infoModal .modal-body .phones {  }
#infoModal .modal-body .phones .btn { font-size: 16px; margin: 10px 0.75rem 0 0; }
#infoModal .modal-body .phones .btn-link-icon>.btn-icon { border-width: 2px; padding: 7px; }
#infoModal .modal-body .links .btn { margin: 10px 0.75rem 0 0; }
#infoModal .modal-body .map { margin: -1rem -1rem 0 -1rem; height: 300px; background: 50% 50% no-repeat scroll transparent; background-size: cover; }
#infoModal .modal-body .map img { width: 100%; max-width: 100%; display: block; }

.sidebar-wrapper { display: flex; width: 100%; height: 100%; }

.sidebar.sticky-top { z-index: 1019; }
.sidebar { width: 100%; }
.sidebar .sidebar-content { display: flex; flex-direction: column; width: 100%; height: 100%; }
.sidebar .cart-products-wrapper { flex: 1 1 auto; background: #fff; border: 1px solid #ededed; padding: .5rem .75rem; overflow-y: auto; max-height: 280px; min-height: 85px; height: 100%; }
.sidebar .cart-products-empty { flex: 0; overflow-y: inherit; max-height: inherit; min-height: inherit; height: auto; }
.sidebar .subtitle { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: inherit; margin: 0; text-transform: uppercase; }
.sidebar .order-address {  }
.sidebar .link { color: inherit; text-decoration: underline; display: inline-flex; align-items: center; }
.sidebar .link:hover { color: var(--donpepe-red); }
.sidebar .link svg { width: 14px; height: 14px; margin-right: 7px; }
.sidebar .inner-box { padding: .5rem .75rem; background-color: #ededed; font-size: .75rem; }
.sidebar .order-box {  }
.sidebar .order-box .restaurant-info { cursor: pointer; text-decoration: underline; position: relative; padding-right: 1.25rem; display: block; color: inherit; }
.sidebar .order-box .restaurant-info .icon-info { position: absolute; top: 0; right: 0; width: 1rem; }
.sidebar .order-box .restaurant-info:hover { color: var(--donpepe-red); text-decoration: underline; }
.sidebar .order-box .restaurant-info .subtitle {  }
.sidebar .order-box .restaurant-info .order-address{  }
.sidebar .order-box .delivery-info { margin: .325rem 0; }
.sidebar .order-box .delivery-info .subtitle { color: var(--donpepe-red); }
.sidebar .order-box .delivery-info .order-address {  }
.sidebar .order-box .gateway-reset { text-align: center; font-size: 14px; }
.sidebar .order-box .gateway-reset a {  }
.sidebar .order-box .gateway-reset a:hover {  }
.sidebar .block-title { margin: 0 0; padding: .5rem .5rem .5rem .75rem; background-color: var(--donpepe-red); font-family: 'Barlow Condensed', sans-serif; font-weight: 700; text-transform: uppercase; color: #fff; font-size: 1rem; }
.sidebar .cart-options { margin-top: .5rem; }

.sidebar .cart-summary { font-size: .75rem; }
.sidebar .cart-summary-row {}
.sidebar .cart-summary-amount {  }

.cart-products-wrapper::-webkit-scrollbar { width: 7px; background-color: transparent; }
.cart-products-wrapper::-webkit-scrollbar-track { background-color: transparent; }
.cart-products-wrapper::-webkit-scrollbar-thumb { border-radius: 7px; background-color:rgba(0,0,0,0.4); }
.cart-products-wrapper::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.7); }

.cart-coupon-row {  }
.cart-coupon-row .col { position: relative; }
.cart-coupon-row .form-control { border: 1px solid #d4d4d4; }
.cart-coupon-row .form-control-sm { font-size: 15px; min-height: inherit; padding: 2px 7px; }
.cart-coupon-row .btn { position: absolute; z-index: 2; top: 50%; right: 0; transform: translateY(-50%); overflow: hidden; padding: 5px; font-size:0.6rem; line-height: 0; }
.cart-coupon-row .btn>svg{ margin: 0; }
.cart-coupon-row .coupon { display: flex; flex-wrap: nowrap; align-items: center; }
.cart-coupon-row .coupon .icon-coupon {  }
.cart-coupon-row .coupon .icon-coupon svg { transform: rotate(-45deg) }
.cart-coupon-row .coupon .code { font-weight: 500; margin: 0 .325rem }
.cart-coupon-row .coupon .icon-trash { margin-left: auto; }
.cart-coupon-row .coupon .icon-trash svg { width: 1.25rem; margin-left: auto; }
.cart-coupon-row .coupon svg { width: 1rem; }

/*
.voucher-box { background-color: var(--donpepe-red); }
.voucher-box .title { color: #fff; }
.voucher-box .form-group { display: flex; align-items: center; }
.voucher-box .form-group .btn-code { margin-left: 0.5rem; }
.favorite-box { background: #2e3236; color: #fff; }
.favorite-box .title { color: #fff; }
.cart-box { background: #ededed;  position: sticky; top: calc(130px + 1rem);  }
.cart-box .title { color: var(--donpepe-red); }
.cart-box .inner { padding: 1rem; }
*/


.cart-summary {  }
.cart-summary-row { display: flex; justify-content: space-between; margin-bottom: .325rem; }
.cart-summary-label { }
.cart-summary-amount { font-size: .85rem; font-weight: 700; }
.cart-summary-total { font-size: .85rem; font-weight: 700; }
.cart-summary-total * { font-size: .85rem; font-weight: 700; }
.cart-summary-divider { background-color: #d4d4d4; opacity: 1; margin: .5rem 0; }
.cart-summary-checkout .btn { padding: 0.75rem; width: 100%; }
.cart-summary-checkout .btn>svg { margin-left: auto; }
.cart-summary-checkout .btn-primary { border-color: var(--donpepe-red); background-color: var(--donpepe-red); color: #fff; }
.cart-summary-checkout .btn-primary:hover { border-color: var(--donpepe-yellow); background-color: var(--donpepe-yellow); color: #000; }
.cart-summary-checkout .btn-primary { font-size: .75rem; padding: .325rem .75rem; }
.cart-products .cart-product-item { font-size: 0.75rem; font-weight: 700; margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #d4d4d4; }
.cart-products .cart-product-item:first-child { margin-top: 0; padding-top: 0; border-top: 0 none; }
.cart-products .cart-product-item .product-title { /*white-space: nowrap;*/overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; }
.cart-products .cart-product-item .product-info { font-weight: 400; }
.cart-products .cart-product-item .product-info span { display: block; }
.cart-products .cart-product-item .product-footer { display: flex; justify-content: space-between; margin-top: 0.5rem; }
.cart-products .cart-product-item .product-footer .product-quantity {}
.product-quantity { display: flex; align-items: center; }
.product-quantity button { width: 20px; height: 20px; padding: 0; margin: 0; border: 0 none; background-color: #fff; color: var(--donpepe-red); }
.product-quantity button>svg { display: block; /*width: 20px; height: 20px;*/ }
.product-quantity button.product-count-decrease {}
.product-quantity button.product-count-increase {}
.product-quantity .product-count { flex: 1; padding: 0 0; }
.product-quantity input.product-count { border: 0 none; text-align: center; font-weight: 700; width: 25px; -moz-appearance: textfield; -webkit-appearance: textfield; }
.product-quantity input.product-count::-webkit-outer-spin-button,
.product-quantity input.product-count::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.product-quantity input.product-count:focus-visible { outline: none; }
.cart-products .cart-product-item .product-footer .product-price { font-size: 0.85rem; color: var(--donpepe-red); }


.category-list, .category-list * {
    user-select: none; user-drag: none; -webkit-user-drag: none;
}
.category-list { background-color: var(--donpepe-red); padding: 0.75rem 0;
    position: sticky; top: var(--spacer); z-index: 1020;
}
.category-list .slider-wrapper { position: relative; padding: 0 0px; overflow: hidden; }
.category-list .slider-wrapper:before,
.category-list .slider-wrapper:after { content: ''; position: absolute; z-index: 5; top: 0; bottom: 0; width: 70px; height: 100%; pointer-events: auto; }
.category-list .slider-wrapper:before { left: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed1c24+0,ed1c24+100&1+0,1+80,0+100 */
    background: -moz-linear-gradient(left,  rgba(237,28,36,1) 0%, rgba(237,28,36,1) 80%, rgba(237,28,36,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 80%,rgba(237,28,36,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 80%,rgba(237,28,36,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#00ed1c24',GradientType=1 ); /* IE6-9 */

}
.category-list .slider-wrapper:after { right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed1c24+0,ed1c24+100&0+0,1+20,1+20,1+100 */
    background: -moz-linear-gradient(left,  rgba(237,28,36,0) 0%, rgba(237,28,36,1) 20%, rgba(237,28,36,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(237,28,36,0) 0%,rgba(237,28,36,1) 20%,rgba(237,28,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(237,28,36,0) 0%,rgba(237,28,36,1) 20%,rgba(237,28,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ed1c24', endColorstr='#ed1c24',GradientType=1 ); /* IE6-9 */
}
.category-list .swiper-slide { width: auto; }
.category-list .swiper-slide:before { content: ''; position: absolute; top: 50%; left: 0; margin: -2px 0 0 -2px; width: 3px; height: 3px; background-color: #fff; border-radius: 100%; }
.category-list .swiper-slide:first-child:before { display: none; content: none; }
.category-list .item { display: inline-block; padding: 0.5rem 1rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; color: #fff; }
.category-list .item:hover { color: var(--donpepe-yellow); }
.category-list .item.active { color: var(--donpepe-yellow); }
.category-list .item.active span { border-bottom: 4px solid var(--donpepe-yellow); }

.category-list .swiper-button { width: 2rem; height: 2rem; margin-top: -1rem; z-index: 10; color: #fff; }
.category-list .swiper-button svg { display: block; width: 1rem; height: 1rem; }
.category-list .swiper-button:after { content: none; display: none; }

/**/
/**/
.category-list-scroll,
.category-list-scroll * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.category-list-scroll { background-color: var(--donpepe-red); padding: 0.75rem 0; position: sticky; top: var(--spacer); z-index: 10; }
.category-list-scroll .slider-wrapper { display: flex; }
.category-list-scroll .slider-outer { position: relative; padding: 0 1rem; overflow: hidden; }
.category-list-scroll .slider-outer:before,
.category-list-scroll .slider-outer:after { display: none; content: ''; position: absolute; z-index: 5; top: 0; bottom: 0; width: 1.5rem; height: 100%; pointer-events: none; }
.category-list-scroll .slider-outer:before {
    left: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed1c24+0,ed1c24+100&1+0,1+80,0+100 */
    background: -moz-linear-gradient(left,  rgba(237,28,36,1) 0%, rgba(237,28,36,1) 50%, rgba(237,28,36,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 50%,rgba(237,28,36,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(237,28,36,1) 0%,rgba(237,28,36,1) 50%,rgba(237,28,36,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed1c24', endColorstr='#00ed1c24',GradientType=1 ); /* IE6-9 */
}
.category-list-scroll .slider-outer:after {
    right: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ed1c24+0,ed1c24+100&0+0,1+20,1+20,1+100 */
    background: -moz-linear-gradient(left,  rgba(237,28,36,0) 0%, rgba(237,28,36,1) 50%, rgba(237,28,36,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(237,28,36,0) 0%,rgba(237,28,36,1) 50%,rgba(237,28,36,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(237,28,36,0) 0%,rgba(237,28,36,1) 50%,rgba(237,28,36,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ed1c24', endColorstr='#ed1c24',GradientType=1 ); /* IE6-9 */
}
.category-list-scroll .slider-inner { display: flex; align-items: center; overflow-x: hidden; /*overflow-x: scroll;*/
    /*overscroll-behavior-inline: contain;*/
    /*    scroll-snap-type: inline mandatory;*/
    /*    scroll-padding-inline: 0;*/
    scrollbar-width: thin; /*firefox*/
}
.category-list-scroll .slider-inner > * {
    /*scroll-snap-align: start;*/
}
.category-list-scroll .list-group-item { background-color: transparent; border: 0 none; padding: 0.5rem 1rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; white-space: nowrap; color: #fff; }
.category-list-scroll .list-group-item:hover { color: var(--donpepe-yellow); }
.category-list-scroll .list-group-item.active { color: #000; }
.category-list-scroll .list-group-item.active span { border-bottom: 4px solid #000; }
.category-list-scroll .slider-button { position: relative; z-index: 6; flex: 0 0 0%; width: 2rem; color: #fff; }
.category-list-scroll .slider-button svg { display: block; width: 2rem; height: 2rem; }
.category-list-scroll .slider-button-prev {}
.category-list-scroll .slider-button-next {}


/**/

.main-list.food-list .item>.item-link { display: none; }


.order-options { text-align: center; background: rgba(0,0,0,0.5); padding: .5rem; }
.order-options .button-wrapper { position: relative; display: flex; justify-content: center; }
.order-options .button-wrapper a { font-size: 1.2rem; font-weight: 600; line-height: 1; text-transform: uppercase; padding: 0.5rem 0.75rem; border-radius: 50rem; border: 4px solid transparent; transition: all 0.3s 0s ease; }
.order-options .button-wrapper a:hover { background: #fff; color: #000; }
.order-options .button-wrapper span { position: absolute; z-index: 5; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; width: 3rem; height: 3rem; border-radius: 100%;
    background: url(../images/icon-pizza.svg) 50% 50% no-repeat scroll #fff; background-size: 35px 35px;
    border: 4px solid var(--donpepe-red); }
/*.order-options .button-wrapper span svg { width: 18px; height: 18px; margin: auto; }*/

.order-options .button-wrapper .btn-delivery { border-bottom-left-radius: 0; border-top-left-radius: 0; background: var(--donpepe-yellow); border-color: var(--donpepe-yellow); color: #000; padding-right: 1.5rem; }
.order-options .button-wrapper .btn-pickup { border-bottom-right-radius: 0; border-top-right-radius: 0; background: var(--donpepe-red); border-color: var(--donpepe-red); color: #fff; padding-left: 1.5rem; }

.promobox { position: relative; overflow: hidden }
.promobox .swiper-control { position: absolute; z-index: 5; bottom: 0; left: 0; right: 0; justify-content: center; margin-bottom: 5rem; padding: 1rem 0; }
.promobox .swiper-container { }
.promobox .item { position: relative; max-width: 1920px; margin: 0 auto; background: 50% 0 none scroll transparent; background-size: cover; }
.promobox .item .link { cursor: pointer; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: transparent; }
/*.promobox .item img { position: relative; z-index: 1; display: none; }*/
.promobox .item img { width: 100%; height: 100%; object-fit: cover;}

.local-offers { font-size: 20px; overflow: hidden; position: relative; z-index: 5; }
.local-offers .inner { position: relative; display: grid; grid-template-columns: var(--donpepe-lo-gutter) 1fr 34.5% var(--donpepe-lo-gutter); grid-template-rows: 2em auto auto auto; }
.local-offers .inner:before,
.local-offers .inner:after { content: ''; display: block; z-index: -1; }
.local-offers .inner:before { grid-column: 1/3; grid-row: 1/5; background: url(../images/bg-local-offer.jpg) 50% 50% no-repeat scroll #242626; border-top: 7px solid #fff; }
.local-offers .inner:after { grid-column: 3/5; grid-row: 1/5; background-color: var(--donpepe-red); margin-top: 7px; }
.local-offers .inner>.main-title { grid-column: 2/3; grid-row: 2/3; }
.local-offers .inner>.main-title .title { font-size: 4.25rem; text-decoration: underline; color: var(--donpepe-yellow); }
.local-offers .inner>.search-box { grid-column: 3/4; grid-row: 2/3; }
.local-offers .inner>.search-box form { margin-top: 1.5rem; }
.local-offers .inner>.search-box form .btn-submit {  }
.local-offers .inner>.search-box form .btn-submit>svg {}
.local-offers .inner>.search-box form .btn-submit:hover {  }
.local-offers .inner>.slider-wrapper { position: relative; grid-column: 2/4; grid-row: 3/4; max-width: 100%; box-shadow: 0 0 25px rgba(0,0,0,0.4); }
.local-offers .inner>.slider-wrapper>.swiper-container { margin: 0 auto; }
.local-offers .inner>.swiper-control { grid-column: 2/3; grid-row: 4/5; justify-content: flex-end; padding-right: 1.25rem; }
.local-offers .item { width: 100%; background-color: #fff; display: flex; }
.local-offers .item .pic { position: relative; width: 50%; background-color: #000; }
/*.local-offers .item .pic .button-wrapper { position: absolute; z-index: 5; top: 50%; left: 0; transform: translate(0,-50%); width: 100%; text-align: center; }*/
.local-offers .item .pic img { width: 100%; height: 100%; object-fit: cover; opacity: .75; }
.local-offers .item .text { width: 50%; display: flex; flex-direction: column; }
.local-offers .item .subtitle { font-family: 'Barlow Condensed', sans-serif; font-size: 1.2rem; font-weight: 700; margin-bottom: 0; }
.local-offers .item .title { font-family: 'Barlow Condensed', sans-serif; font-size: 2.3rem; font-weight: 700; margin-bottom: 1rem; text-transform: uppercase; }
.local-offers .item .desc { font-size: 1.2rem; margin-bottom: 1rem; }
.local-offers .item .desc-ext { font-size: 0.8rem; }
.local-offers .item .desc-ext>span { color: #ff0000; text-transform: uppercase; }
.local-offers .item .price { font-size: 2.2rem; line-height: 1; font-weight: 700; color: var(--donpepe-red); margin-top: 1rem; margin-bottom: 1rem; }
.local-offers .item .button-wrapper { margin-top: auto; }

.local-offers .swiper-slide { display: flex; height: auto; }

.restaurant-offers { margin-top: 0!important; margin-bottom: 2.5rem; }
.restaurant-offers .swiper-control {  }
.restaurant-offers .swiper-control .swiper-button-next, .restaurant-offers .swiper-control .swiper-button-prev { color: #000; }
.restaurant-offers .swiper-control .swiper-pagination-bullet { background-color: #000; }
.restaurant-offers .swiper-control .swiper-pagination-bullet-active { border-color: #000; background-color: transparent; }
.restaurant-offers .item { background-color: #ebebeb; }

.local-offers .inner>div { position: relative; }
.dp-img { position: absolute; z-index: 0;
    -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none;
}
.local-offers .dp-img { top: 3.5rem; right: calc(34.5% + var(--donpepe-lo-gutter)); transform: translateX(50%); }
.vegan-box .container-lg { position: relative; }
.vegan-box .dp-img.logo-vegan { width: 135px; z-index: 5; top: -3.5rem; left: 0; }
.vegan-box .item .button-wrapper { position: relative; }
.vegan-box .item .button-wrapper .dp-img.wlv { margin-left: 40px; margin-top: 15px; width: clamp(50px, 15.5vw, 295px); }
.vegan-box .item .button-wrapper .dp-img.arrow { bottom: 0; transform: translate(-100%, 50%); width: clamp(50px, 4.8vw, 92px); }
footer { overflow: hidden; }
footer .logo { position: relative; }
footer .container-md { position: relative; }
footer .dp-img.mushroom { top: 50%; right: calc(100% + 40px); }
footer .dp-img.egg { bottom: 0; left: calc(100% + 40px); }

.btn-search-icon { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; font-size: 1rem; color: #fff; border: 0 none; border-radius: 0; padding: 0 1rem; }
.btn-search-icon>svg { margin: 0; height: 1rem; width: 1rem; }
.btn-search-icon:hover { color: var(--donpepe-yellow); }

.swiper-control { position: relative; display: flex; padding: 1.25rem 0; }
.swiper-control .swiper-button-next, .swiper-control .swiper-button-prev { position: static; color: var(--donpepe-yellow); width: 30px; height: 30px; margin: 0; }
.swiper-control .swiper-button-next:after, .swiper-control .swiper-button-prev:after { font-size: 26px; }
.swiper-control .swiper-button-next:hover, .swiper-control .swiper-button-prev:hover { color: var(--donpepe-red); }
.swiper-control .swiper-pagination { position: static; display: inline-flex; align-items: center; margin: 0 30px; }
.swiper-control .swiper-pagination-bullet { transition: all 0.2s 0s ease; width: 12px; height: 12px; margin: 0 8px; opacity: 1; border: 2px solid transparent; background: var(--donpepe-yellow); background-clip: content-box; }
.swiper-control .swiper-pagination-bullet:hover { background-color: var(--donpepe-red); }
.swiper-control .swiper-pagination-bullet-active { width: 12px; height: 12px; border-color: var(--donpepe-yellow); background: transparent; }
.swiper-control .swiper-pagination-bullet-active:hover { background: inherit; }

.highlight-box { overflow: hidden; }
.highlight-box .row { --donpepe-gutter-x: 2.1rem; }
.highlight-box .swiper-container:not(.swiper-container-initialized) { margin: 0 -21px; }
.highlight-box .swiper-container:not(.swiper-container-initialized) .swiper-slide { width: 33.3333%; padding: 0 21px; }
.highlight-box .swiper-control { justify-content: center; }
/*.highlight-box .swiper-container.swiper-container-initialized { max-width: 600px; }*/

.vegan-label { display: inline-flex; align-items: center; margin: 0 0; font-family: 'Barlow Condensed', sans-serif; font-size: 1.5rem; line-height: 1; color: #047426; font-weight: 400; }
.vegan-label:before,
.vegan-label:after { content: ''; width: 0.9rem; height: 0.9rem; }
.vegan-label:before { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23047426' d='M5 1c5.3-4.7 10.1 8.2 10.1 8.2s-2.6-2.3-4.6-2.7S-.4 5.7 5 1zm11 12.7s-6.3 0-11 1.8-7.5-1.8-1.8-5.4S16 13.7 16 13.7z'/%3e%3c/svg%3e") 50% 50% no-repeat scroll transparent; }
.vegan-label:after { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23047426' d='M5.5 6.5C3.5 7 .9 9.2.9 9.2S5.7-3.7 11 1c5.4 4.7-3.5 5-5.5 5.5zm7.3 3.6c5.7 3.6 2.9 7.2-1.8 5.4S0 13.7 0 13.7s7.2-7.2 12.8-3.6z'/%3e%3c/svg%3e") 50% 50% no-repeat scroll transparent }
.vegan-label>span { padding: 0 0.5rem; }

.vegan-box { background: #fff; overflow: hidden; }
.vegan-box .item { position: relative; display: flex; align-items: center;}
.vegan-box .item+.item { margin-top: 3rem; }
.vegan-box .item .pic { width: 50%; }
.vegan-box .item .pic img {}
.vegan-box .item .text { width: 50%; font-size: 1.1rem; }
.vegan-box .item .text .vegan-label { margin-bottom: 1.5rem; }
.vegan-box .item .text .title { font-size: 2.2rem; line-height: 1; margin-bottom: 1rem; }
.vegan-box .item .text p {}
.vegan-box .item .text .button-wrapper { margin-top: 2rem; }
.vegan-box .item .text .button-wrapper .btn {}

.newsletter { color: #fff; background: url(../images/bg-newsletter.jpg) 50% no-repeat scroll #0a151d; padding: 1.5rem 0 2rem 0; }
.newsletter p { }
.newsletter .title { font-size: 3.2rem; line-height: 1; color: var(--donpepe-yellow); margin-bottom: 2rem; }
.newsletter .title>span{ display: block; color: #fff; font-family: 'Barlow Condensed', sans-serif; font-size: 2rem; font-weight: 600; }

footer { background: url(../images/bg-footer.jpg) 50% 0 no-repeat scroll #131b21; color: #fff; font-size: 1rem; }
footer .footer-nav { padding-top: 3rem; }
footer .footer-nav .logo { color: var(--donpepe-red); }
footer .footer-nav .logo svg .logo-outline { fill: #fff; }
footer .footer-nav .logo svg .logo-title { fill: #fff; }
footer .footer-nav .menu {}
footer .footer-nav .item {}
footer .footer-nav .item .title { text-decoration: underline; color: var(--donpepe-yellow); font-size: 1.3rem; margin-bottom: 1.5rem; }
footer .footer-nav .item ul { list-style: none; padding: 0; }
footer .footer-nav .item ul li { margin-bottom: 0.5rem; }
footer .footer-nav a { color: #fff; }
footer .footer-nav a:hover { color: var(--donpepe-red); }
footer .footer-links { display: flex; align-items: center; margin-top: 0.5rem; margin-bottom: 1.5rem; }
footer .footer-links .social-box { display: flex; }
footer .footer-links .social-box a { display: inline-flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border: 2px solid var(--donpepe-yellow); background-color: transparent; color: #fff; border-radius: 100%; }
footer .footer-links .social-box a+a { margin-left: 0.75rem }
footer .footer-links .social-box a svg { width: 1rem; height: 1rem; }
footer .footer-links .social-box a:hover { background-color: var(--donpepe-yellow); color: #000; }
footer .footer-links .app-box { }
footer .footer-links .app-box .btn {  }
footer .footer-links .app-box .btn img { height: 1.5rem; }
footer .footer-links .app-box .btn+.btn { margin-left: 0.75rem; }
footer .footer-links .divider { flex: 1; height: 2px; background-color: var(--donpepe-yellow); margin: 0 1rem; }
footer .bottom { background: #fff; color: #000; font-size: 16px; font-weight: 500; padding: 0.5rem 0; }
footer .bottom a:hover { text-decoration: underline; }
footer .bottom .container { display: flex; justify-content: space-between; align-items: center; }
footer .bottom .copyright {  }
footer .bottom .copyright span { color: var(--donpepe-red); font-weight: 600; }
footer .bottom .createdby { color: var(--donpepe-red); text-align: right; }
footer .bottom .createdby a { font-weight: 600; }
footer .bottom .createdby span { color: #000; }
footer .bottom .createdby span a { color: #000; font-weight: 500; }
/**/
footer .bottom { padding: 0.25rem 0; }
footer .bottom .payment-logo { flex: 0 1 505px; margin-left: auto; margin-right: auto; }
footer .bottom .payment-logo img { }

/**/
footer .footer-nav .logo { display: flex; flex-direction: column; }


.food-modal { font-size: 1rem; }
.food-modal .modal-body.padding-0 { padding: 0 0; }
.modal-content { border: 0 none; border-radius: 0; }
.modal-inner { position: relative; padding: 2rem 2rem 1rem 2rem; }
.modal-header { display: block; padding: 0 0 1rem 0; margin-bottom: 0.5rem; border-bottom-color: #bdbdbd; }
.modal-title { text-transform: uppercase;font-family: 'Barlow Condensed', sans-serif; font-size: 1.4rem; line-height: 1.2; color: var(--donpepe-red); font-weight: 700; margin: 0.5rem 0 1rem 0; }
.modal-product-price { position: absolute; top: 0; /*left: 2rem;*/ left: auto; background-color: var(--donpepe-red); color: #fff; font-weight: 700; font-size: 1.5rem; padding: 0.5rem 1rem; transform: translateY(-50%); }
.modal-image { position: relative; }
.modal-image img { width: 100%; max-height: 320px; object-fit: cover; }
.modal-image .btn-close { position: absolute; top: 0; right: 0; transform: translate(25%, -25%); }

/*.modal-info-box { display: flex; flex-wrap: wrap; margin: 0 -1rem 1rem -1rem; }*/
.modal-info-box .info-item-col { padding: 0 1rem; margin-bottom: 0.5rem; }
.modal-info-box .info-item { font-weight: 600; font-size: 17px; color: #000; }
.modal-info-box .info-item>svg { width: 16px; height: 16px; margin-right: 5px; }
.food-modal .btn-close { z-index: 5; display: flex; justify-content: center; align-items: center; padding: 0; width: 28px; height: 28px; border-radius: 100%; color: #fff; background: var(--donpepe-red); border: 2px solid #fff; opacity: 1; }
.food-modal .btn-close svg { width: 28px; height: 28px; }
.food-modal .btn-close:hover { background-color: var(--donpepe-yellow); color: #000; border-color: #fff; }

.modal-inner .modal-info-box.product-attributes { margin: 0 -1rem 1rem -1rem; }
.modal-inner .modal-info-box.product-attributes .attr-item { padding: 0 1rem; margin-bottom: .5rem; }

.option-group-inner .product-attributes { margin-left: 5px; }
.option-group-inner .product-attributes .attr-item:not(:last-child){ margin-right: 5px; }
.option-group-inner .product-attributes .attr-item svg { width: 1rem; height: 1rem; }

/*.option-group-inner .product-attributes { display:none; }*/
/*.form-check-label { display: block; }*/

.modal-product-options {}
.modal-product-options .option-group { margin: 2rem 0 0 0; }
.modal-subtitle { display: flex; align-items: center; font-family: 'Barlow Condensed', sans-serif; font-size: 1rem; font-weight: 700; color: #000; text-transform: uppercase; margin: 0 0 1rem 0; }
.modal-product-options .option-group .modal-subtitle:after { content: ''; flex: 1; margin-left: 10px; height: 1px; background-color: #bdbdbd; }
.modal-product-options .option-group-inner { padding-left: 1rem; }

.food-modal .modal-body { display: flex; flex-direction: column; }
.food-modal .modal-body .modal-message { margin-top: auto; }

.modal-message { background-color: #f6f6f6; padding: 1rem 2rem 1rem 2rem; }
.modal-message .modal-subtitle { margin-bottom: 5px; }
.modal-message textarea.form-control { background-color: transparent; border: 1px solid #bdbdbd; border-radius: 0; }

.modal-footer { justify-content: center; border-top-color: #bdbdbd; border-radius: 0; padding: 0.5rem; }
.modal-footer>* { padding: 0.5rem; }


.highlight-box img,
.food-list .item .pic img,
.modal-image img { image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0); }


.addon-group .addon-header {}
.addon-group .addon-header .btn { width: 100%; border: 0 none; border-radius: 24px; font-size: 16px; background-color: #ced4da; color: #000; }
.addon-group .addon-header .btn:hover { background-color: var(--donpepe-red); color: #fff; }
.addon-group .addon-header .btn-secondary:focus {  }
.addon-group .addon-header .btn>svg { width: 1rem; height: 1rem; }
.addon-group .addon-header .btn.btn-open { border-radius: 24px 24px 0 0; background-color: var(--donpepe-red); color: #fff; }
.addon-group .addon-body .option-group:first-child { margin-top: 0; }
.slice_addons_content { padding: .75rem; background-color: #fafafa; border: 1px solid #e0e0e0; }
.slice_addons_content .product-quantity button { background-color: transparent; }
.slice_addons_content .product-quantity input.product-count { background-color: transparent; }
/*.slice_addons_content .option-group + .option-group { margin-top: 1.5rem; }*/
.bundle_slice_content {  }
.option-group + .option-group { margin-top: 1.5rem; }

.food-modal .product-quantity {}
.food-modal .product-quantity button { width: 30px; height: 30px; }
.food-modal .product-quantity button:disabled { color: #c2c2c2; }
.food-modal .product-quantity input.product-count { width: 35px; }

/* fixed footer */
.food-modal .modal-fullscreen-md-down { height: calc(100% - (1.75rem * 2)); }
.food-modal .modal-content { height: 100% }
.food-modal .modal-body { overflow-y: auto; }
.food-modal .modal-image .btn-close { display: none; }
.food-modal .modal-header { position: relative; margin: 0; padding: 0; border: 0 none; }
.food-modal .modal-header .btn-close { position: absolute; z-index: 5; top: 10px; right: 27px; margin: 0; }

.anchor { visibility: hidden; position: relative; }

.toast-container { position: fixed; z-index: 201; bottom: 0; right: 0; padding: 1rem; }
.toast { font-size: 1rem; }

.page-order {}
.page-order .col-order { width: 100%; max-width: 810px; }
.page-order .cart-products-wrapper { max-height: none; }
.page-order .cart-products .cart-product-item { font-size: 1rem; }
.page-order .cart-products .cart-product-item .product-footer .product-price { font-size: inherit; }
.page-order .product-quantity .product-count { font-size: .75rem; }
.page-order .cart-summary { font-size: 1rem;  padding: 1rem 2rem; }
.page-order .cart-summary-amount { font-size: 1rem; }
.page-order .voucher-box { display: flex; align-items: center; padding: 1.5rem 2rem; }
.page-order .voucher-box .title { padding: 0; margin-right: 1rem; }
.page-order .voucher-box .inner { padding: 0; flex: 1; }
.page-order .voucher-box .form-group .btn-code { margin-left: 1rem; }
.page-order .cart-box { background-color: #daddde; position: relative; top: initial; }
.page-order .cart-box .title { display: none }
/*.page-order .cart-products-wrapper { background-color: #eff3f4; padding: 2rem; }*/
.page-order .product-quantity button { background-color: transparent; }
.page-order .product-quantity .product-count { background-color: transparent; }
.page-order .cart-summary-row { margin-bottom: .75rem; }
.page-order .cart-summary-total { --donpepe-gutter-x: 4rem; border: 0 none; background-color: var(--donpepe-red); color: #fff; padding: .75rem 0; margin-bottom: 1.5rem; }
.page-order .cart-summary-checkout { text-align: center; }
.page-order .cart-summary-checkout .btn-primary { width: auto; }
.page-order .cart-summary-checkout .btn>svg { margin-left: 1rem; }
.page-order .cart-products .cart-product-item .product-title { white-space: normal; }

.page-order .order-box { font-size: 1rem; }
.page-order .order-box .gateway-reset { font-size: .85rem; text-align: left; }
.page-order .cart-summary-total * { font-size: 1.25rem; }
.page-order .cart-summary-row + .cart-summary-divider { display: none; }
.page-order .cart-coupon-row .form-control-sm { font-size: 1.325rem; }
.page-order .link svg { width: 1em; height: 1em; }

.voucher-box .coupon { display: flex; align-items: center; color: #fff; font-size: 1rem; margin-top: .25rem; }
.voucher-box .coupon .code { padding: 0 .5rem; flex: 1; }
.voucher-box .coupon svg { width: 1rem; }
.voucher-box .coupon .icon-coupon { margin-right: .25rem }
.voucher-box .coupon .icon-coupon svg { transform: rotate(-45deg) }
.voucher-box .coupon .icon-trash { margin-left: .25rem; color: #fff; }
.voucher-box .coupon .icon-trash svg { width: 1.25rem; }
.voucher-box .coupon .icon-trash:hover { color: #000; }

.page-order .cart-products .cart-product-item { display: flex; --img: clamp(60px, 12.34vw, 100px); }
.page-order .cart-products .cart-product-body { flex: 1; display: flex; flex-direction: column; }
.page-order .cart-products .cart-product-pic { flex: 0 0 var(--img); width: var(--img); margin-right: 1.5rem; }
.page-order .cart-products .cart-product-pic>img { width: var(--img); height: var(--img); object-fit: cover; }
.page-order .cart-products .product-footer { padding-top: 0.5rem; margin-top: auto; }
.page-order .form-box .row { --donpepe-gutter-x: 1rem; }
.page-order .user-form { display: block; font-size: 1rem; }
.page-order .user-form .form-box { padding-bottom: 0.5rem; }
.page-order .user-form .form-box .row .row { --donpepe-gutter-x: 1.5rem; }
.page-order .user-form .form-box .row { margin-bottom: 1rem; align-items: center; }
.page-order .user-form .form-box>.row {  }
/*.page-order .user-form .form-check{ font-size: 0.85rem; }*/
.page-order .user-form .form-label { margin-bottom: 0; font-size: 0.75rem; }
.page-order .user-form .form-select.form-datepicker { /*min-width: 130px;*/ }
.page-order .user-form .config-links {}
.page-order .user-form .config-links .button-wrapper { margin-top: 0; }
.page-order .user-form .config-links .button-wrapper .btn-link { margin-left: 0; }
.page-order .user-form .config-links .button-wrapper .btn-link+.btn-link { margin-left: 0.5rem; }
.page-order .user-form .form-box .config-links .row { --donpepe-gutter-x: 0.5rem; }

.page-order .user-form .payment-method .row .row { --donpepe-gutter-x: 0.75rem; }
.page-order .user-form .payment-method .payment-check { font-weight: 700; }
.page-order .user-form .payment-method .creditcards-logo { margin-bottom: 0.5rem; }
.page-order .user-form .payment-method .form-check-group .form-check .form-check-label { font-size: 0.85rem; font-weight: 600; line-height: 1.5rem;  }
.page-order .user-form .payment-method .payment-creditcard .form-check-group .form-check .form-check-label { font-size: 0.85rem; font-weight: 700; line-height: 1.3; }
.page-order .user-form .payment-method .payment-creditcard .form-check-group .form-check .form-check-label>span>span { font-size: 0.75rem; font-weight: 600; line-height: 1.3; }

.box-container { overflow: hidden; }
.box-container>.row { --donpepe-gutter-x: 2.5rem; }
.box-container>.row>.col { max-width: calc(350px + var(--donpepe-gutter-x)); }
.box-container .box { position: relative; text-align: center; padding: 15px; display: flex; height: 100%; }
.box-container .box .box-inner { display: flex; flex-direction: column; border: 2px solid #fff; padding: 1rem 1rem 0 1rem; }
.box-container .box .title {  }
.box-container .box .pic { margin-bottom: 0.5rem; }
.box-container .box .pic svg { width: 100px; height: 70px; }
.box-container .box .text { font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; }
.box-container .box .text a { color: #fff; text-decoration: underline; }
.box-container .box .button-wrapper { margin-top: auto; }
.box-container .box .button-wrapper .btn { margin-bottom: 0.5rem; }
.box-container .box-yellow { background-color: var(--donpepe-yellow); color: #000; }
.box-container .box-red { background-color: var(--donpepe-red); color: #fff; }
.box-container .box-red .button-wrapper .btn-primary { border-color: #000; }
.box-container .box-red .button-wrapper .btn-primary:hover { background-color: #000; }

table.contact-info.table {  }
table.contact-info.table tr>td:first-child { padding-right: 1rem }

.text-black { color: #000!important; }

.career-form .form-check { margin-bottom: 0.5rem; }
.career-form .form-check-label { font-weight: 600; }

.swal2-popup { background: url(../images/bg-swal-v1.jpg) 50% 50% no-repeat scroll #282828; border-radius: 0; color: #fff; }
.swal2-html-container { color: #fff; }
.swal2-title { color: #fff; }

.swal2-actions .swal2-styled::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-caret-right' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E");
    display: inline-block;; width: .7em; height: .7em; margin-left: 1rem;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover { background-image: none; }
.swal2-actions .swal2-styled { outline: 0 none; box-shadow: none; display: inline-flex; align-items: center; font-size: 0.9rem; border: 0.2rem solid var(--donpepe-red); border-radius: 50rem; padding: 0.75rem 1rem; font-weight: 700; text-transform: uppercase;  }
.swal2-actions .swal2-styled { color: #000; background-color: #fff; }
.swal2-actions .swal2-styled:hover { background-color: var(--donpepe-red); border-color: var(--donpepe-red); color: #fff; }
.swal2-actions .swal2-styled:focus { box-shadow: none; }
.swal2-actions .swal2-styled:hover::after { content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='icon-caret-right' viewBox='0 0 16 16' fill='%23fff'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E"); }

.swal2-icon.swal2-info { color: #00c0ff; border-color: #00c0ff; }
.swal2-icon.swal2-warning { color: var(--donpepe-yellow); border-color: var(--donpepe-yellow); }
.swal2-icon.swal2-error { color: var(--donpepe-red); border-color: var(--donpepe-red); }
.swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: var(--donpepe-red); }

.swal2-icon.swal2-success [class^=swal2-success-line] { background-color: #5cff00; }
.swal2-icon.swal2-success .swal2-success-ring { border-color: #5cff00; }

.swal2-icon.swal2-success .swal2-success-circular-line-right,
.swal2-icon.swal2-success .swal2-success-circular-line-left,
.swal2-icon.swal2-success .swal2-success-fix { background-color: transparent!important; }
/**/
/*
.box-container {
    display: table;
}

.yellowbox {
    margin:10px;
    display: table-cell;
    background: #ffd200;
}

.redbox {
    margin:10px;
    display: table-cell;
    background: #ed1b24;
}

.box-inner {
    padding:10px;
    margin:10px;
    border: double 1px #fff;
}
 */
/**/


@media (max-width: 575.98px) {
    html { font-size: 14px; }
    .order-options .button-wrapper a { min-width: 50%; }

    header .logo { margin-left: 1rem; }
    header .quick-links .nav-link.favorit-link { display: none; }
    header .quick-links .nav-link.profile-link span { display: none; }

    footer .footer-nav .row { --donpepe-gutter-x: 1rem; }
    footer .footer-nav .item { flex: 1 1 50%; width: 50%; }

    footer .footer-links { flex-direction: column; justify-content: center; }
    footer .footer-links .app-box { margin-top: 1.5rem; }
    footer .bottom { flex-direction: column; font-size: 11px; }
    footer .bottom .container { flex-direction: column; }
    footer .bottom .copyright { font-size: 14px; margin-bottom: 10px; }


    .restaurant-list .list-wrapper>.col { width: 50%; }

    .box-container>.row { --donpepe-gutter-x: 0.5rem; }

}
@media (max-width: 767.98px) {

    :root {
        /*--spacer: 131px;*/
        --spacer: 131px;
    }
    body.page .header-spacer { --spacer: 65px; }
    header { min-height: 65px; }
    .order-options { top: 65px; background-color: rgba(0,0,0,0.85); }
    .order-options .button-wrapper { height: 46px; align-items: center; }
    .order-options .button-wrapper a { border-width: 3px; }

    .btn-lg { font-size: 1rem; padding: 0.5rem 1rem; }

    .local-offers { margin-top: 0; border-top: 5px solid #fff;  }
    .local-offers .inner:before { background-size: cover; border-top: 0 none;
        grid-column: 1/4;
        grid-row: 1/6;
    }
    .local-offers .inner:after {
        display: none!important; content: inherit; /* searchbox remove */
        margin-top: 0;
        grid-column: 1/4;
        grid-row: 2/4; }

    .local-offers .inner { display: grid; margin: 0 auto; width: 100%; max-width: 100%;
        grid-template-columns: 15px minmax(0, 1fr) 15px;
        grid-template-rows: auto auto 80px auto auto;
    }
    .local-offers .inner>.main-title { padding: 1.5rem 0 0 0;
        grid-column: 2/3;
        grid-row: 1/2;
    }
    .local-offers .inner>.main-title .title { margin-bottom: 1rem }
    .local-offers .inner>.search-box {
        display: none!important; /* searchbox remove */
        padding: 1.5rem 0 1.5rem 0;
        grid-column: 2/3;
        grid-row: 2/3;
    }
    .local-offers .inner>.search-box form { margin-top: 0; }
    .local-offers .inner>.slider-wrapper {
        grid-column: 1/4;
        grid-row: 3/5;
        max-width: inherit;
        box-shadow: none;
    }
    .local-offers .inner>.swiper-control {
        grid-column: 2/3;
        grid-row: 5/6;
        justify-content: center;
    }
    .local-offers .item { flex-direction: column; }
    .local-offers .item .pic { width: 100%; }
    .local-offers .item .text { width: 100%; height: 100%; }
    .local-offers .item .button-wrapper .btn { justify-content: center; width: 100%; }

    .local-offers .swiper-container-autoheight .swiper-wrapper { height: 100%!important; }
    .local-offers .swiper-container-autoheight .swiper-wrapper .swiper-slide { height: 100%; }
    .local-offers .swiper-slide { display: flex; height: auto; }

    .local-offers .dp-img { display: none; }

    .restaurant-offers { border: 0 none; }

    .highlight-box .container-lg { padding: 0 0; }

    .vegan-box .item { flex-direction: column; width: 100%; min-width: 290px; max-width: 570px; margin: 0 auto; }
    .vegan-box .item .pic { width: inherit; margin-bottom: 1.5rem; height: 0; padding-bottom: 60%; overflow: hidden; }
    /*.vegan-box .item .pic img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }*/
    .vegan-box .item .text { width: inherit; }

    /*.promobox .item { height: 50vw; }*/

    footer .footer-nav { padding-top: 1rem; }
    footer .footer-nav .logo svg { display: block; width: 160px; margin: 0 auto 2rem auto; }
    footer .footer-nav .logo .payment img { display: block; margin: 0 auto 2rem auto; }

    .offcanvas { top: 65px; }
    #offnav .menu li a { font-size: 1.5rem; }

    .vegan-box .dp-img.logo-vegan { width: 70px; top: -2rem; }
    .vegan-box .item .button-wrapper .dp-img.wlv { top: -1rem; margin-top: 0; margin-left: 25px; width: 170px;}
    .vegan-box .item .button-wrapper .dp-img.arrow { display: none; }

    footer .dp-img.mushroom { top:0; right:auto; left: 0; width: 60px;}
    footer .dp-img.egg { bottom: 0; left: calc(100% + 40px); }


    .restaurant-list .list-wrapper>.col { width: 100%; }
    .restaurant-list .item .pic { width: 21.5vw; }
    .restaurant-list .item .pic img { width: 100%; height: 100%; object-fit: cover; }

    .page-header { min-height: 40px; }
    .restaurant-map { min-height: 250px; }
    .restaurant-map>img { object-position: 75% 50%; }

    .user-form { display: block; }
    .user-form .column { max-width: 490px; margin: 0 auto; display: block; }
    .user-form .column.divider { padding: 1rem; }
    .sign-up-form .divider-or { margin-top: 0; }

    .category-list { top: 65px; }
    .category-list .slider-wrapper:before, .category-list .slider-wrapper:after { width: 30px }
    .category-list .swiper-button { width: 15px; }
    .category-list .swiper-button-prev { left: 0; }
    .category-list .swiper-button-next { right: 0; }
    .category-list .item { font-size: 13px; padding: 5px 10px; }

    .main-list .list-wrapper>.col { width: 100%; }

    .food-modal .btn-close { transform: translate(-5px,5px); }
    .modal-image img { max-height: 50vw; }
    .modal-inner { padding: 2rem 1rem 1rem 1rem; }
    .modal-message { padding: 1rem; }

    .page-order .voucher-box { padding: 1rem 1rem; }
    .page-order .cart-box .cart-products-wrapper { padding: 1rem; }
    .page-order .cart-summary { padding: 1rem; }
    .page-order .cart-summary-total { --donpepe-gutter-x: 2rem; margin-bottom: 1rem; }
    .page-order .cart-products .cart-product-pic { margin-right: 0.5rem; }
    .page-order .cart-summary-checkout .btn { font-size: 1.25rem; padding: 0.85rem 1.4rem; }

    .box-container .box { padding: 5px; }
    .box-container .box .box-inner { padding: .5rem .5rem 0 .5rem; border-width: 1px; }
    .box-container .box .pic svg { width: 70px; height: 50px; }

    footer .bottom .container { flex-direction: column; }
    footer .bottom .payment-logo { flex: auto; order: 1; margin-bottom: 0.5rem; }
    footer .bottom .copyright {order: 2; }
    footer .bottom .createdby { font-size: 13px; order: 3; }
    footer .bottom .createdby br { display: none; }

}
@media (max-width: 991.98px) {

    header { padding: 10px 0; z-index: 1039; } /* backdrop 1040 */
    body.offcanvas-open header { z-index: 1081; }
    header .container { max-width: 100%; }
    header .inner { /*justify-content: space-between;*/ }
    header .logo { margin-right: 0; /*margin-left: 2rem;*/ width: 140px; /*position: absolute; left: 50%; transform: translate(-50%, 5px);*/ transform: translate(0, 5px); }
    header .logo svg .logo-title { display: none; }
    /*header .quick-links { margin-left: 0; }*/
    header .quick-links a+a { margin-left: 5px; }
    header .quick-links a span { display: none; }
    header .lang-box { display: none; }

    .btn-icon svg { width: 35px; height: 35px; }

    .btn-icon { padding: 5px; }
    header .quick-links .nav-link span.badge { transform: translate(calc(-50% - 5px),calc(-50% + 5px)); }

    .widget { padding: 2rem 0; }
    .page-padding { padding: 2rem 0; }

    .navbar-toggler { border: 0 none; background-color: transparent; border-radius: 0; color: #fff; width: 35px; height: 35px; }
    .navbar-toggler .hamburger-bars { position: relative; display: block; width: 100%; height: 2px; background-color: #000; transition: background-color .15s linear .15s; }
    .navbar-toggler .hamburger-bars:before,
    .navbar-toggler .hamburger-bars:after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: #000; transition: top .15s ease-in-out .15s,transform .25s ease-in-out; }
    .navbar-toggler .hamburger-bars:before { top: -8px; }
    .navbar-toggler .hamburger-bars:after { top: 8px; }
    .offcanvas-open .navbar-toggler .hamburger-bars { background-color: transparent; transition: background-color .15s linear .15s; }
    .offcanvas-open .navbar-toggler .hamburger-bars:before,
    .offcanvas-open .navbar-toggler .hamburger-bars:after { top: 0; transition: top .15s ease-in-out,transform .25s ease-in-out .15s; }
    .offcanvas-open .navbar-toggler .hamburger-bars:before { transform: rotate(45deg);  }
    .offcanvas-open .navbar-toggler .hamburger-bars:after { transform: translateY(0) rotate(-45deg); }

    .offcanvas { width: 80%; max-width: 300px; min-width: 140px;  }
    /*.modal-backdrop { top: var(--spacer); }*/

    .order-options { padding: 10px 0; }
    .order-options .button-wrapper {  }
    /*.order-options .button-wrapper a { font-size: 1.5rem; padding: 10px 15px; }*/
    .order-options .button-wrapper a { font-size: 20px; padding: 10px 15px; }
    .order-options .button-wrapper .btn-delivery { padding-right: 30px; }
    .order-options .button-wrapper .btn-pickup { padding-left: 30px; }
    .order-options .button-wrapper span { width: 56px; height: 56px; background-size: 30px 30px; }

    .highlight-box .swiper-container:not(.swiper-container-initialized) { margin: 0 -10px; }
    .highlight-box .swiper-container:not(.swiper-container-initialized) .swiper-slide { padding: 0 10px; }

    .promobox .swiper-control { margin-bottom: 0; }


    .local-offers .inner>.main-title .title { font-size: calc(3rem + 1.5vw); }
    .local-offers .item .text { padding: 1rem; }
    .local-offers .item .subtitle { font-size: 1rem; }
    .local-offers .item .title { font-size: calc(1rem + 1.5vw) }
    .local-offers .item .desc { font-size: 1rem; }

    .vegan-label { font-size: 1.25rem; }

    .vegan-box .item .text .title { font-size: 1.5rem; }

    .newsletter .title { font-size: calc(2rem + 1.5vw) }
    .newsletter .title>span { font-size: calc(1rem + 1.5vw); }

    footer .dp-img { display: none; }


    .restaurant-list .item .text { padding: 0.5rem; }
    .restaurant-list .item .text .button-wrapper .btn { padding: 5px 10px; font-size: 13px; }


    .restaurant-details .container-lg { flex-direction: column; }
    .detail-box { margin: -3rem auto 0 auto!important; max-width: 570px; width: 100%; }
    .restaurant-links { width: 100%; padding: 2rem 1rem 1rem 1rem; text-align: center; }
    .gallery .list-wrapper { margin: 0 -0.5rem; }
    .gallery .list-wrapper>.col { padding: 0 0.5rem; margin-bottom: 1rem; }

    /*.btn-mobile { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: .25rem; transition: box-shadow .15s ease-in-out; }*/

    .food-list .col-sidebar { display: none; }

    .form-box { padding: 15px; }
    .user-form.profile-form .column.divider { flex-basis: 15px; }

    .anchor { top: -80px; }
}

@media (max-width: 1199.98px) {
    .detail-box .detail-header { padding: 1rem; }
    .detail-box .detail-body .btn-link-icon>.btn-icon { padding: 5px; border-width: 3px; }
    .detail-box .detail-body .btn-link-icon>.btn-icon>svg{ padding: 5px; border-width: 3px; width: 18px; height: 18px; }
    .detail-box .detail-body .detail-row.phone a { font-size: 20px; margin-right: 10px; }
    .detail-box .detail-body { padding: 1rem; }
    .restaurant-links .btn { font-size: 14px; padding: 10px 15px; }
    /*.food-list .list-wrapper>.col { width: 100%; }*/
    .food-list .col-sidebar { width: 250px; }
    .main-list .item:after { right: 5px; bottom: 5px; }
    .main-list .item .text { padding: 0.5rem; }
    .food-list .item .pic { width: 100px; }
    .food-list .item .pic img { width: 100px; height: 100px; }
    .main-list .item .price-box { padding: 3px; font-size: 15px; }
    .main-list .item .price-box .old-price { font-size: 11px; }

}
@media (max-width: 389.98px) {
    header .logo { width: 120px; position: static; transform: translate(0, 5px); }
    .order-options .button-wrapper a { padding: 5px 10px; font-size: 1.25rem; display: inline-flex; height: 40px; align-items: center; justify-content: center; }
    .order-options .button-wrapper .btn-delivery {  }
    .order-options .button-wrapper .btn-pickup {}
    .order-options .button-wrapper span { width: 40px; height: 40px; }
}
/**/

@media (min-width: 576px) {
    html { font-size: 16px; }
    .order-options .button-wrapper a { min-width: 205px; }

    .box-container>.row { --donpepe-gutter-x: 1.5rem; }

}

@media (min-width: 768px) {

    :root {
        --spacer: 65px;
    }

    html { font-size: 18px; }

    .btn-lg { font-size: 1rem; padding: 0.5rem 1rem; border-width: 3px; }
    .btn-sm { font-size: 14px; padding: 10px 15px; border-width: 2px; }

    .page-order .cart-summary-checkout .btn { font-size: 1.25rem; padding: 0.85rem 1.4rem; }

    .promobox .item { height: 560px; }

    .highlight-box .swiper-control { display: none; }
    .highlight-box .swiper-container:not(.swiper-container-initialized) .swiper-wrapper { flex-wrap: wrap; }
    .highlight-box .swiper-container:not(.swiper-container-initialized) .swiper-slide { margin-bottom: 2.5rem; }

    .container-wide { max-width: 100%; }
    .local-offers {  margin-top: -7px;
        --donpepe-lo-gutter: 15px
    }
    .local-offers .inner>.main-title { padding-right: 1rem; }
    .local-offers .inner>.search-box { padding-left: 1rem; }
    .local-offers .inner>.main-title .title { margin-bottom: 2rem; }

    .local-offers .dp-img { width: 160px; }

    .vegan-box .item:nth-of-type(even) .pic { order: 2; }

    .vegan-box .item:nth-of-type(odd) .text { padding-left: 1.5rem; }
    .vegan-box .item:nth-of-type(even) .text { padding-right: 1.5rem; text-align: right; }
    .vegan-box .item:nth-of-type(odd) .text .vegan-label { margin-left: -1rem; }
    .vegan-box .item:nth-of-type(even) .text .vegan-label { margin-right: -1rem; }

    footer .footer-nav .logo svg { width: 100%; }

    .offcanvas { top: var(--spacer); }

    footer .logo .dp-img { right: 50%; transform: translateX(50%); }

    .restaurant-map { min-height: 350px; }
    .detail-box { margin-top: calc((350px - 90px) * -1); }

    /*.modal-dialog { max-width: 620px; }*/

    /* +scroll width */
    .modal-dialog { max-width: calc(620px + 17px); }

}
@media (min-width: 768px) and (max-width: 991.98px) {
    .vegan-box .dp-img.logo-vegan { width: 88px; top: -2rem; }
    footer .logo .dp-img { width: 50px; top: 35px; margin-right: -20px; }

    footer .bottom .payment-logo { flex: 0 1 310px; }

}
@media (min-width: 576px) and (max-width: 991.98px) {
    header .logo { margin-left: 2rem; }
}
@media (min-width: 992px) {



    html { font-size: 18px; }

    .btn-lg { font-size: 1.25rem; border-width: 0.25rem; padding: 0.85rem 1.4rem; }

    /*.page-order .cart-summary-checkout .btn { font-size: 1.25rem; padding: 0.85rem 1.4rem; }*/

    header .logo { width: 250px; }

    .nav-item+.nav-item { margin-left: 1rem; }

    .promobox .item { height: 700px; }

    .container-wide { max-width: 1080px; }
    .local-offers {
        margin-top: -5rem;
        --donpepe-lo-gutter: 30px;
    }
    .local-offers .inner>.main-title { padding-right: 1.5rem; }
    .local-offers .inner>.search-box { padding-left: 1.5rem; }
    .local-offers .item .text { padding: 1.5rem 2.3rem 2.5rem 2.3rem; }
    .local-offers .inner>.main-title .title { margin-bottom: 2.75rem; }

    .order-options .button-wrapper a { min-width: 13rem; }

    .vegan-box .item:nth-of-type(odd) .text { padding-left: 2.5rem; }
    .vegan-box .item:nth-of-type(odd) .text .vegan-label { margin-left: -1.5rem; }
    .vegan-box .item:nth-of-type(even) .text { order: 1; padding-right: 2.5rem; }
    .vegan-box .item:nth-of-type(even) .text .vegan-label { margin-right: -1.5rem; }

    footer .footer-nav .logo svg { width: 250px; }

    .vegan-box .dp-img.logo-vegan { width: 120px; }
    footer .logo .dp-img { top: 60px; }

    .anchor { top: -145px; }

    .box-container>.row { --donpepe-gutter-x: 2.5rem; }

}

@media (min-width: 992px) and (max-width: 1199.98px){
    :root { --spacer: 80px; }
    header { padding: .5rem 0; }
    header .logo { width: 150px; }
    .lang-box { top: -18px; }
    .category-list { padding: 10px 0; }
    .category-list .item { padding: 5px 15px; }
    .category-list .slider-wrapper:before, .category-list .slider-wrapper:after { width: 60px; }
    /*.sidebar.sticky-top { top: calc(var(--spacer) + 53px + 15px); }*/
}

@media (min-width: 1200px) {
    :root { --spacer: 130px; }
    html { font-size: 20px; }

    .promobox .item { height: 850px; }

    .container-wide { max-width: 1300px; }
    .local-offers {
        --donpepe-lo-gutter: 80px
    }
    .vegan-box .dp-img.logo-vegan { width: 130px; top: -5rem; }

    .restaurant-map { min-height: 520px; }

}

/**/
.loader {
    border: 5px solid #ededed; /* Light grey */
    border-top: 5px solid #ed1c24; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: 15px auto 15px auto;
  }

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/**/

/**/
.page-order .user-form #custom_billing .form-label {
    margin-bottom: 10px;
}

.attricon {
    margin-top: -10px;
}
/**/

.swal-popup .swal2-icon {
    border: none;
    width: auto;
    height: auto;
}

@media (max-width: 767.98px) {
    .category-list .item:hover {
        color: #ffffff;
    }
    .category-list .item.active:hover {
        color: var(--donpepe-yellow);
    }
}

.select-price {
    font-size:18px;
}
.phone-number-group .form-control.is-invalid {
    padding-right: .75rem;
    background-image: none;
}
.phone-number-group .input-group-text {
    font-size: 0.8rem;
}