@charset "utf-8";
/*
* CSS Document (2015.03.09.) Updated: 2021.10.07. / 2024.03.11.
* OGGS FULL STYLE FOR RESPONSIVE TEMPLATE 
* Copyright (c) 2008-2024
* All rights reserved.
* Design/Webdesign: CsAB - Mucius Scaevola Kft. (www.mucius.hu)
*/

@import url('//fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,latin-ext');
/*@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');

:root {
--main-background-color:white;
--main-text-color:#333333;

--header-background:#FCA103;
--header-text-color:black;
--header-link-color:white;
--header-link-hover-color:black;

--menu-background-color:white;
--menu-link-color:gray;
--menu-link-hover-color:black;

--link-color:#FCA103;
--link-hover-color:black;

--food-menu-background-color:#FCA103;
--food-menu-link-color:black;
--food-menu-link-hover-color:white;

--footer-background-color:#333333;
--footer-text-color:#999999;
--footer-link-color:#EEEEEE;
--footer-link-hover-color:white;
--footer-h4-color:white;

--index-widget-pattern: #EEEEEE url('../main-bg.gif') repeat scroll center center;
}

html {
    font-size: 16px;
    line-height: 1.4em;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}


fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade, #nojs {
    margin: 0;
    background: yellow;
    text-align:center;
    color: #000;
    padding: 0.2em 0;
}
#nojs { background:#FFFFFF; background: var(--main-background-color); }
.browserupgrade a, .browserupgrade a:visited, #nojs a, #nojs a:visited { color:#1B1B1B; font-weight:bold; }

.error503 .browserupgrade, .error503 #nojs {
margin: 0;
}

.print-only, .print-only-inline {
display:none;
}

.helperDebug {
background: url('//static.webhirdet.hu/img/c64.gif') no-repeat scroll center top rgba(0, 0, 255, 0.7);
padding: 60px 10px 10px 10px;
color: #FFFFFF;
display: block;
min-height: 25%;
max-height: 85%;
margin:0;
overflow: auto;
position: fixed;
right: 2px;
top: 40px;
width: 480px;
text-align:left;
border:1px solid blue;
font:normal 11px/1.3em "Courier New", Courier, monospace;
z-index:1000;
}
.helperDebug:before {
content: "USE: helper::debug(mixed $expression); | DEBUG INFO:";
color:yellow;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html, body {
    font:normal 18px/1.4em 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align:center;
    background:#FFFFFF;
    background:var(--main-background-color);
    color:#333333;
    color:var(--main-text-color);
}
html { background: #333333; background:var(--footer-background-color); }

.not-mv { display:none; }
.not-tv { display:none; }

article#content {
overflow:hidden;
}

.wrapper { width:96%; max-width:1200px; text-align:left; position:relative; margin:0 2%; }

a, a:visited { color:#FCA103; color:var(--link-color); text-decoration:none; outline:none; }
a:hover { color:#000000; color:var(--link-hover-color); text-decoration:underline; }

.tc { text-align:center !important; }
.tl { text-align:left !important; }
.tr { text-align:right !important; }
.tj { text-align:justify !important; }
.fl { float:left !important; }
.fr { float:right !important; }
.clear, .clearer, .clr { clear:both; float:none; }
.va-m { vertical-align:middle; }
.ttu { text-transform: uppercase; }

/* -- colors and background-colors --- */

