.textarea {
	width:100%;
	margin: 20px 0;
	border:1px solid #cccccc;
	padding:10px;
}
.sipipaOrderFormDesktop {
	width:100%;
	height:auto;
	padding:70px 10%;
	margin:0; 
} 
.sipipaOFDesktopEnterAddress, .sipipaOFDesktopEnterZip { 
	height:auto;
	padding:50px;
	background:#ffffff;
	border:10px solid #f2f2f2;
}

.sipipaOrderFormDesktopStoresNearMe {
	width:100%;
	height:auto;
	padding:0;
	margin:0;  
}
.sipipaRestaurantList {
	width:100%;
	height:auto;
	padding:0;
	margin:50px 0;  
}
.orderFormDesktopSNMStores {
	border:1px solid #ccc;
	padding:20px 40px 40px 40px;  
	margin-bottom:30px; 	
}

.orderFormDesktopLocationDelivery {
	border:1px solid #ccc;
	padding:10px;  
	margin:10px 0;  
	
}
#map {
	height:500px;
}
@media screen and (max-width: 768px) { 
	#map {
		height:300px;
	}
	.sipipaOFDesktopEnterAddress, .sipipaOFDesktopEnterZip {  
		padding:20px; 
	}
	.sipipaOrderFormDesktop { 
		padding:20px 5px; 
	}
} 























/* ********************************  
	General style 
******************************** */  
hr, .pageBreak {
	border-bottom:1px solid #ffffff;
	margin:20px 0;
}	 		 
/* ********************************  
	Item Desktop style 
******************************** */
.sipipaItemDesktop {
	position:relative;  
	padding:0 !important; 
}				 

/* Item Desktop Up style 
******************************** */
.sipipaItemDesktopUp { 
	position:relative;  
	width:100%;   
	height:1200px; 
	padding:0 !important;
	margin:0;    
	color:#555;
	font-size:1.1em; 
}  
.sipipaItemDesktopFloatBG { 
	position:absolute; 
	background-repeat:no-repeat;
	background-position:left center;
	background-attachment:fixed; 
	padding:0;
	margin:0;
	top:0;
	left:0;
	width:100%;
	height:100%;  
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto; 
	z-index:-2; 
}
.sipipaItemDesktopShare {
	position:absolute;  
	top:20px; 
	width:34%;
	height:auto;   
	padding:0 80px;
	display:block;
	left:5%;
	font-size:2rem;
}
	.sipipaItemDesktopShare a i, .sipipaItemDesktopShare span i {
		width:40px;
		color:#aaaaaa;
		font-size:1.5rem;
	}
	.sipipaItemDesktopShare a i.fa-share-alt, .sipipaItemDesktopShare span i.fa-share-alt {
		font-weight:100;
	}
	.sipipaItemDesktopShare a:hover {
		text-decoration:none; 
	}
	.sipipaItemDesktopShare a:hover i, .sipipaItemDesktopShare span:hover i { 
		color:#888888;
	}
.sipipaItemDesktopDescription {
	position:absolute;  
	top:60px; 
	width:34%;
	height:auto;  
	background:#ffffff;
	padding:40px 80px 70px 80px;
	display:block;
	left:5%;
	font-size:1.6rem;
} 
.sipipaItemDesktopDescription h1 {
	font-size:3.6rem;
	margin:0 0 20px 0;
	padding:0;
} 
.sipipaItemDesktopPng {
	position:absolute;  
	top:50%; 
	width:34%;
	height:auto;    
	left:5%;
	text-align:center;
}
.sipipaItemDesktopPng img {  
	width:100%;
	height:auto;
	margin:0 auto;
} 
.sipipaItemDesktopPhotos {
	position:absolute; 
	display:block;   
	background-repeat:no-repeat;
	background-position:left center;
	background-attachment:fixed;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
} 
.sipipaItemDesktopFloatPhoto1 {
	top:40px; 
	width:15%; 
	height:66%;
	left:37%;  
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px); /*Chrome,Safari*/ 
	clip-path:url("#clipPolygon"); /*Firefox*/
}
.sipipaItemDesktopFloatPhoto2 {
	top:100px; 
	width:15%;
	height:66%;
	left:54%;  
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px);/*Chrome,Safari*/  
	clip-path:url("#clipPolygon2");/*Firefox*/

}  
.sipipaItemDesktopScroll {
	position:absolute;
	width:50px;  
	height:70px; 
	padding-top:55px;  
	top:53%;   
	left:69.5%;  
	z-index:1;
}
#scrollDown a {
	margin:0 auto;
	color:#bbbbbb; 
}
#scrollDown a:hover,  #scrollDown a:focus { 
	color:#aaaaaa;
}
#scrollDown .scrollDownText { 
	font-size:1.2rem;  
	width:70px;
	height:10px; 
	float:left;
	margin-left:-25px;
	margin-top:-15px;
	-ms-transform:rotate(90deg); /* IE 9 */
    -webkit-transform:rotate(90deg); /* Chrome, Safari, Opera */
    transform:rotate(90deg);
}
#scrollDown a .scrollDownAnimation {
	position:absolute;
	top:20px;
	left:50%;
	width:20px;
	height:35px;
	margin-left:-10px;
	border:1px solid #bbbbbb;
	border-radius:50px;
	box-sizing:border-box;
}
#scrollDown a .scrollDownAnimation::before {
	position:absolute;
	top:8px;
	left:50%;
	content:'';
	width:5px;
	height:5px;
	margin-left:-2px;
	background-color:#bbbbbb;
	border-radius:100%;
	-webkit-animation:scrollDown 1.5s infinite;
	animation:scrollDown 1.5s infinite;
	box-sizing:border-box;
}
@-webkit-keyframes scrollDown {
	0% {
		-webkit-transform:translate(0, 0);
		opacity:0;
	}
	40% {
		opacity:1;
	}
	80% {
		-webkit-transform:translate(0, 7px);
		opacity:0;
	}
	100% {
		opacity:0;
	}
}
@keyframes scrollDown {
	0% {
		transform:translate(0, 0);
		opacity:0;
	}
	40% {
		opacity:1;
	}
	80% {
		transform:translate(0, 7px);
		opacity:0;
	}
	100% {
		opacity:0;
	}
}
 
@media (min-width:1200px) and  (max-width:1400px) {
	
	.sipipaItemDesktopUp {  
		height:900px;   
	}
	.sipipaItemDesktopShare {  
		top:20px; 
		width:39%;   
		padding:0 60px; 
		left:5%; 
	}
	.sipipaItemDesktopDescription {   
		top:60px; 
		width:39%; 
		padding:40px 60px 70px 60px; 
	}  
	.sipipaItemDesktopPng {  
		width:39%; 
		margin-top:-50px;
	}
	.sipipaItemDesktopFloatPhoto1 {
		top:30px; 
		width:17%; 
		height:66%;
		left:43%;   
	}
	.sipipaItemDesktopFloatPhoto2 {
		top:100px; 
		width:17%;
		height:66%;
		left:61%;   

	} 
	.sipipaItemDesktopScroll {  
		top:64.9%;   
		left:78.5%;  
	} 
}
@media (min-width:768px) and  (max-width:1199px) {
	
	.sipipaItemDesktopUp {  
		height:800px;   
	}
	.sipipaItemDesktopShare {  
		top:20px; 
		width:39%;   
		padding:0 60px; 
		left:5%; 
	}
	.sipipaItemDesktopDescription {   
		top:60px; 
		width:45%; 
		padding:40px 60px 70px 60px; 
	}  
	.sipipaItemDesktopPng {  
		width:45%; 
		margin-top: -150px;
	}
	.sipipaItemDesktopFloatPhoto1 {
		top:30px; 
		width:17%; 
		height:66%;
		left:43%;   
	}
	.sipipaItemDesktopFloatPhoto2 {
		top:100px; 
		width:17%;
		height:66%;
		left:61%;   

	} 
	.sipipaItemDesktopScroll {  
		top:64.9%;   
		left:78.5%;  
	} 
	.sipipaItemDesktopFloatBG { 
		position:absolute; 
		background-repeat:no-repeat;
		background-position:center 70%;
		background-attachment:initial;
		padding:0;
		margin:0;
		top:110px;
		left:0;
		width:100%;
		height:400px;  
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto; 
		z-index:-2; 
	}
}
@media (min-width:768px) and  (max-width:991px) {
	.sipipaItemDesktopUp {  
		height:700px;   
	}
	.sipipaItemDesktopDescription {   
		top:60px; 
		width:55%; 
		padding:30px 50px 60px 50px; 
	}   
}
 


/* Item Desktop Gradient style 
******************************** */ 
.sipipaItemDesktopGrad {
	width:100%; 
	float:left; 
	height:300px;  
	margin:-150px 0 0 0; 
	z-index:-1;
	background:url(../assets/grad.png) center left repeat-x; 
} 
 
/* Item Desktop Down style 
******************************** */ 
.sipipaItemDesktopDown {
	width:100%;  
	margin:-150px 0 0 0; 
	padding:0 0 250px 0 !important; 
	background-image:url(../assets/food-desc-bg.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;  
}   
.sipipaItemDesktopDownBG { 
	position:relative; 
	background:url(../assets/grad-reverse.png) top left repeat-x; 
	color:#555;
	font-size:1.1em; 
	padding:0;
	margin:0;
	width:100%;
	height:100vh;  
} 
.sipipaItemDesktopDownPhotoVideo {
	position:absolute; 
	display:block;   
	top:500px; 
	width:calc(37% - 10px); 
	height:300px;
	left:0; 
	overflow:hidden; 
	/*background:#d4d1c8;*/
}
	.sipipaItemDesktopDownPhotoVideo img { 
		max-height:auto;  
		max-width:100%;  
		position:absolute;  
		top:0;  
		bottom:0;  
		left:0;  
		right:0;  
		margin:auto;  
	}
	.sipipaItemDesktopDownPhotoVideo i {  
		height:7rem;  
		width:7rem;  
		font-size:7rem;
		color:rgba(255,255,255,.8);
		position:absolute;  
		top:0;  
		bottom:0;  
		left:0;  
		right:0;  
		margin:auto;  
	}
	.sipipaItemDesktopDownPhotoVideo:hover i {   
		color:rgba(255,255,255,1);   
	}

.sipipaItemDesktopDownPhotos {
	position:absolute; 
	display:block;   
	background-repeat:no-repeat;
	background-position:left center;
	background-attachment:fixed;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}  
.sipipaItemDesktopDownFloatPhoto1 {
	top:200px; 
	width:15%; 
	height:600px;
	left:37%; 
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px);/*Chrome,Safari*/ 
	clip-path:url("#clipDownPolygon");/*Firefox*/ 
}
.sipipaItemDesktopDownFloatPhoto2 {
	top:810px; 
	width:15%;
	height:250px;
	left:37%; 
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px);/*Chrome,Safari*/  
	clip-path:url("#clipDownPolygon2");/*Firefox*/ 
}
.sipipaItemDesktopDownFloatPhoto3 {
	top:200px; 
	width:15%;
	height:250px;
	left:calc(52% + 10px); 
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px);/*Chrome,Safari*/ 
	clip-path:url("#clipDownPolygon3");/*Firefox*/ 
} 
.sipipaItemDesktopDownFloatIcons {
	position:absolute; 
	display:block;   
	top:460px; 
	width:15%; 
	height:600px;
	left:calc(52% + 10px); 
	background-color:#fff; 
}
	.sipipaItemDesktopDownFloatIcons a {
		text-decoration:none;     
	}
	.sipipaItemDesktopDownFloatIcon { 
		width:100%; 
		height:125px; 
		margin:0 auto;
		text-align:center; 
		padding:62px 20px 0 20px;
	}
	.sipipaItemDesktopDownFloatIcon img { 
		width:60px; 
		height:60px; 
		margin:0 auto;
		text-align:center; 
	}
	.sipipaItemDesktopDownFloatIcon h4 {  
		font-size:1.2rem;
		font-family:'Lato', sans-serif;
		margin:0;
		padding:5px;
		color:#bbbbbb;
	}
 
