#adminW a{
display:inline-block;
width:300px;
font-size:150%;
margin:20px;
text-align:center;
}

.batchPersonList{
font-size:80%;
padding:0px;
margin:0px;
list-style-position:inside;
}

@media only screen and (max-width: 800px) {
#adminW a{
display:block;
width:95%;
}
}.blurred{
filter: blur(4px);
}

.noScroll{
overflow:hidden !important;
}.btn{
display:inline-block;
vertical-align:top;
border:2px solid rgba(0,0,0,0.2);
padding:8px;
text-decoration:none;
margin-bottom:4px;
}

.btn:hover{
border:2px solid #A85D25;
}

.btn.main{
border:none;
width:100%;
text-align:center;
font.size:120%;
background: #A85D25;
color:#FFF;
}

.btn.plusMinus{
min-width:30px;
text-align:center;
}

.backbtn{
position:fixed;
top:60px;
padding:5px;
left:10px;
background:rgba(0,0,0,0.4);
color:#FFF;
text-decoration:none;
}

.rundingW{
display:inline-block;
width:150px;
}

.runding{
display:table-cell;
border:2px solid #f4dcb4;
height:150px;
width:150px;
text-decoration:none;
border-radius:1000px;
vertical-align:middle;
font-size:150%;
}


@media print {
.btn, .backbtn{
display:none;
}

}.kassalappW{
width:100%;
max-width:600px;
}

.kassalapp{
border-collapse:collapse;
width:100%;
}

.kassalapp td{
border:rgba(0,0,0,0.1);
padding:6px;
}

.kassalapp tr:nth-child(even) td {background: rgba(0,0,0,0.05)}
.kassalapp tr:nth-child(odd) td {background: rgba(0,0,0,.15)}


.kassalappW h3{
display:block;
font-size:130%;
font-weight:400;
margin:0px;
margin-top:50px;
margin-bottom:4px;
color:#f4dcb4;
}

@media print {
.kassalapp tr:nth-child(even) td {background: none; }
.kassalapp tr:nth-child(odd) td {background: none; }

.kassalapp tr td{
border:1px solid #000;
}
}

.kassalapp th{
text-align:left;
padding:6px;
}

.notOpenNotice{

margin-top:10px;
margin-bottom:10px;
padding:5px;
font-size:130%;
}

.setBatch{
background:rgba(255,255,255,0.05);
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
display:block;
text-decoration:none;
padding:10px;
margin-bottom:10px;
line-height:130%;
width:100%;
}

.setBatch:hover{
box-shadow:0px 0px 5px rgba(0,0,0,0.7);
background:rgba(255,255,255,0.1);
}

.setBatch.chosen{
background:rgba(0,0,0,0.1);
box-shadow:none;
}

.setBatch h4{
margin:0px;
padding:0px;
margin-top:6px;
font-size:140%;
font-weight:normal;
}

.label.multiSpecs .prodSpecGroup{
padding-left:37px;
}

.prodSpecGroup>span{
display:inline-block;
vertical-align:top;
padding:3px;
border:1px solid #666;
margin-top:4px;
margin-right:4px;
margin-bottom:4px;
}

.customSpecList{
display:block;
margin:0px;
font-size:80%;
}

#cartSubmitForm{
max-width:100%;
}

.creditos .btn{
color:#A85D25;
}#cartFrontW{
position:fixed;
right:0px;
top:70px;
padding:0px;
z-index:120;
width:130px;
border-radius:4px;
display:block;
border-radius:4px;
transition:0.3s all;
perspective:100px;
}

#cart{
text-decoration:none;
border-radius:4px;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
font-size:100%;
transition:0.3s all;
display:block;
text-align:center;
overflow:hidden;

}

#cartCounter{
display:inline-block;
background-color:#f4dcb4;
padding:10px;
min-width:60px;
color:#2A484F;
font-weight:500;
text-align:center;
display:block;
width:100%;
font-size:140%;


}

#cart:hover{
box-shadow:0px 0px 10px rgba(0,0,0,0.4);
}

.cartLbl{
background-color:#2A484F;
display:block;
width:100%;
transition:0.3s all;
}

a:hover .cartLbl{
letter-spacing:0.5px;
}

