/* 
Theme Name: MES STUDIOS
Theme URI: http://www.messtudios.com
Description: This theme was created by Owen Piccirillo - MESstudios.
Version: 100.0
Author: Owen Piccirillo
Author URI: http://www.messtudios.com

ccs3 Notes
-------------------------------------------------------------------------------	

img {
width: 100%;1
height: auto;
width: auto\9;
vertical-align: middle;
}

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

-webkit-transition: all 400ms ease;1
-moz-transition: all 400ms ease;
-o-transition: all 400ms ease;
-ms-transition: all 400ms ease;1
transition: all 400ms ease;

filter: alpha(opacity=50);1
opacity: 0.5;

box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:  0px 0px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

-webkit-appearance: none;

background: url(img/xxx.jpg) center center;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/xxx.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/xxx.jpg', sizingMethod='scale')";


/* Main and Reset
---------------------------------------------------------------------------------*/
* {	margin: 0;	padding: 0;	outline:none; -webkit-text-size-adjust: 100%;	}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul, li {list-style-type: none }
.clr {clear:both;}
img {border:0;}
a:link, a:visited, a:hover, a.selected {   text-decoration:none;}
input {
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
	outline:none;

}
.left {float:left;}
.right {float:right;}

body {
	font-family: 'Anton', sans-serif;
	font-family: 'Economica', sans-serif;
	font-size:20px;
	overflow-x:hidden;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
	min-width:320px;
}
body, html {
	width:100%;
	height:100%;
	position:relative;
}

p { padding-bottom:10px;}

.wow {
  visibility: hidden;
}







/* Header
---------------------------------------------------------------------------------*/
.logo {
	position:absolute;
	top:15px;
	left:50%;
	margin-left: -250px;
	z-index:10;
	background: url("/img/logo-west-end-pizza-long-beach.png") no-repeat;
	background-size:500px 157px;
	text-indent:-9999px;
	width:500px;
	height:157px;
	
	z-index: 10003;
 
}
 

.logo h1 a:link, .logo h1 a:visited {
	display:block;
	width:500px;
	height:157px;
}


.logo:active {
	margin-top: 2px;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}


.logo-scroll { 
	background-size:120px 109px;
	width:120px;
	height:109px;
}

.a-button {
	text-decoration: none !important;
    color: #fff;
    background: #d4232b;
    padding: 10px 25px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 4px solid #b31616;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
    font-weight: bold;
    margin-bottom: 5px !important;
    text-align: center;
}


.a-button-helper {
	font-size: 20px !important;
	position: absolute;
	bottom: -65px;
	text-align: center;
	width: 100%;
	letter-spacing: 1px;
	line-height: 27px;
}
.a-button-helper a:hover {
	text-decoration: underline;
}

.a-button:hover {
	
}
.phone-top-o {
	position:absolute;
	top:21px;
	right:70px;
	z-index:10;
	display:none;
}
.phone-top-o a:link, .phone-top-o a:visited {
	color:#fff;
	letter-spacing: 3px;
	font-size:16px;
	font-weight:bold;
	text-decoration:none !important;
}


.directions-top {
	position:absolute;
	top:14px;
	right:105px;
	z-index:10;
	display:none;	
}
.directions-top a:link, .directions-top a:visited {
	color:#fef9db;
	font-size:20px;
	font-weight:100;
	text-decoration:none !important;
}



#header {
	xbackground: url("/img/bg-top.png") center center repeat-x;
	background-size:521px 62px;1
	height:60px;
	width:100%;
	display:block;
	position:absolute;
	z-index:1000;
	min-width:320px;
}

.logo-krispy img{
	width: 500px;
}









.home-title {
	position: absolute;
	bottom: 25%; 
	margin-bottom: -30px;
	margin-left: 10%;
	color: white;
	z-index: 100;
	width: 80%;
	text-align: center;
}

.contact-title {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 37%;
	z-index: 1000;
	color: white;
} 
.contact-title p {
	font-size: 38px;
	font-weight: bold;
}

.contact-title a:link{
	display: block;
	max-width: 260px;
	margin: 0 auto;
} 

/*
.home-title p {
	letter-spacing: 10px;
	line-height: 90px;
	
	font-size: 79px;
	text-shadow: 0px 0px 10px #000; 
	padding: 0px 5px;
	padding-bottom: 15px;2
	max-width: 1000px;
	margin: 0 auto;
}
*/
 
 .home-title u {
	padding: 19px 0px 20px 30px;
	display: inline-block;
	text-decoration: none;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.home-title u:hover {
	padding-right: 10px;
}
 

.home-title a{
	position: relative;
   

}
 

.body-contact .home-title a {
    width: 255px;
    display: block;
    margin: 0 auto 4px;
    background: #2c9920;
    font-size: 18px;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff
}
.body-contact .home-title u {
    padding: 19px 30px 20px 10px;
    letter-spacing: 3px;
}

.body-contact .home-title a i {
    padding: 0px 0px 0px 30px;
}




.coupon-box .mc-field-group {
	text-align: left;
}

.coupon-box input.email {
	width: 100%;
	border: none;
	padding: 15px;
	margin: 10px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.coupon-box input.birthday {
	width: 60px;
	border: none;
	padding: 15px;
	margin: 10px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}
.coupon-box input[type='submit'] {
	width: 100%;
	border: none;
	padding: 10px;
	display: block;
    xborder: 1px solid #fff;
    background: #ba1f38;
    wcidth: 240px;
    height: 50px; 
    font-size: 24px;
    margin: auto;
    color: #fff;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);
    -webkit-transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
    transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	
}






/* Nav - Pluggin - js needed
---------------------------------------------------------------------------------*/

#nav {
	display:none;
}

#page-wrapper {
	height:100%;
	width:100%;
	xmin-height:550px;
}

.header-navigation { 
	position: fixed;
	z-index: 10000;
	top: 105px;
	right: 16px;
}
 
