@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,300,400);
@import url(https://fonts.googleapis.com/css?family=Fontdiner+Swanky);
@import url(https://fonts.googleapis.com/css?family=Dancing+Script);
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans);
/*.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}*/
*{
margin: 0;
padding: 0;
font-family: Open Sans, "Helvetica Neue", Helvetica, sans-serif;
/*box-sizing:border-box;*/
}
html, body{
		max-width: 100%;
	  /* height: 100%;
	   margin: 0px;
	   padding: 0px;*/
	   /*overflow-x: hidden; */
	   /*height: 5000px;*/
	   
}
html{
	background: #cecece;
	 overflow-x: hidden; 
	/*width: 110%;*/
}
#pageContainer{
	max-width: 100%;
	width: 100%;
	/*height: 400%;*/
	background: pink;
	position: relative;
	z-index: 1000;
	/*overflow-x: hidden; 
	overflow-y: hidden; */
}
#pageContainer:before, #pageContainer:after{
	z-index: -1;
	  position: absolute;
	  content: "";
	  bottom: 20px;
	  left: 10px;
	  width: 50%;
	  top: 80%;
	  max-width:50%;
	  background: #777;
	  box-shadow: 0 30px 10px rgba(0,0,0,0.5);
	  transform: rotate(-3deg);
}
#pageContainer:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
#loading{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.disableYScroll{
	overflow-y:hidden;
}
.homePage #pageContainer{
	display: none;
}
#progress-bar{
	height: 30px;
	display: block;
	width: 300px;
}
#progressAnim{
	width: 0%;
	height: 100%;
	background: steelblue;
}

