html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{text-decoration:none}
mark{font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
strong{font-weight:bold}
h1{font-size:2em}
body{padding:10px 20px;font-family:arial}
.navigation{display:none}
h1{margin:20px 0 10px;font-size:25px}
h2{margin:20px 0 10px;font-size:21px}
h3{margin:20px 0 5px;font-size:19px}
p{margin:0 0 20px;font-size:17px}
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
img{max-width:100%;height:auto}
.alignright{float:right;margin:0 0 10px 20px}
img.alignright{width:auto}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.inlineimg{display:inline-block;vertical-align:middle;width:auto}
#sitemap li{display:inline-block}
#sitemap a{text-decoration:none;display:inline-block;padding:2px 10px}
#sitemap a:hover{background:#ffd6d6}
#sitemap li::after{content:"|"}
#categoryList{text-align:center}
#categoryList a{display:inline-block;margin:5px 10px 15px;position:relative;line-height:25px;text-decoration:none}
#categoryList span{display:none}
#categoryList img{width:99px;height:66px}
#categoryList strong{display:block;top:auto;background:#3e271b;color:#FFF;font-size:15px;margin-top:-7px}
.searchInput{border:2px solid #3e271b;font-size:20px;width:200px;padding:10px;outline:none;border-radius:20px}
.searchOk{border:none;background:#234;color:#FFF;font-weight:bold;font-size:20px;padding:10px 15px;border-radius:20px;cursor:pointer}
.searchOk:hover{background:#000}
.search-form{width:280px;margin:10px auto 20px}
.detailz{display:inline-block;width:50%;vertical-align:middle;text-align:center}
.foodIcons img{display:inline-block;vertical-align:middle}
.foodIcons > div{margin-bottom:22px}
.volume{display:block}
.volume > span{display:inline-block;width:10px;height:30px;vertical-align:bottom;background:rgba(40,62,74,0.5);margin-right:1px}
.volume > span:nth-child(1){height:10px;background:#cc7b2b}
.volume > span:nth-child(2){height:15px}
.volume > span:nth-child(3){height:20px}
.volume > span:nth-child(4){height:25px}
.volume > span:nth-child(5){height:30px}
.volume2 > span:nth-child(2),.volume3 > span:nth-child(2),.volume3 > span:nth-child(3),.volume4 > span:nth-child(2),.volume4 > span:nth-child(3),.volume4 > span:nth-child(4),.volume5 > span:nth-child(2),.volume5 > span:nth-child(3),.volume5 > span:nth-child(4),.volume5 > span:nth-child(5){background:#cc7b2b}
.bigRedText{font-size:1em;font-weight:bold;color:#cc7b2b}
.rankExplained > span{display:none;font-weight:bold;font-size:0.8em;color:#3e271b}
.rankExplained.rank1 > span:nth-child(1){display:block}
.rankExplained.rank2 > span:nth-child(2){display:block}
.rankExplained.rank3 > span:nth-child(3){display:block}
.rankExplained.rank4 > span:nth-child(4){display:block}
.rankExplained.rank5 > span:nth-child(5){display:block}
.faq{padding:10px;text-align:center;color:#000;background:#eff3f5;border:2px dashed #3e271b;margin-bottom:20px}
#categoryList a:hover strong{background:#cc7b2b}
.clearfix{display:block}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1;font-family:arial}
.wrapMainImage{max-width:600px;margin:0 auto 20px}
article{margin-bottom:50px;color:#555;font-size:18px;line-height:24px}
article,aside{overflow-x:hidden}
article a,article a:link,article a:visited{color:#385898}
.separator{margin:20px;text-align:center;display:block;font-size:3em;color:#cc7b2a;line-height:0.8em}
blockquote{padding:30px 30px 20px 45px;margin-bottom:35px;background-color:#3e271b;color:#FFFFFF;border-radius:5px}
blockquote p{font-size:20px;line-height:1.4;position:relative;padding-top:13px;padding-left:40px}
blockquote p:before{content:'"';font-style:normal;font-weight:normal;text-decoration:inherit;color:#FFFFFF;font-size:100px;position:absolute;top:-27px;left:-27px}
blockquote em,blockquote i,blockquote cite{font-style:normal}
article blockquote a,article blockquote a:link,article blockquote a:visited{color:#99cdec}
blockquote cite{font-weight:300;letter-spacing:0.05em;float:right}
blockquote a{color:#ffffff;text-decoration:underline}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
.alignright{display:inline;float:right;margin-left:30px}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}
.aligncenter > em{display:block}
article img{width:628px;max-width:100%}
.max100{max-width:100px}
.max200{max-width:200px}
.max300{max-width:300px}
.max400{max-width:400px}
.max500{max-width:500px}
.max600{max-width:600px}
.max700{max-width:700px}
article > ul,article > ol{padding:0 0 0 35px;margin-bottom:30px}
article li{margin-bottom:10px}
p{margin-bottom:20px}
h1{font-size:35px;line-height:40px;margin-bottom:20px;color:#cc7b2a}
h2{font-size:26px;font-weight:normal;margin:20px 0 10px;color:#3e271b}
h3{font-size:18px;color:#3e271b;margin-bottom:3px}
h4{font-size:16px;color:#3e271b}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
body{background-color:#FFF;font-family:Arial,Helvetica,sans-serif;font-size:16px;overflow-x:hidden;line-height:22px}
.aligncenter{text-align:center;margin-left:auto;margin-right:auto}
.headerbar a.searchlink{display:inline-block;vertical-align:middle;padding:3px 10px 0;float:right;height:28px;border-radius:4px;margin:0 0 0 10px;overflow:hidden}
a.searchlink svg{fill:#FFF;height:24px;width:24px;display:inline-block}
a.searchlink:hover{background:#cc7b2b}
.whiteHeader{background-color:#FFF;padding:50px 0 0;margin-bottom:20px;border-bottom:1px solid #ccc;position:relative;max-width:100%}
#socialFooter{position:fixed;background:#DDD;bottom:0;left:0;right:0;padding:5px 10px 0;text-align:center;z-index:1000;height:35px}
#pageWrap{max-width:500px;margin:auto;padding:20px}
.marginbottom{margin-bottom:40px}
.hamburger{padding:0px 10px 0px 20px;display:inline-block;font-size:25px;line-height:30px;cursor:pointer;vertical-align:middle}
.headerRightLinks{float:right;padding:5px 0 0 0;height:22px}
a.logo {
    display: inline-block;
    vertical-align: middle;
    background: url(/img/logo.svg) center left no-repeat transparent;
    padding: 10px 10px 10px 150px;
    min-height: 60px;
    text-decoration: none;
    font-family: "Arial Black",Gadget,sans-serif;
    line-height: 30px;
    font-size: 30px;
}
a .site-name{font-size:40px;font-weight:bold;line-height:45px;text-decoration:none;color:#3e271b}
a .site-name > span{display:inline-block;background:#3e271b;color:#FFF;font-family:"Arial Black",Gadget,sans-serif;padding:0 10px;margin-right:10px;margin-bottom:5px}
a .site-name > span:nth-child(2){background:#cc7b2a}
a:hover .site-name > span{background:#cc7b2a}
.headerbar .inner{padding:0 10px}
.headerbar a.site-name > span{background:#FFF;color:#3e271b;font-family:"Arial Black",Gadget,sans-serif;font-size:27px;line-height:34px;padding:0 5px;margin-right:8px;display:inline-block}
.headerbar a.site-name > span:nth-child(2){background:#cc7b2a;color:#FFF}
.headerbar a.site-name:hover > span{color:#000}
.logo > span {
    display: block;
    font-weight: bold;
    color: #3e271b;
    font-size: 36px;
    padding-top: 2px;
    line-height: 36px;
}
.logo > span > span{color:#cc7b2a;display:block}
.logo > span > strong{color:#888;display:block;font-weight:normal;font-style:italic;font-size:15px}
.sidebar{padding:10px;margin:0;color:#FFF;font-weight:bold}
#sidebar1{background:#3e271b;position:absolute;z-index:100;top:0;display:none}
.sidebar > li{list-style:none;margin-bottom:15px}
.sidebar a{text-decoration:none;color:#FFF}
.close-sidebar{font-size:1.5em;padding:5px 15px;cursor:pointer;color:#FFFFFF}
.headerbar{background:#3e271b;color:#FFF;line-height:30px;position:fixed;top:0;left:0;right:0;z-index:99;font-size:14px}
header{background:#AEC6CF;padding:5px 30px;margin:auto}
nav{display:inline-block}
nav ul li a{padding:5px 17px 5px 8px;font-size:15px;text-decoration:none;color:#868383;background:url(/img/arw.png) center right no-repeat transparent;font-weight:bold;display:inline-block;text-transform:uppercase}
nav ul li{display:inline-block;margin-right:15px}
nav ul{list-style:none}
main{float:left;width:65%}
.tabz a{display:block;float:left;text-decoration:none;color:#555;width:30%;border:1px solid #ccc;text-align:center;padding:10px 0;border-left:none;font-size:0.85em}
nav ul li a.active,nav ul li a:hover{border-bottom:3px solid #cc7b2b}
nav ul li a.active{background:none;padding-left:20px;padding-right:20px}
.tabz a:nth-child(1){border-left:1px solid #ccc;border-bottom:3px solid #cc7b2b;background:#FFF}
.tabz a:hover{color:#000;background:#FFF}
.clearboth{clear:both}
aside{float:right;width:30%}
footer{background:#3e271b;position:relative;clear:both;color:#FFF;text-align:right;padding-right:50px}
footer a{color:#FFF;text-decoration:none}
footer p{padding:5px}
address{padding:10px 20px 30px 10px}
aside > div{margin:0 auto 20px;min-height:40px}
body > section{max-width:1000px;margin:auto;padding:20px 0px;color:#333}
.mainNavi{position:relative}
.mainNavi ul li span{display:inline-block}
.inner{width:1150px;margin:auto;display:block;padding:0 2%;max-width:96%;overflow:hidden}
.footerbannerecske{margin-bottom:30px}
.sidebannerecske{padding:10px 0 20px}
.bannerecske{display:inline-block;vertical-align:middle;height:150px;width:60%;text-align:center;overflow:hidden}
.headerLinks{display:inline-block;vertical-align:middle}
.headerbar a{display:inline-block;padding:0 10px;color:#FFF;vertical-align:middle;text-decoration:none}
.headerLinks a:hover{text-decoration:underline}
a.thumb{position:relative;display:inline-block;width:30%;opacity:0.9;vertical-align:top;text-decoration:none;margin:0 2% 30px 0;color:#3e271b}
a.thumb:hover{opacity:1}
a.thumb:hover .readmore{background:#3e271b;color:#FFF}
a.thumb span.wrapcat{height:0;position:relative;width:100%;display:block}
a.thumb span.cat{position:absolute;top:-33px;right:4px;background:#011;color:#FFF;font-size:0.6em;display:none;padding:0 4px;text-transform:uppercase;font-weight:bold}
a:hover .thumb span.cat{display:inline-block}
a.thumb .details{position:absolute;top:0;left:0;background:#3e271b;color:#FFF;padding:0 5px}
a.thumb .desc{display:none}
a.thumb strong{display:block;line-height:16px;padding-top:5px;font-size:15px}
a.thumb .wrapimg{display:block}
a.thumb .readmore{display:none}
.headerRightLinks a.social{padding:0px 5px;line-height:25px;margin:0}
a.social{color:#FFF;font-weight:bold;display:inline-block;text-decoration:none;padding:3px 10px;margin-bottom:15px}
a.social:hover{outline:2px solid #3e271b;opacity:0.9}
a.share-facebook{background:#32529F}
a.share-twitter{background:#1DA1F2}
a.share-linkedin{background:#0077B5}
a.share-pinterest{background:#E60023}
.thumblist a.thumb:nth-child(1){width:100%;opacity:1;display:block}
.thumblist a.thumb:nth-child(1) span.wrapcat{display:none}
.thumblist a.thumb:nth-child(1) .readmore{display:inline-block;font-weight:normal;border:1px solid #000;margin:15px 0 5px;padding:2px 10px}
.thumblist a.thumb:nth-child(1) .wrapimg{display:inline-block;width:60%;margin-bottom:15px;vertical-align:middle}
.thumblist a.thumb:nth-child(1) .details{position:relative;display:inline-block;width:35%;padding:0 0 0 3%;vertical-align:middle;background:transparent;color:#3e271b}
.thumblist a.thumb:nth-child(1) .desc{display:block;font-size:0.85em;color:#565656;padding-top:10px}
.thumblist a.thumb:nth-child(1) strong{font-size:1.2em;line-height:1em;text-shadow:none !important}
.wrapslider{display:block;margin-bottom:35px;overflow:hidden;position:relative;line-height:0}
a.mainslide{display:block;width:80%;overflow:hidden;position:relative}
.slidedetails{position:absolute;bottom:0;left:0;color:#FFF;text-shadow:10px 2px 20px #000,2px 10px 20px #000,-10px 2px 20px #000,2px -10px 20px #001;right:0;font-size:30px;padding:20px 65px 20px 20px;background:rgba(0,0,0,0.3);line-height:39px}
.prevnext{position:absolute;bottom:0;right:0}
.mainNavi .prevnext span,.newsflash .prevnext span,.backtotop{display:inline-block;padding:5px 12px;line-height:25px}
.backtotop{position:absolute;right:10px;cursor:poitner;top:10px;background:#cc7b2a}
.backtotop:hover{background:#000}
i.up{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);border:solid #FFF;border-width:0 2px 2px 0}
i{border:solid #cacaca;border-width:0 2px 2px 0;display:inline-block;padding:4px;vertical-align:middle}
.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.left{transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.prevnext span{display:block;background:#FFF;padding:5px 15px;line-height:30px}
.prevnext .next{background:#cc7b2b}
.prevnext .next i{border:solid #FFF;border-width:0 2px 2px 0}
.wrapslider .categ{position:absolute;top:-22px;left:5px;background:#d20404;color:#FFF;font-size:15px;opacity:0.7;text-shadow:none;line-height:24px;display:inline-block;padding:0 8px;text-transform:uppercase;font-weight:bold}
.currentSlide{position:absolute;top:12px;right:0;width:0;height:0;border-top:15px solid transparent;border-right:20px solid #cc7b2b;border-bottom:15px solid transparent}
.slidethumbs{position:absolute;width:20%;top:0;bottom:0;right:0}
a.slidethumb{width:100%;margin-bottom:5px;display:block;opacity:0.9;margin:0;padding:0;line-height:0}
a.slidethumb:hover,a.slidethumb:nth-child(1){opacity:1;box-shadow:-6px 0px 0px #cc7b2b}
.line{display:block;width:100%;top:10px;position:relative;border-top:1px solid #ccc;margin-bottom:15px}
aside .line{margin:20px 0 8px}
.line > span{background:#FFF;display:inline-block;position:relative;top:-10px;left:20px;padding:0 10px;font-weight:bold;color:#cc7b2a}
.line > span > span{color:#3e271b}
a.newsflash{border:1px solid #ccc;display:block;margin:0 0 20px;color:#555;text-decoration:none;line-height:35px;position:relative;overflow:hidden;font-size:14px;text-align:center;background:#FFF;max-height:35px}
aside a.newsflash{text-align:left;padding-left:10px}
a.newsflash:hover{border-color:#cc7b2b}
.nf{display:inline-block;vertical-align:middle;background:#cc7b2a;color:#FFF;padding:0 10px;text-transform:uppercase;font-size:0.7em;left:0;position:absolute;top:0;bottom:0}
aside .nf{display:none}
a.newsflash strong{font-weight:normal}
a.sidethumb{display:block;text-decoration:none;color:#3e271b;margin-bottom:18px}
a.sidethumb:hover{background:#fff0f0}
.sideimg{display:inline-block;width:30%;vertical-align:middle}
.sidedetails{display:inline-block;width:60%;vertical-align:middle;padding-left:3%;font-size:14px;line-height:18px}
.sidedate{color:#777;display:block;font-size:0.85em;padding:5px 0}
a.sidethumb:nth-last-child(1){margin:45px 0 50px}
a.sidethumb:nth-last-child(1) .sideimg{display:block;width:100%;padding:5px 0}
a.sidethumb:nth-last-child(1) .sidedetails{display:block;width:100%;padding:5px 0;text-align:center;font-size:18px}
a.sidethumb:nth-last-child(1) .sidedate{display:none}
.headerbar a.site-name{display:none;padding-top:3px}
@media screen and (max-width:1030px){.mainNavi ul li span{display:none}
.sidebannerecske{padding:10px 0 20px}
.bannerecske{width:50%}
}
@media screen and (max-width:849px){main{float:none;width:100%}
aside{float:none;width:100%;max-width:400px;margin:50px auto}
nav ul li a{background:none;padding:5px;font-size:14px}
.headerbar a.site-name{display:inline-block}
.headerLinks,.bannerecske,a.logo{display:none}
}
@media screen and (max-width:700px){nav.inner,a.newsflash,.headerRightLinks{display:none}
.whiteHeader{border:none;padding-top:65px}
.slidedetails{font-size:20px;line-height:25px}
.thumblist a.thumb:nth-child(1) .desc{display:none}
}
@media screen and (max-width:600px){a.thumb{width:47%}
h1{font-size:30px;line-height:34px;margin-bottom:10px}
}
@media screen and (max-width:450px){header{padding:5px}
.headerRightLinks,a.thumb span.cat{display:none}
.slidedetails{font-size:16px;line-height:20px}
}
@media print{.headerbar,nav.inner,aside,footer,a.newsflash,.bannerecske,a .site-name,.thumblist{display:none}
.whiteHeader{padding:0}
main{float:none;width:auto}
a.logo{padding:10px;min-height:20px;background:none}
.slidedetails{background:none}
}
@media (prefers-color-scheme:dark){body{background-color:#000}
a.newsflash,.prevnext span,.tabz a:nth-child(1){background:#3e271b;color:#FFF}
h2,h3{color:#76acca}
#tooltipSearchSuggestions{color:#000}
.faq{color:#fff;background:#3e271b;border:2px dashed #82a8bd}
.thumblist a.thumb:nth-child(1) .details{color:#72b4d8}
a.logo{background:url(/img/logo-darkskin.svg) center left no-repeat transparent}
nav ul li a.active,nav ul li a:hover{border-bottom:3px solid #fff}
#searchResults a,.sidedate,.rankExplained > span{color:#fff}
.volume > span{background:rgb(94 142 169)}
.whiteHeader{background-color:#000;border-bottom:1px solid #ccc}
a .site-name > span{background:#72b4d8}
nav ul li a{color:#72b4d8;background:none}
prevnext .next{background:#72b4d8}
.tabz a,a.thumb{color:#9ec5da}
.nf,.prevnext .next{background:#72b4d8}
.logo > span{color:#72b4d8}
.line > span{background:#000;color:#72b4d8}
.thumblist a.thumb:nth-child(1) .desc,a.sidethumb{color:#CCC}
a.thumb:hover strong{color:#FFF}
article{color:#f6f6f6}
article a,article a:link,article a:visited{color:#72b4d8}
a.sidethumb:hover{background:#234}
}