.header-navigation ul {
	float: right; 
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow: none;
	background: white; 
} 
.header-navigation ul li{
	display: block;
	
} 
.header-navigation ul li img {
    max-width: 10px;
    position: relative;
    top: -3px;
    left: 5px;
}
.header-navigation li a:link, .header-navigation li a:visited  {
	color: #5f5f5f; 
	display: block;
	padding: 10px 40px 10px 15px;  
    font-size: 24px; 
    letter-spacing: 1px;
	
}
.header-navigation li a:hover{
	color: #fff !important;
	background: #d4232b;
} 
.header-navigation .selected{
	color: #fff !important;
	background: #d4232b;
} 

.oo-nav:hover {
	color: white !important;
} 
.body-home .slider-wrapper .bx-controls {
	display: none !important;
}
.body-contact .slider-wrapper .bx-controls {
	display: none !important;
}



.home-outside-wrapper {
	height: 692px;
	position: relative;
	z-index: 1000; 
	position: relative;
	z-index: 10;
	background: url(img/pic-gallery-2d.jpg) center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pic-gallery-2d.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pic-gallery-2d.jpg', sizingMethod='scale')";	
}

.home-outside-wrapper {
	height: 600px;
}




/* Hamburger
-----------------------------------------*/
.nav-container {   
	height: 61px;
	width: 61px; 
	padding-top:21px; 
	cursor: pointer;
	position:fixed;
	top: 22px;
	right: 15px;
	z-index: 1001;   
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
	background: white; 
}
.nav-container:active {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);  
}
.nav-container span {
  -webkit-transition: all .8s cubic-bezier(0.1, 7, 0.1, 0.1);
  transition: all .8s cubic-bezier(0.1, 7, 0.1, 0.1);
  display: block;
  xcursor: pointer; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.active {
  background: #000;
  width: 25px;
  height: 5px;
  margin-top: 3px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.cross {
  background: #000;
   width: 25px;
  height: 5px;
  margin-top: 7px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}
.cross:nth-of-type(1) {
  -webkit-transform: rotate(41deg);
          transform: rotate(41deg);
}
.cross:nth-of-type(2) {
  -webkit-transform: rotate(-41deg);
          transform: rotate(-41deg);
  margin-top: -5px;
} 
 
 
 
 
 
 
 
 




/* Content
---------------------------------------------------------------------------------*/
.home-box {
	position:absolute;
	bottom:26px;
	color:#FFF;
	z-index:100;
	text-align:center;
	width:100%;
	background: url("/img/bg-homebox.png") bottom repeat-x;
}
.home-box h1 {
	font-size:66px;
	color:#ffe4af;
	font-weight:100;
	font-family: 'BrushScriptStd';
	text-shadow:0px 3px 0px #000;
	line-height:53px;
}
.home-box p {
	font-size:14px;
	color:#fff;
	max-width:820px;
	margin:0 auto;
	line-height:18px;
	color: #ccc;
	font-style: italic;
	padding: 0px 20px;
}
.home-box a:link, .home-box a:visited{
	color: #fff !important;
}
.home-box p a:hover{
	text-decoration: underline;
	color: #fff;
}
.home-box p span {
	color:#ccc;
	font-style:italic;
}
.home-box img {
	max-width: 150px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	padding:100px 0px 20px 0px;
}














/* Home
---------------------------------------------------------------------------------*/

.about-wrapper {
	background:url(img/bg.jpg) no-repeat top center;
	background-size:1600px 1072px;
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
	position:relative;
	z-index:99;
}
.pizza-wrapper {
	background:url(img/bg.jpg);	
	background-size:250px 605px;
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
	position:relative;
	z-index:98;
}
.party-wrapper {
	background:#000;	
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
	position:relative;
	z-index:97;
}
.about-inner-wrapper {
	background:#000;	
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
	position:relative;
	z-index:97;
}1
.home-left-intro {
	position:relative;
	float:left;
	width:50%;
	display:table;
	height:450px;
}
.home-left-intro-content {
	display:table-cell;
	vertical-align:middle;
	margin:0 auto;	
	text-align:center;
	height:450px;
}
.home-left-intro h2 {
	font-size:38px;
	color:#f9fbd3;
	font-weight:100;
	font-family: 'BrushScriptStd';
	text-shadow:0px 1px 0px #000;
}
.home-left-intro p {
	font-size:14px;
	max-width:650px;
	margin:0 auto;
	line-height:22px;
	color:#f2f2f2;
	padding:0px 15px;
}
.home-left-intro a:link, .home-left-intro a:visited {
	display:inline-block;
	padding:8px 40px;
	margin-top:10px;
	color:#fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fff;
	text-decoration:none !important;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.home-left-intro a:hover  {
	background-color:#fff;
	color:#333 !important;
}
.home-right-intro {
	height:450px;
	position:relative;
	float:right;
	z-index:1;
	width:50%;
	background:url(/img/pic-home-bar.jpg) center center no-repeat; 
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-bar.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-bar.jpg', sizingMethod='scale')";
}

.pizza-right-intro {
	height:450px;
	position:relative;
	float:left;
	z-index:1;
	width:50%;
	background:url(/img/pic-home-pizza.jpg) center center no-repeat; 
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-pizza.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-pizza.jpg', sizingMethod='scale')";
}

.party-right-intro {
	position:relative;
	z-index:1;
	width:100%;
	display:table;
	background:url(/img/pic-home-party.jpg) center center no-repeat; 
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-party.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-party.jpg', sizingMethod='scale')";
}
.about-right-intro {
	position:relative;
	z-index:1;
	width:100%;
	display:table;
	background:url(/img/pic-about.jpg) center center no-repeat; 
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-about.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-about.jpg', sizingMethod='scale')";
	height:400px;
}




.party-right-intro-content {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	height:650px;
	width:100%;
}

.party-right-intro h2 {
	font-size:38px;
	color:#f9fbd3;
	font-weight:100;
	font-family: 'BrushScriptStd';
	text-shadow:0px 1px 0px #000;
}
.party-right-intro p {
	font-size:14px;
	max-width:650px;
	margin:0 auto;
	line-height:22px;
	color:#f2f2f2;
	padding:0px 15px;
}
.party-right-intro a:link, .party-right-intro a:visited {
	display:inline-block;
	padding:8px 40px;
	margin-top:10px;
	color:#fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fff;
	text-decoration:none !important;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.party-right-intro a:hover {
	background-color:#fff;
	color:#333 !important;
}

















/* Email list
---------------------------------------------------------------------------------*/
.email-list-wrapper {
	background:url(img/bg.jpg);
	background-size:250px 605px;
	border-bottom:1px solid #000;
	position:relative;
	z-index:96;	
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
}
.email-list {
	padding:80px 20px;
	text-align:center;
}

.email-list h3{
	font-size:38px;
	color:#f9fbd3;
	font-weight:100;
	font-family: 'BrushScriptStd';
	text-shadow:0px 1px 0px #000;
}
.email-list p{
	color:#fff;
	font-size:14px;
}
.email-fix {
	max-width: 330px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	margin-bottom:15px;
}
.bottle-fix {
	max-width: 85px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	margin-bottom:15px;
}
.fork-fix {
	max-width: 75px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	margin-bottom:15px;
}
.plane-fix {
	max-width: 75px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	margin-bottom:15px;
}
.stars-fix {
	max-width: 150px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	margin-bottom:15px;
}
.email-submit-link {
	display:inline-block;
	padding:8px 40px;
	margin-top:10px;
	color:#fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fff;
	text-decoration:none !important;
	
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.email-submit-link:hover {
	background-color:#fff;
	color:#333 !important;
}


.img-holder {
	height:300px;
}


 














/* Instagram
---------------------------------------------------------------------------------*/
.insta-wrapper {
	width: 100%;
	padding: 15px;
	position: relative;
	z-index: 100;
	background: white;
}
.insta-post {
	margin:15px; 
	
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover; 
	-o-background-size: cover;
	
}
.insta-square {
	position: relative;
	width: 25%;
	float: left;
	display:block;
}	
.insta-post img {
	width: 100%;
	height: 100%;
	display:block;
}


.instagram-spot { 
	background: url(img/icon-squares.png) repeat-x;
	background-size: 38px 38px; 
}

.instagram-spot a {
	font-size: 34px;
	color: #000 !important;
	background: white;
	display: inline-block;
	padding: 5px 20px;
}
.instagram-spot a span {
	color: #d4232b !important;
}



.square-white {
	height: 38px;
	margin-bottom: 30px;
	background: url(img/icon-squares-white.png) repeat-x;
	background-size: 38px 38px; 
}
.square-red { 
	height: 38px;
	padding: 18px 0px;
	margin: 5px 5px;
	background: url(img/icon-squares-red.png) repeat-x #fff;
	background-size: 38px 38px; 
}

.square-black { 
	height: 38px;
	padding: 18px 0px;
	margin: 5px 5px;
	background: url(img/icon-squares.png) repeat-x #fff;
	background-size: 38px 38px; 
}




#MyGmaps > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) {display: none;}
#MyGmaps > div > div:nth-child(1) > div:nth-child(3) > div:nth-child(4) > div > div:nth-child(3) img {display: none;}





/* Footer
---------------------------------------------------------------------------------*/
.footer-wrapper {
	position: relative;
	z-index: 25;
	padding:20px 0px 25px 0px; 
	box-shadow: inset 0px 2px 3px #000;
	-webkit-box-shadow:  inset 0px 2px 3px #000;
	-moz-box-shadow: inset 0px 2px 3px #000;
	

background: url(img/bg-bottom2.jpg) top center;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-bottom.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-bottom.jpg', sizingMethod='scale')";	
	
}
.footer {
	max-width:980px;
	margin:0 auto;
	padding:0px 10px;
	text-align:center;
	color: white;
}

.footer a{
	color: white;
	
}

.footer ul {
	margin:10px 0px 20px;
}
.footer li {
	display:inline-block;
}
.footer li a:link, .footer li a:visited{
	color:#FFF;
	font-size: 27px;
	line-height: 28px;
	display:inline-block;
	padding:10px 10px;
	text-transform:uppercase;
	text-decoration:none !important; 
}
.footer li a:hover, .footer li a.selected {
	color:#fef9db;
	text-decoration:underline !important;
} 
.footer-social img{
	max-width: 50px;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	padding:5px;
	margin:5px 5px;
}
.copyright {
	color:#CCC;
	padding:10px 10px;
	font-size:12px;
}
.copyright a:link, .copyright a:visited {
	text-decoration:none !important;
	color: #fff;
	background: #d4232b;
	padding: 15px 25px;
	margin-bottom: 10px;
	display: inline-block;
	font-size: 22px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-bottom: 4px solid #b31616;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:  0px 0px 5px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);	
	font-weight: bold;
}
.copyright a:hover {
	text-decoration:underline !important; 
}



















/* Directions
---------------------------------------------------------------------------------*/
.map-wrapper {
	width:100%;
	height:800px;
	position: relative;
	z-index:1;	
}

.outside-big {
    color: #fff;
    font-size: 278px;
    padding-top: 170px;
    text-align: center;
    filter: alpha(opacity=20);
    opacity: 0.2;
}
.home-outside-padding p {
    position: absolute;
    width: 100%;
    bottom: 20px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
    padding: 15px;
}
 
.prommo-link .fa{
	float:right;
}
.prommo-link {
	position:absolute;
	top:74px;
	right:10px;
	z-index:300;
}

.prommo-link a { 
	 opacity: 0.7;
     filter:  alpha(opacity=70);
     background-color:  #000;
     color:  #fff;
     font-size: 12px;
     font-weight: bold;
     text-decoration:  none;
     padding:  12px 10px 12px 10px;
     cursor:  pointer;
     -webkit-transition:  all .25s linear;
     -moz-transition:  all .25s linear;
     -o-transition:  all .25s linear;
     -ms-transition:  all .25s linear;
     transition:  all .25s linear;
	 -webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
	 display:block;
	 margin-bottom:3px;
}
.prommo-link a:hover { opacity: 1; filter: alpha(opacity=100); background-color:#FFF; color:#000 !important; }















/* Menu
---------------------------------------------------------------------------------*/
.menu-page-wrapper { 
	position:relative;
	z-index:98;
	background-color:#000; 

}
.menu-page {
	position:relative; 
	margin:0 auto;
	padding:140px 10px 20px;
	max-width: 1300px;
	margin: 0 auto;
}
.menu-page img{
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle; 
	border: 6px solid #A92225;
}

.menu-button-wrapper {
	padding:0px 10px 0px 10px;
}
 
.menu-box {
}
.menu-padding {
	margin: 0px 5px 5px; 
	background: #fff; 
}
.menu-left {
	float:left;
	width:33.3333%;
}
.menu-right {
	float:right;
	width:49.5%;
}

.menu-half-l {
	float:left;
	width:49.5%;
}
.menu-half-r {
	float:right;
	width:49.5%;
}

.menu-section {
	position:relative;
	padding:8px 3px;
	margin-bottom:5px;
}
.menu-section:nth-child(odd) {
	background-color:#f6efe8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.menu-box h2 {
	padding:10px 0px;
	margin-bottom:10px;
	border-bottom:3px double #f0d7be;
	text-align:center;
}
.menu-section h3 {
	padding-right:47px;
	text-transform:capitalize;
}
p.menu-price {
	position:absolute;
	top:0px;
	right:0px;
	padding:6px 3px 5px 2px;
	font-size:16px;
}
.menu-section p {
	text-transform:lowercase;
	padding-bottom:0px;
}
.menu-divider {
	height:20px;
}

.menu-box img {
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	xborder:5px solid #fff; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	xmargin-bottom:10px;
}





















/* Contact Page
---------------------------------------------------------------------------------*/
.about-page-wrapper {
	background:url(img/bg.jpg);
	background-size:250px 605px;
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
	position:relative;
	z-index:98;
}
.about-page {
	position:relative;
	max-width:1240px;
	margin:0 auto;
	padding:15px 10px 0px;
}
.about-page-content {
	background-color:#FFF;
	padding:20px;
}
.about-left {
	float:left;
	width:50%;
	padding:10px;
	line-height:20px;
}
.about-right {
	float:right;
	width:50%;
	padding:10px;
	line-height:20px;
}

.about-page-content h2 {
	border-bottom:1px solid #968970;
	color:#7c0606;
	margin-bottom:10px;
	font-size:40px;
	line-height:40px;
	text-shadow:0px 0px 10px #ccc;
    font-family: 'BrushScriptStd';
}


.about-page img{
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	border-top:1px solid #444;
}

.about-right img {
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	border:5px solid #fff;
	box-shadow: 0px 2px 10px #666;
	-webkit-box-shadow: 0px 2px 10px #666;
    -moz-box-shadow: 0px 2px 10px #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom:20px;
}
.about-test {
	text-align:center;
	font-size:28px;
	font-weight:bold;
	font-style:italic;
	line-height:33px;
	color:#999;
}





.pizza-we-crust-wrapper { 
background: url(img/pizza-we-crust.jpg) center center;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pizza-we-crust.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pizza-we-crust.jpg', sizingMethod='scale')";	
	
}

.pizza-we-crust {
	text-align: center;
	max-width: 860px;
	margin: 0 auto;
	color: white;
	
}
.pizza-we-crust-padding {
	padding: 50px 20px;
}

.we-crust img { 
	max-width: 400px;
	margin: 0 auto;
	height: auto;
	width: 100%
}
.we-crust-testimonial {
	font-style: italic;
	color: #FFD93E;
}
.pizza-we-crust h1 {
	margin: 30px 0px 10px 0px;
}
.pizza-we-crust p {
	line-height: 40px;

}








/* Contact Page
---------------------------------------------------------------------------------*/
.contact-page-wrapper {
	background:url(img/bg.jpg) no-repeat top center;
	background-size:1600px 1072px;
	box-shadow: 0px 2px 10px #000;
	-webkit-box-shadow: 0px 2px 10px #000;
    -moz-box-shadow: 0px 2px 10px #000;
	position:relative;
	z-index:98;
}
.contact-page {
	position:relative;
	max-width:900px;
	margin:0 auto;
	padding-top:80px;
	padding:92px 10px 0px;
}


.contact-page img{
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
}


.shadow {
	padding:0px 10px 0px 10px;
	text-align:center;
}
.shadow img{
	vertical-align:top;
	max-width:1200px;
	width:100%;
	max-height:45px;
}




.contact-padding {
	padding:0px 10px;
}
.contact-area {
	max-width:600px;
	margin:0px auto;
	color:#FFF;
	background:url(/img/bg-transparent-black.png);

	font-size:13px;
	padding:10px;
}

.contact-area-right h2 {
	padding-bottom:5px;
	text-shadow: 0px 2px 0px #000;
	font-weight: 100;
	font-size:39px;
	color: #ffe4af;
    font-family: 'BrushScriptStd';
}






	

	
.contact-area-left {
float:none;
width:100%;
}
.contact-area-right {
float:none;
width:100%;
}

.contact-padding {
	padding:0;
}















.show-store-hours {
	cursor: pointer;
}
.show-store-hours:hover {
	color: #fff;
	text-decoration: underline;
}
.store-hours {
	width: 100%;
	max-width: 220px;
	margin: 0 auto 0px auto;
	display: none;
	padding-bottom: 10px;
}
.store-hours li {
	display: block;
	text-align: left;
	float: left;
	width: 100%;
	padding: 2px 0px;
}
.store-hours li span {
	text-align: right !important;
	display: inline-block;
	float: right;
}










/* Contact FORM
--------------------------------------------------------------------------------------*/

.gc-contact-form fieldset  {
	border:none;
}
.gc-contact-form legend  {
	display:none;
}
.gc-contact-form label{
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#968970;
	display:block;
	width:100%;
	margin-bottom:1px;
}
.email-field {
	width:100%;
	border:none;
	padding:10px 10px;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;
	margin-bottom:15px;
	font-size:16px;
}

textarea {
    resize: none;
	height:100px;
	width:100% !important;
}
.email-field:focus, .email-field-half:focus {
}

.gc-submit-field {
	width:49%;
	background:transparent;
	display:block;
	padding:10px 40px;
	margin-top:3px;
	color:#fff !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #fff;
	text-decoration:none !important;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
	cursor:pointer;
	font-size:14px;
}
.gc-submit-field:hover {
	background-color:#fff;
	color:#333 !important;
}



.msg { 
	padding: 8px;
	border: 2px solid #b12101;
	margin: 0 0 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.msg.success { 
	border-color: #2ccf0b;
	color:#fff;
}
.msg.error { 
	border-color: #b12101;
	color:#fff;
}
#error {
	display:none;
}
.needsfilled {
	background:#fcd0d0;
	color:#000;
}
.stickBee { display:none;}













 


/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
	position: relative;
	margin: 0 auto 0px;
	padding: 0;
	*zoom: 1;
	z-index:1;
	height:100% !important;
}

.slider-wrapper {
	background: #000;
	position:relative;
	z-index:100;
	height:100% !important;
 
     
	max-height: 760px;
	overflow: hidden;
}

.inner-slider-wrapper {
	position:relative;
	z-index:1;
	height:165px;
	
	-webkit-transition: height 400ms ease;
	-moz-transition: height 400ms ease;
	-o-transition: height 400ms ease;
	-ms-transition: height 400ms ease;
	transition: height 400ms ease;
	
}

.bxslider {
	z-index:1;
	width:100%;
	height:100% !important;
}
.bxslider li {
	z-index:1;
	width:100%;

	height:100% !important;
	background-size:cover !important;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-1.jpg', sizingMethod='scale') !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/pic-home-1.jpg', sizingMethod='scale')" !important;
	
	xopacity: 0.5;
	xfilter:alpha(opacity=50);

}
.bx-wrapper .bx-viewport {
	z-index:1;
	height:100% !important;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -7px;
	width: 100%;
	z-index:1000;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center; 
	font-weight: bold; 
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff; 
	text-indent: -9999px;
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 2px;
	outline: 0; 
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #d4232b;
}




/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	left: 10px;
	background: url(/img/icon-arrow-left.png) no-repeat rgba(0,0,0,.5);
	background-size:28px 44px;
	width:28px;
	height:44px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(/img/icon-arrow-right.png) no-repeat rgba(0,0,0,.5);
	background-size:28px 44px;
	width:28px;
	height:44px;
}

.bx-wrapper .bx-prev:hover {margin-top:-20px;}
.bx-wrapper .bx-next:hover {margin-top:-20px}
.bx-wrapper .bx-prev:active {margin-top:-18px;}
.bx-wrapper .bx-next:active {margin-top:-18px}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 20px;
	margin-top: -22px;
	outline: 0;
	width: 38px;
	height: 54px;
	text-indent: -9999px;
	z-index: 9999; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-position: 5px;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}



/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
	text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(/img/controls.png) -86px -11px no-repeat;
	margin: 0 3px; 
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(/img/controls.png) -86px -44px no-repeat #fff;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-caption img {
}

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity:1;
	padding:5px 5px;
	width:100%;	
	display: block;
	z-index:100;
	xbackground-color:#000;	
}
.bx-wrapper .bx-caption span {
	color: #fff;
	display: block;
	font-size: 28px;
	z-index:100;
	position:relative;
	text-transform:uppercase;
}













