* CSS Reset
----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	list-style:none;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

ul, li {
	list-style:none;
	margin:0;
	padding:0;
}

h1 { color:#000; display:inline-block; float:left; font:52px 'Chewy',cursive; margin:0; padding:0; text-align:center; text-transform:uppercase; width:100%; }

h2 { color:#000; display:inline-block; float:left; font:38px 'Chewy',cursive; margin:0; padding:0; text-transform:uppercase; width:100%; }

h3 { color:#000; display:inline-block; float:left; font:24px 'Chewy',cursive; margin:0; padding:0; text-transform:uppercase; width:100%; }

h4 { color:#000; display:inline-block; float:left; font-size:24px; margin:0; padding:0; text-transform:uppercase; width:100%; }


/*=======================================
 	PEACE LOVE AND PIZZA CSS
========================================*/
html { height:100%; margin:0; padding:0; }

body { background:url("../images/bg-body.jpg") top center fixed #f1eee9; color:#232323; font:400 14px/20px 'Lato', Arial, sans-serif; margin:0; padding:0; min-width:1100px; width:100%; }

a { border:none; color:#28a2c5; outline:none; text-decoration:none; }

a img { border:none; }

a:hover { color:#ee3724; text-decoration:none; }

.float { float:left; }

#wrapper { height:auto; margin:0 auto; position:relative; width:1010px; }

#content { background:#FFF; border:5px solid #9e1f21; float:left; height:auto; margin:-76px 0 0; padding:90px 0 40px 0px; position:relative; width:1000px; -webkit-box-shadow:0 1px 10px 0 #000; box-shadow:0 1px 10px 0 #000; z-index:0; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; }


.groupie { font:22px/35px 'Chewy',cursive; position:absolute; bottom:-8px; left:284px; text-align:center; width:445px; }
.groupiebtn { background:#19a3dd; color:#FFF !important; display:inline-block; font:14px/35px 'Chewy',cursive; text-align:center; text-transform:uppercase; width:110px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.groupiebtn:hover { background:#222; }



/*=======================================
 	HEADER PROPERTIES
========================================*/
#header { background:url("../images/header-bg.png") top center no-repeat; float:left; height:206px; margin:11px 0 0; position:relative; text-align:center; width:1010px; z-index:10; }

#logo { display:inline-block; padding:25px 0 0; }

#main { display:inline-block; float:left; height:auto; margin:30px 0 0 15px; width:685px; }

#menuhdr { position:absolute; top:105px; right:0px; }

#menuhdrfull { border-right:5px solid #000; -webkit-border-radius:0 5px 5px 0; height:199px; border-radius:0 5px 5px 0; position:absolute; top:0px; left:105px; }



/*=======================================
 	MAIN NAV PROPERTIES
========================================*/
ul#nav { height:48px; position:absolute; bottom:5px; left:46px; width:919px; text-align:center; z-index:9999; }

ul#nav li { display:inline-block; height:55px; margin:0 1px; position:relative; width:auto; }

ul#nav li a { background:#9e1f21; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#FFF; display:inline-block; float:left; font:24px/55px 'Chewy',cursive; height:55px; padding:0 20px; text-transform:uppercase; }

ul#nav li a:hover { background:#ed7d31; }

.dropped { background:#ed7d31 !important; -webkit-border-radius:10px 10px 0 0 !important; -moz-border-radius:10px 10px 0 0 !important; border-radius:10px 10px 0 0 !important; }

ul.subnav { background:#ed7d31 !important; -webkit-border-radius:0 10px 10px 10px; -moz-border-radius:0 10px 10px 10px; border-radius:0 10px 10px 10px; display:none; height:auto; padding:0px; position:absolute; top:45px; left:0px; width:260px; z-index:9999; -webkit-box-shadow:0 2px 3px rgba(0,0,0,0.4); -moz-box-shadow:0 2px 3px rgba(0,0,0,0.4); box-shadow:0 2px 3px rgba(0,0,0,0.4); z-index:9999; }
ul.subnav li { display:inline-block; float:left; height:45px !important; margin:1px 0 0 !important; width:100% !important; }
ul.subnav li a { background:none !important; border-radius:0px !important; color:#9e1f21 !important; display:inline-block; float:left; height:40px; font:18px/45px 'Chewy',cursive !important; text-align:left; width:100%; }
ul.subnav li a:hover, ul.subnav li a span:hover { color:#FFF !important; }
ul.subnav li span { padding:0 0 0 0px; width:100%; }
ul.subnav li span i { display:inline-block; width:30px; text-align:center; }




/*=======================================
 	HOME PAGE PROPERTIES
========================================*/
#slider { border:5px solid #000; border-radius:20px; display:inline-block; float:left; height:450px; margin:20px; position:relative; width:950px; }

#home-section { display:inline-block; float:left; height:auto; margin:10px; width:100%; }
.home-left { display:inline-block; float:left; height:auto; margin:10px; width:620px; }
.home-right { display:inline-block; float:left; height:auto; margin:10px; width:310px; }

.section { display:inline-block; float:left; height:auto; width:100%; }

#sub-slider { display:inline-block; float:left; min-height:500px; height:auto; margin:0px; position:relative; width:100%; }
.sub-slide { display:none; float:left; height:100%; position:absolute; top:0px; left:0px; width:100%; }
.sub-slide img { max-width:100%; }
.sub-slide-active { display:inline-block; }

#van { display:block; height:136px; width:240px; position:fixed; bottom:-10px; right:-300px; z-index:1; }

/*=======================================
 	PAGE PROPERTIES
========================================*/
#pages { display:inline-block; font-size:14px; float:left; height:auto; line-height:20px; margin:0px 0px 0 50px; text-align:left; position:relative; width:900px; }

#pages p { display:inline-block; float:left; height:auto; margin:0; padding:10px 0; width:100%; }

#pages a { color:#28a2c5; }

#pages a:hover { color:#ee3724; }

.col-left { display:inline-block; float:left; height:auto; margin:0px 0 0 0px; width:50%; }
.col-right { display:inline-block; float:right; height:auto; margin:0px 0px 0 0; width:50%; }

.sidebtn { background:#c4198d; color:#FFF !important; display:inline-block; float:left; font:24px/50px 'Chewy',cursive; padding:0 35px; text-align:center; text-transform:uppercase; width:auto; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.sidebtn:hover { background:#ab117a !important; }

.store { background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,248,248,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,248,248,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f8f8',GradientType=0 ); /* IE6-8 */
	border:1px solid #FFF; display:inline-block; height:auto; padding:20px; margin:0 0 5px; position:relative; width:90%; 
	box-shadow:0 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0px 33px rgba(0,0,0,0.3);
 }

.showcase { background:#e7ddb6; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; display:inline-block; float:left; height:auto; margin:30px 0 0; padding:20px 50px 20px 50px; width:800px; }

.showcase ul { list-style:circle; font-weight:bold; }


.special { border:5px solid #000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; display:inline-block; float:left; height:auto; margin:0.5%; width:49%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.special img { float:left; max-width:100%; width:100%; }

.loyalty { border:5px solid #000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; display:inline-block; float:left; height:auto; margin:20px 0; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.loyalty img { float:left; max-width:100%; width:100%; }



/*=======================================
 	FOOTER PROPERTIES
========================================*/
#footer { background:#000; color:#a9a6a6; float:left; font:bold 14px/50px 'Lato',sans-serif; height:50px; margin:50px 0 0; text-align:center; width:100%; }




/*=======================================
 	SOCIAL
========================================*/
.social { position: fixed; left: 0; top: 5%; z-index: 9999; }
.social li { display: block }
.social li a:hover { color:#FFF; }
.social-icon { 
	background-image: url("../images/social.png"); background-repeat: no-repeat; display: block; width: 0; height: 48px; padding-left: 48px; overflow: hidden; color: #fff; text-decoration: none; font-weight: 700; text-align: left; float: left; line-height: 3.5; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3); box-shadow: 0 1px 1px rgba(0,0,0,0.3);
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius:0 20px 20px 0; -webkit-border-radius:0 20px 20px 0; border-top:3px solid #FFF; border-right:3px solid #FFF; border-bottom:3px solid #FFF;
} 
.social-icon:hover { width: 95px }
.social-fb { background-position: 0 0; background-color: #3b5998 }
.social-twitter { background-position: 0 -48px; background-color: #55acee }
.social-instagram { background-position: 0 -96px; background-color: #37678d }
.social-google { background-position: 0 -144px; background-color: #dd4b39 }
.social-urbanspoon { background-position: 0 -192px; background-color: #273d88 }
.social-survey { background-position: 0 -240px; background-color: #9a3f95 }
.social-giftcard { background-position: 0 -384px; background-color: #fcad36; color:#FFF; }
.social-giftcardbal { background-position: 0 -432px; background-color: #e19119; color:#FFF; }
.social-download { background-position: 0 -480px; background-color: #85c441; color:#FFF;  }




/*=======================================
 	GOOGLE MAP
========================================*/
#map{
    width: 970px;
    height: 1000px;
    margin:0 0 0 10px;
	border: 5px solid #000;
	float:left;
	display:inline-block;
	position:relative;
	border-radius:10px;
	-webkit-border-radius:10px;
}

p strong { color:#499DF5; }

#capsule { float:left; height:auto; margin:0; position:relative; width:100%; }

#locations { display:block; height:auto; position:absolute; top:20px; left:30px; text-align:left; width:345px; z-index:999; }

.restaurant { 
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2Y4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,248,248,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,248,248,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,248,248,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f8f8',GradientType=0 ); /* IE6-8 */
	border:1px solid #FFF; display:inline-block; height:auto; padding:20px; margin:0 0 5px; position:relative; width:305px; 
	box-shadow:0 0px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0px 33px rgba(0,0,0,0.3);
}

.ordbtn, .mapbtn { background:#e62825; color:#FFF !important; display:inline-block; font:14px/35px 'Chewy',cursive; position:absolute; bottom:20px; right:10px; text-align:center; text-transform:uppercase; width:110px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.ordbtn:hover, .mapbtn:hover { background:#222; }

.mapbtn { position:relative !important; }

.distance { font-size:bold; position:absolute; top:10px; right:10px; }

.inwin { height:150px; overflow:hidden; text-align:center; width:220px; }

.ordbtnlg { background:#e62825; color:#FFF !important; display:inline-block; font:20px/50px 'Chewy',cursive; height:50px; text-align:center; text-transform:uppercase; position:absolute; top:25px; right:10px; padding:0 20px; width:auto; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.ordbtnlg:hover { background:#222; }


/*=======================================
 	SIDEBAR PROPERTIES
========================================*/
#sidebar { float:left; height:auto; margin:20px 0 0 10px; width:280px; }

#info { display:inline-block; float:left; height:auto; margin:30px 0 0; position:relative; width:280px; }

.orderbtn { background:#e62825; color:#FFF; display:inline-block; float:left; font:24px/50px 'Chewy',cursive; margin:0;  text-align:center; text-transform:uppercase; width:100%; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.orderbtn:hover { background:#222; color:#FFF; }

.orderbtn span { padding:0px; }

.emailbtn { background:#28a2c5; color:#FFF; display:inline-block; float:left; font:24px/50px 'Chewy',cursive;  text-align:center; text-transform:uppercase; width:100%; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.emailbtn:hover { background:#1b84a3; }




/*=======================================
 	MENU LIST
========================================*/
ul#menulist { float:left; height:auto; text-align:left; width:100%; }

ul#menulist li { display:inline-block; float:left; height:auto; margin:5px 0 0; width:100%; }

ul#menulist li a { background:#9e1f21; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#FFF; display:inline-block; float:left; font:24px 'Chewy',cursive; height:auto; padding:10px 20px; text-transform:uppercase; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }

ul#menulist li a:hover { background:#ed7d31; }

ul.submenu { background:#ed7d31 !important; -webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; display:none; float:left; height:auto; padding:0 0 10px; width:100%; }
ul.submenu li { display:inline-block; float:left; width:100% !important; }
ul.submenu li a { background:none !important; border-radius:0px !important; color:#9e1f21 !important; display:inline-block; float:left; height:auto; font:18px 'Chewy',cursive !important; padding:5px 20px !important; text-align:left; width:100%; }
ul.submenu li a:hover { color:#FFF !important; }

.displaymenu { display:inline-block !important; }



/*=======================================
 	MENU ITEMS
========================================*/
#menuitems { display:block; float:left; height:auto; margin:210px 0 0; padding:0 0 25px; position:relative; width:100%; }
#menuitems p { display:inline-block; float:left; padding:5px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; }

.row { display:inline-block; float:left; height:auto; margin:0; width:100%; }

.item { display:inline-block; float:left; height:auto; margin:0 9px; width:210px; }
.item-img { display:inline-block; float:left; height:auto; margin:0; width:100%; }
.item-img img { border:3px solid #000; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; max-width:100%; margin:20px 0 0; }
.item-info { display:inline-block; float:left; height:auto; margin:0px; text-align:center; width:100%; }
.item-info span, .item-info-list span { color:#28a2c5; display:inline-block; float:left; height:auto; font:24px 'Chewy', cursive; padding:5px 0; text-align:center; text-decoration:none; text-transform:uppercase; width:100%; }
.item-info p {  color:#232323; text-align:center; display:inline-block; float:left; height:auto; margin:0; padding:5px 0; text-align:center; width:100%; }
.item-info-list { display:inline-block; float:left; margin:0 0 30px; width:100%; }
.item-info-list span { text-align:left; margin:0; padding:0; }
#menuitems .item-info-list p { padding:0 !important; margin:0; }
#menuitems .item-info-list p strong { color:#000; }


a.item:hover .item-info span { color:#e62825 ; }

ul.bullet-list { display:inline-block; float:left; height:auto; padding:20px; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
ul.bullet-list li { list-style-type:disc !important; }

#order-form { display:inline-block; float:left; height:auto; margin:40px 0; text-align:center; width:100%; }
#order-form a { font: 24px "Chewy",cursive; }


/*=======================================
 	VEGAN TOOLTIP
========================================*/
.vegan { display:inline-block; height:35px; position:relative; text-align:center; width:35px; }
.rel { position:relative !important; }
.vegannote { 
	background:#FFF; 
	display:block; 
	font-size:11px; 
	height:auto; 
	line-height:16px; 
	width:200px; 
	padding:10px 15px; 
	position:absolute; 
	top:-130px; 
	left:34px; 
	z-index:9999; 
	box-sizing:border-box; 
	-webkit-box-sizing:border-box; 
	box-shadow:2px 2px 2px #CCC; 
	-webkit-box-shadow:2px 2px 2px #CCC; 
	box-shadow:2px 2px 2px rgba(0,0,0,0.3); 
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.3); 
	border-radius:5px; 
	-webkit-border-radius:5px; 
	border:1px solid #75b143; 
	
}
.veganbtn { background:#e62825; color:#FFF; display:inline-block; font:24px/50px 'Chewy',cursive; padding:0 20px; text-align:center; text-transform:uppercase; width:auto; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; z-index:999; }
.veganbtn:hover { background:#222; }