@media (min-width:1200px) and  (max-width:1400px) { 

	.sipipaItemDesktopDownPhotoVideo {   
		top:240px; 
		width:calc(41% - 10px); 
		height:300px; 
	}
}
@media (min-width:991px) and  (max-width:1199px) {  

	.sipipaItemDesktopDownPhotoVideo {   
		top:290px; 
		width:calc(41% - 10px); 
		height:250px; 
	}
}
 
@media (min-width:991px) and  (max-width:1400px) {  
	.sipipaItemDesktopDownFloatPhoto1 {
		top:100px; 
		width:17.3%; 
		height:440px;
		left:41%;  
	}
	.sipipaItemDesktopDownFloatPhoto2 {
		top:550px; 
		width:17.3%;
		height:200px;
		left:41%; 
	}
	.sipipaItemDesktopDownFloatPhoto3 {
		top:100px; 
		width:17.2%;
		height:200px;
		left:calc(58.3% + 10px); 
	} 
	.sipipaItemDesktopDownFloatIcons { 
		top:310px; 
		width:17.2%; 
		height:440px;
		padding:20px 0;
		left:calc(58.3% + 10px);    
	}
	.sipipaItemDesktopDownFloatIcon { 
		width:100%; 
		height:100px; 
		margin:0 auto;
		text-align:center; 
		padding:20px 20px 0 20px; 
	}
	.sipipaItemDesktopDownFloatIcon img { 
		width:50px; 
		height:50px;  
	}	
}

@media (min-width:768px) and  (max-width:991px) {
	
	.sipipaItemDesktopDown { 
		margin:0 !important; 
		padding:0 !important; 
	}  
	.sipipaItemDesktopDownBG {  
		height:900px; 
	} 
	
	.sipipaItemDesktopDownPhotos { 
		background-position:left center; 
	}  
	.sipipaItemDesktopDownPhotoVideo {   
		top:420px; 
		width:50%; 
		height:250px;
		left:0; 
	}
	.sipipaItemDesktopDownFloatPhoto1 {
		top:10px; 
		width:100%; 
		height:400px; 
		left:0;   
	}  
	.sipipaItemDesktopDownFloatIcons { 
		top:420px; 
		width:49%; 
		height:250px;
		left:51%;    
	}
	.sipipaItemDesktopDownFloatIcon { 
		width:50%; 
		float:left;
		height:125px; 
		margin:0 auto;
		text-align:center; 
		padding: 20px;
	}
	.sipipaItemDesktopDownFloatIcon img { 
		width:50px; 
		height:50px;  
	}	
}
 
/*Item Desktop Add To Cart style 
******************************** */
.sipipaItemQuickAddToCard { 
	width:15%;
	height:340px;
	background:rgba(255,255,255,.8);
	top:calc(50% - 145px);
	right:calc(18% - 20px);
	padding:30px 30px 0 30px; 
	z-index:2;
}  

a.quickOrderBtn {
	color:#ffffff !important;
} 
.quickOrderBtn {
	border:none;
	border-radius:4px;
	font-family: 'Expletus Sans', cursive;
	color:#ffffff;
	background:none;
	cursor:pointer;
	padding:15px 0;
	display:inline-block;
	margin:0 0 10px 0;
	text-align:center; 
	letter-spacing:1px;
	font-weight:600;
	outline:none;
	position:relative;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s; 
	height:44px;
	width:100%;
	line-height:14px;
	font-size:14px;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
} 
.quickOrderHalfBtn { 
	width:50%; 
} 
.quickOrderBtn:after {
	content:'';
	position:absolute;
	z-index:-1;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
} 
.quickOrderBtn:before {
	font-family:'FontAwesome';
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:4.4rem;
	position:absolute;
	-webkit-font-smoothing:antialiased; 
	height:100%;
	width:100%; 
	font-size:120%;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
} 
.quickOrderBtn span {
	display:inline-block;
	width:100%;
	height:100%;
	-webkit-transition:all 0.3s;
	-webkit-backface-visibility:hidden;
	-moz-transition:all 0.3s;
	-moz-backface-visibility:hidden;
	transition:all 0.3s;
	backface-visibility:hidden;
}
.quickOrderBtn:active:before {
	color:#eeeeee;
} 
.quickOrderBtn:hover span {
	-webkit-transform:translateY(300%);
	-moz-transform:translateY(300%);
	-ms-transform:translateY(300%);
	transform:translateY(300%);
} 
.quickOrderBtn.disabled:hover span { 
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
} 
.quickOrderBtn:before {
	left:0;
	top:-100%;
}
.quickOrderBtn.disabled:before {
	left:0;
	top:0;
}

.quickOrderBtn:hover:before {
	top:0;
}
.quickOrderBtnOrder {
	background:#848c00;
}
.quickOrderBtnOrder.disabled {
	background:#cccccc;
}
.quickOrderBtnOrder:active {
	background:#6f750b; 
}
.quickOrderBtnOrder.disabled:active {
	background:#cccccc; 
}
.quickOrderBtnOrder.disabled:active {
	background:#cccccc; 
}
.quickOrderBtnCustomize {
	background:#aaaaaa;
} 
.quickOrderBtnGray {
	background:#aaaaaa;
} 
.quickOrderBtnCustomize:active {
	background:#aaaaaa;
	top:2px;
}
.icon-cart:before {
	content:"\f07a";
	color:#ffffff;
}
.icon-cart.disabled:before {
	content:""; 
}
.icon-config:before {
	content:"\f013";
	color:#ffffff;
}
.icon-config.disabled:before {
	content:""; 
}
 
.sipipaItemDesktopQuickOrderQuantity {
	padding-left:0;
	padding-right:0; 
	width:100%; 
}
.sipipaItemDesktopQuickOrderQuantity .input-group {
	padding:0; 
	margin:0 auto 10px auto; 
}
.sipipaItemDesktopQuickOrderSelect {
	background:#ffffff; 
	margin-bottom:10px;  
	border-radius:4px !important; 
} 
.sipipaItemDesktopQuickOrderSelect select {
	margin:0;
	border:0;
	background:transparent;
	width:100%;
	padding:5px 35px 5px 10px;
	font-size:13px;
	border:0 !important;  
	height:38px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background:url(../assets/select-arrow.png) center right no-repeat #ffffff;
} 
.sipipaItemDesktopQuickOrderSelect.disabled {
	background:transparent; 
}  
.sipipaItemDesktopQuickOrderSelect select:disabled { 
	background:#f8f8f8;
	color:#bbbbbb;
}  
.sipipaItemDesktopQuickOrderSelect select option[value]:checked,
.sipipaItemDesktopQuickOrderSelect select option[value] { 
	border:0 !important;
    }
.sipipaItemDesktopQuickOrderSelect select option {
	padding:5px 35px 5px 10px; 
	border:0 !important;
}
.sipipaItemDesktopQuickOrderSelect input.form-control.readonly {   
	box-shadow:0 !important;
}   
.sipipaItemDesktopQuickOrderQuantity input.quickOrderQuantity  { 
	background:transparent;
	text-align:center;
	width:50px;
	padding-left:0;
	padding-right:0;
	float:left; z-index:0;
	border:0 !important;
	box-shadow:none !important;
} 
.sipipaItemDesktopQuickOrderQuantity input.quickOrderQuantity:focus  { 
	border:0;
	box-shadow:0 !important;
} 
.sipipaItemDesktopQuickOrderQuantity .input-group .input-group-addon {
	background:transparent;
	padding:0;
	width:25px;
	height:25px;
	float:left;
	text-align:center; 
	border:0 !important; 	
}
.quickOrderQuantity  { 
	background:transparent;
	width:25px;
	height:25px;
	text-align:center;
	padding:0;
	color:#848C00;
	border:1px solid #848C00;
	border-radius:50% !important;
} 
.quickOrderQuantityBtn  { 
	background:transparent;
	width:25px;
	height:25px;
	text-align:center;
	padding:0;
	color:#848C00;
	border:1px solid #848C00;
	border-radius:50% !important;
} 
.quickOrderQuantityBtn i {  
	color:#848C00;  
} 
  
@media (min-width:991px) and  (max-width:1400px) {
	
	.sipipaItemQuickAddToCard { 
		width:18%;
		height:280px;
		background:rgba(255,255,255,.8);
		top:calc(50% - 135px);
		right:5%; 
		padding:20px 20px 0 20px;
	}
	
}
@media (min-width:768px) and  (max-width:990px) {
	
	.sipipaItemQuickAddToCard { 
		width:200px;
		height:250px;
		background:rgba(255,255,255,.8);
		top:calc(50% - 125px);
		right:3%; 
		padding:10px 10px 0 10px;
	}
	
}

/* ********************************  
	Sipipa Item App style 
******************************** */ 
.sipipaItemApp { 
	padding:0 !important;
	margin:0;  
}
.sipipaItemAppContainer { 
	padding:0 !important;
	margin:0;  
	width:100%; 
}
.sipipaItemAppIntro {   
	position:relative;
	padding:0 !important;
	margin:0;  
	width:100%;
	height:100vh; 
}
.sipipaItemAppVideoImage {
	position:relative;
	padding:0 !important;
	margin:0;  
	width:100%;
	height:100vh; 
}
.sipipaItemAppVideoImage #itemAppImage { 
	position:absolute;
	margin:auto;
	height:100%;
	width:auto;	 
	top:0;
	bottom:0;
	right:0;
	left:0; 	
	z-index:-1; 
}
.sipipaItemAppIntroPlay { 
	position:absolute;
	margin:auto;
	width:50px;
	height:50px;  
	text-align:center;
	padding:0;
	top:-200px;
	bottom:0;
	right:0;
	left:0;    
}
.sipipaItemAppIntroPlay a {  
	color:#ffffff;
	font-size:50px; 
}
.sipipaItemAppIntroTop {  
	position:absolute; 
	width:100%;
	height:120px; 
	padding:10px 20px 0 20px; 
	top:0;  
	left:0;  
}
.sipipaItemAppIntroTopSections {  
	width:20%;
	height:100px;
	float:left;
	text-align:center;
	color:#999999;
}
.sipipaItemAppIntroTopRound {   
	padding:20px 0 0 0; 
	position:relative;
}
.sipipaItemAppIntroTopRound img {  
	width:50px;
	height:50px; 
	margin:0 auto;
}
.sipipaItemAppIntroTopRound p { 
	color:#ffffff; 
	font-size:1rem; 
	text-shadow: 0 0 1px #aaaaaa;
}
.sipipaItemAppIntroTopS1 { 
	background:url("../assets/back.png") no-repeat center 32px; 
	background-size:25px 25px;
}
.sipipaItemAppIntroTopS5 { 
	background:url("../assets/share.png") no-repeat center 32px; 
	background-size:25px 25px;
} 
.sipipaItemAppIntroTopS2:after, .sipipaItemAppIntroTopS3:after { 
	content:'';
	width:1px;
	height:20px;
	background:#ffffff;
	position:absolute;
	top:35px;
	right:0;
}  