.header.clearfix{
width: 100%;
/*height: 100%;*/
background: orange;

background: -webkit-linear-gradient( #383838 10%, #4A4A4A 90%); /* Chrome 10+, Saf5.1+ */
background:    -moz-linear-gradient( #383838 10%, #4A4A4A 90%); /* FF3.6+ */
background:     -ms-linear-gradient( #383838 10%, #4A4A4A 90%); /* IE10 */
background:      -o-linear-gradient( #383838 10%, #4A4A4A 90%); /* Opera 11.10+ */
background:         linear-gradient( #383838 10%, #4A4A4A 90%); /* W3C */
      
/*box-sizing:border-box;*/
margin-bottom: 3em;
position: relative;

}
.header a:not(.logoWrapper){
/*color:gold;*/
color: white;
text-decoration: none;
margin-right: 5%;
font-size: 1.9em;
font-family: 'Dancing Script', cursive;
transition: all .3s ease;
}
.header a:not(.logoWrapper):hover{
	color:steelblue;
	text-shadow: 1px 1px 1px rgba(0,0,30,0.2)
}
.galleryLink {
	position: relative;
	display: inline-block;
	width: auto;
	margin-right: 5%;
	transition: visibility .5s ease-in;

}

.galleryLink ul{
	top: 4em;
	z-index: 1000;
	left: 0;
	position: absolute;
	visibility: hidden;
	list-style: none;
	background: rgba(0,0,200,0.3);
	border-radius: 3px;
	width: 180%;
	margin-left: -10%;
	
}
.galleryLink ul li a{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	line-height: 0;
	font-size: 1.2em;
	padding: .2em .3em;
	display: inline-block;
	width: 100%;
	white-space: nowrap;
}
.galleryLink ul li{
	/*margin-top: 0;
	margin-bottom: 0;*/
	padding: 0;
	line-height: 2;
}
.galleryLink:hover ul{
	
	visibility: visible;
}
.galleryLink ul li:hover{
	background: rgba(0,0,225,0.8);
}
.clearfix:after{
display: block;
content:"";
clear:both;
}
.leftSideHeader, .rightSideHeader{
line-height: 3;
text-align: center;
}
.leftSideHeader{
width: 40%;
/*background: red;*/
float: left;
}
.logoSection{
width: 20%;
display: inline-block;
}
.logoWrapper{
transform:scale(.9);
width: 100%;
max-height: 60px;
margin: 0 auto;
/*background: #cecece;*/
display: inline-block;
background: steelblue url(mealmartImg/logomm.png) no-repeat;
background-size: 70%;
background-position: 50% 50%;
border-radius: 50%;
padding: 3em 2.2em;
/*box-shadow: 0px 0px 0px 10px #defcac, 0px 0px 3px 15px rgba(00,0,0,0.3);*/
box-shadow: 0px 0px 0px 10px #fff, 0px 0px 3px 15px rgba(00,0,0,0.3);
overflow: hidden;
text-align: center;
position: relative;
top: 20px;
box-sizing:border-box;
/*white-space: nowrap;*/
}
.logoWrapper img{
	display: none;
}

.rightSideHeader{
width: 40%;
float: right;
height: 100%;

}

 .thanksGivingButton [class^="button-"] {
	padding: 0 1em;
	height: 1em;
	line-height: 1em;
	position: absolute;
	font-family: Arial !important;
	padding: 0.2em 0.5em;
}
/*.button, .thanksGivingButton [class^="button-"]{
	padding: 0 1em;
	height: 1em;
	line-height: 1em;
}*/
 .thanksGivingButton .button-hover:hover {
  line-height: 1em;
  color:#ccc !important;
}
.thanksGivingButton  .button-hover:before{
	content: attr(data-text);
	  color: #DEEFF5;
	  position: absolute;
	  top: -2.75em;
}
.display{
position: fixed;
top: 0;
right: 0;
padding: .5em 1em;
z-index: 10;
}
.firstSection{
height: 100%;
min-height: 100vh;
background: steelblue;
background-color: #5aa3db;
background-image: url(http://www.transparenttextures.com/patterns/noise-pattern-with-subtle-cross-lines.png);
padding-bottom: 5em;
}
.cycle-slideshow.mainTop{
	width: 90%;
	margin: 0 auto;
	display: block;
	/*height: 500px;*/
}
#progress{
	background: steelblue;
	height: 10px;
	width: 0;
	position: absolute;
	top: 0;
	z-index: 500;
}
.cycle-pager{
	/*text-align: center;*/
	position: absolute;
	z-index: 500;
	bottom: 10px;
	width: 100%;
}
.cycle-pager span.cycle-pager-active{
	color:gold;
	text-shadow : 2px 0px 30px rgba(0,0,0,0.9);
}
.cycle-pager span{
	font-size: 50px;
	width: 16px;
	height: 16px;
}

.entrySlideContainer{
animation: scaleForHeader 1s 2s ease forwards;
/*background: rgba(255,255,255,0.2)*/
background: rgba(0,0,0,0.5);
}
/*@keyframes scaleForHeader{
100%{
	transform:scale(.9) translate(0, 20%);
}
}*/
.photoSection{
transform:scale(.9);
margin: 0 auto;
width: 90%;
}
.slide.first{
	/*transform:scale(.9) translateY(-10%);*/
	/*height: 80vh;*/
	/*background: orange;*/
	background: rgba(255,255,255,0.1)
	height: 100%;
	max-width: 100%;
}
.imgContainer{
display: inline-block;
width: 30%;
/*border:10px solid white;*/
outline: transparent 1px solid;
color: #263238;
}
.first .imgContainer:nth-child(1) img{ 
	transform:rotate(-4deg) translate(-200%, -200%);
	/*border-color:red;*/
	/*animation: leftPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) forwards ;*/
}
.leftPicSlideIn{
	-webkit-animation: leftPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) forwards ;
	animation: leftPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) forwards ;
}
.midPicGeneral{
	z-index: -3;
	-webkit-transform:translate(0%, -200%);
	transform:translate(0%, -200%);
}
.midPicSlideIn{
	z-index: -3;
	-webkit-transform:translate(0%, -200%);
	transform:translate(0%, -200%);
	-webkit-animation:midPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) .7s forwards;
	animation:midPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) .7s forwards;
}
.first .imgContainer:nth-child(3) img{
	-webkit-transform: rotate(4deg)  translate(200%, -200%);
	transform: rotate(4deg)  translate(200%, -200%);
}
.rightPicSlideIn{
	/*transform:rotate(4deg) translate(-20%,10% );*/
	/*-ms-transform:rotate(4deg) translate(-20%,10% );*/
	/*z-index: -1;*/
	/*transform:translate(200%, -200% );*/
	-webkit-animation: rightPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) .5s forwards;
	animation: rightPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) .5s forwards;
	/*-ms-animation: rightPicSlideIn .4s cubic-bezier(0.600, 0.165, 0.385, 0.625) .5s forwards;*/
}
@-webkit-keyframes leftPicSlideIn{
0%{
	-webkit-transform:rotate(-4deg) translate(-200%, -200%);
	transform:rotate(-4deg) translate(-200%, -200%);
}
100%{
	-webkit-transform:  rotate(-4deg) translate(20%, 10%);
	transform:  rotate(-4deg) translate(20%, 10%);
}
}
@-webkit-keyframes rightPicSlideIn{
0%{
	-ms-transform:translate(200%, -200% );
	-webkit-transform:translate(200%, -200% );
	transform:translate(200%, -200% );
}
100%{
	-webkit-transform: rotate(4deg) translate(-20%, 10%) ;
	transform: rotate(4deg) translate(-20%, 10%) ;
}
}
@-webkit-keyframes midPicSlideIn{
0%{
	z-index: -3;
	-webkit-transform:translate(0%, -200%);
	transform:translate(0%, -200%);
}
100%{
	z-index: -3;
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%);
}
}
@keyframes leftPicSlideIn{
0%{
	/*-ms-transform:translate(-250%, -200%);*/
	/*transform:translate(-25%, -200%);*/
	transform:rotate(-4deg) translate(-200%, -200%);
}
100%{
	transform:  rotate(-4deg) translate(20%, 10%);
}
}
@keyframes rightPicSlideIn{
0%{
	-ms-transform:translate(200%, -200% );
	transform:translate(200%, -200% );
}
100%{
	transform: rotate(4deg) translate(-20%, 10%) ;
}
}
@keyframes midPicSlideIn{
0%{
	z-index: -3;
	transform:translate(0%, -200%);
}
100%{
	z-index: -3;
	transform: translate(0%, 0%);
}
}
.second{
	/*overflow: hidden;*/
	background: rgba(100,255,255,0.2);
	width: 100%;
	height: 100%;
	/*background: green*/
}