.home-drinks-parallax {
	height: 692px !important;
	position: relative;
	background: #333;
}
.home-drinks-wrapper {
	height: 700px;
	position: relative;
	z-index: 10;
	background: url(img/pic-home-push.jpg) center center;
	background-size:cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pic-home-push.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pic-home-push.jpg', sizingMethod='scale')";
}
.home-drinks {
	max-width: 1640px;
	margin: 0 auto;
	color: #fff;
	padding: 0px 0px;
	
}
.home-drinks-parallax .home-drinks-padding {
	color: #fff;
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 0px 20px;
	margin-top: -260px;
	z-index: 100;
}
.home-drinks-parallax .home-drinks p {
	letter-spacing: 5px;
    font-size: 126px;
    line-height: 130px; 
    padding-bottom: 0px;
    
    font-weight: bold;
}


















.home-menu-pizza {
	position: relative;
	z-index: 200;
}
.home-menu-pizza p {
	position:absolute;
	bottom: 20px;
	left: 20px;
	padding: 0;
    color: #fff;
    text-align: center;
    letter-spacing: 5px;
    font-size: 18px;
    
    display: inline-block;
     z-index: 99;
}
.home-menu-pizza p a{
	display: block;
    padding: 20px 30px;
	background: rgba(0,0,0,.5);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	transition: all 400ms ease;
}
.home-menu-pizza p a:hover{
    background: black;
}
.home-menu-pizza p a:active{
	position: relative;
	top: 2px;
}
.home-menu-pizza img {
	width: 100%;
	height: auto;
	width: auto/9;
	vertical-align: middle;
}

















