* {
	padding:0;
	margin:0;
}

:focus {
	outline: none;
}

body {

}

a:focus {
	outline: none;
}

.brandon {
}

.lobster {
}

.container {
	width: 100%;
}

.container.dark-blue {
	background: #1E354A;
}

.wrap {
	width: 80%;
	margin: 0 auto;
}

.wrap.spaced {
	padding: 50px 0;
}

.wrap.spaced.spaced-end {
	padding: 50px 0 150px 0;
}


.column-left {
	width: 47%;
	float: left;
	text-align: center;
}

.column-right {
	width: 47%;
	float: right;
	text-align: center;
}

.logo {
	background: url(../img/logo.jpg) no-repeat center;
	background-size: auto 100%;
	height: 184px;
}

.top-nav {
	margin: 0; padding: 0;
	float: right;
	list-style: none;
	color: #fff;
}

.top-nav li {
	float: left;
	font-size: 12px;
}

.top-nav li.div {
	border-left: 1px solid #8C99A2;
	width: 20px;
	margin-left: 20px;
	margin-top: 20px;
}

.top-nav a {
	color: #fff;
	text-decoration: none;
	padding: 20px 5px;
	display: block;
	font-size: 12px;
}

.display-mobile-show {
	display: none;
}

.header-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-nav .header-nav-li {
	float: left;
	width: 20%;
	margin: 0;
	padding: 0;
}

.header-nav .header-nav-link {
	display: block;
	text-align: center;
	color: #353332;
	text-decoration: none;
	font-size: 17px;
	margin: 80px 0;
}

.header-nav .header-logo-link {
	display: block;
	height: 180px;
}


.header-nav .dropdown-menu
{
	margin-top: -70px;
	border: none;
	width: 90%;
	margin-left: 5%;
}

.header-nav .dropdown-menu a {
	color: #444;
	text-align: center;
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px dotted #ccc;
}

.header-nav .dropdown-menu li:last-child a {
	border-bottom: none;
}

.header-nav li:first-child .header-nav-link {
	border-right: 1px solid #999;
}

.header-nav li:last-child .header-nav-link {
	border-left: 1px solid #999;
}


.header-slogan {
	width: 100%;
	height: 561px;
	background: url(../img/family2.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
}


.header-slogan .brandon {
	font-size: 77px;
	font-weight: bold;
	padding-top: 250px;
	display: block;
	line-height: 77px;
	text-shadow: 1px 1px 2px #555;
}

.header-slogan .lobster {
	font-size: 96px;
	font-weight: normal;
	line-height: 96px;
	text-shadow: 1px 1px 2px #555;
}

.mid-slogan {
	width: 100%;
	height: 449px;
	background: url(../img/fastdinner.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
}

.mid-slogan .wrap
{
	padding-top: 100px;
}

.mid-slogan h1 {
	font-size: 44px;
	font-weight: bold;
}


.mid-slogan hr {
	width: 282px;
	display: inline-block;
	border: none;
	border-bottom: 2px dotted #fff;
	margin: 20px 0 30px 0;
}

.mid-slogan p {
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	padding: 0 100px 20px 100px;
}

#welcome {
	text-align: center;
	overflow: hidden;
}

#welcome h1 {
	color: #393939;
	font-size: 24px;
}

#welcome hr {
	width: 282px;
	display: inline-block;
	border: none;
	border-bottom: 2px dotted #8f8d8e;
	margin: 20px 0 30px 0;
}

#welcome p {
	color: #393939;
	font-size: 14px;
	line-height: 20px;
	padding: 0 100px;
}

#welcome-info p {
	color: #3A3939;
	font-size: 13px;
	line-height: 22px;
}

.big-icon-calendar {
	font-size: 20px;
	padding: 25px 0 25px 80px;
	background: url(../img/icon-cal.png) no-repeat;
	display: inline-block;
	text-align: left;
}

.big-icon-calendar a {
	color: #222;
	text-transform: none;
}

.big-icon-veggies a {
	color: #222;
	text-transform: none;
}

.big-icon-veggies {
	font-size: 20px;
	padding: 25px 0 25px 120px;
	background: url(../img/icon-veg.png) no-repeat;
	display: inline-block;
	text-align: left;
}

#footer .wrap {
	padding: 30px 0  0;
	overflow: hidden;
}

#footer .logo-white
{
	background: url(../img/logo-white.png) no-repeat;
	background-size: 100%;
	width: 100px;
	height: 100px;
	display: block;
	margin: 0 20px 0 0;
	float: left;

}