.c-red { color:#CC0000; }
.c-blu { color:#3E84D5; }
.c-gre { color:#6CBB1A; }
.c-bla { color:#000000; }
.c-whi { color:#FFFFFF; }
.c-ora { color:#F26531; }
.c-aqu { color:#05B27B; }
.c-tea { color:#22A7CD; }
.c-pur { color:#6F36D1; }
.c-sil { color:#C3C3C3; }
.c-yel { color:yellow; }

.bc-red, .bc-blu, .bc-gre, .bc-bla, .bc-whi, .bc-ora,
.bc-aqu, .bc-tea, .bc-pur, .bc-sil, .bc-yel,
.br-red, .br-blu, .br-gre, .br-bla, .br-whi, .br-ora,
.br-aqu, .br-tea, .br-pur, .br-sil, .br-yel {
padding:0.1em 0.5em;
}  

.bc-red { background-color:#CC0000; }
.bc-blu { background-color:#3E84D5; }
.bc-gre { background-color:#6CBB1A; }
.bc-bla { background-color:#000000; }
.bc-whi { background-color:#FFFFFF; }
.bc-ora { background-color:#F26531; }
.bc-aqu { background-color:#05B27B; }
.bc-tea { background-color:#22A7CD; }
.bc-pur { background-color:#6F36D1; }
.bc-sil { background-color:#C3C3C3; }
.bc-yel { background-color:yellow; }

.c-red { color: #BF1E2E; }
.c-whi { color: #FFFFFF; }
.c-blk { color: #000000; }
.c-gry { color: #999999; }
.c-gry-d { color: #666666; }
.c-gry-d2 { color: #333333; }
.c-gry-l { color: #EEEEEE; }
.c-gld { color: #FCA103; }

.svg-128 { width:128px; height:128px; }
.svg-96 { width:96px; height:96px; }
.svg-64 { width:64px; height:64px; }
.svg-48 { width:48px; height:48px; }
.svg-32 { width:32px; height:32px; }
.svg-24 { width:24px; height:24px; }
.svg-16 { width:16px; height:16px; }

.badge { display:inline-block;min-width:0.65em;padding:3px 7px;font-size:1em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;border-radius:1em; }
.badge:empty { display:none; }

ul.messagebox {
font-size:1em;
line-height:1.2em;
list-style-type: none;
padding:0.5em;
margin:5px 0;
text-align: center;
}
.accept-messages {
border:1px solid #BBCC5B;
background:#EBFAB6;
color:#82B466;
}
.error-messages {
border:1px solid #F6988F;
background:#FDD2D1;
color:#883333;
}
.info-messages {
border:1px solid #4C8DC0;
background:#BDE5F8;
color:#00529B;
}
.warning-messages {
border:1px solid #B88630;
background: #FEEFB3;
color:#9F6000;
}

/* --- gotop ---*/

#headerGotop {
color:black !important;
font-size:1em;
display:inline-block;
position:fixed;
right:10px;
bottom:-10px;
z-index:600;
background:transparent;
padding:0.35em 0.25em;
-wekit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
}
a#headerGotop, a:visited#headerGotop { opacity: 0.25 !important; } 
a:hover#headerGotop { opacity: 1 !important; bottom:-10px; } 

/* --- header ---*/

header {
width:100%;
margin:0;padding:0;
color:white;
border-bottom:1px solid white;
}

header .wrapper {
overflow:hidden;
}

header #top-header {
background:black;
display:block;
width:100%;
height:40px;
overflow:hidden;
color:white;
}

header #top-header a, header #top-header a:visited {
color:white;
}
header #top-header a:hover {
color:rgba(255,255,255,0.5);
text-decoration:none;
}
header #top-header .top-links,
header #top-header .social-links {
width:50%;
display:block;
float:left;
text-align:left;
margin:.25em 0 0 0;
}
header #top-header .social-links {
float:right;
text-align:right;
}

header #top-header .top-links span.fa {
margin:0 0.25em;
}
header #top-header .top-links span.title {
display:none;
}

header #top-header .top-links ul,
header #top-header .social-links ul {
list-style-type: none;
display:inline;
margin:0;
padding:0;
}
header #top-header .top-links ul li,
header #top-header .social-links ul li {
list-style-type: none;
display:inline;
}

header #header {
background:#FCA103;
background:var(--header-background);
color:white;
overflow:hidden;
}

.logo { width:100%; margin:1em 0; }
.logo img#logo { width:100%; max-width:300px; height:auto; max-height:128px; vertical-align:middle; margin:0 auto; display:block; }

.logo a.logolink {
text-align: left;
display: block;
width: 100%;
height: 100%;
}

h1#sitename {
text-indent:-9999px;
height:0;
position:absolute;
}

.header-right {
width:100%;
display:block;
}

#phone-order {
text-align:center;
margin:.25em 0;
color:black;
font-weight:bold;
font-size:1.8em;
line-height:1em;
}
#phone-order .title { 
display:none; 
color:#000000; 
color:var(--header-text-color);
}

#phone-order a, #phone-order a:visited {
color:#FFFFFF;
color:var(--header-link-color);
text-shadow:0 0 10px white;
}
#phone-order a:hover {
color:#000000;
color:var(--header-link-hover-color);
text-decoration: none;
}

#header-basket {
color:white;
background:black;
font-weight:bold;
font-size:1.5em;
line-height:1em;
padding:0.25em 1%;
height:35px;
width:25%;
float:right;
text-align: right;
margin:0;
}
#header-basket span { float:right; padding:0.1em 0.25em; }
#header-basket .fa { color:white; }
#header-basket a, #header-basket a:visited { color:#FCA103; color:var(--link-color); text-decoration:none; }
#header-basket a:hover { color:white; }
#header-basket a:hover .fa { color:#FCA103; color:var(--link-color); }


#user {
position:relative;
background:white;
color:black;
font-weight:bold;
font-size:1.2em;
line-height:1.5em;
height:35px;
padding:0.32em 1%;
width:71%;
float:left;
margin:0;
overflow:hidden;
}
#user .fa {
margin:0 .15em;
}
#user .fa-sign-out {
position:absolute;
right:-5px;top:0em;
background:#eee;
padding:.5em 0.25em;
z-index:1;
}
#user .username {
display:inline-block;
overflow:hidden;
width:80%;
max-width:220px;
line-height:35px;
height:35px;
margin-top:-5px;
color:#FCA103;
color:var(--link-color);
vertical-align: middle;
}

/* --- mobile menu --- */

label#navicon {
color:#CCC;
display: block;
background: black;
cursor: pointer;
position: absolute;
left:calc(50% - 16px);
top: 2px;
}

input#nav[type="checkbox"] {
display: none;
}

nav ul.main-menu {
display: none;
}

input#nav[type="checkbox"]:checked ~ ul.main-menu {
display: block;
z-index: 100;
}

/* --- main menu --- */

ul.main-menu {
background:#FFFFFF;
background:var(--menu-background-color);
list-style-type:none;
margin: 0;
padding: 0;
display:block;
width:100%;
position:absolute;
top:40px;left:0;
z-index:10;
}
ul.main-menu li {
border:0;
border-bottom:1px solid gray;
border-top:1px solid gray;
}
ul.main-menu li a, ul.main-menu li a:visited {
font-weight:bold;
font-size:1.4em;
line-height:1em;
display: block;
height: 100%;
padding: 0.35em 0;
margin:0 auto;
text-align:center;
position: relative;
color:gray;
color:var(--menu-link-color);
text-decoration:none;
}
ul.main-menu li a:hover {
background:#FFFFFF;
background:var(--menu-background-color);
color:#000000;
color:var(--menu-link-hover-color);
}

/* --- content --- */

.pageContent img { max-width:100%; height:auto !important; }

.box img { width:100%; }
h2 span.fa:nth-of-type(1) { color:#CCCCCC; }
h2 a span.fa:nth-of-type(1) { color:#FCA103; color:var(--link-color); }
#slideshow { 
background: #EEEEEE url('../main-bg.gif') repeat scroll center center;
background: var(--index-widget-pattern); 
}

.status-unpublic { text-decoration: line-through; color:red !important; }
.status-unpublic * { text-decoration: line-through; color:red !important; }
.found-unpublic { background:#fdd !important; }
.found-hidden { background:#fca !important; border-top:2px solid #f63; }

.box-title {
position:relative;
overflow:hidden;
}
span.box-item-data {
position:absolute;
bottom:0;left:0;
width:96%;
display:block;
padding:.5em 2%;
z-index:5;
font-weight:bold;
background:gray;
background:rgba(128,128,128,0.5);
color:white;
text-shadow:1px 1px 1px #333;
}
div.box-chef span.box-title-main,
span.box-title-main {
position:absolute;
top:0;left:0;
overflow:hidden;
display:inline-block;
width:3.5em;
padding:.5em 0.5em 1em;
z-index:5;
border-radius:0 0 2em 0;
font-size:1.5em;
line-height:1em;
font-weight: bold;
text-align:left;
color:white;
background:black;
background:rgba(0, 0, 0, 0.85);
}
div.box-daily span.box-title-main {
background:gold;
background:rgba(255, 215, 0, 0.85);
color:black;
}
div.box-spec span.box-title-main {
background:goldenrod;
background:rgba(218, 165, 32, 0.85);
color:black;
}
div.box-news span.box-title-main {
background:gray;
background:rgba(128,128,128,0.5);
color:black;
}
.box.box-title a:hover ~ .box-title-main,
.box.box-title a:hover ~ .box-item-data {
opacity:0.10;
}


.product-image {
overflow:hidden;
position:relative;
}

.product-image .price {
background: #333333;
background: var(--main-text-color);
color: #fff;
left: 0;
bottom: 0;
display: inline-block;
width:30%;
font-size: 1.2em;
font-weight: bold;
line-height: 1em;
padding: 0.5em 10%;
position: absolute;
text-align:center;
margin:0;
}
.product-image .price.discounted {
background:#C00;
}
.product-image .price.old-price {
background:#EEE;
color:#999;
left:inherit; right:0;
text-decoration: line-through;
}

.img100 { width:100%; }
.product-image img { width:100%; }

.product-name {
display:block;
overflow:hidden;
height:3em;
}

/* --- tablazat --- */

table.table {
width:100%;
padding:0;
margin:1em 0;
}
table.table td, table.table th {
vertical-align:top;
padding:0.5em 0.25em;margin:0;
}
table.table th { 
padding:0 0 0.25em 0;
color:#666; 
}
table.table tbody tr.odd { 
background:#eee;
}
table.table tbody tr:hover {
background:#ccc;
}

.offer-product-image {
width:100%;
}


/* -- spec. resp. table -- */
table#resp { 
  margin: 0 auto;
  border-collapse: collapse;
  text-rendering: optimizeLegibility;
  width:100%;
}
table#resp caption { 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center left, center right; 
}
table#resp thead tr { border-bottom:3px solid #666666; }
table#resp tbody tr.items { border-top:2px solid; } 
table#resp tbody .aggrfoods { font-size:0.9em; }
table#resp tbody .bigtotal { text-align:right;display:block;font-size:1.1em;line-height:1.5em; }
table#resp tbody tr.orderComment td { border-top:1px dotted; }

table#resp tbody tr.bg-ora td {
background:#def !important;
color:#222222;
}

/* --- spec. resp. table 760 alatt + js! -- */
@media screen and (max-width: 760px) {
table#resp caption { background-image: none; }
table#resp thead { display: none; }
table#resp tbody td { 
display: block; 
}
table#resp tbody tr td, table#resp thead tr th {
margin:0;
width:98%;
padding:0 1% 0.5em;
line-height:1.3em;
}
table#resp tbody td:first-child { text-align:center; font-weight:bold; }
table#resp tbody tr.orderComment td { text-align:left; font-weight:inherit; }
table#resp tbody td:not(:first-child):before { 
content:  " • " attr(data-th) " • "; 
font-weight: bold;
display: inline-block;
width: 98%;
color:#555;
background:#ddd; background:rgba(0,0,0,0.15);
padding:0.25em 1%;  
}
}

/* --- MENU TABLE -- */

.todayMenus {
background:#CCC;
background:var(--link-color);
padding:0.5em 0;
}
.todayMenus .menuName {
text-transform: uppercase;
color:white;
}

.menuTable {
margin:1em 0;
}

.menuTable .menuDay {
font-weight:bold;
color:gray;
display:block;
border-bottom:2px solid gray;
padding-bottom:1em;
}

.menuTable div.menuDays {
hyphens: auto;
text-align:center;
width:18%;
padding:0 1%;
float:left;
/*cursor: pointer;*/
}
.menuTable div.menuDays6 {
width:14.5%;
}
.menuTable div.menuDays7 {
width:12%;
}

.menuTable div.menuDays:nth-child(2n) {
background:#eee;
}

.menuFood {
display:inline-block;
width:100%;
/*min-height:100px;*/
border-top:1px dotted #DDD;
padding:5px 0 5px 0;
margin:0;
}

div.menuDays > *:nth-child(2) {
border:0;
}

.menuFood > span.menuFoodName {
display:inline-block;
height:3em;
}

.menuFood .mprice {
display: inline-block;
min-width: 85px;
}

.todayMenusLogo { float:left;height:96px;margin:0 20px; }
.todayMenusInfo { float:right;height:96px;margin:0 20px;font-size:1.5em;text-align:right;line-height:1.2em; }

@media screen and (max-width: 767px) {

  .menuTable div.menuDays {
  width:98%;
  }
  .menuFood {
  min-height:inherit;
  }
  
  .menuDays > .menuFood {
  display:none;
  }
  .menuDays .menuDay:after {
  text-align:right;
  float:right;
  content:" [+]";
  }
  .menuDays:active > .menuFood,
  .menuDays:focus > .menuFood,
  .menuDays:hover > .menuFood {
  display:block;
  }
  .menuDays:active .menuDay:after,
  .menuDays:focus .menuDay:after,
  .menuDays:hover .menuDay:after {
  content:" [-]";
  }
  .menuTable div.menuDays:nth-child(2n) {
  background:inherit;
  }
  
  .menuDays > .menuFood.menuFoodActive {
  display:block !important;
  margin:0;
  padding:1em 0;
  background:#f9f9ff;
  }

}

.nincs {
background: #c00;
color: white;
padding: 1em 0.5em;
display: inline-block;
font-weight: bold;
font-size: 12px;
position:relative;
top:-2px;
border-radius:1em;
}




/* -- owl dots koppintás növelés --*/
.owl-theme .owl-dots .owl-dot {
    margin: 5px;
    padding: 0.25em;
}
.owl-carousel img.owl-item-image {
width:100%;
}


/* --- order --- */

.category { background:#eee; overflow:hidden; padding:0; margin:0 0 -1em 0; }

.category .coll20 { width:100%; margin: 0; } 
.category .coll60 { width:100%; margin: 0; } 

.foods .category .category-image { width: 100%; margin:0; }
.foods .category .category-data { width: 100%; margin:0; }

span.pack-names {
font-weight:bold;
font-style: italic;
margin:0;padding:0;
display:block;
float:left;
width:100%;
}

.foods-header { display:none; }

.product-price .pack-names {
display:inline-block;
}

.product-price {
vertical-align:top;
text-align: left;
margin:0;
padding:0;
display:inline-block;
width:32%;
position:relative;
overflow:hidden;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
}

.product {
border-top:2px solid #999;
border-bottom:0;
padding: 0 0 1px 0;
margin:0;
}
.product-prices { text-align:left !important; }

.product:nth-child(even) { background:#fcfcfc; }
.product-image { min-width:184px; }
.product.pfe { margin-top:-19px; }

.product-price .fa {
background:black;
display:block;
padding:6px 4px 0px 2px;
text-align:center;
float:left;
width:24px;
height:24px;
margin:0;
overflow:hidden;
min-height:24px;
clear:left;
position:absolute;
top:25px;left:0;
color:white;
}

.product-price svg.svg-cart {
background:black;
display:block;
padding:3px;
text-align:center;
float:left;
width:24px;
height:24px;
margin:0;
overflow:hidden;
min-height:24px;
clear:left;
position:absolute;
top:25px;left:0;
}
.product-price .fa.no-shipping {
background:#666;
color:#CCC;
}

.product-price svg.svg-cart.no-shipping {
background:#666;
}

.product-price .price {
display:block;
background:#333333;
background:var(--main-text-color);
height:25px;
padding:3px 6px 2px 35px;
font-size:0.95em;
font-weight:bold;
color:white;
width:calc(100% - 41px);
overflow:hidden;
text-align:right;
}
.product-price .price.discounted {
background:#C00;
color:white;
}
.product-price  .price.old-price {
background:#EEEEEE;
color:#999999;
text-decoration: line-through;
float:left;
}

.product-price a, .product-price a:visited {
width:100%;
display:block;
overflow:hidden;
}

.product-price a:hover .price { background:#FCA103; background:var(--link-color) !important; color:#000000 !important; color:var(--link-hover-color) !important; }
.product-price a:hover .price.price.discounted { background:#900 !important; color:white !important; }
.product-price a:hover .price.old-price { background:#CCC !important; color:#333 !important; }

.product-price a { text-decoration:none; }
.product-price a.no-ship:hover .price { background: #333333; background:var(--main-text-color) !important; color:white !important; }
.product-price a.no-ship:hover .price.price.discounted { background:#BF1E2E; color:white; }
.product-price a.no-ship:hover .price.old-price { background:#EEEEEE; color:#999999; }
.product-price a.no-ship:hover svg { opacity:1; }

.product-price .percent {
background:#333;
color:white;
font-size:1.4em;
text-align:center;
font-weight:bold;
display:inline-block;
padding:3px;
float:left;
width:24px;
height:24px;
clear:left;
position:absolute;
top:55px;left:0;
}

/* --- FORMOK ---*/

form.form {
max-width: 100%;
min-width: 35%;
margin: 0px;
padding:.5em;
margin:0 auto;
overflow:hidden;
}
.login form.form { max-width:90%; }

form.form fieldset {
border:1px dotted #ccc;
padding:0.5em 1em;
}

form.form legend {
font-weight:bold;
margin:0 1em;
padding:0 5px;
}

span.required { color:red;}

.form label {
color: #222222;
display: block;
font-size:0.85em;
}
.user-food-options .form label {
color: inherit;
display: inline;
font-size: inherit;
}

.fieldCheck label {
display:inline-block;
font-size:1em;
}

.form input, .form textarea, .form select {
font: normal 18px/1.4em 'Open Sans Condensed', Arial, Helvetica, sans-serif;
border:1px solid #999;
padding: 6px;
display:block;
width:98%;
}
.form input:focus, .form textarea:focus, .form select:focus {
border:1px solid #ccc;
-moz-box-shadow:0 0 10px #ccc;
-webkit-box-shadow:0 0 10px #ccc;
box-shadow:0 0 10px #ccc;
}

.form input[type=radio], .form input[type=checkbox]{
margin:10px;
width: 13px;
display:inline-block;
}
.form textarea{
width: 98%;
}
.field{ margin-bottom: 15px; }

.form .fieldbtn {
text-align:center;
overflow: hidden;
}
.form .button, .button {
font-weight:bold;
display:inline-block;
max-width:49%;
min-width:190px;
border:none;
cursor:pointer;
background-color: black;
color:white;
padding:1em 0;
margin:0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.button-small {
padding:0.5em 1em;
font-size:0.8em;
min-width:inherit;
}

.form .resetbtn {
background:#ccc;
}
.form .submitbtn1 {
background:green;
}
.form .button:hover, .button:hover {
background-color:#FCA103;
background-color: var(--link-color);
color:white;
}

.form .button-gold, .button-gold {
background-color:#FCA103;
background-color: var(--link-color);
color:white;
}
.form .button-gold:hover, .button-gold:hover {
background-color:#000000;
background-color: var(--link-hover-color);
color:white;
}
.form .button-red, .button-red {
background-color: #C00;
color:white;
}
.form .button-red:hover, .button-red:hover {
background-color: #900;
color:white;
}

.iconButton {
border:0;
background:none;
color:black;
}
.iconButton:hover {
color:#666;
}
.button1 {
padding:1em;
font-size:1.5em;
}

/* --- pwd check js --- */
#pw-check { margin:0.5em 0; padding:0; overflow:hidden; }
#pw-check ul { border:0; margin:4px 0 0 0; padding:0; list-style-type:none; text-align:center; }
#pw-check ul li { display:inline-block; text-align:center; padding:3px 0 2px 0; margin:0;}
#iWeak,#iMedium,#iStrong { width:33%; color:#ADADAD; text-align:center; background-color:#F1F1F1; display:inline-block; }
#iWeak,#iMedium { border-right:solid 1px #CCCCCC; }
#iMedium,#iStrong { border-left-width:0; }
div.strong #iWeak, div.strong #iMedium, div.strong #iStrong { background: #009900; color: #009900; }
div.medium #iWeak, div.medium #iMedium { background: #FFFF00; color: #FFFF00; }
div.weak #iWeak { background: #CC0000; color: #CC0000; }
div.strong #iStrong, div.medium #iMedium, div.weak #iWeak { color:#000000; }

/* --- paginator --- */ 

.paginator {
font-size: 1.5em;
margin:0;
padding:0;
}
.paginator .spanBar {
display: block;
font-weight: bold;
margin: 0.25em auto;
padding:0;
text-align: center;
}
.paginator span.actual, .paginator span a, .paginator span a:visited {
display: inline-block;
margin: 0 0.01em;
padding: 0 0.3em;
width:1em;
line-height:1.5em;
color:#FCA103;
color:var(--link-color);
text-decoration: none;
}
.paginator span a:hover {
border: medium none;
color: #FFFFFF;
background:#FCA103;
background:var(--link-color);
text-decoration:none;
}
.paginator span.actual {
color: #FFFFFF;
background:black;
}
.paginator .totals, .paginator .results {
display:block;
text-align:right;
font-size: 0.667em;
font-style: italic;
margin:0;padding:0;
}
.paginator span.spanBar a { display:none; }
.paginator span.spanBar a.arrow { display:inline-block; }

/* --- rendeles --- */

#usermenu {
background:#eee;
padding:0.25em 0.25em 0;
}
form.basket-form {
background:transparent;
display:inline-block;
width:32px;
height:32px;
}

.submitadd {
background:transparent url('//static.webhirdet.hu/icon/basket_add.png') no-repeat scroll center center;
border:0;
color:white;
width:32px;
display:inline-block;
height:32px;
}
.submitdel {
background:transparent url('//static.webhirdet.hu/icon/basket_delete.png') no-repeat scroll center center;
border:0;
color:white;
width:32px;
display:inline-block;
height:32px;
}
table.order-table td, table.order-table th {
padding: 0 0.25em;
vertical-align:middle;
}
table.order-table td.ksz1 {
width:85px;
padding: 0 0 0 0.25em;
border-left:1px dotted gray;
}
table.order-table th,
table.order-table th.ksz1 {
padding: 0.5em 0.25em;
border-bottom:2px solid black;
}

table.order-table .ksz1.ksz1-price:hover {
background-color:black;
color:white;
}
.ordering-food-menu {
background:#FCA103;
background:var(--food-menu-background-color);
color:white;
padding:0.5em 0.25em;
text-align:center;
font-weight:bold;
}
.ordering-food-menu a, .ordering-food-menu a:visited {
color:black;
color:var(--food-menu-link-color);
}
.ordering-food-menu a:hover {
color:white;
color:var(--food-menu-link-hover-color);
text-decoration: none;
}
#user_data_edit {
text-decoration: none;
}
div#basket {
background:#eee;
display:block;
margin:0.25em auto;
border:1px solid gray;
width:97%;
padding:1%;
}

#basketTable tfoot {
background:#FCA103;
background:var(--link-color);
}
#basketTable tbody td {
border-bottom:1px solid #ccc;
}

#basketTable thead th {
border-bottom:2px solid #666;
}

div#basket h4 {
color:#666;
}
#basketTable tbody td.td-basket {
width:70px;
}

#basket fieldset {
border:1px dotted #ccc;
padding:0.5em 1em;
}

#basket legend {
font-weight:bold;
margin:0 1em;
padding:0 5px;
}

