@import "bootstrap.css?nxa273";
@import "primary_content.css?nxa273";
@import "smoothDivScroll.css?nxa273";
@import "animate.css?nxa273";
@import url(//fonts.googleapis.com/css?family=Courgette);
@import url(//fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Courgette);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
 font-family: 'Hobo';
 src: url('fonts/Hobo.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
 font-family: 'MyriadPro-Regular';
 src: url('fonts/MyriadPro-Regular.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */
}
@font-face {
 font-family: 'Hobo';
 src: url('fonts/Hobo.eot') /* EOT file for IE */
} 

/*font-family: 'Courgette', cursive;*/
/* - - - - - - - - - - - - - - - - - - - - -
TITLE    :   NAKCSS HTML 5 VERSION 3
- - - - - - - - - - - - - - - - - - - - - */
html, body {
	height: 100%;
}
 
body {
	font:normal 14px;
	background-color:#FFF;
	font-family:'Hobo';
	color:#231f20;
}

::-webkit-scrollbar-thumb {
 border-radius: 4px;
 background-color: rgba(0, 0, 0, .5);
 -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
a {
	color: #006099;
	text-decoration: none;
}
img {
	max-width:100%;
}
a:link {
	outline:none;
}
#nakainer {
	min-height:100%;
}
/*Header Part*/
.topbg1 {
	float:left;
	width:100%;
	background:url('../css/img/topbg_2.png');
	background-repeat:repeat-x;
	height:24px;
}
.topbg2 {
	float:left;
	width:100%;
	background:url('../css/img/topbg_2.png');
	background-repeat:repeat-x;
	height:24px;
}
/*Menu*/
#menu .navbar {
	min-height:32px;
	margin-bottom:0px;
	background:#51277b;
	border-radius:0px;
}
.internal-page #menu .navbar {
	padding:10px 0;
}
.internal-page #menu .navbar .container{ position:relative;}
#menu .navbar-default {
	border:none;
}
.mynavbar {
	text-align:center;
	position:relative;
}
.mynavbar .nav {
	float:none;
}

