html {margin:0;} body {width:100%; background:url("/media/foods.jpg") no-repeat center center fixed;
margin:0; padding:0; color:#000; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover;}
hr {width:calc(100% - 2px); padding-top:5px;} .dop{position:absolute; z-index:555;} img {border:0; vertical-align:top;}
@font-face {font-family:"Material Icons"; font-style:normal; font-display:swap; src:url("fonts/material.woff2") format('woff2'),
url('https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2') format('woff2'); font-weight:400;}
@font-face {font-family:'newfont'; font-display:swap; src:url("fonts/RopaSans.ttf"),
url('https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2') format('woff2');}
@font-face {font-family:'sefont'; font-display:swap; src:url("fonts/SonyEricsson.ttf"),
url('https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2') format('woff2');} 
@font-face {font-family:'FontAwesome'; font-display:swap; src:url('fonts/fontawesome-webfont.eot?v=4.7.0');
src:-moz-url('fonts/fontawesome-webfont.eot?v=4.7.0'); font-style:normal;
font-weight:normal; src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), 
url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'),
url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');}
.modal-overlay.active {opacity:1; visibility:visible;} .pxl {width:1px; display:block;}
.modal-overlay {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center;
position:fixed; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; top:0; left:0;
width:100%; height:100%; z-index:9999; background-color:rgba(0,0,0,.6); opacity:0; -webkit-backface-visibility:hidden;
backface-visibility:hidden; -webkit-transition:opacity .6s cubic-bezier(.55,0,.1,1),visibility .6s cubic-bezier(.55,0,.1,1);
transition:opacity .6s cubic-bezier(.55,0,.1,1),visibility .6s cubic-bezier(.55,0,.1,1); visibility:hidden;}

.modal {display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center;
align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative;
box-shadow:0 2px 10px rgba(0,0,0,.1); background-color:#fff; overflow-y:auto; -webkit-transform:scale(1.5);
margin:0 auto; -webkit-backface-visibility:hidden; -webkit-transition:all .6s cubic-bezier(.55,0,.1,1); opacity:0;
backface-visibility:hidden; visibility:hidden; transform:scale(1.5); transition:all .6s cubic-bezier(.55,0,.1,1);}

.close-modal {top:2%; z-index:777; right:2%; background:transparent; position:fixed; cursor:pointer; visibility:hidden;}
.close-modal.active {visibility:visible; opacity:1;} .open-modal {display:none;}
.modal.modal-content {opacity:0; -webkit-backface-visibility:hidden; backface-visibility:hidden;
-webkit-transition:opacity .6s cubic-bezier(.55,0,.1,1); transition:opacity .6s cubic-bezier(.55,0,.1,1);
-webkit-transition-delay:.3s; transition-delay:.3s;} .modal.active .modal-content {opacity: 1;}
.modal.active {visibility:visible; opacity:1; -webkit-transform:scale(1); transform:scale(1);}

.material-icons {font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:24px;
line-height:1; letter-spacing:normal; text-transform:none; display:inline-block; white-space:nowrap;
word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; -webkit-font-smoothing:antialiased;
}

#cookie-notification {width:100%; color:grey; position:fixed; bottom:0; z-index:111111;
padding:1vh; text-align:center; background-color:#fff; left:0; font:500 2vh sefont;} 
#accept {margin:0.5vh 1.5vh; cursor:pointer; display: inline-block; font:700 1.5vh sefont;
  color: rgb(68,68,68); text-decoration: none; padding: 0.3em 1.3em; outline: none;
  border: 1px solid rgba(0,0,0,.1); background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s; border-radius: 4px;}
#accept:hover {color: rgb(24,24,24); border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1); box-shadow: 0 1px 2px rgba(0,0,0,.1);}