.sipipaItemAppIntroTitle {  
	position:fixed; 
	width:100%; 
	top:auto;	  
	bottom:120px;  
	left:0;   
	margin:0;  
	padding:0; 
}
.sipipaItemAppIntroTitle.posStatic {  
	position:static; 
	padding:0;  	 
}
.sipipaItemAppIntroTitle h1 {  
	font-size:2.9rem;
	line-height:3rem;
	color:#fff; 
	text-shadow: 0 1px 3px #555555;
	margin:0;
	padding:20px !important;
}  
.sipipaItemAppIntroTitle.posStatic h1 {   
	padding:0 !important; 
	color:#878905; 
	text-shadow: 0 0 0 transparent;
	font-size:2.7rem;
	line-height:3rem;
} 
.sipipaItemAppIntroQuickCart { 
	position:fixed; 
	width:100%;
	height:130px;	  
	bottom:0;  
	left:0;   
	margin:0;
	z-index:1;
	padding:20px;
	background:url(../assets/grad-top.png) top left repeat-x; 
}
.sipipaItemAppIntroQuickCart .quickOrderBtnHalf.quickOrderBtnOrder { 
	width:49%;
	float:left;
}
.sipipaItemAppIntroQuickCart .quickOrderBtnHalf.quickOrderBtnCustomize { 
	width:49%;
	float:right;
}
.sipipaItemAppIntroQuickCart .sipipaItemDesktopQuickOrderSelect.flt-left { 
	width:calc(50% - 57px);
	float:left;
}
.sipipaItemAppIntroQuickCart .sipipaItemDesktopQuickOrderSelect.flt-right { 
	width:calc(50% - 57px); 
	float:right;
}
.sipipaItemApppQuickOrderBar { 
	width:100%;
} 
.sipipaItemAppQuickOrderQuantity { 
	width:114px; 
	float:left; 
}
.sipipaItemAppIntroQuickCart input.quickOrderQuantity  { 
	background:transparent;
	text-align:center;
	width:38px;
	padding-left:0;
	padding-right:0;
	float:left;
	border:0 !important;
	box-shadow:none !important;
} 
.sipipaItemAppIntroQuickCart input.quickOrderQuantity:focus  { 
	border:0;
	box-shadow:0 !important;
} 
.sipipaItemAppIntroQuickCart .input-group .input-group-addon { 
	background:transparent;
	padding:0;
	width:38px;
	height:38px;
	float:left;
	text-align:center; 
	border:0 !important; 	
}
.sipipaItemAppIntroQuickCart .quickOrderQuantity  { 
	background:transparent;
	width:30px;
	height:38px;
	text-align:center;
	padding:0;
	color:#848C00;
	border:0 !important;
	border-radius:0 !important;
} 
.sipipaItemAppIntroQuickCart .quickOrderQuantityBtn  { 
	background:transparent;
	width:30px;
	height:38px;
	text-align:center;
	padding:0;
	color:#848C00;
	border:0;
	border-radius:0 !important;
} 
.sipipaItemAppIntroQuickCart .quickOrderQuantityBtn i {  
	color:#848C00;  
} 
.sipipaItemAppContent {
	background-image:url(../assets/food-desc-bg.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:repeat-y;
	background-position:center center;
	background-attachment:fixed; 
	padding:0 20px 150px 20px !important;
	margin:0 !important;
	overflow-x:hidden !important;
}
.sipipaItemAppGrad {
	width:calc(100% + 120px);
	margin-left:-60px;
	margin-top:-10px;
	height:100px;  
	background:url(../assets/grad-reverse.png) top left repeat-x;
}
.sipipaItemAppGradReverse {
	width:100%;
	height:100px;
	background:url(../assets/grad-top.png) top left repeat-x; 
}
.sipipaItemAppDescription {  
	float:left; 
	width:100%;
	padding:0;
	margin-top:30px; 
} 
.sipipaItemAppPng {
	width:calc(100% + 100px);
	margin-left:-50px;
	text-align:center;
}
.sipipaItemAppPng img {
	width:100%;
	height:auto; 
}
.sipipaItemAppIngredients { 
	float:left;  
	padding:80px 0 0 0;
	text-align:center;
}
.sipipaItemAppIngredients h3 { 
	text-align:left; 
	font-size:2.7rem;
	line-height:3rem;
}
.sipipaItemAppIngredientsCont {  
	padding:40px 0;
	width:100%; 
}
.sipipaItemAppIngredient { 
	display:inline-block; 
	overflow:hidden;
}
.sipipaItemAppIngredientName  {
	width:130px;
	height:30px; 
	text-align:center; 
	margin-top:-10px;
}
.sipipaItemAppIngredientName p {
	font-size:1.2rem;
	color:#aaaaaa;
}
.sipipaItemAppIngredientImg {
	width:130px;
	height:130px;  
	overflow:hidden;
}
.sipipaItemAppIngredientImg img {
	width:90%;
	height:90%; 
}
.sipipaItemAppNutritionFact {   
	padding:80px 0 0 0 !important;
}
.sipipaItemAppAllergy {  
	padding:80px 0 0 0 !important;
}
.sipipaItemAppAllergy h3 { 
	text-align:left; 
	font-size:2.7rem;
	line-height:3rem;
}
.sipipaItemAppAllergy p { 
	font-size:1.4rem;
	color:#555555;
}
@media screen and (min-width:768px) and (max-width:990px) {
	
	.sipipaItemAppPng img {
		width:50%;
		height:auto;
		margin:0 auto; 
	} 
	.sipipaItemAppNutritionFact {   
		padding:80px 30px 0 0 !important;
	}
	.sipipaItemAppAllergy {  
		padding:80px 0 0 30px !important;
	}
	
}  

/* Item Desktop Food Info Modal style 
******************************** */    
#foodInfoModal .modal-dialog {
	width:900px;  
	height:700px;  
	padding:0 !important; 
	border:0 !important;
} 
#foodInfoModal .modal-header {
	background:transparent !important; 
	border:0 !important;
	padding:0 !important;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
} 
#foodInfoModal .modal-header .close {
	position:absolute;
	top:30px;
	right:30px;
	font-size:25px;
	font-weight:700;
	line-height:1;
	color:#878904;
	text-shadow:#ffffff;
	opacity:0.6;
} 
#foodInfoModal .foodInfoVerticalTab {
	width:100%;   
	height:100%; 
	background:#ffffff;	
	padding:0 !important;
	margin:0 !important;
}
#foodInfoModal .foodInfoVerticalTabNavContainer {
	width:25%;  
	height:100%; 
	background:#ffffff;
	padding:0 !important;
	margin:0 !important;
}
#foodInfoModal .foodInfoVerticalTabContentContainer {
	width:75%;  
	height:700px; 
	background-image:url(../assets/food-desc-bg.jpg);
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed; 
	padding:0 !important;
	margin:0 !important;
}
#foodInfoModal .foodInfoVerticalTab ul.nav-tabs { 
	width:225px; 
	background:#ffffff;
	padding:0 !important;	
}  
#foodInfoModal ul.nav-tabs li { 
	width:225px; 
	height:175px; 
}  
#foodInfoModal ul.nav-tabs li a, #foodInfoModal ul.nav-tabs li a:hover, #foodInfoModal ul.nav-tabs li.active a, 
#foodInfoModal ul.nav-tabs li.active a:focus, #foodInfoModal ul.nav-tabs li.active a:hover {        
	text-align:center; 
	width:225px; 
	height:175px; 
	padding:0 !important;
	border:0 !important;
}
#foodInfoModal ul.nav-tabs li a { 
	background:#ffffff;
}  
#foodInfoModal ul.nav-tabs li.active a { 
	background:#fafafa;
} 
#foodInfoModal ul.nav-tabs li.active a:focus, #foodInfoModal ul.nav-tabs li.active a:hover,
#foodInfoModal ul.nav-tabs li a:hover {   
	background:#fafafa;	 
} 

#foodInfoModal ul.nav-tabs li a .foodInfoIconImg { 
	width:100px;   
	height:83px;  
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	margin:auto;  
}  
#foodInfoModal ul.nav-tabs li a .foodInfoIconImg h4 {  
	font-size:1.3rem; 
}
#foodInfoModal ul.nav-tabs li a img { 
	width:60px;   
	height:60px; 
	margin:0 auto;
    -webkit-filter:grayscale(100%); /* Safari 6.0 - 9.0 */
    filter:grayscale(100%);
}  
  
#foodInfoModal ul.nav-tabs li.active a img,
#foodInfoModal ul.nav-tabs li.active a:focus img, 
#foodInfoModal ul.nav-tabs li.active a:hover img,
#foodInfoModal ul.nav-tabs li a:hover img {   
    -webkit-filter:grayscale(0%); /* Safari 6.0 - 9.0 */
    filter:grayscale(0%); 
} 
 
/* Inside Ingredients Modal */ 
.sipipaItemDesktopIngredients { 
	float:left;
	width:100%;
	height:700px;  
	padding:0 10px;
	margin:0 auto;
	text-align:center;
	display:flex;
}    
.sipipaItemDesktopIngredientsCont {    
	text-align:center;
	font-size:1.4rem;  
	padding:0;
	width:100%;
	margin:auto;    
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
} 	 	
.sipipaItemDesktopSingleIngredient { 
	width:150px;
	height:190px;
	float:left;
	padding:10px;
	margin:2px; 
	display:inline-block;
} 	 
.sipipaItemDesktopSingleIngredientImg { 
	width:100%;
	height:auto; 
	overflow:hidden;
}	 
.sipipaItemDesktopSingleIngredientImg img { 
	width:100%;
	height:auto; 
} 	 
.sipipaItemDesktopSingleIngredientName { 
	font-size:1.4rem;
} 
/* Inside Gallery Modal */   
#foodInfoModal .carousel-inner { 
	width:100%;   
	height:700px;  
}
#foodInfoModal .carousel-inner .item {
	width:100%;   
	height:700px;  
}
#foodInfoModal .carousel-inner img {
	height:100%;
    width:auto; 
	object-fit:cover;
} 
/* Inside Nutrition Facts Modal */ 
.nutritionFactContainer { 
	float:left;
	width:100%;
	height:700px;  
	padding:0 !important;
	margin:0 auto;
	text-align:center;
	display:flex;
}    
.nutritionFactData {    
	text-align:left;
	font-size:1.4rem;  
	padding:0 150px;
	width:100%;
	margin:auto;     
} 
/* Inside Allergy Modal */ 
.sipipaItemDesktopAllergy { 
	float:left;
	width:100%;
	height:700px;  
	padding:0 !important;
	margin:0 auto;
	text-align:center;
	display:flex;
}    
.sipipaItemDesktopAllergyData {    
	text-align:left;
	font-size:1.4rem;   
	padding:0 150px;
	width:100%;
	margin:auto; 
	color:#666666;    
}   

/* ********************************  
	Sipipa Nutrition Facts style 
******************************** */  
.nutritionFacts {
	width:100%;
	overflow-x: hidden;
	border: 1px solid #CEE006;
	padding: 5px;
	color:#878905;
	font-size:12px;
	line-height:14px;
}
.nutritionFactsTitle { 
	border-bottom: 10px solid #AABA0A; 
	padding:0 !important;  
}
	.nutritionFactsTitle h4 { 
	font-size:2.7rem;
	line-height:3rem;
	}
	.nutritionFactsTitle p {  
		font-size:12px;
		line-height:12px; 
	}
.nutritionFactsCal {
	border-bottom: 5px solid #AABA0A; 
	padding:5px 0 !important;   
}
.nutritionFactsMain {
	border-bottom: 10px solid #AABA0A;
	padding:5px 0 !important;   
}
.nutritionFactsVitamins {
	padding:5px 0 !important;   
}
.nutritionFactsDesc {   
}
.nutritionFactsRow {
	border-bottom: 1px solid #AABA0A; 
	padding:0 !important;   
}
.nutritionFactsIndent {
	padding-left:10px;  
}
.everythingRight {
	float:right;
	text-align:right;
}
.everythingLeft {
	float:left;
	text-align:left;
}
.textRight {
	float:right;
	text-align:right;
} 