.menu_9.has-dropdown ul{ right:0; }
.mynavbar .nav .menu_9.has-dropdown ul a{ color:#FFFFFF;}
.mynavbar .nav li {
	display:inline-block;
	float:none;
	vertical-align:middle;
	margin-left:75px;
	margin-right:46px;
	position:relative;
}
.internal-page .mynavbar .nav li {
	margin:auto;
}
.internal-page .mynavbar {
	display:block;
	padding-left:150px;
}
.front .menu_4, .front .menu_7, .front .menu_8, .front .menu_9 {
	display:none !important;
}
.internal-page .nav .home {
	display:none;
}
.mynavbar .nav li a.home {
	text-indent:-99999px;
}
.mynavbar .nav li a {
	color:#fff;
	padding:9px 25px 8px;
	text-transform:uppercase;
	font-size:22px;
}
.internal-page .mynavbar .nav li a {  padding: 10px 22px;}
.mynavbar .nav li:hover {
	background-color:#fff;
	color:#51277b;
}
.internal-page .mynavbar .nav li.menu_7:hover, .internal-page .mynavbar .nav li.menu_8:hover, .internal-page .mynavbar .nav li.menu_9:hover { background:none;}

.mynavbar .nav li.menu_7 a{background: #00a651;
  border-radius: 5px;
  border: 2px solid #fff;}
.mynavbar .nav li.menu_7 a:hover{   color: #51277b;
  background: #fff; }
.mynavbar .nav li.menu_8 a{background: #fff200;
  border-radius: 5px;
  border: 2px solid  #fff; color:#000000;} 
.mynavbar .nav li.menu_8 a:hover{   color: #51277b;
  background: #fff; }   
.mynavbar .nav li.menu_9 a{background:#ed1c24;
  border-radius: 5px;
  border: 2px solid  #fff;}   
.mynavbar .nav li.menu_9 a:hover{   color: #51277b;
  background: #fff; }   
  
.mynavbar .nav li.menu_7{  padding-right: 20px;
  padding-left: 20px;} 
.mynavbar .nav li.menu_8{  padding-right: 20px;}      


 
.mynavbar .nav li:hover a {
	color:#51277b;
}
.jglogo {
	position:absolute;
	top:5px;
	left:41%;
	z-index:111;
	height:auto;
	vertical-align:middle;
	display:inline-block;
}
.internal-page .jglogo {
	position: absolute;
	top: -20px;
	left: inherit;
	z-index: 111;
	height: auto;
	float:left;
}
.internal-page #nakainer{ background:#000000;}
.jglogo:hover, .mob_logo img:hover {
	animation-iteration-count:infinite;
	animation-duration:1s;
	animation-fill-mode:both;
	animation-duration:1s;
	animation-fill-mode:both;
	-webkit-animation-name: pulse;
	animation-name: pulse;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:both;
	-webkit-animation-duration:1s;
	-webkit-animation-fill-mode:both;
}
.navbar-brand {
	display:none
}
#menu .navbar-default .navbar-nav > li > a:focus {
	 
}
.front #menu .menu_3.has-dropdown{margin-left:61px; margin-right:149px; z-index:1111;}
.nav.navbar-nav .menu_2.has-dropdown > ul{width:430px;}
.menu_2.has-dropdown > ul li{width:50%; float:left;}
.menu_2.has-dropdown > ul li a, .nav.navbar-nav .menu_3.has-dropdown > ul li a{font-size:19px;}
 @media screen and (max-width:767px) {
.navbar-brand {
 display:inline
}
.mynavbar .nav li {
 display:block;
 margin:0
}
.mynavbar .nav li a {
 border-radius:0;
 display:block;
 border-bottom:2px solid #fff
}
.mynavbar li.mylogo {
 display:none
}
.nav {
display:none;
}
#menu .navbar-toggle {
border:none;
}
#menu .navbar-default .navbar-toggle:hover, #menu .navbar-default .navbar-toggle:focus {
background:transparent;
}
.banner_img {
	display:block !important;
}
#hero {overflow:visible !important;}
}
.banner_img {
	display:none;
}
#mainbanner {
	position:relative;
}
.banner_caption {
	left: 0;
	margin: 297px auto;
	max-width: 1000px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 100%;
	z-index:11;
}
.banner_caption h1 {
	color:#fff;
	text-transform:uppercase;
	font-size:60px;
	display:inline-block;
}
.how_i_do {
	position: absolute;
	right: 0;
	top: 150px;
	z-index: 1111;
}
.how_i_do2 {
	position: absolute;
	right: 0;
	top: 80px;
	z-index: 1111;
}
.how_i_do3 {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1111;
}
.capslideright, .banner_link1, .banner_link2 {
	background: none repeat scroll 0 0 #ed1c24;
	border-bottom-left-radius: 14px;
	border-right: 0 none;
	border-top-left-radius: 14px;
	cursor: pointer;
	float: left;
	margin-top: 14px;
	padding: 8px 0px 8px 0px;
	position: relative;
	width:100px;
	z-index:1111;
	max-width:400px;
}
.capslideright {
	border:2px solid #ed1c24;
}
.capslideright .content a, .banner_link1 .content a, .banner_link2 .content a {
	color: #ffffff;
	font-size: 22px;
	text-decoration: none;
	text-transform:uppercase;
	float:left;
	width:100%;
}
.slidingDiv, .slidingDiv2, .slidingDiv3 {
	background-color: #fff;
	float: right;
	font-size: 16px;
	margin-top: 14px;
	padding: 50px 20px 20px;
	position: relative;
	right: 0;
	width: 900px;
	z-index: 700;
	min-height:200px;
	width:570px;
	display:none;
	line-height:29px;
	height:292px;
	overflow-y:scroll !important;
}
.slidingDiv {
	border:3px solid #ED1C24;
}
.slidingDiv2 {
	border:3px solid #FFF200;
}
.slidingDiv3 {
	border:3px solid #00A651;
}
.close_me {
	color: #51277B;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	right: 25px;
	top: 15px;
}
.show_hide:hover {
	color:#ED1C24;
}
.show_hide2:hover {
	color:#FFF200;
}
.show_hide3:hover {
	color:#00A651;
}
.banner_link1 {
	background:#fff200;
	border:2px solid #fff200;
}
.capslideright a:hover {
	color:#FFF200;
}
.banner_link1 a {
	color:#231f20;
}
.banner_link1 a:hover {
	color:#00a651;
}
.banner_link2 a:hover {
	color:#FFF200;
}
.banner_link2 {
	background:#00a651;
	border:2px solid #00a651;
}
.gotonext {
	left: 49.5%;
	position: absolute;
	right: 0;
	top: 91%;
	width: 32px;
	z-index: 998;
}
.gotonext:hover {
	opacity:0.8;
}
.nodisplay {
	display: none;
}
.cap_active {
	display: visible;
}
#hero {
	height: auto;
	left: 0;
	min-width: 1024px;
	overflow: hidden;
	position: relative;
	right: 0;
}
#pretzel-video {
	bottom: 0;
	position: absolute;
	width: 100%;
	z-index:11;
}
.sec2 {
	position:relative;
	padding:0px;
}
.bbqing {
	position:absolute;
	padding:10px 0px;
	margin:0px auto;
	left:0px;
	right:0px;
	top:0px;
}
.videodiv {
	margin-top:22px;
}
.videodiv img {
	cursor: pointer;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
}
.videodiv img:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.videodiv video:hover {
	cursor:pointer;
}
.bbqing h3 {
	color:#fff;
	font-family:'MyriadPro-Regular';
	font-size:66px;
}
.bbqing h3 span {
	font-family:'Courgette', cursive;
	margin-left:1px;
}
/*Slider*/
#site_slider {
	margin: auto;
	max-width: 2000px;
	position: relative;
}
#site_slider li img {
	display: inline-block;
	max-width: 100%;
	height:auto !important;
}
#site_slider .bx-wrapper .bx-controls-direction a.bx-prev {
	background:url("../css/img/arrow-left.png") no-repeat;
	height:33px;
	width:32px;
	opacity:0.8;
}
#site_slider .bx-wrapper .bx-controls-direction a.bx-next {
	background:url("../css/img/arrow-right.png") no-repeat;
	width:32px;
	height:33px;
	opacity:0.8;
}
#site_slider .bx-wrapper .bx-controls-direction a:hover {
	opacity:1;
}
#site_slider .caption {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	padding: 0px 20px 10px;
	color:#fff;
	font-weight:bold;
}
#site_slider .caption {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
	margin:0px auto;
	z-index: 1;
}
#site_slider .caption p a {
	font-size:22px;
	font-family:'Open Sans';
	font-weight:normal;
	color:#ffffff;
}
#site_slider .caption h3 a {
	text-transform:uppercase;
	font-size:30px;
	color:#ffffff;
}
#site_slider .caption h3 a:hover, #site_slider .caption p a:hover, #site_slider .caption span a:hover {
	color:#fff200;
	text-decoration:none;
}
#site_slider .caption span a {
	font-weight:normal;
	font-family:'MyriadPro-Regular';
	font-size:15px;
	color:#ffffff;
}
/*For slider loader*/
.slider-loading {
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
    height: 100%;
    left: 0;
    min-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200;
	color:#333;
}
#site_slider .bx-wrapper li{
    display:block !important;
}
#site_slider .bx-wrapper .slides {
    min-height: inherit;
}
#site_slider .slides{min-height:350px;}
#site_slider .slides li {
    display: none;
    position: relative;
    text-align: center;
    height: auto;
    max-width: 100%;
}
.heart {
	margin-top:10px;
}
.heart h1 {
	color:#fff;
	text-transform:uppercase;
}
.thumbslider {
	margin-top:34px;
}
.sec4 {
	background:#000;
	padding:50px 0px 30px;
}
.socialicon a {
	margin-left: 8px;
}
.socialicon a img {
	cursor: pointer;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
}
.socialicon a img:hover {
	transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
}
.shareicons h4 {
	font-size:30px;
	font-family:'Courgette', cursive;
	color:#FFF200;
	margin-top:10px;
	margin-bottom:24px;
}
.shareicons h3 {
	font-size:30px;
	color:#ffffff;
	font-family:'MyriadPro-Regular';
	margin-top:10px;
	margin-bottom:20px;
	text-transform:uppercase;
	font-weight:normal;
}
#footer {
	background-color: #51277B;
	padding:20px 16px;
}
.foo_content p {
	color: #ffffff;
	font-size: 16px;
	font-family:'MyriadPro-Regular';
}
#copyrights {
}
#copyrights ul {
	margin: 0;
	padding: 0;
}
#copyrights ul li {
	border-right: 1px solid #ffffff;
	color: #ffffff;
	display: inline-block;
	line-height: 12px;
	padding: 0 8px 0 8px;
}
#copyrights a {
	color: #ffffff;
	font-size: 12px;
	font-family:'MyriadPro-Regular';
}
#copyrights a:hover {
	color:#00A651;
	text-decoration:none;
}
#copyrights ul li:last-child {
	border: medium none;
}
#copyrights ul li:first-child a span {
	font-family: Arial, Helvetica, sans-serif;
}
#makeMeScrollable {
	width:100%;
	height: 304px;
	position: relative;
}
/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img {
	position: relative;
	float: left;
	margin-top: 36px;
	padding: 0;/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
}
#makeMeScrollable div.scrollableArea img {
	transform: scale(1);
	transition-duration: 150ms;
	transition-timing-function: ease-out;
	-webkit-transform: scale(1);
	-webkit-transition-duration: 150ms;
	-webkit-transition-timing-function: ease-out;
	border:2px solid #ffffff;
	border-width:2px 1px 2px 1px;
}
.phone_icon, .mob_logo {
	display:none;
}
 @media(min-width:1600px) {
.bbqing h3 {
margin-top:50px;
}
.videodiv {
margin-top:30px;
}
.bbqing {
padding:0px;
}
.slidingDiv {
 
}
.bbqing h3 span {
margin-left:-1px;
}
}
@media(max-width:1024px) {
.banner_img {
 
}
#pretzel-video {
display:none;
}
#hero {
min-width:320px;
height:auto !important;
}
}
@media(min-width:768px) {
#makeMeScrollable div.scrollableArea img:hover {
 transform: scale(1.3);
 transition-duration: 150ms;
 transition-timing-function: ease-out;
 -webkit-transform: scale(1.3);
 -webkit-transition-duration: 150ms;
 -webkit-transition-timing-function: ease-out;
 z-index:1;
 border-width:2px;
}