#footer .block {
	float: left;
	border-left: 1px solid #fff;
	padding: 0 20px;
	height: 100px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer .medium-link {
	font-size: 13px;
	margin-right: 20px;
}

#footer .small-link {
	font-size: 10px;
	color: #fff;
}

#footer .social-link {
	color: #fff;
	font-size: 12px;
	margin: 5px 0;
	display: inline-block;
}

#footer .social-link .fa-stack-1x {
	color: #1E354A;
}

#footer .logo-block {
	height: 200px;
	float: left;
}

#footer .address {
	margin: 20px 0 20px 15px;
	display: block;
	float: right;
	text-align: right;
}

#footer .address h1 {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 14px;
	color: #eee;
}

#footer .address hr {
	width: 122px;
	display: inline-block;
	border: none;
	border-bottom: 2px dotted #8f8d8e;
	margin: 5px 0;
}

#footer .address p {
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: normal;
	font-size: 10px;
	color: #eee;
}

.page-slogan {
	width: 100%;
	height: 339px;
	background: url(../img/banner.jpg) no-repeat center;
	background-size: cover;
	color: #fff;
	text-align: center;
}

.page-slogan.banner-2 {
	background: url(../img/banner2.jpg) no-repeat center;
	background-size: cover;
}

.page-slogan .wrap
{
	padding-top: 100px;
}

.page-slogan h1 {
	font-size: 75px;
	font-weight: bold;
	text-shadow: 1px 1px 1px #555;
}


.page-slogan hr {
	width: 282px;
	display: inline-block;
	border: none;
	border-bottom: 2px dotted #fff;
	margin: 20px 0 30px 0;
}

.page-slogan p {
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	padding: 0 100px 20px 100px;
}


#page {
	/* text-align: center; */
	padding-top: 50px;
}

#page h1 {
	color: #393939;
	font-size: 38px;
}


#page h2 {
	color: #393939;
	font-size: 22px;
	font-weight: bold;
	margin: 0;
	line-height: 45px;
}

#page h3 {
	color: #393939;
	font-size: 22px;
	font-weight: normal;
}

#page .h3-link {
	color: #1D334B;
	font-size: 16px;
	display: inline-block;
	line-height: 48px;
	font-weight: bold;
}


#page .h3-link:hover {
	color:#35608E;
	text-decoration: none;
}

#page .menu-h2 {
	margin-right: 20px;
}

#page hr {
	width: 282px;
	display: inline-block;
	border: none;
	border-bottom: 2px dotted #8f8d8e;
	margin: 20px 0 30px 0;
}

#page hr.line {
	width: 100%;
	border-bottom: 1px solid #eee;
	margin: 20px 0 30px 0;
}

#page p {
	color: #393939;
	font-size: 14px;
	margin: 0 0 20px 0;
	line-height: 20px;
}

#page .nutri-label {
	width: 120px;
	display: inline-block;
}

#page .gf-image {
	width: 28px;
	height: 29px;
	background: url(../img/gf.png) no-repeat;
	display: block;
	margin: 8px 15px 8px 0;
}

#page .naaco-image {
	width: 50px;
	height: 50px;
	background: url(../img/naaco-50.png) no-repeat;
	display: block;
	margin: 0px 15px 4px 0;
}

#page .gluten-free-image {
	width: 30px;
	height: 30px;
	background: url(../img/gluten-free.png) no-repeat;
	display: block;
	margin: 8px 15px 8px 0;
}

#page .dairy-free-image {
	width: 30px;
	height: 30px;
	background: url(../img/dairy-free.png) no-repeat;
	display: block;
	margin: 8px 15px 8px 0;
}

#page ul {
	color: #393939;
	font-size: 14px;
	margin: 0 0 20px 20px;
}

#page .legend {display: flex; justify-content: space-around; margin-bottom: 3em; }
#page .legend-item span:first-child { height: 32px !important; width: 32px !important; }
#page .legend-item { display: flex; align-items: center; }

.line-spaced p
{
	line-height: 2em;
}

.bordered-heading h1 {
	border: 5px solid #3A3939;
	padding: 15px 20px;
	display: inline-block;
	margin-bottom: 30px;
	font-size: 28px !important;
}

#form-page {
	text-align: center;
	padding-top: 50px;
}

#form-page h1 {
	color: #393939;
	font-size: 24px;
}

#form-page hr {
	width: 282px;
	display: inline-block;
	border: none;
	border-bottom: 2px dotted #8f8d8e;
	margin: 20px 0 30px 0;
}