.home-rewards-wrapper {
	position: relative;
	z-index: 99;
	background: #fff;
	overflow: hidden;
	
background: url(img/bg-nav.png) bottom center  #fff;
background-size:cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-nav.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg-nav.png', sizingMethod='scale')";
}
.home-rewards {
	padding: 70px 0px;
	background-size: 410px 410px;
}
.home-rewards-padding {
	text-align: center;
	padding: 0px 20px;
	max-width: 1000px;
	margin: 0 auto;
}
.home-rewards-padding h2 {
	
	font-size: 50px;
	color: #333;
	line-height: 50px;
}
.home-rewards-padding h3 {
	
	font-size: 20px;
	color: #333;
	line-height: 20px;
	margin-top: 10px;
}

.home-rewards-padding p {
	font-size: 18px;
	line-height: 26px;
	padding: 20px 0px 20px 0px;
}
.home-rewards-padding ul {
	text-align: center;
	width: 100%;
	margin-bottom: 30px;
	display: block;
}
.home-rewards-padding li {
	text-align: center;
	display: inline-block;
	font-size: 18px;
    line-height: 30px; 
}
.home-rewards-padding li span {
    padding: 0px 10px;
    color: #666 !important;
}

.home-rewards-padding li:after {
    content: " /";
    line-height: 30px;
    display: inline-block; 
   }