#basketTable .foodOptions {
line-height:1em;margin:0;padding:0;
list-style-type:circle;
}
#basketTable .foodOptions li {
margin:0;padding:0;
list-style-position:inside;
}
#basketTable .foodOptions li b {
color:#555;
}

.form.basketOfferBox { background:#eee; border:5px dashed #ddd; padding:5px 1em; margin:0.5em 0; }
.basketOfferBox.active { background:#ebfab6; border: 1px solid #bbcc5b; }
.basketOfferInfo { float:left; width:60%; margin:0 1% 0 0; }
.basketOfferInfo h4 { margin:0; padding:1em 0; line-height:1.3em; color:#999; }
.active .basketOfferInfo h4 { color:green; }
.basketOfferInfo .desc { margin:-1em 0 0 0; padding:0.25em; line-height:1.3em; }
.bOfExtend .basketOfferInfo { width:90%; margin:0; }
.basketOfferSetup { float:left; width:39%; margin:0; }
.basketOfferSetup .offerSubmit { margin:2.5em 0 0.5em 0; padding:0; }
.bOfExtend .basketOfferSetup { width:10%; }
.form .basketOfferCouponCode { float:left; width:140px; }
.basketOfferCouponCode label { display:block; font-weight:bold; font-size:1em; }
.active .basketOfferCouponCode input, .basketOfferCouponCode input:focus { font-weight:bold; color: green; }
@media screen and (max-width: 767px) {
.bOfExtend .basketOfferInfo, .bOfExtend .basketOfferSetup, .basketOfferInfo, .basketOfferSetup { float:left; width:100%; margin:0; }
.bOfExtend .basketOfferSetup .offerSubmit { margin:0.5em 0 0.5em 0; padding:0; }
}


/* --- news --- */

.news-header {
background:#eee;overflow:hidden;padding:0.5em;
}
.news-header .news-thumbnail {
float:left;
max-width:64px;
margin:1.5em 1em 0 0;
}
.news-header .meta {
clear:both;
float:none;
}

.category-page .cmeta { margin:-1em 0 0 0; }

.category-page h3.news-title,
.dynamic-page h2.page-title {
text-transform:uppercase;
}

.category-page .news-title-box { text-align:center !important; }
.category-page .news-thumbnail img { max-width:320px; }

/* ---  gallery --- */

.gallery .gallery-image, .gallery .picture-image {
margin-bottom: 1% !important;
}

.gallery-image a {
overflow:hidden;
height:100%;
width:100%;
display:block;
position:relative;
}

.gallery-image a img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
}
.gallery-image a:hover img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

.gallery-image span.gallery-title {
position: absolute;
bottom:0;left:0;
width:96%;
padding:.25em 2%;
margin:0;
font-weight:bold;
background:gray;
background-color:rgba(128,128,128,0.5);
color:white;
text-shadow:1px 1px 1px #333;
}

/* --- footer -- */

.extra {
background:black;
color:white;
font-weight:bold;
font-size:1.3em;
line-height:1.3em;
overflow:hidden;
}
.extra a:hover {
color:#eee;
}

footer {
margin:0;
background:#333333;
background:var(--footer-background-color);
padding:2em 0 1em;
overflow: hidden;
width: 100%;
display:block;
color:#999999;
color:var(--footer-text-color);
}

footer h4 {
color:#FFFFFF;
color:var(--footer-h4-color);
text-transform: uppercase;
border-bottom:1px dotted #999999;
border-bottom:1px dotted var(--footer-text-color);
width:80%;
text-align:center;
margin: 1em auto;
}

footer a, footer a:visited { color:#EEEEEE; color:var(--footer-link-color); }
footer a:hover { color:#FFFFFF; color:var(--footer-link-hover-color); }

footer nav.menu ul {
margin:0;padding:0;
}

footer nav.menu ul li {
list-style-type: square;
list-style-position: inside;
padding:0;
margin:0;
}
footer nav.menu ul li.first-item {  padding-left:0; }
footer nav.menu ul li.last-item {  border:0; }

.footer-logo { text-align:center; }
.footer-logo img { width:100%; max-width:200px; }

.coll {
width:100%;
margin:0;
padding:0;
float:left;
text-align:center;
position:relative;
}

.lclr { clear:both; }

/* front slider */

.front .coll.owl-carousel {
background:white;
position:relative;
}

.owl-theme .owl-controls {
    bottom: 0;
    margin-top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 10;
}

/* vendegkonyv */

.guestbook .gbPost {
padding:1em 1em 1em 1em;
margin:0;
}
.guestbook .gbPost:nth-child(even) {
background:#f1f1f1;
background:rgba(128,128,128,0.05);
}

.guestbook .gbUser {
float:left;
margin:0 .5em 0.25em 0;
}
.guestbook .gbText {
padding:0;
margin-top:-.25em;
}

/* --- CARD sprites ---*/

.ccard-messages {
color:#aaa;
}

.card-icon {
display:inline-block;
vertical-align:middle;
opacity:0.5;
padding:0;
margin:0.25em 0.1em;
}
.card-icon:hover {
cursor:help;
opacity:1;
}

.card-erzsebet, .card-erzsebet-gray, .card-food-sodexho, .card-food-sodexho-gray, .card-food-ticket-restaurant, .card-food-ticket-restaurant-gray, .card-kh-szep-kartya, .card-kh-szep-kartya-gray, .card-maestro, .card-maestro-gray, .card-mastercard, .card-mastercard-electron, .card-mastercard-electron-gray, .card-mastercard-gray, .card-mkb-szep-kartya, .card-mkb-szep-kartya-gray, .card-otp-szep-kartya, .card-otp-szep-kartya-gray, .card-posta-paletta, .card-posta-paletta-gray, .card-visa, .card-visa-electron, .card-visa-electron-gray, .card-visa-gray, .card-american-express, .card-american-express-gray {
	background: url('../img/card-sprites.png') no-repeat;
}

.card-erzsebet:hover {
	background-position: 0 0;
	width: 85px;
	height: 40px;
}

.card-erzsebet-gray, .card-erzsebet {
	background-position: 0 -49px;
	width: 85px;
	height: 40px;
}

.card-food-sodexho:hover {
	background-position: 0 -99px;
	width: 74px;
	height: 40px;
}

.card-food-sodexho-gray, .card-food-sodexho {
	background-position: 0 -148px;
	width: 74px;
	height: 40px;
}

.card-food-ticket-restaurant:hover {
	background-position: 0 -201px;
	width: 85px;
	height: 28px;
}

.card-food-ticket-restaurant-gray, .card-food-ticket-restaurant {
	background-position: 0 -249px;
	width: 85px;
	height: 28px;
}

.card-kh-szep-kartya:hover {
	background-position: -2px -301px;
	width: 61px;
	height: 40px;
}

.card-kh-szep-kartya-gray, .card-kh-szep-kartya {
	background-position: 0 -349px;
	width: 61px;
	height: 40px;
}

.card-maestro:hover {
	background-position: -100px 0;
	width: 50px;
	height: 40px; /*32px*/
}

.card-maestro-gray, .card-maestro {
	background-position: -100px -49px ;
	width: 50px;
	height: 40px; /*32px*/
}

.card-mastercard:hover {
	background-position: -100px -99px ;
	width: 51px;
	height: 40px; /*32px*/
}

.card-mastercard-gray, .card-mastercard {
	background-position: -100px -148px ;
	width: 51px;
	height: 40px; /*32px*/
}

/* megszűnt */
.card-mastercard-electron:hover {
	background-position: -100px -200px;
	width: 50px;
	height: 32px;
}

.card-mastercard-electron-gray, .card-mastercard-electron {
	background-position: -100px -250px;
	width: 50px;
	height: 32px;
}


.card-mkb-szep-kartya:hover {
	background-position: -100px -300px;
	width: 51px;
	height: 40px;
}

.card-mkb-szep-kartya-gray, .card-mkb-szep-kartya {
	background-position: -99px -349px;
	width: 51px;
	height: 40px;
}

.card-otp-szep-kartya:hover {
	background-position: -200px 0;
	width: 50px;
	height: 40px;
}

.card-otp-szep-kartya-gray, .card-otp-szep-kartya {
	background-position: -198px -48px;
	width: 50px;
	height: 40px;
}

.card-posta-paletta:hover {
	background-position: -198px -98px;
	width: 50px;
	height: 40px;
}

.card-posta-paletta-gray, .card-posta-paletta {
	background-position: -199px -150px;
	width: 50px;
	height: 40px;
}

.card-visa:hover {
	background-position: -199px -199px;
	width: 51px;
	height: 32px;
}

.card-visa-gray, .card-visa {
	background-position: -199px -249px;
	width: 51px;
	height: 32px;
}

.card-visa-electron:hover {
	background-position: -199px -299px;
	width: 51px;
	height: 32px;
}

.card-visa-electron-gray, .card-visa-electron {
	background-position: -198px -349px;
	width: 51px;
	height: 32px;
}

.card-american-express:hover {
	background-position: 0px -398px;
	width: 52px;
	height: 33px;
}

.card-american-express-gray, .card-american-express {
  background-position: 0px -440px;
	width: 52px;
	height: 33px;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* --- for only mobile ---*/
@media screen and (max-width: 480px) {

/* koppintasi terulet noveles */
footer a, footer a:visited {
font-size:1.2em;
line-height:1.5em;
}

.ordering-food-menu a, .ordering-food-menu a:visited {
line-height:2em;
padding:0.15em 0;
margin:0.25em 0;
}

#phone-order { margin: -.25em 0 .25em; }

}


/* --- for small tablet ---*/
@media screen and (min-width: 480px) {

.coll { text-align:left; }
.coll20 { width:32%; margin:0 0.5%; }
.coll25 { width:49%; margin:0 0.5% 0 0; }
.coll25nm { width:50%; margin:0; }
.coll50 { width:100%; margin:0; }
.coll50nm { width:100%; margin:0; }
.coll-rm { margin: 0 1% 0 0 !important; }

.foods .product-image { width:49%; margin:0 1% 0 0; } 

.foods .category .category-image { width: 49%; margin:0 1% 0 0; }
.foods .category .category-data { width: 49%; margin:0 1% 0 0; }

#phone-order { margin: -.25em 0 .25em; }

footer h4 { text-align:left; margin: inherit; }
.footer-logo { text-align:left; }

}

/* --- for small+ tablet screen --- */
@media only screen and (min-width: 600px) {

.logo { width:48%; max-width:300px; float:left; }
.logo img#logo { margin:0; width:100%; }
.altRespTempHead .logo { width:100%; max-width:100%; float:none; margin:1em 0; }
.altRespTempHead .logo img#logo { width:48%; max-width:300px; float:none; margin:0 auto; }
.altRespTempHead .logolink { text-align:center; }

.header-right {
width:50%;
display:block;
float:right;
}

#phone-order {
font-size:1em;
line-height:1.2em;
text-align:right;
width:100%;
margin: 0.25em 0;
}

#phone-order .title { display:inline-block; vertical-align:middle; margin:0.3em 0 -0.3em; }
#phone-order .fa { display:none; }

#phone-order a, #phone-order a:visited {
font-size:1.8em;
vertical-align:middle; margin:0.3em 0 0em;
display:inline-block;
/* -- 2 phones -- */
/*font-size:1.75em;*/
}

#header-basket {
text-align:right;
max-width:90px;
position:absolute;
bottom:50px;right:0;
}
#header-basket span { float:none; padding:0.1em 0.25em; }
#header-basket svg { float:none; }
#header-basket:after { clear:both; } 

#user {
clear:both;
position:absolute;
bottom:0;right:0;
max-width:280px;
}

.coll { text-align:left; }
.coll20 { width:32%; margin:0 0.5%; }
.coll25 { width:49%; margin:0 0.5%; }
.coll25nm { width:50%; margin:0; }
.coll50 { width:100%; margin:0; }
.coll50nm { width:100%; margin:0; }

.footer-logo { text-align:left; }
.footer-logo img { width:100%; max-width:200px; }

footer h4 {
width:98%;
text-align:left;
margin: 1em 0;
}

.category .coll20 { width:49%; margin: 0 0.5%; } 
.category .coll60 { width:49%; } 

.foods .product-image { width:49%; margin:0 1% 0 0; } 

.category-page .news-thumbnail { width:100%; margin:0; text-align:center !important; float:none; }
.category-page .news-thumbnail img { width:50%; display:inline-block; }
.category-page .news-title-box { width:100%; margin:0; float:none; }

}


/* --- for tablet screen --- */
@media only screen and (min-width: 765px) {

.not-mv { display:block; }
.not-tv { display:none; }

header #top-header .top-links span.title {
display:inline;
border-right:1px dotted white;
padding:0 0.5em;
}
header #top-header .top-links li:last-child span.title {
border-right:0;
}