#cart{
transform: rotateX(0deg) rotateY(0deg)  rotateZ(0deg);
transition:0.5s all;
opacity:1;
}

#cart.added{
transform: rotateX(50deg) rotateY(90deg)  rotateZ(20deg);
opacity:0.2;
box-shadow: 0px 0px 10px rgba(255,255,255,1);
}
.multiSpecs label{
margin:0px;
}

.multiSpecs{
display:block;
margin-bottom:20px;
}

.customGo{
margin-top:50px;
display:block;
}

.customGo select{
width:20%;
}

.customGo input{
width:78%;
background:#A85D25;
color:#FFF;
font-weight:bold;
}#customContainer{
display:none;
background:#2A484F;
/*
background:rgba(0,0,0,0.2);
*/
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
z-index:90;
overflow:hidden;
transition:0.3s all;
transform: rotateY(0deg);
padding-top:60px;
opacity:1;
border-radius:0px;
transform: rotateX(0deg) rotateY(0deg) scale3d(1,1,1);
}

@media only screen and (min-width: 600px) {
#customContainer{
max-width:500px;
left:calc(50% - 250px);
}
}

.customMode #customContainer{
display:block;
overflow:auto;
}

.customMode #mainShopping, .customMode #sjappeLogo{
display:none;
}

#customContainer.flipped{
/*
background:#f4dcb4;
*/
transform: rotateY(90deg) scale3d(0.3, 0.3, 0.3);
overflow:hidden;
opacity:0.6;
filter:blur(10px);
left:50%;
}form{
max-width:500px;
}

form.fullwidth{
max-width:none;
}

form label{
display:block;
margin-bottom:20px;
}

form strong{
display:block;
margin-top:10px;
}

form select{
width:100%;
}

form  textarea{
width:100%;
min-height:200px;
padding:8px;
}

form input{
width:100%;
padding:8px;
}

form input[type=checkbox]{
width:30px;
}


textarea, input,select{
font-weight:500;
padding:8px;
border-radius:0px;
border:0px;
background:rgba(255,255,255,0.7);
}

textarea:focus, input:focus,select:focus{
background:rgba(255,255,255,0.9);
}


.formBlock{
display:inline-block;
vertical-align:top;
margin:20px;
width:100%;
max-width:250px;
}

label.spec{
margin:0px;
margin-bottom:4px;
}

input.main{
background:#A85D25;
color:#FFF;
font-weight:500;
font-size:120%;
}

form input.submit{
background:#f4dcb4;
color:#2A484F;
font-weight:600;
font-size:120%;
margin-top:20px;
box-shadow:0px 0px 5px rgba(255,255,255,0.8);
}#frontPageContent{
display:block;
position:absolute;
top:30vh;
width:100%;
left:0px;
padding:20px;
padding-top:170px;
}

#frontPageContent h3{
padding:0px;
margin:0px;
}

.upComing{

padding:0px;
}

.upComing>div{
display:block;
width:100%;
padding:20px;
background:rgba(0,0,0,0.4);
margin-bottom:5px;
}

.upComing>div>strong{
font-size:120%;
}

.upComing>div>span, .upComing>div>strong{
display:block;
}

.upComing>div>span>span{
display:block;
font-size:80%;
margin-top:10px;
}

.upComing>div>span>span:nth-child(1){
margin-top:0px;
}

@media only screen and (max-width: 800px) {
#frontPageContent{
top:calc(50px + 2vh);
}
}

@media only screen and (min-width: 800px) {
#frontPageContent{
max-width:380px;
top:calc(50px);
}
}




.newsW{
display:block;
width:100%;
margin-bottom:20px;
}

.news{
display:block;
background:#f4dcb4;
color:#2A484F;
padding:20px;
width:100%;
}

.news h3{
margin:0px;
padding:0px;
font-weight:500;
}


.genericItem{
display:block;
padding:20px;
max-width:500px;
width:100%;
margin-bottom:20px;
margin-top:10px;
background:rgba(0,0,0,0.4);
}

a.genericItem{
text-decoration:none;
}

a.genericItem:hover{
box-shadow:0px 0px 5px rgba(255,255,255,0.8);
}