#form-page p {
	color: #393939;
	font-size: 14px;
	margin: 0 0 20px 0;
	line-height: 20px;
}

#form-page .checkbox-inline label {
	color: #666;
}

#form-page .checkbox label {
	padding-left: 0;
	color: #666;
}

#form-page .icheckbox_front {
	float: left;
}

#form-page .text {
	padding: 6px 0 0 5px;
	display: block;
	float: left;
}

#form-page .text.thin {
	font-weight: normal;
}

#form-page .form-dropdown-group
{
	position: relative;
}

#form-page .form-dropdown {
	text-align: left;
	position: relative;
}

#form-page .form-dropdown:hover {
	border: 1px solid #666;
	text-decoration: none;
}

#form-page .form-dropdown:focus {
	text-decoration: none;
}

#form-page .form-dropdown .caret {
	float: right; margin: 8px;
	border-width: 6px;
}

#form-page .dropdown-menu {
	float: none;
	left: 0;
	border-radius: 0;
	width: 100%;
}

#form-page .dropdown-menu li > a
{
	color: #555;
}

#form-page .dropdown-menu li.active > a
{
	color: #fff;
}

#form-page .form-dropdown.placeholding .display-value
{
	color: #999;
}

.form-control {
	border-radius: 2px;
	background: #efefef;
	font-family: sans-serif;
	box-shadow: none;
	font-size: 14px;
	/*text-transform: uppercase;*/
}

.dropdown-search-input {
	margin: 10px 20px 10px 20px;
	overflow: hidden;
}

#form-page .checkbox-p {
	line-height: 30px !important;
	margin-right: 20px;
	display: inline-block;
}


.form-control:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #efefef inset;
}

.grey .form-control {
	background: #fff;
}

.grey input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 1000px white inset;
}

.has-error .form-control {
	color: #a94442;
}

#form-page ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}

#form-page :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
    opacity:  1;
}

#form-page ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
    opacity:  1;
}

#form-page :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

.form-group.checkbox-group
{
	overflow: auto;
}

.form-group.checkbox-group.has-error {
	border: 1px solid #a94442;
}

#form-page .checkbox-p {
	margin: 5px 10px 5px 5px;
}

.btn-primary {
	background: #1E354A;
}

.button {
	background: #1E354A;
	color: #fff;
	display: block;
	padding: 8px 15px;
	-webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    border: 0;
    border-radius: 2px;
}

.button:hover {
	background: #1b5284;
	text-decoration: none;
	color: #fff;
}

.button.btn-danger:hover {
	background: #d9534f;
	text-decoration: none;
	color: #fff;
}

.button.inline {
	display: inline-block;

}

#calendar hr {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;
	display: block;
	width: auto;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #1E354A; }

.label-primary {
	background-color: #1E354A;
}

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

	.wrap {
		width: 90%;
	}

	.header-slogan {
		height: 400px;
	}

	.header-slogan .brandon {
		font-size: 60px;
		padding-top: 200px;
		line-height: 60px;
	}

	.header-slogan .lobster {
		font-size: 80px;
		line-height: 80px;
	}

	.logo {
		height: 150px;
	}

	.header-nav .header-nav-link {
		font-size: 15px;
		margin: 65px 0;
	}

	.header-nav .dropdown-menu
	{
		margin-top: -55px;
	}

	.mid-slogan {
		height: 350px;
	}

	.mid-slogan .wrap
	{
		padding-top: 80px;
	}

	.mid-slogan h1 {
		font-size: 36px;
	}

	.mid-slogan hr {
		width: 200px;
		margin: 15px 0 20px 0;
	}

	.mid-slogan p {
		font-size: 14px;
		line-height: 20px;
		padding: 0 50px 15px 50px;
	}

	.big-icon-calendar {
		font-size: 20px;
		padding: 10px 0 25px 80px;
		min-height: 50px;
	}

	.big-icon-veggies {
		font-size: 20px;
		padding: 10px 0 25px 120px;
		min-height: 50px;
	}

	#footer .logo-block {
		float: none;
	}

	#footer .address
	{
		float: left;
		text-align: left;
	}

	#footer .address h1
	{
		text-align: left;
	}

	#footer .address p
	{
		text-align: left;
	}
}

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

	.display-mobile-show {
		display: block;
	}

	.display-mobile-hide {
		display: none;
	}

	.top-nav a {
		padding: 8px 4px;
		font-size: 11px;
	}
	.top-nav a:first-child {
		padding-left: 0;
	}
	.top-nav a:last-child {
		padding-right: 0;
	}

	.top-nav li.div {
		width: 5px;
		margin: 8px 5px;
	}

	.wrap {
		width: 95%;
	}

	.column-left {
		width: 100%;
	}

	.column-right {
		width: 100%;
	}

	.logo {
		height: auto;
		background-size: auto 100px;
		background-position: top center;
	}

	.header-nav {
		padding-bottom: 20px;
		width: 70%;
		margin: 0 15%;
	}

	.navbar-hidden {
		height: 100px;
	}

	.navbar-toggle {
		font-size: 18px;
		margin-top: 40px;
		margin-right: 0;
	}

	.header-slogan {
		height: 400px;
	}

	.header-slogan .brandon {
		font-size: 50px;
		padding-top: 200px;
		line-height: 50px;
	}

	.header-slogan .lobster {
		font-size: 50px;
		line-height: 50px;
	}


	.header-nav .header-nav-li {
		width: 100%;
		margin: 0;
	}

	.header-nav .header-nav-li.divider
	{
		display: none;
	}

	.header-nav .header-nav-link {
		margin: 0;
		border-left: none !important;
		border-right: none !important;
		border-bottom: 1px dotted #ccc;
		padding: 7px 0;
		text-align: left;
		/*overflow: hidden;*/
	}

	.navbar-collapse.in {
		overflow-y: visible !important;
	}

	.header-nav .header-nav-link i 	{
		float: right;
		padding-top: 5px;
	}

	.header-nav .header-nav-li:last-child .header-nav-link {
		border-bottom: none;
	}