header #top-header .top-links .fa {
display:none;
}

#phone-order {
line-height:1.5em;
}

/* --- main menu --- */

nav input#nav[type="checkbox"], nav label#navicon {
display: none;
}

nav ul.main-menu {
background:#FFFFFF;
background:var(--menu-background-color);
list-style-type:none;
margin: 0;
padding: 0.5em 0;
display:block;
width:100%;
position:relative;
top:0;left:0;
text-align:center;
border-bottom:1px solid white;
}
nav ul.main-menu li {
border:0;
display:inline;
padding:0 0.01em;
border-right:1px dotted #ccc;
line-height:1.8em;
}
nav ul.main-menu li a, nav ul.main-menu li a:visited {
font-weight:bold;
font-size:1em;
line-height:1em;
display: inline;
height: inherit;
padding: 0.15em 0.5em;
margin:0 auto;
text-align:center;
position: relative;
color:gray;
color:var(--menu-link-color);
text-decoration:none;
width:100%;
}
nav ul.main-menu li a:hover {
background:#FFFFFF;
background:var(--menu-background-color);
color:#000000;
color:var(--menu-link-hover-color);
}

.paginator span.spanBar a { display:inline-block; }

.login form.form { max-width:60%; }

.footer-logo img { width:100%; max-width:200px; }