.mynavbar .nav .menu_9.has-dropdown ul a{text-align:center;}
}
@media(min-width:992px) and (max-width:1199px) {
.mynavbar .nav li {
margin-left:25px;
margin-right:25px;
}
#hero {
height: 573px;
}
.banner_caption {
margin:176px auto;
}
.slidingDiv, .slidingDiv2, .slidingDiv3  {
 height: 185px;
 min-height: 150px;
 overflow: scroll !important;
 width: 450px;
}
.videodiv iframe {
width:434px;
height:250px;
}
.gotonext {
top:88%;
}
.internal-page .mynavbar .nav li a{padding:10px 8px;}
.jglogo{left:38.3%;}
#edit-submitted-time-of-your-visit, #edit-submitted-time-of-pick-up--2, #edit-submitted-time-of-pick-up{ height:27px !important;}
#primary_content #webform-client-form-37{background-position:100% 82.8%;}
#primary_content #webform-client-form-50 {background-position:100% 75.5%;}
#block-webform-client-block-34, #block-webform-client-block-35{background-position:100% 69%;}

}
@media(min-width:768px) and (max-width:991px) {
#hero {
height: 432px;
min-width: 768px;
}
.mynavbar .nav li a {
font-size:17px;
padding:9px 12px 8px;
}
.mynavbar .nav li {
margin-left:20px;
margin-right:20px;
}
.mynavbar .nav li:nth-child(3) {
margin-left:54px;
margin-right:54px;
}
.mynavbar li:nth-child(3) a img {
left:-63px;
}
.capslideright, .banner_link1, .banner_link2 {
 
}
.capslideright a, .banner_link1 a, .banner_link2 a {
font-size:18px;
}
.banner_caption h1 {
font-size:36px;
}
.banner_caption {
margin:134px auto;
}
 .slidingDiv2, .slidingDiv3  {
height:163px;
width:346px;
min-height:150px;
overflow:scroll !important;
}
.slidingDiv{height:100px; min-height:50px; width:346px; overflow:scroll !important;}
.videodiv {
margin-top:15px;
}
.videodiv iframe {
 height: 210px;
 width: 350px;
}
.bbqing h3 {
margin-top:5px;
font-size:30px;
}
#site_slider .caption h3 {
margin-top:10px;
font-size:28px;
}
.gotonext {
top:87%;
}
 