.genericItem h3{
margin:0px;
font-size:140%;
font-weight:500;
color:#f4dcb4;
}.prehead{
color:#CCC;
font-size:60%;
margin-bottom:10px;
display:block;
}

h2{
font-weight:300;
color:#f4dcb4;
margin-top:40px;
margin-bottom:2px;
}

@media print {
h2{
color:#2A484F;
}
}.ilb{
display:inline-block;
width:100%;
max-width:300px;
vertical-align:top;
margin:20px;
}


@media only screen and (max-width: 800px) {
.ilb{
display:block;
max-width:90%;
}
}.item{
display:inline-block;
width:320px;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
padding:20px;
vertical-align:top;
margin:10px;
background-color:rgba(0,0,0,0.1);
}


.item h3{
color:#f4dcb4;
font-weight:normal;
font-size:160%;
margin:0px;
}

.item a{
color:#f4dcb4;
}

@media only screen and (max-width: 800px) {
.item{
display:block;
width:calc(100% - 30px);
margin-bottom:20px;
}
}#loginform{
display:inline-block;
width:100%;
max-width:300px;
text-align:left;
}

#loginW{
display:block;
width:100%;
text-align:center;
padding-top:10px;
}

#loginW .newsW{
display:block;
width:100%;
text-align:center;
}

#loginW .news{
display:inline-block;
width:300px;
text-align:left;
}

#passWorld{
display:block;
width:100%;
text-align:center;
}

#passWorld form{
display:inline-block;
max-width:400px;
margin-top:40px;
}

#passWorld ul{
list-style:none;
margin:0px;
padding:0px;
}

#passWorld ul li{
margin:0px;
padding:0px;
}

#loginLogo{
font-size:300%;
width:100%;
text-align:center;
}


#loginform label{
margin-bottom:24px;
}

#loginform label strong{
color:#CCC;
}

#loginform input[type=text],#loginform input[type=tel],
#loginform input[type=password]
{
border-radius:0px;
background:none !important;
border:0px;
border-bottom:2px solid #666;
color:#CCC;
padding:2px;
font-size:140%;
font-weight:500;
outline:none;
}

#loginform input[type=text]:focus,
#loginform input[type=tel]:focus,
#loginform input[type=password]:focus{
border-bottom:2px solid #A85D25;
outline:none;
}

#loginform input[type=submit]{
background:rgba(0,0,0,0.5);
background:#A85D25;
color:#FFF;
border:0px;
font-size:120%;
border-radius:0px;
box-shadow:0px 0px 12px rgba(255,255,255,0.05);
transition:0.3s all;
border-radius:4px;
}

#loginform input[type=submit]:hover, #loginform input[type=submit]:focus{
box-shadow:0px 0px 12px #A85D25;
outline:none;
font-weight:500;
}

.startMySettings{
padding:20px !important;
display:block;
}

.loginButtons{
display:block;
width:100%;
}

.loginButtons a{
display:inline-block;
width:46%;
margin-left:2%;
margin-right:1%;
margin-bottom:5px;
font-size:100%;
text-decoration:none;
border:2px solid rgba(255,255,255,0.5);
border-radius:2px;
text-align:center;
padding-top:5px;
padding-bottom:5px;
margin-top:6px;
}.telegrafLogo{
line-height:55%;
font-weight:300;
margin-bottom:40px;
}

.telegrafLogo>span{
display:block;
width:100%;
}

.telegrafLogo .subName{
opacity:0.3;
font-size:30%;
display:none;

}

.telegrafLogo .mainName{
color:#FFF;
text-shadow:0px 0px 9px rgba(0,0,0,1);
font-weight:300 !important;
}

.telegrafLogo .mainName>span{
font-weight:300 !important;
}

.lynet>div{
display:inline-block;
height:2em;
width:2em;
position:relative;
left:-1em;
margin-top:-2em;
top:-0.1em;
}

.lynet>div>div{
height:2px;
display:block;
width:65%;
left:10%;
background-color:#f4dcb4;
position:relative;
}

.lynet>div>div:nth-child(1){
transform:rotate(60deg);
top:20%;
}

.lynet>div>div:nth-child(2){
transform:rotate(18deg);
top:41%;
width:30%;
left:29%;
}