.foods .product-image { width:49%; margin:0 1% 0 0; } 
.foods .product-data  { width:65%; margin:0 1% 0 0; }

.foods .category .category-image { width: 32%; margin:0 1% 0 0; }
.foods .category .category-data { width: 65%; margin:0 1% 0 0; }

.news-header .news-thumbnail {
float:left;
max-width:128px;
margin:0 1em 0 0;
}
.news-header .meta {
clear:inherit;
float:inherit;
}


}

/* --- for small tablet+ screen --- */
@media only screen and (min-width: 800px) {

.not-mv { display:block; }
.not-tv { display:none; }

.coll { text-align:left; }
.coll20 { width:19%; margin:0 0.5%; }
.coll25 { width:24%; margin:0 0.5%; }
.coll25nm { width:25%; margin:0; }
.coll33 { width:32%; margin:0 0.5%; }
.coll50 { width:49%; margin:0 0.5%; }
.coll50nm { width:50%; margin:0; }
.category .coll20 { width:24%; margin: 0 1%; } 
.category .coll60 { width:60%; margin:0; } 

.lclr { clear: none; }

.foods .product-image { width:49%; margin:0 1% 0 0; } 
.foods .product-data  { width:65%; margin:0 1% 0 0; }

.subPages .subPage {
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
  box-sizing: border-box;
}

.category-page .news-title-box { text-align:left !important; }
.category-page .news-thumbnail { text-align:left !important; }

}