@-webkit-keyframes puls {33% {color:#fff; text-shadow:0 -1px rgba(0,0,0,.3),0 0 5px #ffd, 0 0 8px #fff;}}
@keyframes puls {33% {color:#fff; text-shadow:0 -1px rgba(0,0,0,.3),0 0 5px #ffd, 0 0 8px #fff;}}
@-webkit-keyframes shk {
2.5%{transform:rotate(-10grad);}
5%{transform:rotate(-20grad);}
7.5%{transform:rotate(-30grad);}
10%{transform:rotate(-40grad);}
12.5%{transform:rotate(-50grad);}
15%{transform:rotate(-60grad);}
17.5%{transform:rotate(-70grad);}
20%{transform:rotate(-80grad);}
22.5%{transform:rotate(-90grad);}
25%{transform:rotate(-100grad);}
27.5%{transform:rotate(-110grad);}
30%{transform:rotate(-120grad);}
32.5%{transform:rotate(-130grad);}
35%{transform:rotate(-140grad);}
37.5%{transform:rotate(-150grad);}
40%{transform:rotate(-160grad);}
42.5%{transform:rotate(-170grad);}
45%{transform:rotate(-180grad);}
47.5%{transform:rotate(-190grad);}
50%{transform:rotate(-200grad);}
52.5%{transform:rotate(-210grad);}
55%{transform:rotate(-220grad);}
57.5%{transform:rotate(-230grad);}
60%{transform:rotate(-240grad);}
62.5%{transform:rotate(-250grad);}
65%{transform:rotate(-260grad);}
67.5%{transform:rotate(-270grad);}
70%{transform:rotate(-280grad);}
72.5%{transform:rotate(-290grad);}
75%{transform:rotate(-300grad);}
77.5%{transform:rotate(-310grad);}
80%{transform:rotate(-320grad);}
82.5%{transform:rotate(-330grad);}
85%{transform:rotate(-340grad);}
87.5%{transform:rotate(-350grad);}
90%{transform:rotate(-360grad);}
92.5%{transform:rotate(-370grad);}
95%{transform:rotate(-380grad);}
97.5%{transform:rotate(-390grad);}
100%{transform:rotate(-400grad);}
}
@keyframes shk {
2.5%{transform:rotate(-10grad);}
5%{transform:rotate(-20grad);}
7.5%{transform:rotate(-30grad);}
10%{transform:rotate(-40grad);}
12.5%{transform:rotate(-50grad);}
15%{transform:rotate(-60grad);}
17.5%{transform:rotate(-70grad);}
20%{transform:rotate(-80grad);}
22.5%{transform:rotate(-90grad);}
25%{transform:rotate(-100grad);}
27.5%{transform:rotate(-110grad);}
30%{transform:rotate(-120grad);}
32.5%{transform:rotate(-130grad);}
35%{transform:rotate(-140grad);}
37.5%{transform:rotate(-150grad);}
40%{transform:rotate(-160grad);}
42.5%{transform:rotate(-170grad);}
45%{transform:rotate(-180grad);}
47.5%{transform:rotate(-190grad);}
50%{transform:rotate(-200grad);}
52.5%{transform:rotate(-210grad);}
55%{transform:rotate(-220grad);}
57.5%{transform:rotate(-230grad);}
60%{transform:rotate(-240grad);}
62.5%{transform:rotate(-250grad);}
65%{transform:rotate(-260grad);}
67.5%{transform:rotate(-270grad);}
70%{transform:rotate(-280grad);}
72.5%{transform:rotate(-290grad);}
75%{transform:rotate(-300grad);}
77.5%{transform:rotate(-310grad);}
80%{transform:rotate(-320grad);}
82.5%{transform:rotate(-330grad);}
85%{transform:rotate(-340grad);}
87.5%{transform:rotate(-350grad);}
90%{transform:rotate(-360grad);}
92.5%{transform:rotate(-370grad);}
95%{transform:rotate(-380grad);}
97.5%{transform:rotate(-390grad);}
100%{transform:rotate(-400grad);}
}