.internal-page .mynavbar .nav li a {padding: 10px 28px;}
.internal-page .mynavbar .nav li.menu_6, .internal-page .mynavbar .nav li.menu_7, .internal-page .mynavbar .nav li.menu_8{margin-top:7px;}
.internal-page .mynavbar .nav li a {font-size:18px;}
#site_slider .caption p a{font-size:18px;} 
.front #menu .menu_3.has-dropdown {
    margin-left: 21px;
    margin-right: 141px;
}
#edit-submitted-time-of-your-visit, #edit-submitted-time-of-pick-up--2, #edit-submitted-time-of-pick-up{ height:27px !important;}
#primary_content #edit-submitted-serious-food-party-pack-set-menu, #primary_content #edit-submitted-serious-food-party-platters, #primary_content #edit-submitted-serious-food-customized-menu{width:17%;}
#primary_content #webform-client-form-37 {background-position:100% 85.2%;}
#primary_content #webform-client-form-50 {background-position:100% 80%;}
#block-webform-client-block-34, #block-webform-client-block-35{background-position:100% 82%;}
.webform-component--time-of-pick-up, .webform-component--time-of-your-visit{padding-left:0px !important;}
#webform-client-form-36 .webform-component--time-of-your-visit{padding-left:20px !important;}
.internal-page a.contact.phone_down::after{right:60px !important;}.header_toggle_content .region{top:56px; z-index:1111 !important;  }.header_toggle_content h3{margin-top:96px;}
.front .header_toggle_content h3{margin-top:110px;} .page-node-77 .header_toggle_content h3{margin-top:20px;}
}
 @media screen and (max-width:767px) {
 .gotonext {
display:none;
}
 body {
background:#51277b;
}
.banner_caption {
position:relative;
margin:0px auto;
left:0px;
right:0px;
}
.banner_caption h1 {
margin-bottom:20px;
}
#menu .navbar-toggle {
padding:5px;
margin-top:8px;
margin-bottom:9px;
}
.phone_icon {
 display: block !important;
 left: 10px;
 padding: 7px;
 position: absolute;
 top: 0px;
 z-index: 999999;
}
.fbicon{margin-left:25px;}
.phone_icon {
 display: block;
}
.mynavbar li:nth-child(3) {
display:none;
}
.mynavbar .nav li {
text-align:left;
}
#menu #btn-collapse {
border-bottom:2px solid #fff;
}
#menu .navbar-nav {
margin-top:0px;
margin-bottom:0px;
}
.mynavbar .nav li a {
padding:14px 17px;
font-size:20px;
}
.mob_logo { 
display:block;  
margin:10px auto;
z-index:10;
position: absolute;
right: 0;
text-align: center;
left:0;
}

.mlogo_container{display: table;
height: 100%;
width: 100%;
vertical-align: middle;}
.mlogo_inner{ display:table-cell; vertical-align:middle; text-align:center;}
 
.capslideright, .banner_link1, .banner_link2 {
margin-top:0px;
padding:4px 0px;
width:150px;
}
.capslideright a, .banner_link1 a, .banner_link2 a {
font-size:14px;
}
.banner_link1 {
top:70px;
}
.how_i_do {
top:100px;
}
 /*For YT section*/
.sec2 {
background:#05A4E1;
}


.videodiv iframe {
width:100%;
}
.heart h1 img {
width:85px;
}
#site_slider .caption {
top:0px;
margin:0px auto;
background:none;
}
#site_slider li img{margin-top:229px;}
#copyrights ul li {
display:block;
line-height:24px;
border:none;
}
.how_i_do, .how_i_do2, .how_i_do3 {
display:none;
}
.scrollingHotSpotRight, .scrollingHotSpotLeft {
display:none !important;
}
.jglogo {
display:none;
}
 