/* --- for normal screen --- */
@media print, screen and (min-width: 960px) {

.not-mv { display:block; }
.not-tv { display:block; }

.wrapper { width:100%; max-width:970px; text-align:left; overflow:hidden; position:relative; margin:0 auto; }
.wrapper.wrapper1200 { max-width:1200px; }

#phone-order {
font-size:1.4em;
line-height:1.2em;
}
#phone-order .title {
vertical-align:middle;
display:inline-block;
/* -- 2 phones -- */
/*margin:0.3em 0 -0.3em;*/
}
#phone-order a, #phone-order a:visited {
font-size:2em;
line-height:1em;
display:inline;
vertical-align:middle;
margin:0 5px;
/* -- 2 phones -- */
/*display:inline-block;
font-size:1.26em;
margin:-12px 7px 0 20px;*/
}

.coll { text-align:left; }
.coll20 { width:19%; margin:0 0.5%; }
.coll25 { width:24%; margin:0 0.5%; }
.coll25nm { width:25%; margin:0; }
.coll33 { width:32%; margin:0 0.5%; }
.coll40 { width:39%; margin:0 0.5%; }
.coll50 { width:49%; margin:0 0.5%; }
.coll50nm { width:50%; margin:0; }
.coll60 { width:59%; margin:0 0.5%; }
.coll66 { width:65%; margin:0 0.5%; }