/*
	.header-nav .dropdown-menu
	{
		position: static;
		width: 100%;
		margin: 0;
		border: none;
		box-shadow: none;
		overflow: hidden;
	}

	.header-nav .dropdown-menu .divider
	{
		display: none;
	}

	.header-nav .dropdown-menu a {
		text-align: left;
		color: #444;
		padding: 5px 15px;
	}
*/
	.mid-slogan {
		height: 350px;
	}

	.mid-slogan .wrap
	{
		padding-top: 50px;
	}

	.mid-slogan h1 {
		font-size: 30px;
	}

	.mid-slogan hr {
		width: 150px;
		margin: 10px 0 15px 0;
	}

	.mid-slogan p {
		font-size: 14px;
		line-height: 20px;
		padding: 0 10px 10px 10px;
	}

	#welcome hr {
		width: 150px;
		margin: 10px 0 15px 0;
	}

	#welcome p {
		padding: 0 10px;
	}

	#welcome-info p {
		padding: 15px 10px 30px 15px;
	}

	.big-icon-calendar {
		padding: 25px 0 25px 80px;
		min-height: auto;
	}

	.big-icon-veggies {
		padding: 25px 0 25px 120px;
		min-height: auto;
	}

	#footer .block {
		margin-bottom: 30px;
	}

	#footer .address
	{
		float: left;
		text-align: left;
	}

	#footer .address h1
	{
		text-align: left;
	}

	#footer .address p
	{
		text-align: left;
	}

	#footer .logo-block {
		float: none;
	}
}

.align-left {
	text-align: left;
}


.align-center {
	text-align: center;
}

