body {-webkit-touch-callout: none; 
/*font-family: -apple-system, 'Roboto', BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
/*font-family: 'Raleway',Arial,sans-serif;*/ 
/*font-family: 'Roboto', sans-serif;*/ 
font-size: 14px;
background:#F7F7FA;width: 100%;
  height: auto; min-height: 100%; -webkit-tap-highlight-color: transparent;-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
        }

.rotateText90{writing-mode: vertical-lr; transform: rotate(180deg);}
#preloader {display:none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;
  overflow: hidden;/*background: url(../images/splashscreens/iphone6_splash.png) no-repeat center;
  background-size: contain;*/
  background-color: #720b78;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #6f047d), to(#dd046e));
    background-image: linear-gradient(20deg, #6f047d 10%, #dd046e 100%);
    background-size: cover;
}
#preloader img {transform: translate(0%, 200%);padding:3px 5px;}
.loading{position: absolute;bottom:20%;left:45%;}

.errorBorder{border: 2px solid #dd046e !important;}

.langmain {
    background: url(../images/flags.png) no-repeat;
    width: 24px;
    height: 16px;
    display: inline-block;
    margin-left: 10px;
}
.langro {
    background-position: 0px -32px;
}
.langhu {
    background-position: 0px -48px;
}

.bg-darklight{background: #ebebf1!important;}

h1, h2, h3, h4{color: #dd046e;font-weight: 700;}
.h2, h2 {font-size: 1.7rem;}
.h6, h6 {font-size: .8rem;}
a, .text-green{color:#222;}
a:hover{text-decoration: none;color:#6f047d;}
/*.topBar a:not([href]):not([tabindex]){color:#fff;}*/
.text-primary {color: #dd046e!important;}
.bg-success {background-color: #5bce75!important;}

.card{border:0; box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 10px;overflow:hidden;background-color:#fbfbfb;}
#orderlist .card{border-radius: 10px 10px 0 0;}
.cartContent .card, #orders .card{background-color:#fff;}
.cuterly img{width: 70%;}
.products .card{width: 30%; display: inline-block; margin:0 12px;vertical-align: top;}
.productList .card{width: 46%;}
.products .card .card-header h5{text-transform: uppercase; font-size: 14px; color:#797979; font-weight:700;}
.collapsing {transition: height 0.5s ease-in;}
.products .card .card-header h5{color:#dd046e;padding: 1rem 0; -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.products .card .card-header .categoryImg{width: 30px;height: 30px;filter:grayscale(1); border-radius: 50%; margin: 10px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity:0;}
.products .card .card-header .categoryArrow{max-height:50px;padding:1.2rem 2.5rem 0 0;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.products .card .card-header .categoryArrow i{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;transform:rotate(0deg);}

.products .card .card-header.collapsed h5{color:#797979;padding:1.7rem 0;}
.products .card .card-header.collapsed .categoryImg{ width: 50px;height: 50px;border-radius: 50%; background: #eee; margin: 10px;filter:grayscale(0);opacity:1;}
.products .card .card-header.collapsed .categoryArrow{padding:1.8rem 2.5rem 0 0;max-height:50px;}
.products .card .card-header.collapsed .categoryArrow i{ transform:rotate(90deg);}
.products .card .card-header {background-color: #fbfbfb;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.products .card .card-header.collapsed {background-color: #fff;}

.products .card-header {background-color: #fff;border-bottom: 0;padding:0  }
.products .card .minHeight{width: 100%}
.products .card .minHeight:first-child{margin-top: 5px!important; }
/*.products .card p{min-height: 70px;}*/
.prodImage{min-height:120px;}
.prodDesc{line-height: 14px; font-size: 12px;}
.prodDesc p{margin-bottom: 0; word-break: break-word;}
.card-body{padding: 1rem;}
.products .card-body{padding-top: 0;}
.card-body a{color:#222;}
/*.card-body a:hover{text-decoration: underline}*/
.card-title{font-weight:700;color: #2c2c42;margin-bottom: 0;min-height: 32px;font-size: 12px;text-transform: uppercase;}

.btn-outline-primary {color: #dd046e;border-color: #dd046e;}
.btn-outline-primary:hover {color: #fff; background-color: #6c287b; border-color: #6c287b;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {background-color: #dd046e;border-color: #dd046e;}
.btn-primary.focus, .btn-primary:focus {box-shadow: 0 0 0 0.2rem rgba(127, 194, 65, 0.33);}
.btn.focus, .btn:focus {box-shadow: 0 0 0 0.2rem rgba(127, 194, 65, 0.33);}

::-moz-selection {color: #fff;background: #dd046d;}
::selection {color: #fff;background: #dd046d;}

.loginregister .card{background: transparent;font-weight: 700;color: #dd046e;border: 3px solid #dd046e;}
.loginregister .card a{color: #dd046e;}
.loginregister .card.filled{background: #dd046e;color:#fff;}
.loginregister .card.filled a{color: #fff;}

.navbar{background-color: #dd046e;}
.hand{cursor:pointer;}
.bg-light{background: #f7f7fa!important;}
.topBar{display:none;/*background:#dd046e;*/background:#fff;position:fixed; top:0; left:0; z-index:4; -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.topBarFo {background: url(/images/headerbg1.jpg) center;background-size: cover;height: 300px;margin-top: 50px;position: relative;overflow: hidden;}
.topBarFo a, .topBar.main a{color:#fff;}
.topBarFo h1, .topBarFo h3{text-shadow: 0 0 5px rgb(108, 40, 123);}
.topBarFo h1 img{width: 140px;}
.header{background-size: cover}

.location{position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.07);border-radius: 10px; }
.location .form-control { margin: -20px 0 30px;}
.location select{padding-left: 50px;}
.location i{position: absolute;top: 0;padding: 17px;font-size: 18px; color: #dd046e;z-index: 99; }
/*.location i{position: absolute;top: 20px;padding: 17px;font-size: 18px; color: #dd046e;}*/
.nothingFound{display:none;}

.location .input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child) {
    border-top-left-radius: 10px; 
    border-bottom-left-radius: 10px; 
}

.topBarStatic{position: fixed; top:0; left:0; z-index:4;}
.topBar.transparent{background:transparent;color:#fff;}
.topBar.transparent a{color:#fff;}
.whiteIcon{padding: 10px;background: rgb(255 255 255 / 90%);border-radius: 10px;color: #000;font-size: 14px; font-weight: bold;}

.topBarStatic.white, .topBar.white{background:#fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.topBarStatic.white a, .topBar.white a, .topBar.white a.toggle-datasheet{color:#222;}
#inlineFormInputGroup:before{content:"**";}

.cancelAdd, .editIcon{position: absolute; top: 15px;right: 15px;padding: 5px 10px!important;}
.editForm{display:none;}
.editForm .form-control{border: 1px solid #ccc}

.receiptbottom{position: relative; top: -14px;background:url(../images/receipt-line.png) repeat-x; height:20px;}
#orders .card{margin-bottom: 25px!important;overflow: visible;}
#orders .receiptbottom{position: relative; top: 16px;background:url(../images/receipt-line.png) repeat-x; height:20px;}

.activeBtn:after{
    position: absolute;
    bottom: -5px;
    right: 45%;
    display: inline-block;
    border-right: 7px solid transparent;
    border-top: 7px solid #dd046e;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.bigBottomBar, .bottomBar{background:#fff; position: fixed; top:0; left:0; z-index: 5; font-size: 24px;    border-top: 1px solid #efefef;}
.bigBottomBar li{display: inline-block; font-size: 13px;padding:0 25px;font-weight: 700; text-transform: uppercase;}
.bigBottomBar li i{font-size: 20px;}

.username{ text-overflow: ellipsis;white-space: nowrap;overflow: hidden;max-width: 100px;margin: -3px 5px; text-align: left;}

.allergens{padding: 5px;background: #dd046e;color: #fff;border-radius: 5px;margin:5px 10px 5px 0; font-size: 11px;}

#showDailyMenu .allergens{background: transparent;color: #c90000;margin: 0; padding: 0 10px 0 0;width: 60%;}
#showDailyMenu .nutrition{padding: 5px; margin:5px 10px 5px 0; font-size: 11px; margin: 0; padding: 0; color: #c90000;text-align: right;width: 35%; }
#showDailyMenu .nutrition span{color: #000; position: absolute;
    width: 80%; top: 70px; left: 10%; background: #fff; padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);z-index: 9; border-radius: 15px;}
#showDailyMenu .nutrition span::after{
  content: '×'; position: absolute;     top: -5px;right: 5px;font-size: 18px;
}
#showDailyMenu .nutrition span.hide{display: none}
#showDailyMenu .nutrition span.show{display: block}

#showDailyMenu .dailydish{font-weight: 600}

.custom-control-label {
  width: 100%;
}

.notAvailable{border: 1px solid #dd046e;}
.bottomCart{display: none; background: rgba(255,255,255,0.95); position: fixed; bottom:0; left:0; z-index: 6; font-size: 24px; border-top: 1px solid #efefef;opacity:1;}
.addCartHolder{background: #fff; position: fixed; bottom:0; left:0; z-index: 99; font-size: 24px; border-top: 1px solid #efefef;opacity:1;padding-bottom:22px!important;}
/*.bottomCart {

    position: fixed;
    bottom: auto;
    top: 60px;
    left: auto;
    right: 30px;
    z-index: 6;
    font-size: 24px;
    border-top: 0;
    width: 250px!important;
}
*/
.productPrice{font-size: 13px;}
.sendOrder{display: block; background: #fff; position: fixed; bottom:0; left:0; z-index: 6; font-size: 24px; border-top: 1px solid #efefef;opacity:1;padding-bottom:28px!important;}
.minShipping{display: block; background: #fff; position: fixed; bottom:0; left:0; z-index: 6; font-size: 24px; border-top: 1px solid #efefef;opacity:1;padding-bottom:28px!important;}
.cartBtn{background:#6f047d; font-size: 1rem; color:#fff;border-radius: 10px;}
.shippingBtn{background:#fff3cd; font-size: 1rem; color:#000;border-radius: 10px;}
.topBarStatic, .topBar h1{color:#fff;}
/*.topBarStatic a, .topBar a{color:#fff;} */
/*.topBar .toggle-datasheet{color:#fff;}*/
.toggle-datasheet{z-index: 8;position: absolute;right: 20px;margin: 0;}

/*if 4 elements*/
.homeIcons{width:23%; display:inline-block;position: relative;}
.homeIconsline{height:3px; background: #dd046e;width:23%;position: absolute; top:0; left:0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
/*if 4 elements*/

/*if 3 elements*/
/*.homeIcons{width:31%; display:inline-block;}
.homeIconsline{height:3px; background: #dd046e;width:31%;position: absolute; top:0; left:0;-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}*/
/*if 3 elements*/

/*.cartContent{margin-top: 75px;}*/
/*.cartContent input, */
#addExtra input, .cartQuantity input{border:0; width:30px; text-align: center!important;background:#fff; color:#222!important;margin-right: -20px; margin-left: -10px;}
.moreExtra, .lessExtraBtn{display:none;}
.moreExtraBtn, .lessExtraBtn{text-align: center;}
.addExtras li{position: relative;}
.addExtras i, .cartQuantity i{font-weight: 700;  cursor: pointer;}
.addExtras i, .cartQuantity i{width: 35px;height: 35px;display: inline-block;text-align: center;padding: 10px 0;z-index: 1; position: relative;}
.cartNumber{top: 16px;right: 5px;font-size: 12px;width: 20px;height: 20px;position: absolute;text-align: center; background: #dd046e;
    border-radius: 50%;color: #fff;padding: 1px 0;}

.extraName{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 50%;text-transform: lowercase; }
.extraName.seeAll{width: 75%;position: absolute;background: #fff;z-index: 999;white-space: break-spaces;overflow: visible;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 5px;border-radius: 4px;}
.extraName, .extraPrice{top:5px;position: relative;}
.cartContent i{color:#dd046e;/*padding:10px;*/}
.cartNr{position: relative;top: -3px;}
.cartExtras span:after{content:', ';}
.cartExtras span:last-child:after{content:'';}

/*.active{border-top:3px solid #dd046e}*/

.minicategories ul li{display: inline-block;padding:1rem;margin:0 5px ; background: #fff; color: #222;text-transform: uppercase;font-weight: 700;
border: 0;box-shadow: 0 0 20px rgba(0,0,0,0.05);border-radius: 10px;overflow: hidden;}
.card-category{display:none;}
.infoBox{font-size: 15px; line-height: 26px;}
.menuTopBar{background: #dd046e;position: absolute;top: 0;width: 100%;z-index: 1;padding: 20px;color: #fff;text-align: center;}
.menuTopBar img{width: 100px;}
.navbar-dark .navbar-nav .nav-link{color:#222;}
.menuLine{background: #f8f9fa; border-bottom: 1px solid #eee;}
.slick-prev:before, .slick-next:before {color: #ccc!important;}
.slick-arrow.lni-chevron-left-circle{top: 35%;position: absolute;left: -40px;font-size: 35px;cursor: pointer;}
.slick-arrow.lni-chevron-right-circle{top: 35%;position: absolute;right: -40px;font-size: 35px;cursor: pointer;}
.slick-arrow.slick-disabled{color: #ccc;}

.productsList .slick-list, .brands .slick-list {padding: 0 10% 0 0!important;}
.mainHero{height:380px; overflow: hidden;}
.mainHeroInside{height:150px; overflow: hidden;}
.mainHeroInside li{background-size: cover; background-position-y: -100px;}
.mainHero li{background-attachment: fixed; background-size: cover;background-repeat: no-repeat;}
.heroText{background:rgba(0,0,0,0.5);}

.categories.fixed{position: fixed; top:55px; z-index: 3; background: #f7f7fa;}

nav {background-color: #ffffff;}

#topsearch{border-top-left-radius: 50px;border-bottom-left-radius: 50px; border: 1px solid #dd046e;font-size: 14px;}
.topSearchBar button{border: 1px solid #dd046e; font-size: 14px; border-top-right-radius: 50px!important;border-bottom-right-radius: 50px!important;background: #fff;padding: 0px 10px; height: 35px;margin-left: -2px; border-left: 0;font-size:20px;}
.topBarLinks li{display: inline-block;padding:10px 5px;position:relative;}
.topBarLinks i{background: #fff;padding: 8px;border: 1px solid #fff;border-radius: 50%;margin-right: 5px; font-size: 16px;}
.numberCircle{display:none; position: absolute;top: -5px;left: 30px;font-size: 10px;color: #fff;background: #dd046e;padding: 2px;text-align: center;border-radius: 15px;width: 20px;height: 20px;}

.dropdown-menu{box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px; /*border: 1px solid rgb(208, 208, 207);*/border: 0;
  width:250px;font-size: 15px;margin-top: 10px;text-transform: capitalize;border-radius: 10px;}
.dropdown-item {white-space: normal; padding: .5rem 0.5rem; float: left; font-size: 15px;}
.dropdown-item.active, .dropdown-item:active {background-color: #dd046e;}
.toplist-product-title{width:55%;float:left;}
.toplist-product-quantity{width:16%;float:left;padding:0 10px;}
.toplist-product-price{width:27%;}

#dropdownMenuLink::after{border: 0;}

.catCover{display:none;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0.7455357142857143) 3%, rgba(255,255,255,0) 100%);height: 620px;top: 50px;left: 0;padding: 0 -15px;   z-index: 1;}

#categoryList{position:absolute;top: 0;z-index: 1; background:#fff;opacity:0; visibility:hidden; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#categoryList.show{opacity:1;top: 20px;visibility:visible;width:95%;}
#categoryList li, #mainMenu li{padding:15px;}
#categoryList li i{display:none;}
#categoryList li a, #mainMenu li a{color:#555;}
#categoryList li:hover, #mainMenu li:hover{ background-color: #f8f9fa; text-decoration: none;}

#encyclopedia li{width: 48%; display:inline-block;vertical-align: top;}

#mainMenu{position:absolute;top: 0;z-index: 1; background:#fff;opacity:0; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#mainMenu.show{opacity:1;top: 20px;min-height: 270px;}
#mainMenu ul{column-count: 3; display:none;}
#mainMenu ul li{padding-top: 5px;padding-bottom: 5px;}
#mainMenu ul.offers{column-count:1; }
#mainMenu ul.offers li{width: 22.6%;display: inline-block; vertical-align: top;}
#mainMenu ul.offers li .product-title{font-size: 16px; line-height: 20px;}
#mainMenu ul.offers li img{width:75%;margin: 0 auto;display: block;}
#mainMenu ul.offers li:hover{ background-color: #fff;}

.mainCategories{margin-bottom: 120px!important;}
/*.mainCategories .card, .addresses .card{background-size: cover!important; position: relative;min-height: 120px; padding-top: 25px;}*/
.mainCategories .card, .addresses .card {
    background-size: cover !important;
    position: relative;
    min-height: 190px;
    padding-top: 85px;
}
.mainCategories .card h2, .mainCategories .card p {position: relative; z-index: 4;color:#fff;font-size: 18px;}
.mainCategories .card p {font-size: 14px; font-weight: 400;}
.overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(56, 48, 28, 0.4);z-index:3;}
.smallShadow{background:transparent; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0,0,0,0.40)), to(rgba(0,0,0))); background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.39) 10%, rgba(0, 0, 0, 0) 30%); background-size: cover;}
.product .header .background{background-size: cover;background-position: center;filter: blur(4px);position: absolute; top: 0;left: 0; width: 100%;height: 200px;z-index: 1;}
.product .header img{height: 100%; width: 100%; object-fit: cover;position: relative; z-index: 2;opacity: 0; -webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 0.5s ease-in;-o-transition: opacity 0.5s ease-in;-ms-transition: opacity 0.5s ease-in;transition: opacity 0.5s ease-in;}
.product .header img.load{opacity:1;}


.mainpageHolder{height: 420px;}
.mainpageHolder img{position: relative;bottom: -10px;}
.mainpageHolder p{height:80px; overflow:hidden;}

.encyclopedia ul{column-count: 2;}
.encyclopedia ul li{vertical-align: top;}

/*.search{padding-top: 90px!important;}*/
.addresses{padding-top: 50px!important;}
.addresses .card select, .location select{-webkit-appearance: none;}
.bg-bowl{background: url(/images/soup-icon.png) no-repeat;background-size: 100%;
    /* background-position: 18% -10px; */
    position: absolute;width: 210px;
    height: 220px;z-index: -1;
    top: -30px;left: 15%;}
.offers li{display:inline-block; vertical-align: top; width:100%;overflow:hidden; background-color: rgb(251 251 251 / 50%);/*opacity: 0.85;*/}
.offers li img, .categories li img{height:150px;width: auto; max-width: fit-content;}


.toppart{background: rgb(125 4 4 / 23%);min-height: 100px; color:#fff; 
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgb(111 4 125 / 80%)), to(rgb(221 4 110 / 46%)));
  background-image: linear-gradient(40deg, rgb(111 4 125 / 80%) 20%, rgb(221 4 110 / 46%) 100%); background-size: cover;}
.dailyList li:not(.active){opacity: 0.8;filter: grayscale(0.8);}

/*Product*/
/*.mainProducts, .mainBrands{background-color: #f1f0ef;}*/
.productsList li, .productsListBig li{display:inline-block; vertical-align: top; width:19%;border-radius: 10px;overflow:hidden;min-height: 425px;}
.hasSidebar li{width: 32%;}


/*.productsList li > i{position:absolute;top: 10px;right: 10px;font-size: 16px;background: #f9f9f9;padding: 10px;border-radius: 50%;color:#d6d6d6;}*/
/*.productsList li > i.active{position:absolute;top: 10px;right: 10px;font-size: 16px;background: #dd046e;padding: 10px;border-radius: 50%;color:#fff;}*/
.addToCartBtn.active{position:absolute;top: 10px;right: 10px;font-size: 16px;background: #dd046e;padding: 7px; text-align: center;border-radius: 50%;color:#fff; width:35px; height:35px;}
.discountLabel{top:15px; left:-5px; background:#2c2c42; width:50px;padding: 5px; color:#fff;}
.newLabel{position: absolute;
    top: 0;
    right: 0;
    background: #dd046e;
    padding: 5px 10px;
    border-bottom-left-radius: 10px;
    z-index: 9;
    color: #fff;}
.table td, .table th {padding: .8rem .5rem 0;}
.table td p, .table th p{margin-bottom: 10px}

.product-title{font-size: 16px;line-height: 21px;margin-bottom: 10px}
.product-price{font-weight: 700;font-size: 16px;margin: 10px;color: #dd046e;}

.cartProdName{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:95%;}
#orderlist .cartProdName{width:100%;}
.offers .details{overflow: hidden; /*max-height: 60px;*/ text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.offers .details .dailyitem2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: 12px;}
.offers .details .dailyitem1{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%; font-size: 12px;}
.detailsBtn{color:#fff; background: #693229;border-color: #693229; margin-right: 5px;}
.detailsBtn:hover{color:#fff;}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary {color: #fff; background-color:#dd046e; border-color: #dd046e;text-transform: uppercase;border-radius: 10px;padding:10px; font-weight: 700}
.btn-primary:hover {color: #fff;background-color: #dd046e;border-color: #dd046e;}
.text-muted img{filter:grayscale(1);opacity:0.6;}
.text-muted .lightBlue{color:#ccc;}

#searchinput{top: 5px;right: 35px;}
/*footer{background:#6f047d;}*/
.footer-copyright{background:#222;}
.calltoAction{background:#2c2c42; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #6f047d), to(#dd046e));
    background-image: linear-gradient(40deg, #6f047d 20%, #dd046e 100%); background-size: cover;height: 340px; font-size: 18px;}
.calltoAction h3{color:#fff;}


.navbar {padding: .2rem 1rem;}
.showMoreDescription{background:#eee;position: absolute; bottom: 10px;left: calc(50% - 40px);cursor:pointer;}

.categoryTop select{font-size: 14px;}
.categoryTop p{line-height: 24px;}
.categoryTop h1{font-size: 1.5rem;}
.editProfile{display:none;}
.custom-control-input:checked~.custom-control-label::before {border-color: #dd046e;background-color: #dd046e;}

.form-control, .custom-select {padding: 15px;height: auto;margin:0 0 30px;border:0; background: #fff;}
#ordercomment, #amount{background: #f7f7f7;}
.form-control:focus{box-shadow:0 0 0 0.2rem rgba(221, 4, 110, 0.06);}

.form-control-user{border-radius: 10px!important;/*font-size: 1rem!important;*/padding: 15px!important;}
.btn-user{border-radius: 10px!important;font-size: 1rem!important;}
.localizeBtn{border-radius: 0!important;
    border-top-right-radius: 10px!important;
    border-bottom-right-radius: 10px!important;
    height: 54px;
    background: #fff;
    border: 0;}
.localizeBtn i{top: 2px!important; position: relative!important;}

.cartEmpty{display:none;padding-top:10rem!important;}
.removeItem:hover{color:#f00!important;}
.btn.focus, .btn:focus {box-shadow: none;}

.company, .product{min-height: 100vh;}
.product .header, .company .header, .restaurant .header{background-size: cover !important; background-repeat:no-repeat;position: relative;     background-position: center!important;}
.product .header{height:400px;}
.restaurant .header .content{position: relative; z-index: 3; color:#fff; height: 130px; width: 100%; top: 60px;}
.restaurant .header .content h2{color:#fff;position: relative;top: 45px;width: 100%; font-size: 22px}
.restaurant .header .content .norders{background: #dd046e;padding: 5px 10px;display: inline-block;border-radius: 5px;font-size: 12px;
  position: absolute; bottom: 0;}
.restaurant .header .content .shipping{background: #dd046e;padding: 2px 10px;display: inline-block;border-radius: 5px; margin-top: 45px;}
.restaurant.fixed{position: fixed;width: 100%;z-index: 2;}

.addtoFavorites {display:none;color: #fff; position: absolute;bottom: 0;width: 100%;left: 0;}


/* Swipe works with mouse as well but often causes text selection. */
/*#demo-page * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/* Arrow only buttons in the header. */
/*#demo-page .ui-header .ui-btn {
    background: none;
    border: none;
    top: 9px;
}
#demo-page .ui-header .ui-btn-inner {
    border: none;
}*/
/* Content styling. */
/*dl { font-family: "Times New Roman", Times, serif; padding: 1em; }
dt { font-size: 2em; font-weight: bold; }
dt span { font-size: .5em; color: #777; margin-left: .5em; }
dd { font-size: 1.25em; margin: 1em 0 0; padding-bottom: 1em; border-bottom: 1px solid #eee; }
.back-btn { float: right; margin: 0 2em 1em 0; }*/

.pages{display:none;position: absolute;top: 0;left: 0;width: 100%; background: #F7F7FA;min-height: 100vh;z-index: 4;height: 100%;}
.pages h2{margin-bottom:1.5rem;}
.company{background: #5e4961;} /*#6f047d*/
.products .card img{height: 160px;width: auto; }
.offerBox li{border-left: 5px solid #dd046e;}
.map{width:100%; height:250px;}
#panel{overscroll-behavior: none; box-shadow: none; width: 100%;margin: 0 auto;}

.category{position:relative;display:none;}
#categories li{width:44%;display: inline-block; vertical-align: top; }
#categories li .card-img-top {width: auto;height: 150px;}
.prodprice{position: relative; float:right; font-weight: 700; color: #dd044a;}

.rotate {
  animation-name: spin;
  animation-duration: 1600ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  /* transform: rotate(3deg); */
   /* transform: rotate(0.3rad);/ */
   /* transform: rotate(3grad); */
   /* transform: rotate(.03turn);  */
}
.rotate img{transform: inherit!important;}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.addtoCartBtn{float: right;padding: 5px 15px;background: #dd046e;color: #fff;margin-left: 15px;border-top-left-radius: 10px;}

.minicart{display:none;width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #dd046e;
    padding: 8px;
    border: 2px solid #fff;
    margin: 10px 5px 0 0;
    transform: scale(0);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
.notEmpty{/*transform: scale(1);*/animation: bounce 1s .5s; transform: scale(1);}

@keyframes bounce {
  0% { transform: scale(0.5); }
  50% { transform: scale(1.2); }
  60% { transform: scale(0.6);  }
  80% { transform: scale(0.95) }
}

.companylogo{width: 70px; border: 3px solid #fff;height: auto;border-radius: 50%;overflow: hidden; margin: 35px 0 0; left: 20px;}
/*
.status{width:100%; height: 15px;overflow: hidden;background:transparent; color:#555;text-align: center;font-size: 10px;}
.status li{background:#eee;width: 32%; display: inline-block;}
.status li.done{background:#dd046e; color:#fff}
*/
.status{background:#dd046e;color:#fff;}
.slideout-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%;
  min-height: 100vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  z-index: 0;
  display: none;
  font-size: 15px;
}

.slideout-menu-left {
  left: 0;
}

.slideout-menu-right {
  right: 0;
}

.slideout-panel {
  position: relative;
  z-index: 1;
  will-change: transform;
  /*background-color: #F7F7FA;*/
  background-color: #dfe3e8;
  min-height: 100vh;
}

/*.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
*/
.slideout-open body {
  overflow: hidden;
}

.slideout-open .slideout-panel {
  overflow-y: auto;
}

.slideout-open .slideout-menu {
  display: block;
}

.mainHeroImg .card{height: 235px}
.mainHeroImg .card img{position: absolute; left: 0; bottom: 0}

@media screen and (max-width: 990px) {
	.products .card{width: 45%; margin: 0 7px;}
    .products .card{width: 45%; }
    .mainHeroImg .card{height: 145px}
	}
@media screen and (max-width: 768px) {
  /* Alap scroll visszaállítás */
html, body {
  min-height: 100%;
  height: auto;
  overflow-y: auto;
}

/* Slideout panel */
#panel,
.slideout-panel {
  min-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
   .mainCategories .card h2 {font-size: 16px;}
   .mainCategories .card p {font-size: 14px;}
   .mainCategories .card h2{height: 55px;}
   .minicategories{width:100%; margin: 0; padding: 0;}
   .bigBottomBar li{padding:0 5px;}
   .cuterly img{width: 100%;}
   .bg-bowl{left: auto;right: 0;}
   .dailyList{overflow-x: auto;/*cursor: grab;*/}
   .dailyMenu{display: flex;}
   .dailyMenu li{min-width: 140px;}
   .minicategories .container{padding: 0} 
   .mainCategories .card, .addresses .card {min-height: 120px;padding-top: 0;}
  .cartNumber{font-size: 14px;top: 16px;right: 16px;width: 25px;height: 25px;}
  .products .card{width: 46%;}
  .card-title, .products .card p, .prodImage, .products .card .minHeight{min-height: auto;}
  #panel{overscroll-behavior: auto; box-shadow: 0 0 10px rgba(0,0,0,0.3); width: 100%;overflow-x: hidden;min-height: 100vh;max-width: 1120px;margin: 0 auto;}
  
  .bottomBar{background:rgba(255,255,255,0.95); position: fixed; top: auto; bottom:0; left:0; z-index: 2; font-size: 24px; border-top: 1px solid #efefef;}
  .topBar{display:block;}
  .topBarFo{/*background: url(/images/headerbg.jpg) center;background-size: cover;*//*height: 130px;*/ height: 70px;margin: 0;}
  .bottomCart{width: 100%!important; position: fixed; bottom:0;top:auto; right:auto; left:0; z-index: 6; font-size: 24px; border-top: 1px solid #efefef;opacity:1;}
  .cartEmpty{display:none;}
  .glider-next, .glider-prev{display:none;}
  .mainHeroImg .card{height: 165px}
/*  .topBarFo {background: url(/images/headerbgm.jpg) center;}*/
  .topBarFo {background: linear-gradient(139deg, #dd046e, #77008d);}
}

@media (max-width: 640px){
  .container {max-width: 100%;}
  #preloader {display:block;}
  .mainHeroImg .card{height: 195px}
}

@media screen and (max-width: 468px) {
  .topBarLinks i{margin-right: 3px; font-size: 14px;}
  .mainHero{height:100%!important;}
  .encyclopedia ul{column-count: 1;}
  .products .card{width: 100%; display: block; margin: inherit;}
  .product .header{height:200px;}
  .infoBox{font-size: 14px;line-height: 22px;}
  .mainHeroImg .card{height: 115px}
}
@media screen and (max-width: 320px) {
  .extraName{width: 45%; }
  .cartQuantity i {width: 25px;height: 30px;}
  .cartProdName {width: 50%;}
  .productPrice {font-size: 11px;margin-right: -6px;}
}

.changelanguage{width: 35px;height: 35px;background: #000;position: relative;
  right: 0;border-radius: 10px;margin: 9px 15px; text-align: center;padding: 7px;}
/*
@media (prefers-color-scheme: dark) {
  .slideout-panel {
    background-color: #270013;
    color: #fff;
  }
  .lni-close{color:#fff!important;}
  #orderlist {color:#ccc;}
  .card {background-color: #3c2e34!important;}
  #orders .card{ padding-bottom: 20px;}
  #orders .receiptbottom {display: none;}
}*/

/*
@media (orientation: landscape) {
  body {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}
*/
.hambMenu{width: 40px;height: 40px;background: rgba(0,0,0,0.5);position: relative;
  right: 0;border-radius: 50%;margin: 10px 5px;text-align: center;padding: 12px 0;}
.hambMenu{
  width: 35px;height: 35px; padding: 8px;
    background: rgb(255 255 255 / 90%);
    border-radius: 10px;
    color: #000;
    position: relative;
    right: 0;
    font-size: 14px;
    margin: 9px 5px;
    text-align: center;
    font-weight: bold;}

#nav-icon3 {
    width: 16px;
    height: 25px;
    position: relative;
    margin: 3px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #222;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/* Icon 3 */

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 6px;
}

#nav-icon3 span:nth-child(4) {
  top: 12px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.error{border:2px solid rgb(221, 4, 110);}
input[type='text'],input[type='number'],input {font-size: 16px!important;}

 .gliderItem{display: inline-block;padding:5px 10px;margin:0 5px ; border-radius: 5px; background: #dd046e; color: #fff;/*text-transform: capitalize;*/}
 .glider::-webkit-scrollbar {display: none;}
 .glider-prev{left: -10px!important;top: -6px!important;}
 .glider-next{right: -10px!important;top: -6px!important;}

.overlayer{background: rgba(220, 48, 20, 0.23);top:0; left:0; position: absolute;width: 100%;height: 500px; z-index: 0;}


#paymentOptions input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
#paymentOptions label {
  padding:5px;
  line-height: 16px;
  border-top:5px solid #fff;
}
#paymentOptions label img {
  max-width: 70px;
}

#paymentOptions input[type="radio"]:checked + label {
    background-color:#eee;
    border-top:5px solid #dd046e;
}
.closedbanner{position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background: rgb(43 43 43 / 65%);
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
     color: #fff!important; 
    padding: 50px 30px;}

.closedbanner .norders{
  background: #dd046e;
    color: #fff;
    padding: 5px;
    border-radius: 50px;
    margin-bottom: 10px;
}

/*
#paymentOptions input[type="radio"]:checked + label:before {
    font-family: "FontAwesome";
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
   content: "\f00c";

    position: absolute;
    top: 35px;
    left: calc(50% - 5px);
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}*/


.featured{ background: #b61f71;display: block;color: #fff;padding: 10px;width: 50%;}

.messageBubble{
  display: inline-block;
  background: #fff;
  padding: 10px 20px;
  border-radius: 25px;
  box-shadow: 7px 7px 0px rgba(0, 0, 0, 0.2);
/*  animation: float2 5s ease-in-out infinite;*/
  animation: float 8s ease-in-out infinite;
  margin: 0 0 20px 0;
}

.messageBubble:after {
      transform: translatey(0px);
    animation: float2 8s ease-in-out infinite;
    content: ".";
    font-weight: bold;
    -webkit-text-fill-color: #fff;
    text-shadow: 10px 7px #b2b6ba;
    text-align: left;
    font-size: 55px;
    width: 55px;
    height: 11px;
    line-height: 30px;
    border-radius: 11px;
    background-color: #fff;
    position: absolute;
    display: block;
    bottom: -25px;
    left: 10px;
    box-shadow: 10px 7px #b2b6ba;
    z-index: -2;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}

@keyframes float2 {
  0% {
    line-height: 30px;
    transform: translatey(0px);
  }
  55% {
    transform: translatey(-20px);
  }
  60% {
    line-height: 10px;
  }
  100% {
    line-height: 30px;
    transform: translatey(0px);
  }
}