.footer-logo { text-align:left; }
.footer-logo img { width:100%; max-width:200px; }

.lclr { clear:none; }

.foods-header { display:block; }
.product-prices { text-align:right !important; right:-6px; }
.product-price .pack-names {
display:none;
}
span.pack-names {
display:inline-block;
width:32.5%;
float:none;
}
.product-price .price { width:80px; }
.product-price .fa { top:0; }
.product-price svg.svg-cart { top:0; }
.product-price .percent { top:30px;
}
.foods-header .coll40 {
width:39% !important;
} 

.category .coll20 { width:20%; margin: 0 1em 0 0; } 
.category .coll60 { width:60%; margin: 0 1em 0 0; } 

.foods .product-image { width:24%; margin:0 1% 0 0; } 
.foods .product-data  { width:59%; margin:0 1% 0 0; }

.foods .category .category-image { width: 19%; margin:0 1% 0 0; }
.foods .category .category-data { width: 79%; margin:0 1% 0 0; }

.foods .food-name { margin-top:5px; }

.product { border-bottom:1px dotted #999; border-top:0; padding: 0 0 0 0; }
.foods-header { margin-bottom:-19px; }

.category-page .news-thumbnail { width:32%; margin:0 0.5%; float:left; }
.category-page .news-thumbnail img { width:100%; }
.category-page .coll100.news-title-box { width:100%; margin:0; float:right; }
.category-page .coll66.news-title-box { width:65%; margin:0 0.5%; float:right; }

}