.lynet>div>div:nth-child(3){
transform:rotate(60deg);
top:63%;
left:14%;
}


.telegrafLogo .mainName>span:nth-child(3){
opacity:0;
}


.glow .lynet>div>div{
filter:blur:1px;
background-color:#FFF;
box-shadow:0px 0px 5px rgba(255,255,255,1);
}


body,form,textarea,input,select,option,label,div,span,a,h1{
box-sizing: border-box;
font-family: "Rajdhani", sans-serif;
font-weight:400;

}

strong{
font-weight:500;
}

a{
color:#f4dcb4;
}

body,textarea,input,select,option{
font-size:18px;
}

html,body{ margin:0; padding:0; height:100%; width:100%; }

body{
padding:0px;
background:rgb(60,60,60);
color:rgba(230,230,230);
padding-top:60px;
background:#2A484F;
}


#content{
width:100%;
padding:20px;
position:absolute;
top:0px;
left:0px;
padding-top:80px;
}




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

body,textarea,input,select,option{
font-size:20px;
}

body{
padding-top:55px;
}

.nomobil{
display:none;
}

#content{
padding:5px;
}

}.orderManagement h2{
border-bottom: 2px solid #999;
text-align:right;
margin-top:50px;
color:#999;
font-weight:normal;
}#menu{
display:block;
background:rgba(0,0,0,0.7);
color:#FFFF;
position:fixed;
left:0px;
top:0px;
width:100%;
z-index:130;
transition:0.3s all;
}

#menu.clean{
background:rgba(0,0,0,0);
position:absolute;
}

#menu a{
text-decoration:none;
padding:10px;
font-size:120%;
display:inline-block;
vertical-align:top;
border-bottom:2px solid rgba(0,0,0,0);
}

#menu a:hover{
border-bottom:2px solid #A85D25;
}

#menu a.current{
background:rgb(60,60,60);
background:#2A484F;
}

#menuToggler{
display:block;
position:fixed;
top:0px;
right:10px;
width:70px;
height:50px;
z-index:999;
padding:10px;
}

#menuToggler>span{
display:block;
width:90%;
height:2px;
background:rgba(255,255,255,0.4);
background:#f4dcb4;
margin-top:10px;
position:relative;
margin-left:5%;
top:0px;
transition:0.3s all;
}

#menuToggler.blue>span{
background:#2A484F;
}

#menuToggler:hover>span{
background:#f4dcb4;
width:100%;
margin-left:0%;

box-shadow:0px 0px 3px #f4dcb4;
}

#menuToggler>span:nth-child(1){
margin-top:8px;
}

body.menued #mainContent{
display:none;
}

body.menued #menuToggler>span:nth-child(1){
transform:rotate(45deg);
top:6px;
}

body.menued #menuToggler>span:nth-child(2){
transform:rotate(-45deg);
top:-6px;
}

body.menued #menuToggler>span{
background:#f4dcb4;
}


body.menued{
text-align:center;
}

body.menued #menu{
background:#2A484F;
}

#menu h1{
display:none;
}

body.menued #menu h1{
display:block;
}


body.menued #menu a{
height:100px;
width:200px;
margin:10px;
padding-top:30px;
box-shadow:0px 0px 6px rgba(0,0,0,0.5);
border-bottom:0px;
transition:0.3s all;
}

body.menued #menu a:hover{
background-color:rgba(0,0,0,0.2);
}

#menu a.secondary{
display:none
}

body.menued #menu a.secondary{
display:inline-block;
}



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

body.menued #menu a{
display:block;
width:100%;
padding:6px;
margin:0px;
margin-top:6px;
margin-bottom:2px;
height:auto;
border-bottom:0px;
}

body.menued #menu a:hover{
border-bottom:0px;
background-color:rgba(0,0,0,0.2);
}
}.msg{
background:#f4dcb4;
color:#000;
display:block;
width:100%;
padding:10px;
}.howtopay{
display:block;
padding:10px;
background:rgba(0,0,0,0.4);
font-size:130%;
line-height:140%;

}

.howtopay span{

padding:5px;
display:inline-block;
vertical-align:top;
background:#FFF;
color:#A85D25;
font-weight:bold;
margin-top:5px;
margin-bottom:5px;
font-size:130%;
}