.home-rewards-padding p a{
	color: #C41230;
	text-decoration: underline;
}
.home-rewards-padding img {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow:  0px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
















/* Panorama
---------------------------------------------------------------------------------*/
/* panorama layout */
.panorama, .panorama-view { width: 100%; height: 100%; overflow: hidden; }
.panorama, .panorama-container { position: relative; }
.panorama-container img { height: 100%; position: absolute; top: 0; }
.panorama .info, .panorama-view .area { display: inline-block; text-align: right; float: right;}
.pano-info-position { position: absolute; right: 10px; bottom: 10px; }
.panorama .controls { position: absolute; left: 10px; bottom: 10px; }
.panorama .controls a { display: block; float: left; margin-right: 5px; }
.panorama .preloader { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* panorama style */
.panorama-view { cursor: url("/img/vt/openhand.cur"),default; }
.panorama-view.grab { cursor: url("/img/vt/closedhand.cur"),default; }
.panorama .info, .panorama .controls a { opacity: 0.6; filter: alpha(opacity=60); background-color: #000; color: #fff; font-weight:bold; text-decoration: none; padding: 10px 7px; font-size: 18px; cursor: pointer; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -ms-transition: all .25s linear; transition: all .25s linear; margin-bottom: 5px; }
.panorama .info:hover, .panorama .controls a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.panorama .info.selected { opacity: 1; filter: alpha(opacity=100); }
.panorama-view .area { opacity: 0.25; filter: alpha(opacity=25); background-color: #000; cursor: pointer; overflow: hidden; text-indent: -9999px; }
.panorama-view .area:hover { opacity: 0.5; filter: alpha(opacity=50); }
.panorama-view img { -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.panorama .info, .panorama-view .area, .panorama .controls a { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.panorama .preloader { background: url("/img/vt/preloader.gif") no-repeat center center; background-size:24px 24px; }
.panorama .controls a.prev span, .panorama .controls a.stop span, .panorama .controls a.next span { display: block; text-indent: -999px; overflow: hidden; background: url("/img/vt/panorama-controls@2x.png") no-repeat -999px 0; -webkit-background-size: 32px 14px; background-size: 32px 14px; }
.panorama .controls a.prev span, .panorama .controls a.next span { width: 10px; height: 14px; }
.panorama .controls a.prev span { background-position: 0 0; }
.panorama .controls a.next span { background-position: -11px 0; }
.panorama .controls a.stop span { margin: 2px 1px; width: 10px; height: 10px; background-position: -22px -2px; }












































/* RESPONSIVE
---------------------------------------------------------------------------------*/

/* iPad switch - Do this when screen is less then 1023px */
@media screen and (max-width:1023px) {	
}
/* Mobile Phone Size Only - Do this when screen is less then 599px */
@media screen and (max-width:599px) {
}

/* Revert Nav Larger away from Mobile - FIX - Larger then 600px */

@media screen and (min-width:931px) {
}









/* Not mobile - But iPad Portrait Break - Do this when screen is less then 770px  */
@media screen and (max-width:1083px) {
	
	.menu-left {
	width:50%;
	}
	.menu-right {
	width:50%;
	}
	.menu-padding {
	margin-bottom: 10px;
	}
	
	.menu-half-r, .menu-half-l {
	width:100%;
	margin-bottom: 10px;
	}
	
	.home-drinks-parallax .home-drinks-padding {
	margin-top: -205px; 
	}
	.home-drinks-parallax .home-drinks p {
	letter-spacing: 5px;
	font-size: 81px;
	line-height: 105px; 
	}
	
 
























	
	
	.phone-top-o {
	position:absolute;
	top:21px;
	right:60px;
	display:block;
	}
	#nav {
	display:block;
	}

	
	
	
	
	

}





 




/* Not mobile - But iPad Portrait Break - Do this when screen is less then 770px  */
@media screen and (max-width:1083px) {
	.body-contact .home-title {
    margin-top: -110px !important;
	}
	
	#header {
	xbackground: url("/img/bg-top.png") 12px repeat-x;
	height:50px;
	}
	
	.logo { 
	background-size: 250px 80px;
	margin-left: 0px;
	left: 10px;
	width:250px;
	height:80px;
	}
	.logo h1 a:link, .logo h1 a:visited {
	width:250px;
	height:80px;
	}
	
	
	#header nav {
	}
	
	.phone-top-o {
	top:15px;
	}
	.phone-top-o a:link, .phone-top-o a:visited {
	color:#fef9db;
	font-size:20px;
	font-weight:100;
	top:15px;
	}
	.phone-top-o span{
	display:block;
	}
	.phone-hide {
	display:none !important;
	}
	
		
	.directions-top {
	display:block;
	}
	#header nav > ul > li > a.menuToggle:after {
	padding:26px;
	}
	
	.bx-wrapper .bx-caption span {
	xdisplay:none;
	}
	.bx-wrapper .bx-caption span {
    font-size: 20px;
    }
	
	
	.insta-square {
	width: 50%;
	}
	
	  .insta-square:nth-child(8), .insta-square:nth-child(9), .insta-square:nth-child(10) {
		display:none !important;
	}
	
	
	.insta-wrapper {
	padding: 8px; 
	}
	.insta-post {
	margin:8px;   
	
	}
	
	
	.home-box {
		padding:0px 10px;
	}
	.home-box h1 {
	font-size:32px;
	line-height:22px;
	text-shadow: 0px 1px 0px #000;
	}
	.home-box p {
	font-size:12px;
	text-shadow:0px 1px 0px #000;
	line-height:15px;
	padding: 0px 5px;
	}
	.home-box img {
	max-width: 100px;
	width:100%;
	height: auto;
	width: auto\9; /* ie8 */
	vertical-align: middle;
	padding-bottom:10px;
	}
	
	.bx-wrapper .bx-pager {
	xbackground-color:#000;	
	}
	
	.home-left-intro {
	float:none;
	width:100%;
	display:block;
	height:auto;
	}
	.home-left-intro-content {
	height:auto;
	padding:30px 0px
	}
	.home-right-intro {
	float:none;
	display:block;
	width:100%;
	height:200px;
	border-bottom:1px solid #000;
	}
	
	.body-menu .a-button {
	width: 100%;
	}
	
	.pizza-right-intro {
	float:none;
	display:block;
	width:100%;
	height:200px;
	border-bottom:1px solid #000;
	}

	
	
	.party-right-intro-content {
	height:350px;
	}
	
	
	.home-left-intro h2, .party-right-intro h2, .contact-right-intro h2 {
	font-size:28px;
	}
	
	.contact-right-intro-content {
		height:350px;
	}
	
	.prommo-link {
	top:60px;
	right:5px;
	}
	.prommo-link a {  
	font-size:11px;
    }

	
	
	
	
	
	
	.contact-wrapper {
	position:relative;
	top:auto;
	left:auto;
	}
	
	.contact-area {
	max-width:100%;
	background:url(/img/bg-transparent-black2.png);
	}
	.contact-spacer {
	xheight:70px;
	}
	
	.contact-area-left {
	float:none;
	width:100%;
	}
	.contact-area-right {
	float:none;
	width:100%;
	}
	
	.contact-padding {
		padding:0;
	}
	
	
	
	
	
	.about-page-content {
	padding:10px 0px 10px 0px;
	}
	.about-left {
	float:none;
	width:100%;
	}
	.about-right {
	float:none;
	width:100%;
	}
	.about-page {
	padding:10px 10px 0px;
	}


	
	.about-page-content h2 {
	font-size:25px;
	line-height:25px;
	}
	
	
	.about-right-intro {
	height:200px;
	}
	
	
	
	.menu-box {
	}
	.menu-left {
	float:none;
	width:100%;
	}
	.menu-right {
	float:none;
	width:100%;
	}
	.menu-half-l, .menu-half-r {
		float: none;
		width: 100%;
	}
	
	
	.menu-section {
	margin-bottom:2px;
	}
	
 



	.menu-button a:link, .menu-button a:visited {
  	
 	xwidth:100%;
	}
	
	.menu-page {
	padding:100px 0px 25px;
	}
	
	
	
	.menu-page-wrapper {
	background-size:900px 603px;

	}
	.contact-page-wrapper {
	background-size:900px 603px;
	}
	#header {
	height:50px;
	}
	.body-gallery .slider-wrapper {
	height:350px !important;
	}
	
	
	
	.xhome-title p {
    letter-spacing: 5px;1
    line-height: 29px;
    font-size: 26px;
    padding-bottom: 8px;
	}
	.home-title {
    xmargin-top: -39px;
    }
    .bx-controls {display: none;}
    .home-menu-pizza .bx-controls {display: block;}
    .body-gallery .bx-controls {display: block;}
    
    
    
    .home-drinks-parallax {
	height: 292px !important;
	}
	.home-drinks-wrapper {
	height: 390px !important;
	}
	.home-drinks-parallax .home-drinks-padding {
	padding: 0px 10px;
	margin-top: -100px;
	}
	.home-drinks-parallax .home-drinks p {
	letter-spacing: 2px;
	font-size: 38px;
	line-height: 50px; 
	}
    
    .home-title:first-of-type .button {
	    margin-top: 15px;
    }
    .instagram-spot a {
    font-size: 28px;
    color: #000 !important;
    background: white;
    display: inline-block;
    padding: 5px 14px;
	}
    .nav-container {  
	display: block;
	}
	.logo-krispy img {
    width: 310px;
	}
	.header-navigation {
		display: none ;
	}
	
	.slider-wrapper {
	min-height: 0px;
	max-height: 400px;
	}
	
	.home-outside-wrapper {
	height: 400px;
	}
	.home-outside-wrapper {
	height: 400px;
	}
	.map-wrapper {
	width:100%;
	height:500px;
	position: relative;
	z-index:1;	
	}
	
	.sec-logo { 
    background-size: 250px 80px !important;
	}
	.mobile-hide {
		display: none;
	}

}

/* phone to tablet */
@media screen and (min-width: 768px) {
	
	
	
}	
	
/* Revert Larger then iPad - FIX - Larger then 767px Do This */
@media screen and (min-width:769px) {
}
/* Height Adjustment - If vertical screen size is less then, then do this */




@media screen and (max-height:1900px) {
	
}
@media screen and (max-height:800px) {
	
}
@media screen and (max-height:568px) {
	
}


/* Basic Adjusments to fit under fixed header for large homepage logo */
@media screen and (orientation: portrait) {
  
}1
@media screen and (orientation: landscape) {
  
}	



/* Retina Adjustments For Mobile */
@media 
	only screen and (-webkit-min-device-pixel-ratio: 2), 
	only screen and (-moz-min-device-pixel-ratio: 2), 
	only screen and (-o-min-device-pixel-ratio: 2/1), 
	only screen and (min-device-pixel-ratio: 2), 
	only screen and (min-resolution: 192dpi) { 
    
	.example {
	background:url(2x.png) no-repeat;
	background-size: 100% !important;
	background-size: 37px 37px;
	}

	
	
}














 







/* Modal Mask
--------------------------------------------------------------------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:1001;
  display:none;
  background:#000;
  width: 100%; 
  height: 100%;
}
.boxes .window {
  position:absolute;
  left:0;
  top:0;
  z-index:9999;
  display:none;

}
.close-promotions {
	height:41px;
	width:40px;
	position:absolute;
	top: -20px;
	right: -20px;
	z-index:10001;
}
.close-promotions a:link, .close-promotions a:visited{
	display:block;
	height:41px;
	width:40px;
	background-image:url(/img/close5.png);
	background-position:0px -1px;
	background-size:40px 88px;
}
.close-promotions a:hover{
	background-position:0px -48px;
}


/* Send To Phone
---------------------------------------------------------------------------------*/
.sendtophone-bg-wrapper {
}
#sendtophone {
   -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;	
}
.send-to-phone-wrapper {
	width:300px;
	margin:0 auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.send-to-phone {
}
.phone-top {
	position:relative;
}
.phone-disable-keypress {
	height:73px;
	width:297px;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
.buttons-wrapper {
	width:301px;
	height:268px;
	background-color:#fff;
	border-right:1px solid #2d3136;
}
.phone-button {
	float:left;
	text-align:center;
	border-bottom:1px solid #000;
	border-left:1px solid #2d3136;
	border-right:1px solid #151b22;
	position:relative;	
}
.phone-button-fix {
	float:left;
	text-align:center;
	border-bottom:1px solid #000;
	border-left:1px solid #2d3136;
	border-right:1px solid #151b22;
	position:relative;	
	height:66px;
	width:105px;
	background:url(/sendtophone/bg-keypad.gif) repeat-x;	
}
.phone-button p {
	color:#FFF;
	font-size:30px;
	padding-top:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height:23px;
}
.phone-button span {
	color:#878b90;
	font-size:14px;
	text-shadow:0px -1px 0px #000;
	font-family:Arial, Helvetica, sans-serif;
}

.phone-button a:link, .phone-button a:visited {
	text-decoration:none;
	display:block;
	height:66px;
	width:98px;
	background:url(/sendtophone/bg-keypad.gif) repeat-x;
}
.phone-button a:hover {
	background:url(/sendtophone/bg-keypad2.gif) repeat-x;
	text-decoration:none;
}
.phone-button a:active {
	background-image:none;
	background-color:#3559c3;
}
.phone-button a:hover span  {color:#9ac2fa;}
.phone-button a:active p  {text-shadow:0px 0px 5px #000;}

.phone-star {
	height:24px;
	width:25px;
	background:url(/sendtophone/phone-star.png) no-repeat;
	margin:0 auto 2px auto;
}
.phone-pound {
	height:24px;
	width:25px;
	background:url(/sendtophone/phone-pound.png) no-repeat;
	margin:0 auto 2px auto;
}
.phone-enter-number {
	border:none;
	text-align:center;
	font-size:34px;
	font-weight:bold;
	text-shadow:0px 2px 0px #fff;
	font-family:Arial, Helvetica, sans-serif;
	height:73px;
	width:300px;
	background:url(/sendtophone/bg-top.gif) repeat-x;
	-webkit-appearance: none;
    border-radius: 0;
	
}

input.placeholder {
    text-align: center;
}

.choose-carrier-wrapper {
	height:64px;
	position:relative;
	width:100%;
	background:url(/sendtophone/bg-choose.gif) repeat-x;	
}
.choose-carrier {
	width:215px;
	overflow:hidden;
}
.choose-carrier-selections {
	background:url(/sendtophone/phone-carrier.gif) no-repeat -10px 0px;
	border:none;
	color:#FFF;	
	font-family:Arial, Helvetica, sans-serif;
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:63px;
	padding-top:42px;
	padding-left:26px;
	cursor:pointer;
	-webkit-appearance: none;
	 -moz-appearance: none;
	 appearance: none;
	 font-size:14px;
	 font-weight:bold;
	 background-color:#000;
	 color:#fff;
	 -webkit-appearance: none;
    border-radius: 0;
}

.choose-carrier-selections:hover {
	background-position:-10px -63px;
}
.choose-styled {
}

.submit-phone {
	height:64px;
	width:107px;
	background:url(/sendtophone/send.gif) no-repeat;
	border:none;
	position:absolute;
	top:-1px;
	right:0;
	cursor:pointer;	
	-webkit-appearance: none;
    border-radius: 0;
}
.phone-notify-bg{
	background-color:#000;
  
	height:40px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 	box-shadow: 0px 0px 12px #000;
	-webkit-box-shadow: 0px 0px 12px #000;
	-moz-box-shadow: 0px 0px 12px #000;			
}
.phone-notify-txt {
	position:absolute;
	top:0;
	left:0;
	width:200px; 
	padding: 10px;
	
}
.phone-notify {
	position:absolute;
	top:10px;
	right:10px;
	width:200px; 
	z-index:10000;
}
.phone-notify img {
	float:left;
	max-width: 20px; 
	margin-right: 10px;
}
.phone-notify p {
	color:#FFF; 
	font-size:20px;   
	padding-top: 3px;
}

/* Validation Message: Server-Side */
.needsfilledphone {
	background-position:-10px -126px;
}





.fa-mobile-phone {
    font-size: 36px;
    padding-right: 10px;
    position: relative;
    top: 7px;
}