.kosherInfo{
	width: 80%;
	/*margin: 0 auto;*/
	padding: 1em;
	/*background: orange;*/
	background: rgba(200,200,50, 0.2);
	color: black;
	/*height: 90%;*/
	/*animation:kosherInfoSlide 1s forwards, kosherInfoHeight 1s 1s forwards ;*/
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	-webkit-transform:translate(200%, -50%);
	transform:translate(200%, -50%);
}
.kosherInfoSlide{
	-webkit-animation:kosherInfoSlide 1s forwards, kosherInfoHeight 1s 1s forwards ;
	animation:kosherInfoSlide 1s forwards, kosherInfoHeight 1s 1s forwards ;
}
@-webkit-keyframes kosherInfoSlide{
	0%{
		-webkit-transform:translate(200%, -50%);
		transform:translate(200%, -50%);
		height: 20%;
	}
	100%{
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		height: 20%;
	}
}
@keyframes kosherInfoSlide{
	0%{
		-webkit-transform:translate(200%, -50%);
		transform:translate(200%, -50%);
		height: 20%;
	}
	100%{
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		height: 20%;
	}
}

@-webkit-keyframes kosherInfoHeight{
	0%{
		height: 20%;
	}
	100%{
		height: 70%;
	}
}

@keyframes kosherInfoHeight{
	0%{
		height: 20%;
	}
	100%{
		height: 70%;
	}
}