.kassalappW h2{
font-weight:normal;
margin:0px;
border-bottom:1px solid #CCC;
margin-top:30px;
margin-bottom:4px;
text-align:right;
padding-bottom:5px;
}

.fakturainfo{
width:100%;
}

.fakturainfo td{
width:50%;
}

.orderLineId{
display:block;
width:100%;
font-size:70%;
color:#999;
}

.tradeId{
display:inline-block;
padding:4px;
border: 1px solid #333;
margin-right:4px;
margin-bottom:3px;
}.ofTopic{
display:inline-block;
width:100%;
vertical-align:top;
margin-bottom:20px;
background:rgba(0,0,0,0.1);
padding:10px;
font-size:130%;
text-align:center;
}

.ofTopic strong{
display:block;
width:100%;
}

.ofTopic a{
display:inline-block;
width:28%;
margin:1%;
vertical-align:top;
border:1px solid #FFF;
font-size:80%;
text-decoration:none;
padding-top:10px;
padding-bottom:10px;

}

.ofTopic a.current{
background:#FFF;
color:#2A484F;
}

.orderNote{
display:block;
width:100%;
border-bottom:2px solid #CCC;
border-top:2px solid #CCC;
padding:10px;
min-height:200px;
}

.orderNote>div{
display:inline-block;
vertical-align:top;
}

.orderNote>div:nth-child(1){
width:calc(100% - 160px);
}

.orderNote>div:nth-child(2){
padding:14px;
width:calc(150px);
}

.orderNote>div:nth-child(2) h2{
font-size:12px;
border-bottom:0px;
margin:0px;
padding:0px;
position:relative;
top:-15px;
margin-bottom:-15px;
left:-5px;
}

div.qrCode{
display:block;
width:100%;
height:80px;
}

div.qrCode img{
width:100%;
display:inline-block;
}

.orderNote table{
width:100%;
font-size:10px;
border-collapse:collapse;
}

.orderNote table td{
border:1px solid #666;
}

td.checkMe{
width:30px;
}

td.checkMe div{
border:2px solid #000;
width:100%;
height:20px;

display:block;
}

.orderNote h3,.orderNote h4{
margin:0px;
padding:0px;
}

.orderNote h4{
font-weight:300;
text-align:right;
}.pageW{
display:block;
width:100%;
text-align:center;
}

.page{
display:inline-block;
width:100%;
max-width:540px;
text-align:left;
padding:20px;
}@media print {

@page {
    margin: 20px;
 }

body{
padding:0px;
}

#menu{
display:none;
}

body{
background-color:#FFF;
color:#000;

}


body, table{
font-size:10px;
}

.btn{
display:none;
}

.howtopay{
background:#FFF;
color:#000;
}

p{
padding:1px !important;
margin:1px !important;;
margin-bottom:3px  !important;
}

.prehead{
color:#333 !important;
}

.noprint{
display:none;
}

.kassalappW{
max-width:100%;
width:100%;
}

.noprint{
display:none;
}

}.activeStatus1>td{
background:#000;
}

.activeStatus0>td{
color:#999;
}#secretW{
display:block;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
background:rgba(60,60,60,0.9);
color:rgba (200,200,200,0.9);
z-index:9900;
font-size:200%;
padding:30px;
text-align:center;
background: linear-gradient(135deg, rgba(62,91,96,1) 0%,rgba(42,72,79,1) 100%);
}


.secretCard{

left:0px;
top:0px;
opacity:0;
display:block;
position:absolute;
width:100%;
padding:30px;
transition:0.5s all;
}

.secretCard.current{
opacity:1;
z-index:9;
}


@media only screen and (max-width: 800px) {
#secretW{
font-size:140%;
}

.secretCard{
padding-top:20vh;
}

}#cartHead{
display:block;
width:100%;
padding:10px;
}

.prodSpecGroup{
display:block;
font-size:80%;
margin-bottom:5px;
}

.prodSpecGroup strong{
display:block;
font-size:90%;
}
.btn.shop{
width:100%;
}

.shopSecondary{
opacity:0.7;
font-size:80%;
width:100%;
margin-top:10px;
}