.heart img{width:100% !important; height:auto !important;}
.backtohomes{margin-top: 15px !important; margin-bottom:15px !important;}
 .mean-container a.meanmenu-reveal {padding:8px 18px 11px !important;}
 .mean-container a.meanmenu-reveal span{margin-top:6px !important;}
 .mean-container .mean-bar, .mean-container .mean-nav{background:#41176b !important;}
 .meanmenu-reveal.meanclose{top:3px !important;}
 .mean-container .mean-nav ul li a.mean-expand{padding:10px !important;}
 .mean-container .mean-bar{padding-bottom:0px !important;}
 .mean-container .mean-nav ul li a.mean-expand:hover{background:none !important;}
 .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a{border-top:2px solid #fff;}
 .shareicons #block-block-14{display:none;}
 .sec4{padding-bottom:0px !important;}
 .socialicon{padding-top:0px !important;}
 .internal-page a.contact.phone_down::after{right:60px !important;}
 .internal_bannerimg{display:block !important;}
 .mean-container .mean-nav ul li ul li{background:#51277B;} 
 
}
@media screen and (max-width:320px) {
#site_slider .bx-wrapper .bx-controls-direction a {
top:23%;
}
}
@media screen and (max-width:360px) {
.banner_caption h1 {
font-size:26px;
margin-bottom:20px;
}
.heart h1 {
font-size:40px;
}
.sec4 {
padding:35px 0 30px;
}
.thumbslider {
margin-top:10px;
}
.bx-loading {
display:none;
}
#site_slider .caption span a {
font-size:13px;
}
#site_slider .caption p a {
font-size:14px;
}
#site_slider .caption h3 a {
font-size:24px;
}
#site_slider .bx-wrapper .bx-controls-direction a {
top:83%;
}
.mob_logo{margin:61px auto;}
 
}
@media(min-width:361px) and (max-width:767px) {
.banner_caption h1 {
font-size:32px;
}
#site_slider .caption span a {
font-size:15px;
}
#site_slider .caption p a {
font-size:17px;
}
#site_slider .caption h3 a {
font-size:28px;
}
.mob_logo{margin:136px auto;}
  
.page-node-36 .webform-component--time-of-pick-up, .page-node-36 .webform-component--time-of-your-visit{padding-left:10px;}
#edit-submitted-time-of-your-visit, #edit-submitted-time-of-pick-up--2, #edit-submitted-time-of-pick-up{height:29px !important;}

}
@media(min-width:361px) and (max-width:480px) {
#site_slider .bx-wrapper .bx-controls-direction a {
top:79%;
}
.mob_logo h3{ font-size:36px !important;}
}
 @media(min-width:481px) and (max-width:640px) {
#site_slider .bx-wrapper .bx-controls-direction a {
top:75%;
}
.phone_icon .map{margin-left:4px;}
}
 @media(min-width:641px) and (max-width:767px) {
#site_slider .bx-wrapper .bx-controls-direction a {
top:76%;
}
}

.moblogo {
	display:none;
}