/******************************
 Checkout Desktop Style
*******************************/
.checkoutSteps li {
	background:#A8B812;
	float:left;
	width:25%;
	list-style:none;
	text-align:center;
	padding:0;
	margin:0;
	border-left:1px solid #f2f2f2;
}
.checkoutSteps li.active {
	background:#85870D;
}
.checkoutSteps li.disabled {
	background:#cccccc;
	cursor:not-allowed
} 
.checkoutSteps li a {
	position: relative;
	display: block;
	padding: 10px 15px; 
	color:#ffffff;  
} 
.checkoutSteps li a h4 { 
	color:#ffffff;  
	font-size:1.7rem;
}  
.checkoutSteps li a p { 
	color:#ffffff;  
	font-size:1.2rem;
}  
.checkoutSteps li a:focus, .checkoutSteps li a:hover {
	  text-decoration-color: currentcolor;
	  text-decoration-line: none;
	  text-decoration-style: solid;
	  background-color: #eeeeee;
}  
.checkoutSteps li.active a, .checkoutSteps li.active a:focus, .checkoutSteps li.active a:hover {
	  color: #ffffff;
	  background-color: #85870D;
}  
.checkoutStepsHolder { 
	padding:0; 
	width:100%;
	margin-bottom:20px;
}
.checkoutSteps { 
	padding:0 !important; 
	width:100%; 
}
.customerTipInfo {
	padding:10px 15px;
}
.customerTipInfo p { 
	color:#888888;  
	font-size:1.6rem;
}
@media (min-width : 491px) and (max-width : 767px) {
	.checkoutSteps li {   
		height:90px;  
	} 
	.checkoutSteps li a { 
		padding:5px;  
	}  
}

@media (max-width : 490px) { 
	.checkoutSteps li { 
		width:50%; 
		height:80px; 
		border:1px solid #f2f2f2;
	} 
	.checkoutSteps li a { 
		padding:5px;  
	}  
}







.tipSlider {
  margin: 60px 0 0 0%;
}

.tipSlider {
  width: 100%;
}

.tipSlider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.tipSlider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #85870D;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.tipSlider__range::-webkit-slider-thumb:hover {
  background: #A8B812;
}
.tipSlider__range:active::-webkit-slider-thumb {
  background: #A8B812;
}
.tipSlider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #85870D;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.tipSlider__range::-moz-range-thumb:hover {
  background: #A8B812;
}
.tipSlider__range:active::-moz-range-thumb {
  background: #A8B812;
}
.tipAmountHolder { 
	padding:10px;
}
.tipSliderHolder { 
	padding:10px;
}
.tipSlider__value {
  display: inline-block;
  position: relative;
  min-width: 80px; 
  line-height: 10px;
  text-align: center;
  border-radius: 3px;
  background: #DEE880;
  padding: 5px 5px;
  margin-left: 8px; 
}
.tipSlider__value #showTipPercent, .tipSlider__value #showTipAmount { 
  color:#ffffff;
  font-size:18px
}
.tipSlider__value:after {
  position: absolute;
  left:40%;
  bottom: -7px;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-top: 7px solid #DEE880;
  border-left: 7px solid transparent;
  content: '';
} 

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}







































/******************************
 Carts Desktop Style
*******************************/ 
.sipipaCartsDesktop {  
	width:100%; 
	padding:50px 10% 150px 10%;
}
.sipipaCartsDesktopTitle {   
	text-align:center;
	padding:50px;
}
.sipipaCartsDesktopReceipt {  
	padding:0 0 0 20px; 
}
.sipipaCartsDesktopReceiptFrame {
	border:1px solid #ddd;
	float:left;
	padding:25px 15px 25px 15px;
	margin:5px 0;
	width:100%;
	background:#ffffff;
}
.sipipaCartsDesktopReceiptRows {
	float:left;
	padding:10px;
	width:100%;
}
.sipipaCartsDesktopReceiptTotal {
	border-top:1px solid #ddd; 
	margin-bottom:10px;
}
.receiptTitle {
	float:left;
	text-align:left;
}
.receiptValue {
	float:right;
	text-align:right;
} 
    
.sipipaCartsDesktopAllItems {  
	padding:0 20px 0 0; 
}
.sipipaCartsDesktopSingleItem {
	border:1px solid #ddd;
	float:left;
	padding:20px 10px 10px 10px;
	margin:5px 0;
	width:100%;
	background:#ffffff;
} 
.sipipaCartsDesktopSingleImage {
	width:160px;
	height:auto;
	margin:0 5px 5px 5px;
	float:left;
	overflow:hidden;
	position:relative;
	background:#ccc;
}  
.cartFirstImg { 
	float:left;
	width:100% !important; 
	overflow:hidden;
	margin-top:0;
	z-index:-1 !important;
}
.cartSecondImg { 
	position:absolute;
	width:50% !important; 
	overflow:hidden;
	top:0;
	right:0;
}
.cartFirstImg img { 
	width:100%; 
	height:auto; 
}
.cartSecondImg img {  
	width:200% !important; 
	margin-left:-100%;
	height:auto;  
}




















.sipipaCartsDesktopMiddle { 
	float:left;
	padding:15px 0;
	width:calc(100% - 350px); 
}
.sipipaCartsDesktopSingleName { 
	float:left;
	padding:0;
	width:100%; 
}
.sipipaCartsDesktopSingleName p { 
	font-size:1.4rem;   
	color:#999999;
	padding:0 !important;
}
.sipipaCartsDesktopSinglePrice { 
	padding:0; 
	font-weight:normal;
	text-align:left;
	float:left; 
	width:100%; 
}
.sipipaCartsDesktopSinglePrice p { 
	font-size:1.5rem;   
	color:#888888;
	padding:0;
}
.sipipaCartsDesktopSinglePrice p small { 
	font-size:1.2rem;   
	color:#999999;
	padding:0;
}
 
.sipipaCartsDesktopSingleActions { 
	padding:0;  
	float:left;
	width:100%; 
}
.sipipaCartsDesktopSingleAction { 
	padding:0 0 0 3px;  
	float:left;  
}
.sipipaCartsDesktopSingleAction small { 
	font-size:1.2rem;  
	cursor:pointer;
	color:#999999;	
	padding:0;
}
.sipipaCartsDesktopSingleActionShowDetailCont { 
	font-size:1.4rem;  
	color:#888888;
	width:100%;
	float:left; 
}

.sipipaCartsDesktopSingleQuantity {
	padding:10px; 
	font-weight:400;
	text-align:right;
	float:right;
	width:170px; 
}










@media screen and (min-width:992px) and (max-width:1199px) {

	.sipipaCartsDesktopMiddle { 
		float:left;
		padding:15px 0;
		width:50%;
	} 
}
 

@media screen and (min-width:768px) and (max-width:990px) {

	.sipipaCartsDesktopReceipt {  
		padding:0; 
	} 
	.sipipaCartsDesktopAllItems {  
		padding:0; 
	}
	.sipipaCartsDesktopMiddle { 
		float:left;
		padding:15px 0;
		width:100%;
	} 

}

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

	.sipipaCartsDesktopReceipt {  
		padding:0; 
	} 
	.sipipaCartsDesktopAllItems {  
		padding:0; 
	}  
	.sipipaCartsDesktopMiddle { 
		float:left;
		padding:15px 0;
		width:100%;
	}  

}









.sipipaCartsDesktopSingleQuantity .input-group {
	padding:0; 
	margin:0; 
	float:right;
}
.sipipaCartsDesktopSingleQuantity input.sipipaCartsDesktopSingleQuantityInput  { 
	background:transparent;
	text-align:center;
	width:50px;
	padding-left:0;
	padding-right:0;
	float:left;
	border:0 !important;
	box-shadow:none !important;
} 
.sipipaCartsDesktopSingleQuantity input.sipipaCartsDesktopSingleQuantityInput:focus  { 
	border:0;
	box-shadow:0 !important;
} 
.sipipaCartsDesktopSingleQuantity .input-group .input-group-addon {
	background:transparent;
	padding:0;
	width:25px;
	height:25px;
	float:left;
	text-align:center; 
	border:0 !important; 	
}
.sipipaCartsDesktopSingleQuantityInput  { 
	background:transparent;
	width:25px;
	height:25px;
	text-align:center;
	padding:0;
	color:#848C00;
	border:2px solid #848C00;
	border-radius:50% !important;
} 
.sipipaCartsDesktopSingleQuantityBtn  { 
	background:transparent;
	width:25px;
	height:25px;
	text-align:center;
	padding:0;
	color:#848C00;
	border:2px solid #848C00;
	border-radius:50% !important;
} 
.sipipaCartsDesktopSingleQuantityBtn i {  
	color:#848C00; 
} 

/******************************
 OrderForm Checkout Desktop Style
*******************************/ 
.sipipaOrderFormCheckoutDesktop {
	padding:0;
}
.orderFormCheckoutDesktopCInfo {  
	padding-right:20px;
}
.orderFormCheckoutDesktopPInfo {
	background:#f8f8f8;
	padding-left:20px; 
}
.sipipaOrderFormPaymentDesktop {
	position:relative; 
	padding-top:180px;
}
.paymentTypeCheckout {
	position:absolute;
	top:0;
	left:0;
}
/******************************
 Menus Desktop Style
*******************************/ 
.com_sipipa.view-menus #mainContent { 
	padding:0 0 0 0 !important; 
}   
.sipipaMenusDesktop {  
	padding:0 !important;
	margin:0; 
}
.sipipaMenusDesktopIntro {  
	width:100%;
	height:calc(95vh - 24px); 
	padding:0 !important;
	overflow:hidden;
	float:left; 
	position:relative; 
	font-size:3em; 
	overflow-x:hidden;
}	
.sipipaMenusDesktopIntroTitle {
	height:30vh;
	position:relative; 
}	
	.sipipaMenusDesktopIntroTitle h1 { 
		position:absolute;
		bottom:50px;
		left:0;
		width:100%;
		text-align:center; 
		text-transform:uppercase;
		font-size:6rem;
	}
	.sipipaMenusDesktopIntroTitle p { 
		position:absolute;
		bottom:20px;
		left:0;
		width:100%;
		text-align:center; 
		text-transform:uppercase;
		font-size:2rem;
	}
.sipipaMenusDesktopIntroLinks {
	height:45vh;
	padding:0 15%;  
}
	.menusDIntroLink {
		float:left;
		height:340px;
		width:8%;
		margin:0 1%;  
	}
	.menusDIntroLinkInside {
		position:relative;
		float:left;
		height:260px;
		width:100%; 
		background:#e2e2e2; 
		border-radius:5px;
		text-align:center;
	}
	.menusDIntroLinkInside:hover { 
		border-radius:5px 5px 0 0; 
	}
	.menusDIntroLinkInside {
		position:relative;
		float:left;
		height:260px;
		width:100%; 
		background:#e2e2e2; 
		border-radius:5px;
		text-align:center;
	}
	.menusDIntroLinkInside img { 
		width:100%;  
		height:auto;
	}
	.menusDIntroLinkInside h3 {  
		font-size:1.7rem;
	}
	.menusDILinkInsideTop {
		padding-top:90px;
	}
	.menusDILinkInsideDown {
		padding-top:20px;
		margin-top:70px;
	}
.menusDesktopIntroLinksCont { 
	height:100%;  
}
.sipipaMenusDesktopIntroGo {
	height:25vh;
	position:relative; 
}  
.sipipaMenusDesktopScroll {
	position:absolute;
	width:50px;  
	height:70px; 
	padding-top:55px;  
	top:20%;   
	left:50%;   
} 
.menusDILinkInsideArrow { 
	position:absolute;
	bottom:0;
	left:0;
	width: 0;
	height: 0;
	opacity:0;
	z-index:-1;
	border-style: solid; 
	border-color: #85870d transparent transparent transparent;
}
.menusDIntroLinkInside:hover .menusDILinkInsideArrow {   
	bottom:-5px;
	opacity:1;
    transition: all 0.1s ease-out 0.1s;
}