/* --- for wide screen --- */
@media only screen and (min-width: 1300px) {

.not-mv { display:block; }
.not-tv { display:block; }

}


@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    *,
    *:before,
    *:after {
        /*background: transparent !important;*/
        /*color: #000 !important;*/ /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }


    a,
    a:visited {
        text-decoration: none;
        color:#333 !important;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

   /* a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }*/

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr, section,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

.print-only { display:block; }
.print-only-inline { display:inline-block; }

h1, h2, h3, h4, h5 {
color:black !important;
page-break-after: avoid;
page-break-inside: avoid;
}
.pbr {
page-break-before: always;
}

html, body, .wrapper {  
width:100% !important;
overflow: visible;
padding:0;margin:0;
}
html, body { background: white !important; }
article#content {
width:100%;
min-height:0;
}

footer, .extra {
overflow: visible;
background:none;
color:black !important;
page-break-inside: avoid;
}

@page {
padding:0;
width:99%;
overflow: visible !important;
}

td, th {
page-break-inside: avoid;
}

iframe, .owl-carousel, nav, .pbedit, .no-print, .tripadvisorWidgets,
#top-header, #main-menu, #header-basket, #user, .ordering-food-menu, a.thickbox i.fa-plus-square-o
{ display:none !important; }

.logo { position:static; width:33%; float:left; margin:0.25em; padding:0; }
.altRespTempHead .logo { width:100%; max-width:100%; float:none; margin:1em 0; }
.altRespTempHead .logo img#logo { width:48%; max-width:300px; float:none; margin:0 auto; }
.altRespTempHead .logolink { text-align:center; }

header #header { background:none; }
#phone-order { text-align:right; }
#phone-order .title { display:none; text-align:right; }
.header-right { display: block; float: right; width: 50%; margin: 0.5em; }

footer .coll25 { width:49% !important; text-align:left !important; }
footer h4 {  text-align:left !important; margin-left:0 !important; }
#phone-order { line-height:1.5em; }
#phone-order span.c-gry-d, #phone-order .fa { display:none; }

.product-price i.fa { display:none; }
.product-price .price { width:calc(100% - 5px); margin:0; padding-left:0; padding-right:5px; text-align:right; }
span.pack-names { width:32%; right:-1px; position:relative; }
.product { page-break-inside: avoid;  }
.foods .category .category-image { width:27%; }
.foods .category .category-data { width:70%; }

}

/* responsive table */
.table-responsive{
    min-height:.01%;
    overflow-x:auto
}
@media screen and (max-width:767px){
    .table-responsive{
        width:100%;
        margin-bottom:15px;
        overflow-y:hidden;
        -ms-overflow-style:-ms-autohiding-scrollbar;
        border:1px solid #ddd
    }
    .table-responsive>.table{
        margin-bottom:0
    }
    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{
        white-space:nowrap
    }
    .table-responsive>.table-bordered{
        border:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{
        border-left:0
    }
    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{
        border-right:0
    }
    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{
        border-bottom:0
    }
}

.news-share { margin-top:0.83em; }

.curHelp { cursor:help; }
.mobileNaviHelp { display:none; }
@media screen and (max-width:767px){
  .mobileNaviHelp { 
  display:block;
  position:fixed;
  bottom:-5px;
  left:0;
  }
  .mobileNaviHelp a, .mobileNaviHelp a:visited {
  box-shadow:1px 1px 2px #999;
  display:block;
  background:black;
  color:white;
  padding:.25em 5px;
  margin:5px 0;
  font-weight:bold;
  text-decoration:none;
  } 
  .mobileNaviHelp a:hover, .mobileNaviHelp a:active, .mobileNaviHelp a:focus  {
  background:#999;
  color:white;
  text-decoration:none;
  }
}

.blink_me {
    animation-name: blinker;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;

    -webkit-animation-name: blinker;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

/* EOF */