.prodImg{
width:100%;
display:block;
height:200px;
background-position:center center;
background-size:cover;
margin-bottom:4px;
border-radius:4px;
margin-bottom:5px;
filter:saturate(100%);
}




.pages{
display:block;
width:100%;
margin-top:10px;
margin-bottom:30px;
padding:6px;
}

.pages>a{
background: #2A484F;
padding:6px;
width:200px;
text-decoration:none;
padding-left:7px;
padding-right:7px;
margin-right:7px;
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}

.pages>a:hover{
box-shadow:0px 0px 5px rgba(255,255,255,0.5);
}

.creditos{
display:block;
width:100%;
padding:10px;
background-color:#f4dcb4;
text-align:center;
color:#2A484F;
}

.creditos>span{
display:block;
width:100%;
font-size:150%;
}

.selectDrink{
display:inline-block;
width:110px;
height:110px;
background-position:center center;
background-size:cover;
box-shadow:0px 0px 5px rgba(0,0,0,0.1);
margin:10px;
margin-left:0px;
border-radius:1000px;
filter:saturate(50%);
transition:0.3s all;
border:4px solid rgba(244,244,244,0.8);
margin:10px;
margin-left:5px;
}

.selectDrink.current{
border:4px solid #A85D25;
border-radius:4px;

filter:saturate(100%);
margin:5px;
margin-left:0px;
width:120px;
height:120px;
}

.stickerW{
position:absolute;
}

.sticker{
display:block;
height:30px;
font-size:110%;
padding:4px;
position:absolute;
z-index:99;
transform:rotate(-20deg);
width:140px;
background:#A85D25;
color:#FFF;
top:0px;
left:-25px;
text-align:center;
box-shadow:3px 3px 7px rgba(0,0,0,0.3);
}


#mainContent{
display:block;
width:100%;
position:absolute;
box-sizing:border-box;
left:0px;
top:0px;
z-index:50;
padding:20px;
padding-top:70px;
}

#sjappeLogo{
display:block;
width:400px;
height:400px;
top:130px;
right:40px;
position:absolute;
z-index:110;
font-size:300%;
text-align:center;
}





#sjappeFilter{
position:absolute;
top:calc(100vh - 100px);
width:100%;
left:0px;
z-index:110;
}

#sjappeFilter a{
border:2px solid #2A484F;
padding:5px;
width:200px;
text-align:center;
margin-left:10px;
margin-right:10px;
border-radius:4px;
font-size:120%;
text-decoration:none;
display:inline-block;
vertical-align:top;
}

#sjappeFilter.snapTop{
position:fixed;
top:0px;
background:#f4dcb4;
display:block;
width:100%;
z-index:122;
}

#sjappeFilter.snapTop a{
border:0px solid #2A484F;
border-radius:0px;
padding:10px;
color:#2A484F;
}

#sjappeFilter.snapTop a.current{
background:#2A484F;
color:#f4dcb4;
}


@media only screen and (max-width: 800px) {
#sjappeFilter{
padding:20px;
}

#sjappeFilter a{
width:30%;
margin-right:1%;
margin-left:1%;
}

#sjappeFilter.snapTop{
padding:0px;
}

#sjappeFilter.snapTop a{
margin-left:0%;
margin-right:0%;
width:auto;
}

#sjappeFilter{
top:calc(100vh - 200px);
}

}



#mainShop{
display:block;
width:100%;
min-height:100vh;
}#startside{
position:absolute;
top:0px;
left:0px;
width:100%;
padding-top:10vh;
}

#startside.init form{
display:none;
}

#welcomeStartW{
transition:0.5s all;
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
}

#welcomeStartW.down{
filter:blur(2px) saturate(50%) brightness(20%) contrast(80%) ;
}

.statC{
display:block;
min-width:90%;
background:rgba(255,255,255,0.1);
padding:30px;
overflow:auto;
height:200px;
margin-bottom:20px;
}

.statW{
display:block;
width:95%;
overflow:auto;
max-height:300px;
}


.statCol{
display:inline-block;
vertical-align:bottom;
background-color:#A85D25;
width:5px;
}th{
font-size:70%;
font-weight:500;
}.veronicaLapp{
display:inline-block;
width:49%;
font-size:16px;
padding:20px;
border:1px solid #CCC;
vertical-align:top;
height:12cm;
padding-top:100px;
page-break-inside:avoid;
}