.socialicon{ padding-top:30px;}
.socialicon .content{ font-size:48px; color:#fff;}
.socialicon .content img{ vertical-align:bottom;}
.videoWrapper {
	position: relative;
	padding-bottom: 35%; /* 16:9 */
	
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; z-index:-1;
}

.topbg1.mobile{ display:none;}
.mcolored_tabs,.header_toggle_content{ display:none;}
@media screen and (max-width:800px){
 .header_toggle_content{ display:block;}
.header_toggle_content .region {position: absolute;
top: 48px;
background: none repeat scroll 0% 0% rgb(0, 0, 0);
width: 100%;
color: rgb(255, 255, 255);
padding: 15px;
text-align: center;
z-index: 11;font-family: sans-serif;
font-size: 18px;}
a.map.location_down:after{ background:url(img/down_yellow.png) no-repeat 0 0; content: "";
position: absolute;
padding: 10px;
bottom: -20px;
right: 130px;
width:20px; height:14px;
}
a.contact.phone_down:after{ background:url(img/down_yellow.png) no-repeat 0 0; content: "";
position: absolute;
padding: 10px;
bottom: -20px;
right: 192px; width:20px; height:14px;}
.internal-page a.map.location_down:after{right:14px;}
.internal-page a.contact.phone_down:after{right:70px;}
.more_contentm{ display:none;margin-top: 5px;
background: #000;
color: #fff;
text-align: center;
padding: 15px 15px;}
.mtab_third { position:relative;}
.mtab_third  a.more_down:after{ background:url(img/more_down.png) no-repeat 0 0; content: "";
position: absolute;
padding: 16px;
bottom: -31px;
left: 0px; right:0px; background-position:center;}

#block-block-18 .left_content{float: left; text-align:left; font-family:sans-serif; font-size:16px;
width: 87%;}

#block-block-18 .right_content{float: left;font-family:sans-serif; font-size:16px;
width: 13%;}
#block-block-18 .right_content a{}
 a.green{ background:#00a54f; color:#FFFFFF;padding: 4px;
border-radius: 3px;}
 a.purple{ background:#41176B; color:#FFFFFF;padding: 4px;
border-radius: 3px;}
 a.yellow{ background:#fff000; color:#000;padding: 4px;
border-radius: 3px;}
 a.red{ background:#ec1b23; color:#FFFFFF;padding: 4px;
border-radius: 3px;}
#block-block-19 .content a { color:#FFFFFF;}
.front .menu_6, .front .menu_7, .front .menu_8{ display:block!important;}
.mynavbar .nav li.menu_6{ padding-right: inherit;
padding-left: inherit;}
.mynavbar .nav li.menu_6 a{background: none;
border-radius: 0;
border: 0; border-bottom:2px solid #fff;}
.mynavbar .nav li.menu_7{padding-right: inherit;}
.mynavbar .nav li.menu_7 a{background: none;
border-radius: 0;
border: 0;
color: #fff; border-bottom:2px solid #fff;}
.mynavbar .nav li.menu_8 a{background: none;
border-radius: 0;
border: 0; border-bottom:2px solid #fff;}
 
 
/*03-April-2015*/
.internal-page .mynavbar{padding-left:0px;}
.internal-page .mynavbar .nav li a{padding:14px 17px;}
.internal-page #menu .navbar{padding:0px;}
.mynavbar .nav li.menu_1{border-top:2px solid #fff;}
.phone_icon .map{margin-left:10px;}
.mean-container a.meanmenu-reveal {padding:8px 18px 11px !important;}
 .mean-container a.meanmenu-reveal span{margin-top:6px !important;}
 .mean-container .mean-bar, .mean-container .mean-nav{background:#41176b !important;}
 .meanmenu-reveal.meanclose{top:3px !important;}
 .mean-container .mean-nav ul li a.mean-expand{padding:10px !important;}
 .mean-container .mean-bar{padding-bottom:0px !important;}
 .mean-container .mean-nav ul li a.mean-expand:hover{background:none !important;}
 .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li li a{border-top:2px solid #fff;}
 #menu, #skip-link{display:none;} 
 #menu .navbar-toggle {
padding:5px;
margin-top:8px;
margin-bottom:9px;
}
.phone_icon {
 display: block !important;
 left: 10px;
 padding: 7px;
 position: absolute;
 top: 0px;
 z-index: 999999;
}
.fbicon{margin-left:25px;}
.phone_icon {
 display: block;
}
.mynavbar li:nth-child(3) {
display:none;
}
.mynavbar .nav li {
text-align:left;
}
#menu #btn-collapse {
border-bottom:2px solid #fff;
}
#menu .navbar-nav {
margin-top:0px;
margin-bottom:0px;
}
.mynavbar .nav li a {
padding:14px 17px;
font-size:20px;
}
.region-phone-content, .region-location-content{ display:none;}
.phoneslide a {
    float: right;
}
.phoneslide span{float:left;}
.phoneslide{
 width:290px;
 margin:auto;
}
.formobview{float:left; width:100%; margin-top:28px; margin-bottom:10px; font-size:18px;}
.appmobile{text-align:center !important;}
.pick_up{text-align:center !important;} 
.mean-container .mean-nav ul li li a{width:84%; padding:1em 8%}
.mean-nav ul li:nth-child(7){display:none;}
.internal-page .mob_logo {display:block;  margin:10px auto; z-index:9999999; position: absolute; right: 0; text-align: center; left:0; top:0px; width:200px;}.internal-page .mob_logo img{width:130px;}
}
@media(max-width:767px) {
.mcolored_tabs{display:block;}
.topbg1.destop{ display:none;}
.topbg1.mobile{ display:block;}
#menu .navbar-default{ none;}
#menu #btn-collapse{ border:none;}
.videoWrapper{ display:none;}
.mcolored_tabs{ padding:20px 0;}
.mcolored_tabs_container{ display:block; text-align:center; margin:auto;}
.mcolored_tabs .mtab .content > a{ color: #FFF;
font-size: 22px;
text-decoration: none;
text-transform: uppercase;padding: 2px 30px;
border-radius: 5px;border: 1px solid #fff; }
.margin20{ margin-bottom:20px;}	
.mcolored_tabs .mtab_first a{  background: #00a651;}
.mcolored_tabs .mtab_second a{  background: #fff200; color:#000000 !important;}
.mcolored_tabs .mtab_third a{  background: #ed1c24;}
.videodiv{ margin-top:0;}
.bbqing h3{ font-size:20px;}
.bbqing{ top:-13px; padding:0;}
.videodiv img{ max-width:13%;}
#site_slider .caption{ width:100%; padding:0; padding-bottom:15px;}
.heart h1{ font-size:42px;}
.shareicons.text-center{ padding:0 15px;}

.region-phone-content, .region-location-content{ display:none;}
.header_toggle_content .region {position: absolute;
top: 48px;
background: none repeat scroll 0% 0% rgb(0, 0, 0);
width: 100%;
color: rgb(255, 255, 255);
padding: 15px;
text-align: center;
z-index: 11;font-family: sans-serif;
font-size: 18px;}
a.map.location_down:after{ background:url(img/down_yellow.png) no-repeat 0 0; content: "";
position: absolute;
padding: 10px;
bottom: -20px;
right: 130px;
width:20px; height:14px;
}
a.contact.phone_down:after{ background:url(img/down_yellow.png) no-repeat 0 0; content: "";
position: absolute;
padding: 10px;
bottom: -20px;
right: 192px; width:20px; height:14px;}
.internal-page a.map.location_down:after{right:14px;}
.internal-page a.contact.phone_down:after{right:70px;}
.more_contentm{ display:none;margin-top: 5px;
background: #000;
color: #fff;
text-align: center;
padding: 15px 15px;}
.mtab_third { position:relative;}
.mtab_third  a.more_down:after{ background:url(img/more_down.png) no-repeat 0 0; content: "";
position: absolute;
padding: 16px;
bottom: -31px;
left: 0px; right:0px; background-position:center;}

#block-block-18 .left_content{float: left; text-align:left; font-family:sans-serif; font-size:16px;
width: 87%;}

#block-block-18 .right_content{float: left;font-family:sans-serif; font-size:16px;
width: 13%;}
#block-block-18 .right_content a{}
 a.green{ background:#00a54f; color:#FFFFFF;padding: 4px;
border-radius: 3px;}
 a.purple{ background:#41176B; color:#FFFFFF;padding: 4px;
border-radius: 3px;}
 a.yellow{ background:#fff000; color:#000;padding: 4px;
border-radius: 3px;}
 a.red{ background:#ec1b23; color:#FFFFFF;padding: 4px;
border-radius: 3px;}
#block-block-19 .content a { color:#FFFFFF;}
.front .menu_6, .front .menu_7, .front .menu_8{ display:block!important;}
.mynavbar .nav li.menu_6{ padding-right: inherit;
padding-left: inherit;}
.mynavbar .nav li.menu_6 a{background: none;
border-radius: 0;
border: 0; border-bottom:2px solid #fff;}
.mynavbar .nav li.menu_7{padding-right: inherit;}
.mynavbar .nav li.menu_7 a{background: none;
border-radius: 0;
border: 0;
color: #fff; border-bottom:2px solid #fff;}
.mynavbar .nav li.menu_8 a{background: none;
border-radius: 0;
border: 0; border-bottom:2px solid #fff;}
 
 
/*03-April-2015*/
.internal-page .mynavbar{padding-left:0px;}
.internal-page .mynavbar .nav li a{padding:14px 17px;}
.internal-page #menu .navbar{padding:0px;}
.mynavbar .nav li.menu_1{border-top:2px solid #fff;}
.phone_icon .map{margin-left:10px;}
}





/***********************************Menu CSS *****************************/
 
@media(min-width:768px){
.mynavbar .nav ul{ visibility:hidden; opacity:0; overflow:hidden; position:absolute; }
.mynavbar .nav ul{ background:#fff; z-index:10; width:200px;}
.mynavbar .nav li.has-dropdown:hover> ul {
  visibility: visible;
  opacity: 1; overflow:visible;
  
}
.mynavbar .nav li.has-dropdown li{margin: 0;
  display: block;
  text-align: left;}
  .mynavbar .nav li.has-dropdown li a:hover{ background:#51277b;  color:#FFFFFF;}
.front .menu_1{display:none !important;}

  }
  
  
  input[type="button"]{background: #51277B;
  color: #fff;
  border: 1px solid #fff;
  padding: 5px 15px;
  border-radius: 3px;}
  
  input[type="button"]:hover{background: #fff;
  color: #51277B;
  border: 1px solid #51277B;
}  

#pagearea #user-login input{color:#000000;}
.backtohomes {text-align:right;  margin-bottom: 12px;
    margin-top: -35px;  }
.backtohomes a {
    
    border: 2px solid #fff;
    border-radius: 5px;
	font-family:"Hobo";
	font-size:16px;
	padding:5px;
}
.backtohomes a:hover {
    background: #51277B none repeat scroll 0 0;
    border: 2px solid #fff;
	color:#fff !important;
    
	text-decoration:none;
}

.bx-wrapper .bx-pager.bx-default-pager a{ height:13px  !important; width:13px  !important; }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#51277b  !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a{ background:#FFF200 !important;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:#51277b  !important;}
.menu_9 ul li ul{right:200px !important; top:0px !important;}
@media (max-width:767px){
.has-dropdown ul{display:block !important; width:100%; margin:0px;}
.mynavbar .nav ul{background:none;}
.mynavbar .nav ul li{border-bottom:2px solid #fff;}
.mynavbar .nav ul li a{border:0px !important; }
.mynavbar .nav .menu_9.has-dropdown ul a{padding-left:31px;}
.internal-page .mob_logo {  width:100px; top:5px; z-index:999999; margin:0 auto; }
.internal-page .header_toggle_content .content{padding-top:50px;}
.internal-page #primary_content{margin-top:60px;}
.backtohomes{padding-right:0px;}
.mynavbar .nav li.menu_8 a:hover{background:#51277B; color:#fff;}
.menu_8.has-dropdown:hover > a{color:#fff !important;}
.mynavbar .nav li:hover {background:#51277B; color:#fff; opacity:0.8;}
.mynavbar .nav li:hover a {
    color: #fff;
}
 .mynavbar .nav li.menu_6 a:hover{   color: #fff;
  background: #51277B; } 
  .mynavbar .nav li.menu_7 a:hover{   color: #fff;
  background: #51277B; }
  #menu{display:none;}
#primary_content .titlestrip{margin-top:35px;}
.mob_logo h3{color: #fff; font-size:28px;}
#skip-link{display:none;}
.backtohomes{text-align:center;}
.phoneslide a {
    float: right;
}
.phoneslide span{float:left;}
.phoneslide{
 width:290px;
 margin:auto;
}
.formobview{float:left; width:100%; margin-top:28px; margin-bottom:10px; font-size:18px;}
.appmobile{text-align:center !important;}
.pick_up{text-align:center !important;}
#primary_content #edit-submitted-serious-food-party-pack-set-menu, #primary_content #edit-submitted-serious-food-party-platters, #primary_content #edit-submitted-serious-food-customized-menu, #primary_content form .qty input{width:60px !important;}
.tablespan a {
    float: left;
    width: 100%;
}
.tablespan{float:left; width:100%; margin-bottom:61px;}
.mobilenone{display:none;}
.nofooter_border > a {
    float: left;
    margin-bottom: 12px;
    width: 100%;
}
.slider-loading {top:59%; color:#fff;}
#node-19 .appmobile img, #node-19 .pick_up img, #node-19 .appmobile a, #node-19 .pick_up a{display:none;}.appmobile, .appmobile span, .pick_up span.formobview{margin-bottom:0px !important;}.appmobile span, .pick_up span.formobview{margin-top:0px !important;}
.mean-nav ul li:nth-child(7){display:none;}
}
 
#primary_content select{line-height:29px;}
#edit-submitted-time-of-pick-up--2{line-height:29px !important;}
.webform-component--time-of-pick-up, .webform-component--time-of-your-visit{ display:inline-block; padding-left:20px;}
.webform-component--time-of-pick-up label, .webform-component--time-of-your-visit label{ display:block;}
.webform-component--time-of-pick-up select, .webform-component--time-of-your-visit select{ width:auto;}
.menu_2.has-dropdown ul{z-index:1111;}
.internal_bannerimg{display:none;}

html.js fieldset.collapsible .fieldset-legend{ padding-left:0;}
html.js fieldset.collapsible.collapsed .fieldset-legend a::after{ content:"\002228"; position:relative; color:#FFFFFF; padding-left:10px; font-size:30px;}
html.js fieldset.collapsible .fieldset-legend a::after{ content:"\002227"; position:relative; color:#FFFFFF; padding-left:10px; font-size:30px;}
#primary_content #webform-client-form-37 a:hover{ text-decoration:none;}

.webform-component--type-of-catering > label{font-size:20px;}
.webform-component-fieldset.collapsible.collapsed.webform-component--serious-food--party-platters.form-wrapper.collapse-processed legend a, .webform-component-fieldset.collapsible.webform-component--serious-food--party-pack-set-menu.form-wrapper.collapse-processed.collapsed legend a, .webform-component-fieldset.collapsible.collapsed.webform-component--serious-food--customized-menu.form-wrapper.collapse-processed legend a, .webform-component-fieldset.collapsible.webform-component--serious-food--party-pack-set-menu.form-wrapper.collapse-processed legend a, .webform-component-fieldset.collapsible.webform-component--serious-food--party-platters.form-wrapper.collapse-processed legend a, .webform-component-fieldset.collapsible.webform-component--serious-food--customized-menu.form-wrapper.collapse-processed legend a{font-size:24px;}
.appmobile{float:left; margin-bottom:45px; width:56%;}
.appmobile > a, .pick_up > a{    
float: left;
margin-left: 254px;
margin-top: -16px;
font-weight:bold;
color:#00a651 !important;
}
.pick_up > a{margin-left:221px !important;}
.pick_up{ font-size:19px; margin-bottom:30px;}
.gm-style-iw p{color:#000;}
.mean-nav ul li a{ font-family: "Open Sans"; font-size:15px;}
@media (min-width:992px) and (max-width:1199px){
.pick_up{font-size:15px !important;}
.appmobile{font-size:15px !important;}
.pick_up > a{margin-left:195px !important;}
.appmobile > a {margin-left:223px !important;}
}
@media (max-width:991px){
 .appmobile{width:100%; text-align:left;}
  .pick_up{float:left; width:100%; text-align:left;}
 .pick_up > a{float:left; width:100%; margin:0px !important; text-align:center;}
.appmobile > a {float:left; width:100%; margin:0px !important; text-align:center;}
}
@media(min-width:350px) and (max-width:400px){
 
}
/*For JG App*/

 .myjgapp .mob_logo{margin-top:20px;}
 .app_tabslider{margin-top:10px !important;}
 .myjgapp .mcolored_tabs .bx-controls-direction a.bx-next{background:url('../css/img/app_next_arrow.png') no-repeat; height:42px; width:42px;}
 .myjgapp .mcolored_tabs .bx-controls-direction a.bx-prev{background:url('../css/img/app_previous_arrow.png') no-repeat; height:42px; width:42px;}
 #admin-menu {z-index:11111;}
 
 
 .mean-container .mean-nav ul li li a{ opacity:1; filter: alpha(opacity=100);}
 
.red_btn{background: #ed1c24; border:1px solid #ed1c24;  padding: 0px 20px; display:inline-block;color: #fff; text-decoration:none;} 
.red_btn:hover{background:none;border:1px solid #000; color:#000000;} 
#block-block-5 .content li{ line-height:36px; padding-bottom:5px;}
#preloader{
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0, 0, 0, 0.8); /* change if the mask should have another color then white */
z-index:9999990; /* makes sure it stays on top */
}

#status{

position:absolute;
left:50%; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url('../css/img/loader.gif'); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* is width and height divided by two */
font-size:30px;
height:200px;
width:200px;
}
@media (min-width:768px){.mynavbar .menu_4{display:none !important;}}
.page-node-77 .jglogo{display:none;}

@media(min-width:768px) and (max-width:800px){
.region-header-text{ display:none;}

}