.kosherInfo{
	text-align: center;
}
.kosherInfo div.twoKosher{
	display: block;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	opacity: 0;
}
.kosherInfo .extraKosher{
	opacity: 0;
	font-size: 1.7em;
	text-align: center;
}
.kosherInfo .extraKosher p{
	display: inline-block;
}
.fadeIn2s{
	-webkit-animation: fadeIn .8s 2s forwards;
	animation: fadeIn .8s 2s forwards;
}
.fadeIn3s{
	-webkit-animation: fadeIn .8s 3s forwards;
	animation: fadeIn .8s 3s forwards;
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.kosherInfo  div.twoKosher div{
	/*opacity: 0;*/
	float: left;
	display: inline-block;
	font-size: 1.5em;
	/*text-align: center;*/
	/*border: 2px solid;*/
	width: 40%;
	height: 200px;
}
.kosherInfo div img{
	vertical-align: middle;
	max-width: 100%;
}
.kosherInfo .twoKosher div:nth-child(1){
	margin-right: 10%;
}
.imgContainer img{
max-width: 100%;
max-height:100%;
border: 10px solid white;
position: relative;
outline: 1px solid transparent;
box-shadow: 0px 10px 2px rgba(0,0,0,0.3)
/*transform:scale(1.1);*/
}

.imgContainer img:after{
border-radius: 0 0 50% 50% / 0 0 10px 10px;
bottom: 0;
content:"";
box-shadow:0 10px 10px rgba(0,0,0,0.5);
background: transparent;
z-index: 10000;
height: 20px;
left: 10px;
position: absolute;
right: 10px;
}
.firstSection .textSection{
width: 80%;
margin: 2% auto;
text-align: center;
line-height: 2em;

}
.firstSection .textSection h1{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-weight: 700;
color:transparent;
line-height: 1.3em;

}
.blurFadeIn{
	-webkit-animation: blurFadeIn 1s 1s ease forwards;
	animation: blurFadeIn 1s 1s ease forwards;
}
hr{
border: none;
border-bottom: 1px solid #e3ebee;
box-shadow: 0px 2px 1px rgba(255,255,255,0.2);
}
@-webkit-keyframes blurFadeIn{
0%{
	opacity: 0;
	text-shadow: 0px 0px 40px white;
	transform: scale(1.7);
}
100%{
	opacity:1;
	text-shadow: 0px 0px 1px white;
	transform: scale(1);
	color:white;
}
}
@keyframes blurFadeIn{
0%{
	opacity: 0;
	text-shadow: 0px 0px 40px white;
	transform: scale(1.7);
}
100%{
	opacity:1;
	text-shadow: 0px 0px 1px white;
	transform: scale(1);
	color:white;
}
}


.secondSection{
/*background: powderblue;*/
min-width: 100%;
height: 100%;
/*background: linear-gradient(230deg, rgb(75, 207, 147), rgb(75, 121, 207), rgb(162, 75, 207));*/
/* background: #cecece; */
background-size: 200%; 
position: relative;
/*background-position: fixed;*/


-webkit-animation: AnimationName 5 ease infinite;
-moz-animation: AnimationName 5 ease infinite;
animation: AnimationName 5 ease infinite;


}
.secondSection:before, .secondSection:after{
	z-index: -1;
	  position: absolute;
	  content: "";
	  bottom: 20px;
	  left: 10px;
	  width: 50%;
	  top: 80%;
	  max-width:50%;
	  background: #777;
	  box-shadow: 0 30px 10px rgba(0,0,0,0.5);
	  transform: rotate(-3deg);
}
.secondSection:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.secondWrapper{
width: 90%;
margin: 0 auto;
/*overflow: hidden;*/
text-align: center;
padding: 1em;
}
.picsWrapper{
width: 24%;
height: 40vh;
opacity: 0;
margin-left: .5em;
position: relative;
top:-70px;
padding: 1em;
cursor: pointer;
display: inline-block;
text-align: center;
margin-bottom: 0;
vertical-align: top;
color:black;
/*border-bottom: 1px solid brown;*/
}
.picDecoration{
display: block;
height:100%;
}
.pics{
transition: all;
border: 5px solid white;
border-radius: 5px;
overflow: hidden;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
width: 100%;
height: 100%;
/*height: 100%;*/
z-index: 0;
position: relative;
}

.pics h1{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 
	text-align: center;
	text-shadow:1px 1px 1px rgba(0,0,0,0.3);
	line-height: 7;
	/*background: rgba(255,255,255,0.4);*/
	color:white;
	background: rgba(0,0,0,0.4);
	transition:1s;
}
.pics:hover h1{
	background: none;
	color:transparent;
	text-shadow:none;
}
/*.pics:nth-child(even){
margin-bottom: 1em;
}*/


.scale{
animation: scale 1s forwards;
}

.picsWrapper:hover{
z-index: 10;
}
@keyframes scale{
0%{
	/*border: 0px solid gray;*/
	transform: scale(1);
}
100%{
	/*border: 5px solid white;*/
	transform: scale(1.3);
	box-shadow: -3px 3px 5px 3px rgba(0,0,0,0.3);
}
}
@keyframes reduce{
0%{
	transform: scale(1.3);
}
100%{
	transform: scale(1);
}
}
.reduce{
animation :reduce 1s forwards;
}

.pics.chicken{
-webkit-background: url("mealmartImg/chickenOnShelf500.jpg") no-repeat;
background: url("mealmartImg/chickenOnShelf500.jpg") no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;

}
.pics:after, .pics:after{

position: absolute;
bottom: -20px;
left: 0;
right: 0;
height: 20px;
background: rgba(0,0,0,0.2);
color:white;
z-index: -1;
transition:bottom .5s .5s ease;
}
.pics:hover:after{
	bottom:0;
}
.pics.chicken:after{
	content:"Lots of BBQ Chicken ";
}
.pics.fish:after{
	content:"Baked Salmon ";
}
.pics.deli:after{
	content:"Deli Platter";
}
.pics.salads:after{
	content:"Salads";
}
.pics.soup:after{
	content:"Vegetable Soup";
}
.pics.sideDishes:after{
	content:"Side Dishes";
}
.pics.knishes:after{
	content:"Potato Knishes";
}
.pics.kugels:after{
	content:"Potato Kugel";
}
.pics.fish{
background: url("mealmartImg/salmonPlate500.jpg") no-repeat;
-webkit-background-size: cover;
background-size: cover;

}
.pics.deli{
background: url("mealmartImg/deliplate300.jpg") no-repeat;
background-size: cover;
}
.pics.salads{
background: url("mealmartImg/salads.jpg") no-repeat;
background-size: cover;
}
.pics.soup{
background: url("mealmartImg/soup.jpg") no-repeat;
background-size: cover;
}
.pics.sideDishes{
background: url("mealmartImg/sideDishes.jpg") no-repeat;
background-size: cover;
}
.pics.knishes{
background: url("mealmartImg/knishes500.jpg") no-repeat;
background-size: cover;
}
.pics.kugels{
background: url("mealmartImg/potatoKugel500.jpg") no-repeat;
background-size: cover;
}


.specials{     /*outer*/
/*background: steelblue;*/
background: -webkit-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* Chrome 10+, Saf5.1+ */
/*background:    -moz-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* FF3.6+ */
background:     -ms-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* IE10 */
background:      -o-linear-gradient(90deg, #24C6DC 10%, #514A9D 90%); /* Opera 11.10+ */
background-image:  url(http://www.transparenttextures.com/patterns/noise-pattern-with-subtle-cross-lines.png), linear-gradient(90deg, #24C6DC 10%, #514A9D 90%);
/* background-image: ; */
/* height: 100vh;
height: 120%;
min-height: 100vh; */
z-index: -1;
width: 100%;
position: fixed;
top: 0;
bottom: 0;
right: 0;

}
.specialTitle{
text-align: center;
font-family: 'Fontdiner Swanky', cursive;
color:tomato;
}
.specialsSection{
	/*padding-top: 50px;*/
	display: table;
	width: 90%;
	margin: 0px auto;
	border-collapse: separate;
	border-spacing: 1.2em;
	font-size: .9em;
}
.special{
	display: table-cell;
	width: 30%;
	/*height: 50%;*/
	background: skyblue;
	vertical-align: middle;
	box-shadow: 0px 5px 40px rgba(0,0,0,0.9);
	padding: 1em;
	border-radius: 3px;
	position: relative;
	border-radius: 120px 120px 0 0/ 20px 20px 0 0 ;

	background: -webkit-linear-gradient( #DAE2F8 10%, #D6A4A4 90%); /* Chrome 10+, Saf5.1+ */
	background:    -moz-linear-gradient( #DAE2F8 10%, #D6A4A4 90%); /* FF3.6+ */
	background:     -ms-linear-gradient( #DAE2F8 10%, #D6A4A4 90%); /* IE10 */
	background:      -o-linear-gradient( #DAE2F8 10%, #D6A4A4 90%); /* Opera 11.10+ */
	background:         linear-gradient( #DAE2F8 10%, #D6A4A4 90%); /* W3C */
	      
	/*margin-right: 2%;*/
}
hr{
	margin-top: .5em;
	margin-bottom: .5em;
	border: none;
	border-bottom: 1px solid #ccc;
}
label.price{
	font-weight: 600;
	right: -3px;
	position: absolute;
	display: inline-block;
	width: 120px;
	height: 40px;
	font-size: 24px;
	line-height: 40px;
	background: #ffdc40;
	text-shadow: rgba(255,255,255,0.2) 1px 1px, rgba(255,255,255,0.2) 1px 1px;
	border-radius: 0 3px 2px 0px;
	z-index: 5;
}
label.price:after{
	content:"";
	position: absolute;
	right: 100%;
	bottom: 0;
	width: 0;
	height: 0;
	display: inline-block;
	line-height: 0;
	border-width: 20px;
	border-style: solid;
	/*z-index: ;*/
	border-color: #ffdc40 #ffdc40 #ffdc40 transparent;
}
label.price:before{
content: "";
position: absolute;
/*bottom: -50px;*/
/*background: blue;*/
width: 120px;
left: -35px;
height: 10px;
/*	box-shadow: 0 5px 14px rgba(0,0,0,0.4);*/
z-index: -30;
transform:skew(-5deg) rotate(-5deg);
}
.special img{
	width: 160px;
	height: 160px;
	border: 5px solid white;
	z-index: -2;

}

.bbqImgWrapper{
	width: 160px;
	height: 160px;
	/*border: 5px solid white;*/
	/*z-index: -2;*/
	position: relative;
	display: inline-block;
}

.bbqImgWrapper img.active{
	z-index: 1000;
}
.bbq img{
	position: absolute;
	/*z-index: 1;*/
	left: 0;
	right: 0;
	top: 0;
	/*z-index: 1;*/
	border: 5px solid white;
}

.special h2{
	/*white-space: nowrap;*/
	text-align: center;
}
.special ul{
	list-style: none;
}
.bbq p{
	text-align: center;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
}
.description h1{
	text-align: center;
}
.bbqsalads{
	width: 50%;
	float: left;
	text-align: center;
}
.bbqsideDishes{
	width: 50%;
	float: right;
	text-align: center;
}
.deli ul, .deli p{
	font-size: 1.2em;
	text-align: center;
}
.deli h2, .hero h2, .bbq h2{
	/*color:green;*/
	text-shadow: 1px 1px 1px limegreen;
}
.hero h1{
	font-size: 2em;
}
.hero ul{
	text-align: center;
	font-size: 1.3em;
}
.hero p{
	font-size: 1.2em;
	text-align: center;
	font-style: italic;
	font-family: 'Josefin Sans', sans-serif;
}
.hero label{
	padding-right: 1.5em;
}

.special ul li{
	position: relative;
	z-index: 1000;
	font-family: 'Josefin Sans', sans-serif;
}
/*.after{
	height: 100vh;
	background: transparent;
	visibility: hidden;
	opacity: 0;

}*/
.carouselSection{
	position: relative;
	top: 90vh;
	min-height:200px;

	z-index: 2000;
	display: none;
	/*overflow: hidden;*/
	/*background: skyblue;*/
}
.carouselSlide{
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.carouselSlide img{
	width: 100%;
	max-height: 200px;
	min-height: 200px;
}
.carouselSection .moreImages{
	position: absolute;
	bottom: -1.8em;
	right: 0;
	color:white;
	display: inline-block;
	background: rgba(0,0,0,0.1);
	padding:.2em .9em;
	z-index: 2000;
}
.leftArrowContainer{
	position: absolute;
	top: 50%;
	right: -70px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.rightArrowContainer{
	position: absolute;
	top:50%;
	left: -70px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.left-arrow, .right-arrow{
	display: inline-block;
	height: 60px;
	width: 60px;
	border: 4px solid #fff;
	border-radius: 100%;
	transition: all .3s;
	position: relative;
}
.left-arrow:before, .left-arrow:after{
	content:"";
	position: absolute;
	/*top: 26px;*/
	width: 18px;
	border: 2px solid #fff;
	transition: all 0.3s;
	background: red;
}
.left-arrow:before{
	transform: rotateZ(-35deg);
	top: 24px;
	left: 15px;
}
.left-arrow:after{
	top:35px;
	border-color: #fff;
	transform:rotateZ(35deg); left: 15px;
}

.right-arrow:before, .right-arrow:after{
	content:"";
	position: absolute;
	width: 18px;
	border: 2px solid #fff;
	transition: all 0.3s;
}
.right-arrow:before{
	transform: rotateZ(35deg);
	top: 24px;
	left: 15px;
}
.right-arrow:after{
	transform: rotatez(-35deg);
	left: 15px;
	top: 35px;
}

.left-arrow:hover, .right-arrow:hover{
	cursor: pointer;
	border-width: 0;
}
#prev, #next{
	position: absolute;
}
nav, .menuToggle{
	display: none;

}

div.responsive img { width: auto; height: auto }

.footer{
	position: relative;
	top: 200vh;
	/* min-height: 100vh; */
	background: steelblue;
	z-index: 2000;
	/*max-height: 100%;*/
	height: 100%;
}
.innerfooter{
	width: 90%;
	margin: 0 auto;
	/*padding: 10em;*/
}
.storeHours{
	margin-top: 1em;
	width: 100%;
	/*background: #42433F;*/
	background: #0090C0;
	padding: .5em 0;
}
.hoursTable{
	table-layout: fixed;
	margin-left: auto;
	margin-right: auto;
}
.hoursTable th{
	background: steelblue;
	padding: .8em;
}
.hoursTable td{
	background: steelblue;
	padding: .8em;
	border-spacing: .2em;
}
.takeoutSlider{
	margin-left: 20%;
}
.footerLeft{
	width: 40%;
}
.left{
	float:left;
}
#map{
	width: 400px;
	height: 500px;
	max-height: 100%;
	margin-left: 1em;
}
.footerRight{
	width: 20%;
	margin-left: 1em;
}
.platterBtn{
	width: 100%;
}
.platterButton{
	text-align: center;
}
.platterButton *, .platterButton :before, .platterButton :after{
	box-sizing: border-box;
	
}

	.button,
	[class^="button-"] {
	  position: relative;
	  display: inline-block;
	  overflow: hidden;
	  float: left;
	  margin: 0 1em 1em 0;
	  padding: 0 4em;
	  height: 3.5em;
	  font: 300 1em/3.5em 'Open Sans', sans-serif;
	  text-decoration: none;
	  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
	  text-align: center;
	  letter-spacing: .08em;
	  color: #fff;
	  background: #0090C0;
	  border: solid 1px #fff;
	  border-radius: 2px;
	  -moz-transition: ease 0.35s all;
	  -o-transition: ease 0.35s all;
	  -webkit-transition: ease 0.35s all;
	  transition: ease 0.35s all;
	}
	 [class^="button-"]:hover{
		background: #007da7;
		box-shadow: 0 0 3px rgba(0,0,0,0.5) inset;
	}
	 .button:hover,
	[class^="button-"]:hover {
	  background: #007DA7;
	  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	}
	 .button-hover:hover {
	  line-height: 9em;
	}
	 .button-hover:before{
		content: attr(data-text);
		  color: #DEEFF5;
		  position: absolute;
		  top: -2.75em;
	}
	.cateringButton .button,
	[class^="button-"]{ 
		float: none;
	}
	.storeInfo{
		margin-top: 1em;
	}
	.storeInfo > div{
		background: #0090C0;
		color:white;
		display: inline-block;
		vertical-align: bottom;
		width: 90%;
		margin: 0 auto;
		padding-left: .2em;
		margin-bottom: .2em;
	}
	.descStore{
		background: #0090C0;
		color:white;
		padding: .5em;
		margin-bottom: 1em;
	}
	.descStore a{
		color: white;
	}
	.descStore a:hover{
		text-decoration: none;
	}

	/*.storeInfo > .address { 
		text-align: center;
		color: white;
	}*/
	/*.storeInfo > div:not(.address) { 
		padding: .5em;
	}*/

@media only screen and (min-width: 0px) and (max-width:800px){
	 html{
		overflow-x: hidden;
		width: 100%;
	}
	body{
		width: 100%;
		overflow-x: hidden;
	}
	.header{
		height: 100px;
	}
/*	.logoWrapper img{
		display: inline-block;
		margin: 0 auto;
		text-align: center;
		outline: 1px solid transparent;
		height: 50px;
		max-width: 100%;
		-webkit-transform:scale(1.1, 1.2) translateY(20%);
		transform:scale(1.1, 1.2) translateY(20%);
	}*/
	.secondWrapper{
			width: 100%;
			padding: 0;	
		
	}
	.picsWrapper{
		margin-left: 0;
		display: inline-block;
		width:40%;
		float: left;
		font-size: 1em;
	}

	.logoSection{
		/*float: left;*/
		width: 50%;

	}
	.logoSection .logoWrapper{
		/*position: static;*/
		width: 100%;
		border-radius:0;
		top: 20px;
		left: 10px;
		/*padding: 0;*/
		border: transparent;
		box-shadow: 0 0 0 5px #fff, 0 0 3px 15px rgba(0, 0, 0, 0.3)

	}
	.leftSideHeader, .rightSideHeader{
		background: green;
		display: none;
	}
	.menuToggle{
		display: block;
		position: relative;
		top: 20px;
		right: 10px;
		width: 30%;
		float: right;
		border: 2px solid white;
		padding: .5em 1em;
		color:white;
		background: steelblue;
		text-align: center;
	}
	
	nav{
		display: block;
		/*position: relative;*/
		top: -20px;
		height: 0;
		overflow: hidden;
		text-align: center;
		/*transition: all 1s;*/
		transition :all 0.5s ease-out;
		list-style-type: none;
	}
	nav a{
		display: block;
		width: 100%;
		text-decoration: none;
		border-bottom: 1px solid black;
		background: steelblue;
		color: white;
		padding: .5em 0; 
		font-size: 1.2em;
	}
	.activeMenu{
		height: 400%;
		display: block;
		transform:translateY(-10%);
		transition :all 0.5s ease-out;
	}
	.special{
		width: 100%;
		display: block;
		height: 100%;
		padding: 0;
		margin-bottom: 1em;
	}
	.special.bbq{
		min-height: 140%;
		padding-bottom: 100px;
		/*background: red;*/
	}
	.specials{
		min-height: 100%;
		position: static;
	}
	.carouselSection{
		top: 0;
	}
	.footer{
		top:0;
	}
	.pics{
		height: 250px;
		overflow: hidden;
	}
	.entrySlideContainer{
		overflow: hidden;
	}
	.takeoutSlider{
		margin-left: 2%;
	}
	.footerLeft{
		width: 100%;
	}
	.footerRight{
		width: 100%;
		margin-top: 1em;
		margin-left: 0;
	}
	.footerMid{
		margin-top: 1em;
	}
	#map{
		width: 200px;
		height: 250px;
		margin : 0 auto;
		border:1px solid gray;
	}
	.thanksGivingButton{
		display: none;
	}
}