@media screen and (max-width:1200px) {
	
	.sipipaMenusDesktopIntroLinks { 
		padding:0 10%;  
	}
	
}
@media screen and (max-width:991px) {	
.sipipaMenusDesktopIntro {  
	width:100%;
	height:auto; 
	padding:0 !important;
	overflow:scroll;
	float:left; 
	position:relative; 
	font-size:3em; 
	overflow-x:hidden;
}	
.sipipaMenusDesktopIntroTitle {
	height:100px;
	position:relative; 
}	
	.sipipaMenusDesktopIntroTitle h1 { 
		position:absolute;
		top:10px;
		bottom:0;
		left:0;
		width:100%;
		text-align:center; 
		text-transform:uppercase;
		font-size:4rem;
	}
	.sipipaMenusDesktopIntroTitle p { 
		position:absolute;
		top:70px;
		bottom:0; 
		font-size:1.6rem;
	}
.sipipaMenusDesktopIntroLinks {
	height:auto; 
	padding:0 5% 1% 5%;  
}
	.menusDIntroLink {
		float:left; 
		height:80px;
		width:48%;
		margin:1% 1% 0 1%;  
	}
	.menusDIntroLinkInside {
		position:relative;
		float:left;
		height:100%;
		width:100%; 
		background:#e2e2e2; 
		border-radius:5px;
		text-align:left;
		padding-left:40px;
	}
	.menusDIntroLinkInside:hover { 
		border-radius:5px 5px 0 0; 
	} 
	.menusDIntroLinkInside img { 
		float:left;
		width:auto;  
		height:100%;
	}
	.menusDIntroLinkInside h3 { 
		float:left;
		text-align:left;  
		font-size:1.5rem;
		padding-top:10px;
	}
	.menusDILinkInsideTop {
		padding-top:0;
	}
	.menusDILinkInsideDown {
		padding-top:0;
		margin-top:0;
	}
.menusDesktopIntroLinksCont { 
	height:100%;  
}
.sipipaMenusDesktopIntroGo {
	height:25vh;
	position:relative; 
}  
.sipipaMenusDesktopScroll {
	position:absolute;
	width:50px;  
	height:70px; 
	padding-top:55px;  
	top:20%;   
	left:50%;   
} 
.menusDILinkInsideArrow { 
	position:absolute;
	bottom:0;
	left:0;
	width: 0;
	height: 0;
	opacity:0;
	z-index:-1;
	border-style: solid; 
	border-color: #85870d transparent transparent transparent;
}
.menusDIntroLinkInside:hover .menusDILinkInsideArrow {   
	bottom:-5px;
	opacity:1;
    transition: all 0.1s ease-out 0.1s;
}
	
}


@media screen and (max-width:668px) {
.sipipaMenusDesktopIntroTitle {
	height:60px; 
}	
	.sipipaMenusDesktopIntroTitle h1 {  
		top:0; 
		font-size:2rem;
	}	
	.menusDIntroLink {
		float:left; 
		height:80px;
		width:100%;
		margin:1% 0 0 0;  
	}	
	.menusDIntroLinkInside { 
		padding-left:10px;
	}	
	
	
}

















.sipipaMenusDesktopItem { 
	position:relative; 
	float:left;
	background-repeat:no-repeat;
	background-position:left center;
	background-attachment:fixed;
	color:#555;
	font-size:1.1em; 
	padding:0;
	margin:0;
	width:100%;
	height:100vh; 
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto; 
} 
.sipipaMenusDesktopItems {  
	padding:110px 0 0 0 !important;
	margin:0; 
} 
.sipipaMenusDesktopFloatPhoto1 {
	top:10px;  
	width:15%;
	height:74%;  
	 
	/*Chrome,Safari*/
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px);

	/*Firefox*/
	clip-path:url("#clipPolygon");

}
.sipipaMenusDesktopFloatPhoto2 {
	top:150px; 
	width:15%;
	height:70%;

	/*Chrome,Safari*/
	-webkit-clip-path:polygon(0px 0px,0px 1300px,800px 1300px,800px 0px);
  
	/*Firefox*/
	clip-path:url("#clipPolygon2");

}
.sipipaMenusDesktopPhotos {
	position:absolute; 
	display:block;   
	background-repeat:no-repeat;
	background-position:left center;
	background-attachment:fixed;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
}

.sipipaMenusDesktopTop {
	width:100%;
	height:200px;
	position:absolute;
	top:0;
	left:0;
	background:#F2F2F2;
	display:block;
}
.sipipaMenusDesktopBottom {
	width:100%;
	height:200px;
	position:absolute;
	bottom:0;
	left:0;
	background:#F2F2F2;
	display:block;
} 
.sipipaMenusDesktopFoodNames {
	position:absolute;  
	top:120px; 
	width:25%;
	height:auto;  
	background:#ffffff;
	padding:30px;
	display:block;
	font-size:1.3rem; 
} 
.sipipaMenusDesktopTitle {
	position:absolute;  
	bottom:40%; 
	transform:rotate(-90deg); 
	width:300px;
	height:1px; 
}
.verticalText h2 a { 
	font-size:5rem;  
	font-weight:500; 
	color:#878904; 
} 
.verticalText h2 a:hover { 
	text-decoration:none;
} 
.sipipaMenusDesktopFloatPhoto1.left { right:35%; }
.sipipaMenusDesktopFloatPhoto2.left    { right:55%; }   
.sipipaMenusDesktopFoodNames.left  { right:12%; } 
.sipipaMenusDesktopTitle.left      { left:18%; }  
.sipipaMenusDesktopFloatPhoto1.right{ left:35%; }
.sipipaMenusDesktopFloatPhoto2.right   { left:55%; }   
.sipipaMenusDesktopFoodNames.right { left:12%; } 
.sipipaMenusDesktopTitle.right     { right:22%; }  

@media screen and (max-width:1199px) {
	
	.sipipaMenusDesktopFoodNames { 
		width:35%; 
	} 
	.sipipaMenusDesktopFloatPhoto1.left { right:45%; }
	.sipipaMenusDesktopFloatPhoto2.left    { right:63%; }   
	.sipipaMenusDesktopFoodNames.left  { right:12%; } 
	.sipipaMenusDesktopTitle.left      { left:19.5%; }  
	.sipipaMenusDesktopFloatPhoto1.right{ left:45%; }
	.sipipaMenusDesktopFloatPhoto2.right   { left:63%; }   
	.sipipaMenusDesktopFoodNames.right { left:12%; } 
	.sipipaMenusDesktopTitle.right     { right:15%; } 
	
} 

@media screen and (max-width:991px) {
	.sipipaMenusDesktopTitle {   
		bottom:auto;    
		top:280px;
	}
	.sipipaMenusDesktopFoodNames { 
		width:35%; 
	} 
	.sipipaMenusDesktopFloatPhoto1.left { right:45%; }
	.sipipaMenusDesktopFloatPhoto2.left    { right:63%; }   
	.sipipaMenusDesktopFoodNames.left  { right:12%; } 
	.sipipaMenusDesktopTitle.left      { left:18.5%; }  
	.sipipaMenusDesktopFloatPhoto1.right{ left:45%; }
	.sipipaMenusDesktopFloatPhoto2.right   { left:63%; }   
	.sipipaMenusDesktopFoodNames.right { left:12%; } 
	.sipipaMenusDesktopTitle.right     { right:13%; } 
	
}
.sipipaMenusDesktopFoodNames a {   
	color:#878904;
} 
.sipipaMenusDesktopFoodNames a:hover, .sipipaMenusDesktopFoodNames a:visited, .sipipaMenusDesktopFoodNames a:focus {   
	color:#878904;
	text-decoration:none;
} 
.sipipaMenusDesktopFoodNames ul li {   
	list-style:none;
	padding:0; 
	margin:0;  
    transition: all 0.1s ease-out 0.1s;
} 
.sipipaMenusDesktopFoodNames ul {   
	list-style:none;
	padding:0; 
	margin:5px;  
} 
.sipipaMenusDesktopFoodNames ul li:hover {  
	margin:0 10px;
} 
.sipipaMenusDesktopFoodNames ul li:before {  
	content:"_";
    font-family:FontAwesome;
    font-style:normal;
    font-weight:normal;
    text-decoration:inherit; 
    color:#878904;
    font-size:14px;
    padding-right:0.5em; 
}  


/******************************
 Menus App Style
*******************************/ 
.sipipaMenusApp {  
	padding:60px 0 0 0 !important;
	overflow-x:hidden;
	margin:0;
} 
.sipipaMenusAppItem {  
	padding:0 !important;
	margin:0; 
	overflow:hidden;
}
.sipipaMenusAppItem .sipipaMenusAppImg { 
	border:0;
	width:100%;
	height:auto;
	padding:0;
	margin:0; 
}
.sipipaMenusAppCaption { 
	width:100%;
	height:70px; 
	margin-top:-70px;    
}
.sipipaMenusAppItem .sipipaMenusAppCaption h3 { 
	color:#fff; 
	text-shadow: 0 1px 3px #555555; 
	text-decoration:none; 
	font-size:2.2rem; 
	
}
.sipipaMenusAppItem:hover .sipipaMenusAppCaption { 
	height:100px; 
	margin-top:-100px; 
    transition:all 0.1s ease-out 0.1s;
	
}
.sipipaMenusAppDescription h6 { 
	color:#fff; 
	text-shadow: 0 1px 3px #555555; 
	text-decoration:none; 
	font-size:1.1rem; 
}
.sipipaMenusAppDescription { 
	display:none;
}
.sipipaMenusAppItem:hover .sipipaMenusAppDescription { 
	display:block;
}
.sipipaMenusAppIcon {
	width:40px;
	height:40px;
	position:absolute;
	bottom:20px;
	right:20px;
	border-radius:50%;
	background:url("../assets/sipipa-48x48.png") center center no-repeat #f2f2f2;
	background-size:80% 80%;  
} 
.sipipaMenusAppItem:hover .sipipaMenusAppIcon { 
  -webkit-transform:rotate(360deg);
          transform:rotate(360deg);
	-webkit-transition:-webkit-transform .5s ease-in-out; 
	transition:        transform .5s ease-in-out;
}


.sipipaMenusAppDescription {
	overflow:hidden;
	height:130px;
	width:100%; 
	color:#ffffff;
}

/******************************
 fullHeightSlider
*******************************/  
#fullHeightSlider {
	background-attachment:fixed;
	width:100%;
	height:100vh;
	position:relative;
	box-shadow:inset 0px 2px 5px rgba(0,0,0,0.3);
	font-size:3em;
	font-family:'Passion One', cursive; 
	line-height:2em;
	text-transform:uppercase;
	box-shadow:0;
	overflow-x:hidden;
} 
/******************************
 Menus Descktop Top
*******************************/  
.maskContainer {
	width:100%;
	height:100%;
}
.maskLayer {
	position:relative;
	width:100%;
	height:100%; 
	margin:0; 
	counter-increment:mylist;
}
.maskLayer:before {
	content:counter(mylist);
	position:absolute; 
	right:0;
	top:0;
	font:2rem/1 'Passion One', cursive;
	color:#eeeeee;
}
.maskLayer:after {
	content:'';
	display:table;
	width:100%; 
}
.maskLayer .maskSvg {
	width:100%;
	height:100%;
	margin:0;  
	text-align:center;  
	-webkit-text-fill-color:rgba(255,255,255,.5);
	-webkit-background-clip:text; 
}

.maskSvg {
	font-size:4em;
	font-family:'Passion One', cursive; 
	line-height:1em; 
	position:relative;
	float:left;
	margin:0; 
}
.maskSvg:before {
	content:'';
	display:block;
	position:absolute;
	z-index:-2;
	top:0;
	right:0;
	bottom:0;
	left:0;  
	transition:.7s;
}
.maskLayer:hover .maskSvg:before {
	opacity:1;
} 
.fullHeightSliderButton{
	display:block;
	width:60px;
	height:80px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#cccccc;
	background:url(../assets/scroll-down.gif) no-repeat center center #cccccc;
	background-size:100% auto;
}
.fullHeightSliderButton:hover{
	background-color:#dddddd;
	cursor:pointer;
}
.textContainer { 
	width:90%; 
	position:absolute;
	left:5%;
	top:40%;  
	
}
 
