@charset "utf-8";

/* ---------Page preload--------------------------------------*/

#menucreate .pxl-item--image {
 margin:0;
 border-radius:5px 5px 0 0;
 position:relative;
 z-index: 1;
}
.pxl-item--txt {
 position:relative;
background: #fafafa;
 z-index: 2;
padding: 20px; 
-webkit-transition:all 300ms linear 0ms;
 -khtml-transition:all 300ms linear 0ms;
 -moz-transition:all 300ms linear 0ms;
 -ms-transition:all 300ms linear 0ms;
 -o-transition:all 300ms linear 0ms;
 transition:all 300ms linear 0ms
}
#menucreate .pxl-item--image img {
 -webkit-transition:all 300ms linear 0ms;
 -khtml-transition:all 300ms linear 0ms;
 -moz-transition:all 300ms linear 0ms;
 -ms-transition:all 300ms linear 0ms;
 -o-transition:all 300ms linear 0ms;
 transition:all 300ms linear 0ms
}
#menucreate .pxl-item--title {
 margin-bottom:0;
 font-size:18px;
 line-height:1.11111;
 color:#000;
 line-height: 34px
}
#menucreate .pxl-item--title span {
 margin-right:10px;
 font-size:28px;
 color:#999;
}
#menucreate .pxl-item--details {
 display:inline-block;
 width:43px;
 min-width:43px;
 height:35px;
 font-size:24px;
 color:#fff;
 background-color:var(--primary-color);
 border-radius:5px;
 text-align:center;
 line-height:35px
}

#menucreate .pxl-item--price {
 flex-grow:1
}
#menucreate .hero-menu-item-price {
 color:#969696;
 margin-bottom:8px;
 font-size: 22px;
 -webkit-transition:all 300ms linear 0ms;
 -khtml-transition:all 300ms linear 0ms;
 -moz-transition:all 300ms linear 0ms;
 -ms-transition:all 300ms linear 0ms;
 -o-transition:all 300ms linear 0ms;
 transition:all 300ms linear 0ms;
 z-index: 20;
 position: relative;
 float: right
}
#menucreate .pxl-item--attr {
 position:absolute;
 top:-20px;
 right:20px;
 display:inline-flex;
 z-index: 20;
}
#menucreate .pxl-item--attr .pxl-attr--content {
 font-size:14px;
 line-height:22px;
 color:#dacfca;
 padding:14px 22px;
 border-radius:5px;
background-color:rgba(50, 50, 50, 0.9);
 position:absolute;
 bottom:100%;
 right:-20px;
 margin-bottom:25px;
 width:240px;
 -webkit-transition:all 300ms linear 0ms;
 -khtml-transition:all 300ms linear 0ms;
 -moz-transition:all 300ms linear 0ms;
 -ms-transition:all 300ms linear 0ms;
 -o-transition:all 300ms linear 0ms;
 transition:all 300ms linear 0ms;
 opacity:0;
 visibility:hidden
}
#menucreate .pxl-item--attr .pxl-attr--content:before {
 content:'';
 width:0;
 height:0;
 border-width:6px;
 border-style:solid;
 border-color:rgba(45,26,7,.95)transparent transparent transparent;
 position:absolute;
 bottom:-12px;
 right:26px
}
#menucreate .pxl-item--attr .pxl-attr--content label {
 color:#fff;
 font-size:16px;
 font-weight:700
}
#menucreate .pxl-item--attr .pxl-attr--content .pxl-attr--item+.pxl-attr--item {
 margin-top:8px
}
#menucreate .pxl-item--attr .pxl-button--info {
 font-size:20px;
 color:#969696;
 background: #fff;
 width:35px;
 height:35px;
 display:inline-flex;
 align-items:center;
 cursor:pointer;
 -webkit-transition:all 300ms linear 0ms;
 -khtml-transition:all 300ms linear 0ms;
 -moz-transition:all 300ms linear 0ms;
 -ms-transition:all 300ms linear 0ms;
 -o-transition:all 300ms linear 0ms;
 transition:all 300ms linear 0ms;
 border: 1px solid #969696;
 padding: 13px;
 border-radius: 50%;
}
#menucreate .pxl-item--attr .pxl-button--info.active+.pxl-attr--content,
#menucreate .pxl-item--attr .pxl-button--info:hover+.pxl-attr--content {
 opacity:1;
 visibility:visible;
 margin-bottom:15px
}
#menucreate .pxl-item--inner {
 margin:5px;
 background-color: #fafafa;
 border:1px solid #f1f1f1;
 border-radius:5px;
 overflow:hidden;
  position: relative;
 -webkit-transition:all 300ms linear 0ms;
 -khtml-transition:all 300ms linear 0ms;
 -moz-transition:all 300ms linear 0ms;
 -ms-transition:all 300ms linear 0ms;
 -o-transition:all 300ms linear 0ms;
 transition:all 300ms linear 0ms
}

#menucreate .pxl-item--inner:hover, #menucreate .pxl-item--inner:hover .pxl-item--txt {
 border-color: #ccc;
 background-color: #fff
}
#menucreate .pxl-item--inner:hover .hero-menu-item-price {
 color:#ffd9b7
}
#menucreate .pxl-item--inner:hover .pxl-item--attr .pxl-button--info {
 color:#ffd9b7;
 border: 1px solid #ffd9b7
}
#menucreate .pxl-item--inner:hover .pxl-item--image img {
 transform:scale(1.08)
}
#menucreate .pxl-grid-inner {
 margin-left:-7px;
 margin-right:-7px
}
#menucreate .pxl-grid-inner .pxl-grid-item {
 padding:0 7px
}
#menucreate .pxl-load-more {
 padding-top:24px
}
.hero-menu-item-img:hover:before  , .hero-menu-item-img:hover:after{
	opacity:1;
}

.hero-menu-item-img::before {
    text-align: center;
    color: #fff;
    font-size: 32px;	
    left:8%;
	top:8%;
	padding-left: 4px;
	padding-top: 6px;
  height: 60px;
  width: 60px;
	border-radius:50%;

}
#menucreate .mx-section-one {
 padding:150px 0 ;
 position:relative
}
#menucreate .bg {
 position:absolute;
 left:0;
 top:0;
 height:100%;
 width:100%;
 background-repeat:no-repeat;
 background-position:center;
 background-size:cover
}
#menucreate .bg-image:before {
 content:"";
 background-color:rgba(255, 255, 255, 0.9);
 opacity:90%;
 width:100%;
 height:100%;
 top:0;
 left:0;
 position:absolute
}
.section-title1 {
 position:relative;
 font-size: 46px;
 color: #111;
 letter-spacing:-.4px;
 margin-top:-5px;
 text-transform:uppercase;
 letter-spacing:.2em;
	text-align: center !important;
 margin-bottom:0
}
.txtinfo {
 position:relative;
 top:-8px;
 font-size:13px;
text-align: center !important;
 color: #444;
 text-transform:uppercase;
 letter-spacing:.2em;
 padding:0 18px 0 22px
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.bg {
		background-attachment: scroll !important;
		-webkit-background-size: cover;
		background-position: center;
	}
}
#qrcode_out{
		position: absolute; z-index: 100;
	}