.veronicaLapp strong{
display:block;
}


.plainBlocks{
display:block;

margin-top:10px;
}

.plainBlocks>div{
display:inline-block;
width:49%;
border:1px solid #CCC;
vertical-align:top;
padding:4px;
}

.veroPlainIndi{
display:inline-block;
width:10px;
height:10px;
background:#666;
vertical-align:top;
position:relative;
top:2px;
}

.veroPlainIndi.drinkIndi1{
border-radius:100px;
border:2px solid rgba(0,0,0,0.2);
margin-right:-34px;
background:none;
width:30px;
height:30px;
margin-bottom:-10px;
top:6px;
left:100px;

}

.veroTop{
display:block;
position:absolute;
height:10px;
}

.veroTopC{
position:relative;
top:-80px;
height:10px;
overflow:visible;
}

.veroNogd{
position:absolute;
display:block;
width:300px;
height:100px;
top:0px;
left:100px;
}

.veroOrdreId{
display:block;
font-size:200px;
color:rgba(0,0,0,0.1);
position:relative;
width:300px;
top:200px;
text-align:right;
}

.veroNogd h5{
font-size:200%;
color:#CCC;
width:80%;
margin:0px;
padding:0px;
font-weight:normal;
line-height:70%;
text-align:right;
position:relative;
left:-120px;
top:10px;
}

.veroNogd h5 span{
display:block;
font-size:60%;
margin-bottom:0px;
}

.veroQrCode{
display:block;
width:95px;
height:95px;
left:130px;
top:0px;
position:absolute;
}

.veroQrCode img{
width:100%;
}

.veroLogo{
display:block;
position:absolute;
width:140px;
top:260px;
left:190px;
}

.veroCustomItem{
display:inline-block;
width:49%;
border:1px solid #CCC;
padding:2px;
}

.veroCustomItemId{
display:inline-block;
font-size:60%;
border:1px solid #CCC;
padding:1px;
color:#666;
padding-left:2px;
padding-right:2px;
vertical-align:top;
position:relative;
top:2px;
}#welcome, #welcomePlaceholder{
display:block;
width:100%;
height:calc(100vh - 0px);
background-size:cover;
background-position: center center;
}

#welcome{
position:absolute;
left:0px;
top:0px;
opacity:0.8;
filter:saturate(70%) contrast(90%) brightness(80%);
}


#wlcmLbl{
font-size:200%;
color:#2A484F;
color:#FFF;
font-size:350%;
position:absolute;
height:300px;
top:calc(100vh - 350px);
width:95%;
text-align:right;
padding:80px;
padding-bottom:80px;
padding-left:20px;
padding-left:40px;
padding-right:70px;
opacity:0.7;
font-weight:100;
}


#welcomeGoDown{
display:block;
width:100%;
height:200px;
position:absolute;
top:calc(100vh - 200px);
left:0px;
z-index:50;
background: linear-gradient(to bottom, rgba(42,72,79,0) 0%,rgba(42,72,79,1) 100%);
}


@keyframes welcomeGo{
/* 0 & 100% might not be needed */
  0% {
    bottom:50px;
  }
  50% {
    bottom:30px;
  }
  100% {
    bottom:50px;
  }
}


#welcomeGoDown>div{
display:block;
position:absolute;
right:80px;
bottom:40px;
animation: welcomeGo 4s infinite linear;

}

#welcomeGoDown>div>div{
position:relative;
width:100px;
display:block;
height:10px;
background-color:#2A484F;
}

#welcomeGoDown>div>div:nth-child(1){
transform:rotate(45deg);
top:0px;
}
#welcomeGoDown>div>div:nth-child(2){
transform:rotate(-45deg);
top:-10px;
left:64px;
}


#mainShopping #wlcmLbl{
font-size:282%;
opacity:0.8;
text-shadow:0px 0px 10px rgba(0,0,0,0.6);
}


@media only screen and (max-width: 800px) {
#wlcmLbl{
top:calc(100vh - 400px);
bottom:40px;
padding:0px;
padding-right:20px;
}
}