@media screen and (max-width:991px) { 
	.maskSvg {
		font-size:3em;  
	}
}
 
@media screen and (max-width:768px) { 
	.maskSvg {
		font-size:2em;  
	}
} 




/* ********************************  
	Categories 
******************************** */ 
.sipipaCategoriesPage {
	width:100%;
	margin:0;
	padding:0;
	float:left; 
	text-align:center; 
} 
.categoriesPagePanelGroup { 
	width:100%; 
	border:0 !important;
	padding:0;
}
.categoriesPagePanelGroup.headingIsFixed { 
	padding-top:80px; 
    transition: all 0.05s ease-out 0.05s;
}
.categoriesPagePanel { 
	border:0 !important;
	border-radius:0 !important;
	box-shadow:0 !important;
	background:#F2F2F2;   
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}
.categoriesPagePanel a { 
	color:#979934; 
}
.categoriesPagePanel a:hover { 
	color:#A8B812; 
} 
/* Heading */
.categoriesPagePanelHeadingContainer { 
	width:100%;
	float:left; 
	padding:10px 10% 0 10%;
	background:#ffffff; 
	box-shadow: 1px 2px 5px #cccccc;
    transition: all 0.2s ease-out 0.2s;
}
.categoriesPagePanelHeading {
	width:10%;
	height:90px;
	overflow:hidden;
	float:left;
	padding:0;
	background:transparent; 
}
.categoriesPagePanelHeadingContainer.fixed { 
	top:60px;
	left:0;
	z-index:2;
    transition: all 0.2s ease-out 0.2s;
}
.categoriesPagePanelHeading.active {
	border-bottom: 4px solid #979934;
}
.categoriesPagePanelTitle {
	width:100%;  
	padding:5px;
	text-align:center; 
}
.categoriesPagePanelTitle h2 { 
	font-size:1.2rem;
	font-weight:400;   
	margin:0;
	padding:0 !important; 
	color:#aaaaaa;
	text-align:center;
}
.categoriesPagePanelHeading.active .categoriesPagePanelTitle h2 {
	color:#7A8224;
	font-weight:700;   
}
.categoriesPagePanelImg { 
	width:100%;
	height:60px; 
}
.categoriesPagePanelImg img {
	height:100%;
	width:auto;   
	margin:0 auto; 
	opacity:0.7;	
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
} 
.categoriesPagePanelHeading.active .categoriesPagePanelImg img {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
	opacity:1;	
} 
/* Collapse */
.categoriesPagePanelGroup .categoriesPagePanelCollapse { 
	width:100%; 
	padding:150px 10%;
	background:#F2F2F2; 
	border:0 !important;
}   
.categoriesPagePanelGroup .categoriesItem { 
	width:25%;
	float:left;
	padding:20px;
	margin:0 0 50px 0; 
}
.categoriesPagePanelGroup .categoriesItemBox { 
	padding:0;
	margin:0;
	position:relative;
	border:2px solid #ffffff;
}
.categoriesPagePanelGroup .categoriesItemH3 {  
	z-index:1 !important; 
}
.categoriesPagePanelGroup .categoriesItemH3 h3 {   
	font-size:1.6rem;
	line-height:2.4rem;
	margin-top:-1.2rem;
	margin-left:5px; 
	text-align:left; 
}
.categoriesPagePanelGroup .categoriesItemH3 h3 span {   
	background:#ffffff;
	padding:5px;
} 
.partyTrayTitle {  
	z-index:1 !important; 
}
.partyTrayTitle h2 {   
	font-size:1.8rem;
	line-height:2.4rem;
	margin-top:-1.2rem;
	margin-left:45px; 
	text-align:left; 
}
.partyTrayTitle h2 span {   
	background:#ffffff;
	padding:5px;
}
.partyTrayDesc p {
	display: inline;
	margin: 0; 
}
.categoriesPagePanelGroup .categoriestemImg { 
	padding:0;
	margin:0 0 20px 0; 
}
.categoriesPagePanelGroup .categoriestemImg img { 
	width:100%;
	height:auto;
	margin-top:-22px;
	z-index:-1 !important;	
}
.categoriesPagePanelGroup .categoriestemImg.disabled img {  
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);	
	z-index:0 !important;
}
.categoriesPagePanelGroup .categoriesItemCustomization {  
	padding:20px 15%;
}
.categoriesPagePanelGroup .categoriesIngredients { 
	text-align:right; 
	margin-bottom:-10px;
}
.categoriesPagePanelGroup .categoriesIngredients span {  
	padding:5px 10px;  
	line-height:1.4rem;
	margin-right:5px;   
}
.categoriesPagePanelGroup .categoriesIngredients span.hand { 
	background:#F2F2F2;
	padding:5px 10px; 
	font-size:1.4rem;
	line-height:1.4rem;
	margin-right:5px;  
	color:#999999;
} 
.categoriesPagePanelGroup .categoriesIngredients span.categoriesNoIngredients { 
	background:transparent; 
	padding:5px 10px; 
	font-size:1.4rem;
	line-height:1.4rem;
	margin-right:5px;  
	color:#999999;
}
.categoriesPagePanelGroup .cateringIngredients { 
	text-align:left; 
	margin-top:-34px; 
} 
.categoriesPagePanelGroup .cateringIngredients span.hand {  
	padding:0; 
	font-size:1.4rem;
	line-height:1.4rem;
	margin-right:0;  
	color:#999999;
} 
.noStyleItems {
	display:block;
	margin-bottom:10px; 
	height:38px;
	width:100%; 
}
.noBtn {
	display:block;
	float:left;
	margin-bottom:10px; 
	height:44px;
	width:100%;
}
.noBtnCatering {
	display:block;
	float:left;
	margin-bottom:30px; 
	height:44px;
	width:100%; 
}
 
.cateringImg { 
	float:left;
	width:100% !important; 
	overflow:hidden;
	margin-top:-22px !important;
	z-index:-1 !important;
}
.catering2Img { 
	position:absolute;
	width:50% !important; 
	overflow:hidden;
	top:-22px;
	right:0;
}
.cateringImg img { 
	width:100%; 
	height:auto; 
}
.catering2Img img {  
	width:200% !important; 
	margin-left:-100%;
	height:auto;  
}

.cateringModalRow {
	background:#f2f2f2;
	margin:5px 0 !important;
	padding:15px 0;
}
.cateringModalRow p, .cateringModalRow label, .cateringModalRow span {
	font-size:1.4rem !important;
	line-height:1.4rem !important;
	font-weight:normal;
}
.sipipaCartsDesktopCateringEdit {
	padding:10px; 
	font-weight:400;
	text-align:right;
	float:right;
	width:170px; 
}



.disabled25 { 
	display:block;
} 
.disabled33 { 
	display:none;
} 
.disabled50 { 
	display:none;
} 
.disabled100 { 
	display:none;
}


.categoriesIngModal .modal-content { 
	padding:20px;
} 
.categoriesIngModal .modal-body {  
	padding-top:20px;
	text-align:center;
} 
@media (min-width:1200px) and  (max-width:1550px) {
	
	.categoriesPagePanelHeadingContainer { 
		padding:10px 8% 0 8%;
	} 
	.categoriesPagePanelGroup .categoriesItem { 
		width:33.3%; 
	}
	.disabled25 { 
		display:none;
	} 
	.disabled33 { 
		display:block;
	} 
	.disabled50 { 
		display:none;
	} 
	.disabled100 { 
		display:none;
	}
}
 
@media (min-width:768px) and  (max-width:1199px) {
	
	.categoriesPagePanelHeadingContainer { 
		padding:10px 2% 0 2%;
	}
	.categoriesPagePanelGroup .categoriesItem { 
		width:50%; 
	}
	.disabled25 { 
		display:none;
	} 
	.disabled33 { 
		display:none;
	} 
	.disabled50 { 
		display:block;
	} 
	.disabled100 { 
		display:none;
	}

}
@media (min-width:680px) and  (max-width:768px) {
	
	.categoriesPagePanelHeadingContainer { 
		padding:10px 2% 0 2%;
	}
	.categoriesPagePanelGroup .categoriesItem { 
		width:100%; 
		padding:10px; 
	}	
	.disabled25 { 
		display:none;
	} 
	.disabled33 { 
		display:none;
	} 
	.disabled50 { 
		display:none;
	} 
	.disabled100 { 
		display:none;
	}
	.categoriesPagePanelImg {  
		height:40px;  
	}
	
}
 
@media (max-width:680px) { 
	.categoriesPagePanelHeadingContainer { 
		padding:10px 2%;
	} 
	.categoriesPagePanelHeading {
		width:20%;
		height:50px;  
	}
	.categoriesPagePanelHeading.active .categoriesPagePanelCircle {
		background:#f5f5f5;
		height:50px;
		width:50px;
		position:absolute; 
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;		
		border-radius:50%; 
	}
	.categoriesPagePanelImg {  
		height:50px;  
	}
	.categoriesPagePanelHeading.active .categoriesPagePanelImg {  
		position:absolute;   
		top:0;
		left:0;
		right:0;
		bottom:35px;
		margin:0;   
	}
	.categoriesPagePanelHeading.active {
		border-bottom: 0;
		position:relative;
	}
	.categoriesPagePanelTitle {
		display:none;
	}
	.categoriesPagePanelTitle h2 { 
		font-size:1rem; 
	}
	.categoriesPagePanelHeading.active .categoriesPagePanelTitle h2 {  
		position:absolute; 
		top:35px;
		left:0;
		right:0;
		bottom:0;
		margin:0;       
	}
	.noStyleItems {
		display:none;
	}
	.categoriesPagePanelGroup .categoriesPagePanelCollapse {  
		padding:170px 0 !important;  
	}   
	.categoriesPagePanelGroup .categoriesItem { 
		width:100%; 
		padding:10px; 
	}
		.disabled25 { 
			display:none;
		} 
		.disabled33 { 
			display:none;
		} 
		.disabled50 { 
			display:none;
		} 
		.disabled100 { 
			display:none;
		}	
}


























.sipipaCategories {
	width:100%;
	margin:0;
	padding:50px 10% 150px 10%;
	float:left;
}
.sipipaCategories h2 { 
	font-size:3.8rem;
	color:#ffffff;
} 
.sipipaCategories .panel { 
	border:0 !important;
	border-radius:0 !important;
}
.sipipaCategories .panel a { 
	color:#979934; 
}
.sipipaCategories .panel a:hover { 
	color:#A8B812; 
}
.sipipaCategories .panel-heading { 
	border:0;
	border-radius:0 !important; 
	background:#ffffff; 
	height:300px;
	overflow:hidden;
	padding:0;
	border-bottom:1px solid #f2f2f2;
	position:relative;
}
.sipipaCategories .panel-heading .panel-title { 
	font-size:1.8rem;
	padding:7px; 
	margin:0;
}
.sipipaCategories .panel-body { 
	padding:0 !important;
} 
.categoriesPanelTitle {
	width:100%;
	height:50px; 
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
	text-align:center;
}
.categoriesFoodItem {
	background:#ffffff;
	border:10px solid #f5f5f5; 
	height:720px;*/
} 
.categoriesFoodItemH3 {    
    border-bottom:1px solid #ddd;
	height: 60px; 
} 
.categoriesFoodItemP {    
	height:143px;  
	text-overflow:ellipsis; 
	overflow:hidden; 
	margin-bottom:20px;
} 
.categoriesFoodItem p img {
	display:none;
}
.categoriesFoodItemImg {  
	background:#f9f9f9;
} 
.categoriesFoodItemPrice {  
	margin-bottom:20px;
}