.contain {
	overflow: hidden;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.block {
	display: block;
}

.closed {
	display: none;
}

.grey {
	background: #f5f5f5;
}

.padded {
	padding: 15px;
}

.half {
	width: 48%;
}

.width-100
{
	width: 100%;
}

#notifications                          { position: fixed; top: 0px; width: 100%; z-index: 2000; }
#notifications .notification            { display: block; text-align: center; color: #fff; padding: 15px 0; font-size: 20px; }
#notifications .notification.success    { background: #1ab362; color: #fff; }
#notifications .notification.danger     { background: #d70303; color: #fff; }
#notifications .notification.info 		{ background: #06b3d8; color: #fff;  }

#staticNotifications .notification            	{ display: block; text-align: center; color: #fff; padding: 15px 0; font-size: 20px; }
#staticNotifications .notification.success    	{ background: #1ab362; color: #fff; }
#staticNotifications .notification.danger     	{ background: #d70303; color: #fff; }
#staticNotifications .notification.info 		{ background: #06b3d8; color: #fff;  }


#cal-slide-content { background: #1E354A; }
#cal-slide-content:hover { background: #1E354A; }
#cal-slide-content li { text-align: left; }

.cal-month-day {
	height: 150px;
}

.events-list {
	top: 50px;
	max-height: 100px;
}

.inline-event {
	text-align: left;
	display: inline-block;
	height: auto;
	color: #1E354A;
	font-weight: normal;
	font-size: 12px;
}

.cal-popover.strike { text-decoration: line-through; }
.cal-popover-info  { display: none; }

.number-edit { display: inline-block; position: relative; width: 80px; }
.number-edit input[type="text"] { width: 45px; }
.number-edit a { position: absolute; display: block; width: 12px; left: 8px; }
.number-edit a.up { top: -3px; left: 60px;  }
.number-edit a.down { top: 15px; left: 60px; }

.order-pricing 					{ padding: 20px 40px 15px 40px; position: relative; margin-bottom: 20px; margin-top: 25px;  }
.order-pricing h2 				{ font-weight: normal !important; margin: 0; padding: 0; margin-bottom: 5px; }
.order-pricing .total 			{  position: absolute; right: 0; top: 0; height: 100%; padding: 15px 25px; border-left: 1px solid #fff; color: #454545; }
.order-pricing .total .package 	{ font-size: 12px; }
.order-pricing .total .price 	{ font-size: 12px; font-size: 40px; line-height: 46px; }
.order-pricing p 				{ padding-right: 140px; margin-bottom: 0 !important; }

.btn-wrapper-affix 				{ padding: 30px 0 0 0; }
.btn-wrapper-affix button		{ display: none; }

.order-pricing.affix 			{ position: fixed; top: -30px; z-index: 100; border-top: 60px solid #fff; border-bottom: 30px solid #fff; }
.btn-wrapper-affix.affix 		{ display: block; position: fixed; top: 130px; z-index: 110; }
.btn-wrapper-affix.affix button	{ display: block; }
.info-box.affix 			{ position: fixed; top: 30px; width: 460px; z-index: 100; }
.info-controls.affix 		{ position: fixed; top: 10px; z-index: 120; }

@media only screen and (max-width: 768px) {
	.btn-wrapper-affix.affix 	{ position: static !important; }
	.info-box.affix 			{ position: static !important; }
	.info-controls.affix 		{ }
	.order-pricing h2 			{ line-height: 30px !important; }
	.order-pricing 				{ padding: 10px 20px 10px 20px; min-height: 130px; }
	.order-pricing.affix 		{ border-bottom: 5px solid #fff;  border-top: 45px solid #fff; }
	.affix-width-margin 		{ margin-top: 0 !important; }
	.order-pricing .total .price 	{font-size: 30px; line-height: 34px; }
}

@media only screen and (max-width: 600px) {
	.order-pricing h2 			{ display: none; }
}


.list-item 					{ display: block; overflow: hidden; border-bottom: 1px dotted #ddd; padding: 7px 0; }
.list-item .right 			{ float: right; min-width: 50px; text-align: center; }
.list-item .item-label 		{ display: inline-block; min-width: 100px; }

.list-item-large 			{ display: block; overflow: hidden; padding: 7px 0; font-size: 18px; }
.list-item-large .right 	{ float: right; text-align: center; margin-left: 30px; min-width: 50px; }

.additional-text 			{ padding: 6px 0 0 10px; font-size: 12px; color: #777; }

.hr-line hr {
	width: 100% !important;
	border-bottom: 1px solid #eee !important;
}

@media print {
	#header 		{ display: none; }
	.page-slogan 	{ display: none; }
	#footer 		{ display: none; }

	#page 			{ font-size: 8pt;  }
	#page h1 		{ font-size: 30pt; }
	#page h2 		{ font-size: 14pt; }
	#page h3 		{ font-size: 10pt; }
	#page p 		{ font-size: 8pt; }
	.menu-h2 		{ font-size: 16pt !important; font-weight: normal !important; }
	.toggle-slide	{ display: none !important; }
}


@media only screen and (max-width: 768px) {
	.cal-row-head 				{ display: none; }

	.cal-row-fluid .cal-cell1 	{ width: 100%; }
	.inline-event 				{ clear: both; }
	.cal-month-day 				{ height: 50px; border-bottom: 1px solid #e1e1e1; }
	.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"]	{ min-height: 50px; }
	.events-list 				{ min-height: 50px; top: 10px; }
	[class*="cal-cell"]:hover a { color: #000; }
	span[data-cal-date] 		{ margin-top: 10px; }
	.cal-year-box .row-fluid, .cal-month-box .cal-row-fluid { border-bottom: none;}
	.cal-year-box [class*="span"], .cal-month-box [class*="cal-cell"] { border: none; }
}

.big-icon { font-size: 20px; margin: 0 5px 0 10px; }