/* ********************************  
	Categories Customize
******************************** */ 
#sipipaItemCustomize, #sipipaItemCustomizeCalzone {
	width:100%; 
	margin:0;
	padding:0 0 150px 0;
	float:left; 
	-webkit-box-shadow:inset 0 2px 5px 1px #cccccc;
	box-shadow:inset 0 2px 5px 1px #cccccc;
}
.addToCartBtnBox {
	width:20%;
	position:absolute;
	top:86px;
	right:16%;
	z-index:1;
}
.addToCartBtnBox.isMoving { 
	top:60px; 
	position:fixed;
}
.addToCartBtnBox .quickOrderBtnOrder {
	border-radius:0 0 5px 5px; 
}
.sipipaItemCustomizeBox {
	width:70%;
	float:left;
	margin:0 15%;
	padding:0 0 0 0; 
}
.sipipaItemCustomizeTop { 
	border-bottom: 2px solid #ffffff;
	margin-top: 10px;
}
.categoriesCustomizeBackBtn { 
	padding:15px 0 0 30px;
	font-size:1.2rem; 
}
.categoriesCustomizeBackBtn a {  
	color:#aaaaaa;
}
.sICustomizePhoto {  
	padding:0; 
	float:left;
	margin:0;
	width:70%;
} 
.sICustomizePhoto h1 {  
	font-size:2.4rem;
} 
.sICustomizePhotoLeft {   
	width:33%;  
} 
.sICustomizePhotoRight {  
	display:none;  
	width:33%;
	border-left:3px solid #f2f2f2;
}  
.sICustomizePhotoRight.half {  
	display:block; 
}  
.sICustomizePhotoLeft.half {  
	width:33%;
} 
.sICustomizeDetail {  
	padding:0 20px 0 0;
	float:left;
	margin:0;
	width:33%; 
}
.sICustomizeNoHalf {  
	padding:0 20px 0 0;
	float:left;
	margin:0;
	width:67%; 
}




@media screen and (min-width:992px) and (max-width:1199px) {
.sipipaItemCustomizeBox {
	width:90%; 
	margin:0 5%; 
}
.sipipaItemCustomizeBox h1 {
	font-size:2rem; 
}
 
}
 

@media screen and (min-width:768px) and (max-width:990px) {
.sipipaItemCustomizeBox {
	width:90%; 
	margin:0 5%; 
}
.sipipaItemCustomizeBox h1 {
	font-size:2rem; 
}
 

}

@media screen and (max-width:768px) {
.sipipaItemCustomizeBox {
	width:90%; 
	margin:0 5%; 
}

.sICustomizePhoto {  
	padding:0; 
	float:left;
	margin:0;
	width:100%;
} 
.sICustomizePhoto h1 {  
	font-size:1.8rem;
} 
.sICustomizePhotoLeft { 
	display:none; 
}   
.sICustomizePhotoRight.half {  
	display:none; 
}  
.sICustomizePhotoLeft.half {  
	width:100%;
} 
.sICustomizeDetail {  
	padding:0 20px 0 0;
	float:left;
	margin:0;
	width:100%; 
}
.sICustomizeNoHalf {  
	padding:0 20px 0 0;
	float:left;
	margin:0;
	width:100%; 
}
   

}







.wingHalf {  
	padding:0; 
	float:left;
	margin:0;
	width:50%;  
}
.wingHalf.wingFlavor {  
	padding:0 20px 20px 0;
}
.wingFirstHalf {  
	margin:38px 1% 5px 1%;  
	border:1px solid #dddddd; 
	border-radius:10px;
	background:#F6F6F6; 
	width:48%;
}
.wingHalf.wingStyle {  
	padding:22px 0 20px 20px;
}
.sICBox.half .wingHalf {  
	padding:0; 
	float:left;
	margin:0;
	width:100%; 
}
.sICBox.half .wingFirstHalf {  
	margin:10px 3% 5px 3%;  
	width:94%; 
}
.sICustomizePhoto h1 {  
	padding:0;
	margin:10px 0 10px 0;
} 
.sICustomizeSelect { 
	padding:50px 0 0 20px; 
}
.sICustomizeSelectP {
	padding:5px 0 0 10px;
	font-size:1.5rem;
	color:#aaaaaa
} 
.styledRadioContainer { 
	padding:15px 0 0 0;  
}
.sICBox {   
	padding:0; 
	float:left;
	margin:0;
	font-size:1.4rem;
	width:100%;
}
.sICBox h3 {   
	color:#878905;
	font-family:'Lato', sans-serif;
}
.sICLeft {   
	width:100%;
	padding:20px 0; 
} 
.sICLeft.half {    
	width:50%;
	padding:22px 20px 20px 0; 
}
.sICRight {   
	width:0; 
	display:none;
}
.sICRight.half {   
	width:50%;
	padding:22px 0 20px 20px;
	display:block; 
}
.sICTitle {  
	width:150px;
	margin:4px auto 60px auto; 
}
.sICTitle h3 { 
	float:left;
	font-size:2rem;
	margin:7px 0 0 10px;
}
.sICTitle img {   
	width:35px;
	height:35px;
	float:left;
}
.includedIngPanel {   
	padding:0;
	float:left;
	border:1px solid #dddddd;
	width:48%;
	margin:0.5% 1%;
	border-radius:10px;
	background:#F2F2F2; 
}
 
.includedIngPanelFull {    
	width:100%; 
} 
.includedIngPanel.zero {    
	background:transparent;
}
.sICAllItems {     
	float:left;
	padding:0 0 20px 0;
	width:30%;
	margin:0 35%;
}
#sipipaItemCustomizeCalzone .sICAllItems {     
	float:left;
	padding:50px 0 20px 20px;
	width:100%;
	margin:0;
}
.sICLeft.half .sICAllItems, .sICRight .sICAllItems {     
	width:60%;
	margin:0 20%;
}
.includedIngPanel .sipipaItemDesktopQuickOrderSelect {    
	background:transparent;
} 
.includedIngPanel .sipipaItemDesktopQuickOrderSelect select {  
	background:url(../assets/select-arrow.png) center right no-repeat transparent;
} 
.includedIngPanelImg {   
	height:70px;
	width:100px; 
	float:left; 
	padding:5px 10px 5px 20px;
}
.includedIngPanelImg img {   
	height:60px !important;
	width:60px !important; 
}
.half .includedIngPanelImg {   
	height:50px;
	width:50px; 
	float:left; 
	padding:15px 5px 5px 5px;
}
.half .includedIngPanelImg img {   
	height:40px !important;
	width:40px !important; 
}
.includedIngPanelText {   
	padding:10px 10px 0 10px;
	width:calc(100% - 100px); 
	float:left; 
}
.half .includedIngPanelText {   
	padding:5px 0;
	width:calc(100% - 50px); 
	float:left; font-size:1.2rem; line-height:1.2rem; 
}
.includedIngPanelP {   
	padding:12px 0 0 0;
	float:left;
	width:calc(100% - 70px); 
	border-right:1px solid #dddddd; 
	color:#777777; 
}
.half .includedIngPanelP {   
	padding:12px 0 0 0; 
	width:calc(100% - 70px); 
}
.includedIngPanelSelect {   
	padding:8px 0 0 0; 
	float:left;
	width:70px; 
}
.suggestion {   
	padding:0 20px;  
}
.sipipaProfile {   
	width:100%; 
	margin:0;
	padding:0 15%;
	float:left; 
	-webkit-box-shadow:inset 0 2px 5px 1px #cccccc;
	box-shadow:inset 0 2px 5px 1px #cccccc;  
}
@media (max-width:1400px) { 
	.half .includedIngPanel {    
		width:100%;
		margin:1% 0; 
	}  
	.half .includedIngPanelImg {   
		height:70px;
		width:100px; 
		float:left; 
		padding:5px 10px 5px 20px;
	}
	.half .includedIngPanelImg img {   
		height:60px !important;
		width:60px !important; 
	}
	.half .includedIngPanelText {   
		padding:10px 0;
		width:calc(100% - 100px); 
		float:left; 
	}
}
@media (max-width:1199px) { 
	.sipipaItemCustomizeBox {
		width:80%; 
		margin:0 10%; 
	}
	.addToCartBtnBox {
		width:25%; 
	}
} 
@media (max-width:991px) { 
	.sipipaItemCustomizeBox {
		width:90%; 
		margin:0 5%; 
	} 
	.addToCartBtnBox {
		width:50%; 
		top:86px;
		right:5%; 
	}  
	.addToCartBtnBox.isMoving { 
		top:60px;  
	} 
	.includedIngPanel {    
		width:48%;
		margin:0.5% 1%; 
	} 
	.wingHalf .includedIngPanel {    
		width:100%;
		margin:0.5% 0;  
	} 
	.half .includedIngPanel {    
		width:100%;
		margin:0.5% 0; 
	} 
	.foodImage {
		width:100%;
	}
	
	.includedIngPanelImg {   
		height:60px;
		width:60px; 
		float:left; 
		padding:8px 5px;
	}
	.includedIngPanelImg img {   
		height:50px !important;
		width:50px !important; 
	}
	.includedIngPanelText {   
		padding:5px;
		width:calc(100% - 60px); 
		float:left; 
	}
.wingHalf {  
	padding:0; 
	float:left;
	margin:0;
	width:100%;  
}
.wingHalf.wingFlavor {  
	padding:0 0 20px 0;
}
.wingFirstHalf {  
	margin:38px 0 5px 0;  
	width:100%;
}
.wingHalf.wingStyle {  
	padding: 0;
}
.sICBox.half .wingHalf {  
	padding:0; 
	float:left;
	margin:0;
	width:100%; 
}	
	
	
	
	
	
	
	
	
} 
@media (max-width:767px) { 
	.sICAllItems {     
		float:left;
		padding:0 0 20px 0; 
		width:100%;
		margin:0;
	} 
	.sICLeft.half .sICAllItems, .sICRight .sICAllItems {     
		width:100%;
		margin:0;
	}	
	.addToCartBtnBox {
		width:50%; 
		top:60px; 
	}
	.addToCartBtnBox.isMoving { 
		top:58px;  
	} 	
	.sipipaItemCustomizeBox {
		width:90%; 
		margin:0 5%; 
	}
	.sICLeft.half {    
		width:100%;
		padding:22px 0 0 0; 
	} 
	.sICRight.half {   
		width:100%;
		padding:22px 0 0 0;
		display:block; 
	}	
	.addToCartBtnBox {
		width:50%; 
	}
	.includedIngPanel {    
		width:100%;
		margin:0.5% 0; 
	} 
	.half .includedIngPanel {    
		width:100%;
		margin:0.5% 0; 
	} 
} 
.allIngPanel {   
	padding:0;
	float:left;
	border:1px solid #dddddd;
	width:31%;
	margin:0.5% 1%;
	border-radius:10px; 
	height:70px; 
	overflow:hidden;
	font-size:1.4rem;  
}
.allIngPanel p {  
	margin:0;   
	padding-top:5px;
}
.half .allIngPanel {    
	width:48%; 
}
.allIngPanel .checkbox {    
	padding:0 !important;
	margin:0 !important;
	width:100%;
	height:100%;
	cursor:pointer;
}
.allIngredientsLiLeft.checked, .allIngredientsLiRight.checked {    
	background:#F2F2F2;
}
.allIngPanelText {   
	padding: 5px 10px 0 0; 
	float:left;
	width: calc(100% - 100px);  
}
.allIngPanelP {   
	padding:0;
	float:left;  
}
.allIngredientsPrice {   
	padding:0;
	float:left;  
	margin:0; 
	width:100%;
}
.allIngPanelImg {   
	height:70px;
	width:90px; 
	float:left; 
	padding:5px 10px 5px 10px;
}
.allIngPanelImg img {   
	height:60px !important;
	width:60px !important; 
}
.half .allIngPanelText {   
	padding: 5px 10px 0 0; 
	float:left;
	width: calc(100% - 60px);  
} 
.half .allIngPanelImg {   
	height:50px;
	width:60px; 
	float:left; 
	padding:15px 0 5px 10px;
}
.half .allIngPanelImg img {   
	height:40px !important;
	width:40px !important; 
}
.allIngPanelText input.checkbox {visibility:hidden;}
.ingredientQuantityLeft.zero {
	color:red;
}
#sipipaItemCustomize .panel-default .panel-heading a {
	color:#888888 !important; 
}
#sipipaItemCustomize .panel-default .panel-heading h4 { 
	font-family:'Lato', sans-serif; 
	font-weight:400;
}
@media (max-width:1400px) { 
	.half .allIngPanel {    
		width:100%;
		margin:1% 0; 
	}  
	.allIngPanelText {   
		padding: 5px 10px 0 0;  
		width: calc(100% - 90px);  
	} 
	.allIngPanelImg {   
		height:60px;
		width:80px; 
		float:left; 
		padding:5px 5px 5px 10px;
	}
	.allIngPanelImg img {   
		height:60px !important;
		width:60px !important; 
	}

	.half .allIngPanelText {   
		padding: 5px 10px 0 0; 
		float:left;
		width: calc(100% - 100px);  
	} 
	.half .allIngPanelImg {   
		height:70px;
		width:100px; 
		float:left; 
		padding:5px 10px 5px 20px;
	}
	.half .allIngPanelImg img {   
		height:60px !important;
		width:60px !important; 
	}
}
@media (max-width:1280px) { 

	.allIngPanel {   
		width:48%;
		margin:0.5% 1%; 
	}
	.half .allIngPanel {   
		width:100%;
		margin:1% 0; 
	}
}
@media (max-width:767px) { 

	.allIngPanel {   
		width:100%;
		margin:0.5% 0; 
	}
	.half .allIngPanel {   
		width:100%;
		margin:0.5% 0; 
	}
}
.inputNumber {
	background:transparent;
	border:0;
	width:100%;
	padding:6px 0 0 16px;
} 


/* ********************************  
	Party Menu
********************************/  

.partyContainer { 
	width:100%; 
	float:left;
	padding:150px 10%;
	background:#F2F2F2;  
} 
.partyCatContent { 
	width:100%; 
	float:left;
	padding:0;
	margin:20px 0;
	border:1px solid #ffffff;  
} 
.partyCatContainer { 
	width:100%; 
	float:left;
	padding:50px 5%;
	margin:0; 
	text-align:left; 
} 
.partyCatContainerLeft { 
	width:50%; 
	float:left; 
	padding:0;
	margin:5px 0;  
} 
.partyCatContainerRight { 
	width:50%; 
	float:left; 
	padding:0;
	margin:5px 0;  
} 
.masonry {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0;
          column-gap: 0;
  counter-reset: item-counter;
}
@media screen and (min-width: 400px) {
  .masonry {
    -webkit-column-count: 2;
            column-count: 2;
  }
}
@media screen and (min-width: 600px) {
  .masonry {
    -webkit-column-count: 3;
            column-count: 3;
  }
}
@media screen and (min-width: 800px) {
  .masonry {
    -webkit-column-count: 4;
            column-count: 4;
  }
}
@media screen and (min-width: 1100px) {
  .masonry {
    -webkit-column-count: 5;
            column-count: 5;
  }
}

.partyCatMasonry {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 0;
          column-gap: 0;
  counter-reset: item-counter;
}
@media screen and (min-width: 400px) {
  .partyCatMasonry {
    -webkit-column-count: 2;
            column-count: 2;
  }
} 

.masonryItem {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-column-break-inside: avoid;
          break-inside: avoid;
  padding: 10px;
  counter-increment: item-counter;
	text-align:left; 
}
.masonryItemContent {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; 
  border:1px solid #000000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; 
	text-align:left; 
}  

/* ********************************  
	Categories Customize
******************************** */ 
#printReceipt {
	width:570px;
	float:left;
	margin:0; 
	padding:10px 5px;
	background:#ffffff;
	font-size:22px;  
}
#printReceipt p { 
	font-size:19px;  
}
#printReceipt small { 
	font-size:19px;  
}
#printReceipt h6 { 
	font-size:23px;  
	text-align:center;
	color:#000000;
}


/* 
#finalPrice {   
	display:none;
}


/* ********************************  
	Categories Customize
********************************  


#stay-in-place {
    height: 100%;
    width: 100%;
    background: red;
    position: absolute;
}
#move-in-to-place {
    position: absolute;
    left: -100%;
    height : 100%;
    width : 100%;
    background: blue;
    opacity:0;
    width:0;
}
.box {
    position: relative;
    width:100%;
    height:100px;
    overflow:hidden;
}
.box:hover #move-in-to-place {
    left: 0;
    -webkit-transition: all 1s, -webkit-transform 1s;
    transition: all 1s, transform 1s;
    width:100%;
    height:100%;
    opacity:1;
}
.categoriesCustomizeFoodInfo { 
	padding-top:10px; 
}
.categoriesCustomizeIngHolder { 
	padding:10px 0 0 0; 
}
#sipipaCategoriesCustomize { 
	font-size:1.3rem; 
} 
#sipipaCategoriesCustomize label {
	margin:0;
	color:#555555;
	font-weight:normal;
}

.categoriesCustomizeFoodName {
	background:#fafafa;
	padding:0; 
	text-align:center;
}
.categoriesCustomizeFoodName h1 {  
	font-size:2.6rem;
	padding:20px; 
	margin:0;
} 
.categoriesCustomizeFoodImg {
	background:#f6f6f6;
}
.categoriesCustomizeFoodVariety {
	background:#fafafa;
	padding:20px; 
	text-align:left;
	margin: 5px 0;
}
.categoriesCustomizeFoodVariety h3 { 
	font-size:1.8rem;
	padding:5px 0; 
	margin:0;
}
.addedIngredientRow {
	list-style:none; 
	background:#ffffff;  
	border:1px solid #eeeeee;
	padding:5px; 
	display:flex;
	cursor: pointer;
} 
.addedIngredientRow:hover .customizeSelectedIngsRemove {
	color:orange;
} 
.customizeSelectedIngsImg {
	width:50px;
	height:100%; 
	text-align:left;
	padding:0;
} 
.customizeSelectedIngsImg img {
	width:50px;
	height:50px;
	float:left; 
} 
.customizeSelectedIngsText {
	width:calc(100%-90px); 
	padding-left:10px; 
	margin:auto;    
	display:flex;
    flex-wrap:wrap;
    justify-content:left;
} 
.customizeSelectedIngsRemove {
	width:40px;  
	margin:auto;    
	display:flex;
    flex-wrap:wrap;
    justify-content:center;
	color:#aaaaaa;
} 
.categoriesCustomizeBasics, 
.customizeSelectedIngsBasics {display:none;}

.categoriesCustomizeIngHolder .panel-group { 
}
.categoriesCustomizeIngHolder .panel { 
	border:0 !important;
	border-radius:0 !important;
}
.categoriesCustomizeIngHolder .panel a { 
	color:#979934; 
}
.categoriesCustomizeIngHolder .panel a:hover { 
	color:#A8B812; 
}
.categoriesCustomizeIngHolder .panel-heading { 
	border:0;
	border-radius:0 !important; 
	background:#ffffff; 
	border-bottom:1px solid #f2f2f2;
}
.categoriesCustomizeIngHolder .panel-heading .panel-title { 
	font-size:1.8rem;
	padding:7px; 
	margin:0;
}
.categoriesCustomizeIngHolder .panel-body { 
	padding:0 !important;
}
   
.categoriesCustomizeUl {
	padding:0;
	width:100%;
} 

.allIngredientsLi {
	position:relative;
	width:20%;
	float:left; 
	text-align:center;
	list-style:none;
	background:#fafafa;
	padding:0;
	cursor: pointer;
	margin:0;
} 
 .singleIngredientName {
	background:#fafafa;
	border-right:1px solid #ffffff;
	padding:10px;
	cursor: pointer;
}
 .singleIngredientImg {
	background:#ffffff;
	border-right:1px solid #fafafa;
	padding:10px;
	cursor: pointer;
} 
.singleIngredientImghover  {  
	display:none;  
} 
.allIngredientsLi.selectedIngredient .singleIngredientImghover,
.allIngredientsLi.checked .singleIngredientImghover  {  
	background:rgba(132,140,0,0.4);  
	opacity:0.5; 
	display:block;	
	z-index:2;
	position:absolute;
	border:1px solid #f2f2f2;
	top:0;
	left:0;
	cursor:pointer;
}     
.singleIngredientName input.checkbox {visibility:hidden;}
#sipipaCategoriesCustomize .allIngredientsLiPrice { 
	font-size:1.1rem; 
	color:#999999;
} 










.createPizzaWhole {
	padding:0;
}
.createPizzaHalf {
	padding:10px;
	background:yellow;
	border:1px solid blue;margin-bottom:300px;
}
 
.createPizzaIngredientRow {
	width:20% !important;
	float:left;
} 
.fereshtehaddedIngredientRow {
	list-style:none; 
	background:#ffffff;  
	border:1px solid #eeeeee;
	padding:5px; 
	display:flex;
	cursor: pointer;
} 
  
@media screen and (max-width:1600px) { 
	.singleIngredientImg img {
		width:86%;
		height:86%;
		padding:7%;
	}
}  
@media screen and (max-width:1400px) {  
	#sipipaCategoriesCustomize { 
		padding:30px 5% 100px 5%; 
	}
	.singleIngredientImg img {
		width:86%;
		height:86%;
		padding:7%;
	}
} 
@media screen and (max-width:1200px) { 
	.allIngredientsLi {
		width:25%;
	} 
	#sipipaCategoriesCustomize { 
		padding:30px 5% 100px 5%; 
	}
	.singleIngredientImg img {
		width:86%;
		height:86%;
		padding:7%;
	}
} 
@media screen and (max-width:1100px) { 
	.allIngredientsLi {
		width:33.33%;
	} 
	#sipipaCategoriesCustomize { 
		padding:30px 30px 100px 30px; 
	} 
	.singleIngredientImg img {
		width:80%;
		height:80%;
		padding:10%;
	}
} 

@media screen and (max-width:991px) { 
	.allIngredientsLi {
		width:20%;
	}  
	.singleIngredientImg img {
		width:90%;
		height:90%;
		padding:5%;
	}
}
@media screen and (max-width:768px) { 
 
	#sipipaCategoriesCustomize ul.nav-tabs {  
		width:20%;
		margin:0;
		float:left;
	} 
	#sipipaCategoriesCustomize .tab-content {
		padding:0;
		width:80%;
		margin:0;
		float:left;
	}  
	#sipipaCategoriesCustomize ul.nav-tabs li { 
		width:100%; 
		height:75px; 
	}
	.allIngredientsLi {
		width:33.33%;
	} 
	.singleIngredientImg img {
		width:86%;
		height:86%;
		padding:7%;
	}
 
} 

@media screen and (max-width:550px) {   
	#sipipaCategoriesCustomize ul.nav-tabs {  
		width:30%; 
	} 
	#sipipaCategoriesCustomize .tab-content { 
		width:70%; 
	}   
	.allIngredientsLi {
		width:50%;
	} 
	.singleIngredientImg {
		display:none;
	}
}

@media screen and (max-width:420px) {   
	#sipipaCategoriesCustomize ul.nav-tabs {  
		width:40%; 
	} 
	#sipipaCategoriesCustomize .tab-content { 
		width:60%; 
	}  
	.allIngredientsLi {
		width:100%;
	}  
}