body{
	margin: 0;
	padding: 0;
	font-family: "helvetica neue", helvetica, arial, sans-serif;
	font-size: 14px;
	color: #333;
	overflow: scroll;
}

body.fixed{
	width: 100%;
	height: 100%;
	position: fixed;
}

.section{
	text-align: center;
}

.content{
	width: 60%;
	margin: 0 auto;
	margin-bottom: 1.2em;
}

.content img{
	margin-top: 60px;
}

.content ul{
	padding: 0;
	margin: 0;
}

.content ul li{
	list-style: none;
	margin-bottom: 1em;
}

.content ul li:last-child{
	margin-bottom: 1.4em!important;
}

blockquote{
	font-style: italic;
}

.clearfix{
	clear: both;
}

.float-left{
	float: left;
	margin-right: 10px;
}

.hide{
	display: none!important;
}

.header{
	background: #333;
	height: 48px;
	color: #fff;
	position: fixed;
	top: 0;
	padding: 0;
	margin: 0;
	z-index: 10;
	width: 100%;
}

.logo{
	position: absolute;
	top: 15px;
	left: 15px;
	height: 24px;
	
}

em{
	color: #77bc1f;
}

.mobile-nav{
	display: none;
}

.primary-nav{
	margin: 0;
	margin-left: 15px;
	padding-top: 18px;
	float: left;
	left: 0;
}

.primary-nav li{
	display: inline;
	margin-right: 20px;
	
}

.primary-nav li a, .primary-nav li a:hover{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.primary-nav li.active a, .primary-nav li a:hover{
	border-bottom: 3px solid #77bc1f;
	padding-bottom: 11px;
	transition:all 0.5s;
}

.secondary-nav{
	margin: 0;
	float: right;
	padding-top: 18px;
}

.secondary-nav li{
	display: inline;
	margin-right: 20px;
}

.mobile-login-toggle-btn{
	display: none;
}

a, a:hover{
	color: #77bc1f;
	text-decoration: none;
}

 a:hover{
 	color: #999;
 }

a.order-btn, a.order-btn:hover{
	background: #77bc1f;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
}

a.order-btn:hover{
	border: 0 none!important;
	padding: 5px 10px!important;
	background: #fff;
	color: #77bc1f!important;
}

a.login-toggle-btn, a.login-toggle-btn:hover, a.cart-toggle-btn, a.cart-toggle-btn:hover{
	background: transparent url(../img/user-icon.png) no-repeat 0 0;
	background-size: cover;
	padding: 0;
	display: inline-block;
	width: 18px!important;
	height: 18px!important;
	text-indent: -9999px;
	border-bottom: none 0;
}

a.cart-toggle-btn, a.cart-toggle-btn:hover{
	background: transparent url(../img/cart-icon.png) no-repeat 0 0;
	background-size: cover;
}

a.mobile-cart-toggle-btn, a.nav-toggle-btn{
	display: none;
}

a.login-toggle-btn:hover, a.cart-toggle-btn:hover{
	background-position: -18px 0;
}

.cart-wrapper a.login-toggle-btn, .cart-wrapper a.login-toggle-btn:hover{
	background: none transparent;
	padding: 0;
	display: inline-block;
	width: auto!important;
	height: auto!important;
	text-indent: 0;
	color: #fff;
}

.cart-wrapper a.login-toggle-btn:hover{
	color: #77bc1f;
}

a.hide-btn, a.hide-btn:hover{
	color: #77bc1f;
	transition: all 0.5s;
}

a.hide-btn:hover{
	margin-left: 20px;
}


.slide a.order-btn, .slide a.order-btn:hover, .event-package a.order-btn, .event-package a.order-btn:hover{
	display: block;
	width: 160px!important;
	margin: 20px auto 80px!important;
	padding: 10px!important;
	border: 1px solid #333;
	color: #333!important;
	background: transparent!important;
	text-decoration: none;
	clear: both;
}

.slide a.order-btn:hover, .event-package a.order-btn:hover{
	border: 1px solid #77bc1f!important;
	color: #77bc1f!important;
}

.section h4{
 	margin-bottom: 0!important;
}

.section p{
	margin-top: 0;
}

hr{
	width: 40px;
	background: #77bc1f;
	height: 3px;
	border: 0 none;
	margin-bottom: 1.2em;
}


input{
	font-size: 1em;
}
select {
	font-size: 1.2em;
}

#section0{
	background-image: url(../img/section-images/trovana-main-edited2.jpg);
	background-size: cover;
	background-position: bottom;
	color: #333;
}

#section4{
	padding: 0;
	padding-bottom: 60px;	
}

img.home-logo{
	width: 35%;
	min-width: 180px;
	margin-bottom: 40px;
	padding-left: 20px;
	margin-top: -120px;
}

.home-down-arrow, .home-down-arrow:hover{
	display: block;
	width: 24px;
	margin: -40px auto 0;
	padding: 0;
	transition: all 1s;
}

.home-down-arrow:hover{
	padding-top:20px
}

.section-image{
	display: block;
	height: 65%;
	overflow: hidden;
	margin-bottom: 2em;
}

.section-image img{
	width: 100%;
}

.column-2{
	width: 45%;
	float: left;
	text-align: left;
	margin-right: 5%;
	padding-bottom: 40px;
}

.secondary-nav a.active{
	background-position: -18px 0;
}

.fp-controlArrow.fp-prev {
    left: 15px;
    border: none;
    width: 50px;
    height: 101px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2377bc1f'%2F%3E%3C%2Fsvg%3E") no-repeat;
    cursor: pointer;
}


.fp-controlArrow.fp-next {
    right: 15px;
    border: none;
    width: 50px;
    height: 101px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2377bc1f'%2F%3E%3C%2Fsvg%3E") no-repeat;
    cursor: pointer;
}

.map-graphic{
	display: block;
	width: 50%!important;
	float: left;
	clear: both;
}

.map-graphic img{
	width: 100%;
}

.map-info{
	display: block;
	width: 40%!important;
	float: left;
	text-align: left;
	padding-left: 20px;
	padding-top: 40px;
}

.map-info:nth-of-type(odd) {
	margin-right: 10%;
}

#section5, #section6, #section7, #section8{
	padding-top: 60px;
}

#section2 .fp-slidesNav.bottom, #section3 .fp-slidesNav.bottom{
	display: none;
}

footer{
	position: fixed;
	right: 40px;
	bottom: 20px;
}

footer ul li{
	padding: 5px;
	width: 24px;
	border: 1px solid #77bc1f;
	margin-bottom: 10px;
	list-style: none;
}

.fb-btn, .fb-btn:hover, .instagram-btn, .instagram-btn:hover{
	display: block;
	width: 24px;
	height: 24px;
	background: transparent url('../img/fb-icon.png') no-repeat 0 0;
	background-size: contain;
	text-indent: -9999px;
}

.instagram-btn, .instagram-btn:hover{
	background: transparent url('../img/instagram-icon.png') no-repeat 0 0;	
	background-size: contain;
}

/*LOGIN*/

.login-wrapper{
	display: block;
	position: fixed;
	top: 48px;
	right: -400px;
	width: 320px;
	height: 100%!important;
	background: rgba(0, 0, 0, .75);
	color: #fff;
	padding: 40px 15px;
	overflow-x: hidden;
	transition: all 0.5s;
}

.login-wrapper label{
	display: inline-block;
	width:80px;
	margin-bottom: 10px;
}

.login-btn, .login-btn:hover{
	clear: both;
	display: block;
	padding: 0.5em;
	font-size: 1em;
	background: #77bc1f;
	border: none 0;
	color: #fff;
	cursor: pointer;
	transition:all 0.5s;
	margin: 20px 0;
}

.login-btn:hover{
	background-color: #fff;
	color: #77bc1f;
}

.login-wrapper a{
	color: #77bc1f;
	transition: all 0.5s;
}

.login-wrapper a:hover{
	color: #77bc1f;
}

.corporate-account{
	padding: 5px;
	color: #fff;
	border: 1px solid #fff;
}

.user-nav ul{
	margin: 0;
	padding: 0;
}

.user-nav li{
	list-style: none;
}

.user-nav li a, .user-nav li a:hover{
	text-decoration: none;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #fff;
	color: #fff;
}


.user-nav li a.active{
	color: #77bc1f;
}

.user-nav li a:hover span{
	color: #fff;
	background: #77bc1f;
}


.user-nav li:last-child a, .user-nav li:last-child a:hover{
	border-bottom: none 0;
}

.announcement{
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	transition: all 0.5s;
}

.announcement-block{
	display: block;
	background: #fff;
	width: 480px;
	margin: 25% auto 0;
	padding: 20px 20px;
	text-align: center;
}

.announcement-close-btn, .announcement-close-btn:hover{
	display: block;
	width: 120px;
	padding: 10px;
	margin: 40px auto 0;
	border: 1px solid #999;
	text-decoration: none;
	color: #999;
	font-size: 0.8em;	
	transition: all 0.5s;
}

.announcement-close-btn:hover{
	border: 1px solid #77bc1f;
	color: #77bc1f;
}

.green{
	color: #77bc1f!important;
}

/*ORDERING SYSTEM*/
.cart-wrapper{
	display: block;
	position: fixed;
	top: 48px;
	right: -400px;
	width: 320px;
	height: 100%!important;
	background: rgba(0, 0, 0, .75);
	color: #fff;
	padding: 40px 15px;
	overflow-x: hidden;
	transition: all 0.5s;
}

.cart-show, .login-show{
	right: 0!important;
}

.cart-nav{
	margin: 40px 0 0;
	padding: 0;
}

.cart-nav ul{
	padding: 0;
}

.cart-nav ul li{
	list-style: none;
	display: inline;
	margin-right: 10px;
	padding: 0;
}

.cart-nav ul li a, .cart-nav ul li a:hover, .cart-nav ul li a.active, .cart-nav ul li a.active:hover{
	padding: 8px 10px;
	background: #77bc1f;
	color: #fff;
	text-decoration: none;
	transition: all 0.5s;
	border: 1px solid #77bc1f;
}

.cart-nav ul li a{
	background: transparent;
	border: 1px solid #fff;
}

.cart-nav ul li a:hover{
	background: transparent;
	border: 1px solid #77bc1f;
	color: #77bc1f;
}

.cart-tab{
	display: block;
	margin: 40px auto;
	width: 100%;
	position: relative;
	padding-bottom: 100px;
	text-align: left;
}

.cart-tab h4{
	margin-bottom: 0.5em;
}

.cart-date{
	margin: 0;
	font-size: 1.2em;
	font-weight: bold;
}

.cart-time{
	margin: 0;
}

.cart-tab a {
	color: #fff;
}

.cart-tab a:hover{
	color: #77bc1f;
}

.cart-tab input[type="text"] {
	height: 20px;
	font-size: 1em;
	padding: 0 5px;
	margin-bottom: 1em;
}

.cart-tab hr, .order-review-column hr, .login-wrapper hr{
	width: 20px;
	background: #fff;
	height: 2px;
	border: 0 none;
	margin: 1.2em 0;
	clear: both;
}

li.delivery-notice, li.delivery-notice:hover, li.delivery-notice a, li.delivery-notice a:hover{
	color: #fff!important;
	border: 0 none!important;
	cursor: default!important;
}

.order-review-column hr{
	background: #333;
}

.item-qty{
	padding: 2.5px 6px;
	background-color: #77bc1f;
	margin-right: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
}

.mobile-item-qty{
	display: none;
}
.order-data table, .order-review-column table{
	border-collapse: collapse;
	width: 320px;
}

.order-review-column table{
	margin-bottom: 20px;
}

.order-data table td, .order-review-column table td{
	vertical-align: top;
	padding: 5px 10px;
}

table.order-table{
	width: 100%;
}

table.order-table th{
	text-align: left;	
}

table.order-table td{
	border-bottom: 1px solid #999;
}

table.order-table tr:first-child td{
	border-top: 1px solid #999;
}

table.order-table tr.total-row td{
	background: #fff;
	color: #333;
}

.order-review-column table.order-table tr.total-row td{
	background: #333;
	color: #fff;
}

table.order-table td p{
	margin-top: 0;
	margin-bottom: 0.5em;
}

table.order-table small{
	color: #77bc1f;
}

.add-ons label, .add-ons select {
	display: inline-block!important;
	clear: none;
}

.add-ons select{
	margin-right: 10px;
}

.add-ons table{
	width: 60%;
	border-collapse: collapse;
}

.add-ons table h4{
	margin-top: 0;
}

.next-day-icon, .next-day-icon-small{
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 5px;
	background: transparent url('http://dev.cheficon.com/skin/cheficon_v3/img/1-day_order.png') no-repeat 0 0!important;
	background-size: contain!important;
	display: block;
	width: 36px;
	height: 36px;
	text-indent: -9999px;
	margin: 5px 5px 0 0;
}

.next-day-icon-small{
	position: relative!important;
	display: inline-block;
	width: 16px;
	height: 16px;
}


/* BUTTONS */

.clear-btn, .clear-btn:hover, .checkout-btn, .checkout-btn:hover, .add-address-btn, .add-address-btn:hover, .add-item-btn, .add-item-btn:hover, .timing-confirm, .timing-confirm:hover {
	display: block;
	padding: 0.5em;
	font-size: 1em;
	background: #77bc1f;
	border: none 0;
	color: #fff;
	cursor: pointer;
	transition:all 0.5s;
	float: left;
	margin-right: 20px;
	transition: all 0.5s;
	text-decoration: none;
}


.checkout-btn:hover, .timing-confirm:hover{
	color: #77bc1f;
	background: #fff;
	border: 1px solid #77bc1f;
}

.clear-btn, .clear-btn:hover, .add-item-btn, .add-item-btn:hover {
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.add-item-btn, .add-item-btn:hover {
	border: 1px solid #333;
	color: #333;
	float: none;
	width: 80px;
	margin: 20px auto 0;
	text-align: center;
}

.clear-btn:hover, .add-item-btn:hover{
	border: 1px solid #77bc1f;
	color: #77bc1f;
}

 .user-btn, .user-btn:hover{
 	display: block;
 	clear: both;
 	padding: 0.5em;
 	font-size: 1em;
 	background: #999;
 	border: solid 1px #999;
 	color: #fff;
 	cursor: pointer;
 	transition:all 0.5s;
 	float: left;
 	margin-right: 20px;
 	transition: all 0.5s;
 	text-decoration: none;
 	margin-bottom: 20px;
 }
 
 .user-btn:hover{
 	background: #77bc1f;
 	border: 1px solid #77bc1f;
 }

.add-address-btn, .add-address-btn:hover {
	text-decoration: none;
	margin-bottom: 20px;
	color: #fff!important;
	margin-right: 5px;
}

.postal-code-checker{
	display: inline-block;
	margin-right: 5px;
}

.postal-code-check-btn, .postal-code-check-btn:hover{
	background: transparent url(../img/right-arrow-icon-white.png) no-repeat 0 0;
	background-size: cover;
	display: inline-block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	transition: all 0.5s;
}

.postal-code-check-btn:hover{
	margin-left: 5px;
	background-image: url(../img/right-arrow-icon.png);
}

.cart-btns{
	margin-top: 20px;
}

.edit-btn, .edit-btn:hover {
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: transparent url(../img/edit-icon.png) no-repeat;
	background-size: cover;
	margin-right: 5px;
	transition: all 0.5s;
}

.remove-btn, .remove-btn:hover	{
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: transparent url(../img/remove-icon.png) no-repeat;
	background-size: cover;
	transition: all 0.5s;
}


.edit-btn:hover, .remove-btn:hover {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

.timing-edit{
	display: block;
	margin-bottom: 20px;
}

/* ADDRESS */
ul.saved-address{
	margin: 0;
	padding: 0;
}

ul.saved-address li, ul.saved-address li:hover{
	list-style: none;
	padding: 10px;
	border: 1px solid #fff;
	width: 260px;
	margin-bottom: 20px;
	cursor: pointer;
	transition: all 0.5s;
	position: relative;
}

ul.saved-address li.active, ul.saved-address li.hover{
	background: #77bc1f url('../img/check-icon-white.png') no-repeat right;
	background-size: 16px;
	background-position-x: 250px;
	color: #fff!important;
}

ul.saved-address a.remove-btn{
	position: absolute;
	right: -20px;
	top: 20px;
}

ul.saved-address li:hover {
	color: #77bc1f;
	border: 1px solid #77bc1f;
}

.new-address label, .new-address input[type="text"], .user-info label, .user-info input[type="text"]  {
	clear: both;
	float: none;
	display: block;
}

.new-address label, .user-info label {
	margin-bottom: 0.5em;
}

.cancel-address{
	line-height: 2em;
}

.user-info input[type="text"]{
	margin-bottom: 1em;
}

small.required-info{
	color: #77bc1f;
	display: block;
	margin-bottom: 20px;
}

/* CART ITEMS SELECTION */

.content-wrapper{
	padding: 60px 20px;
}

.menu-items{
	margin: 0;
	padding: 0;
}

.menu-items li{
	list-style: none;
	padding: 0;
	margin: 0 20px 20px 0;
	width: 240px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	position: relative;
}

.item-selection {
	border: 1px solid #333;
	padding: 0;	
	height: auto;
	overflow: auto;
	background: #333;
	color: #fff;
}

.item-selection label, select{
	clear: both;
	display: block;
	margin-bottom: 1em;
}

.item-selection p{
	margin-bottom: 1em;
}

.item-selection label{
	margin-bottom: 0.5em;
}

.item-selection select, .item-selection img{
	width: 100%;
}

.item-selection .add-item-btn{
	color: #fff;
	border: 1px solid #fff;
	margin-bottom: 20px;
}

.item-selection .add-item-btn:hover{
	border: 1px solid #77bc1f;
	background: #77bc1f;
}

.seasonal-label{
	display: block;
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 5px;
	background: #77bc1f;
	color: #333;
	font-size: 12px;
}

.order-notice, .order-notice-dark{
	border: 1px solid #333;
	width: 70%;
	padding: 10px 10px 0 10px;
	margin-bottom: 40px;
	font-size: 1em;
}

.order-notice ul, .order-notice-dark ul{
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

.order-notice ul li, .order-notice-dark ul li{
	margin-bottom: 10px;
}

.order-notice-dark{
	background: #333;
	color: #fff;
	padding: 10px;
}

.order-notice-dark a, .order-notice-dark a:hover{
	color: #77bc1f;
	text-decoration: none;
	transition: all 0.5s;
}

.order-notice-dark a:hover{
	color: white;
}

.order-review-column{
	display: inline-block;
	width: 320px;
	margin-right: 20px;
	vertical-align: top;
}

.order-review-column .edit-btn, .info-block .edit-btn{
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: transparent url(../img/edit-icon-grey.png) no-repeat;
	background-size: cover;
	margin-right: 5px;
	transition: all 0.5s;
}

.order-review-column h4{
	margin-bottom: -10px;
}

.login-wrapper-close-btn{
	display: none;
}

/*PRESS SWIPER*/

.press-frame {
    width: 100%;
    height: 360px;
}

.press-online-mobile{
	display: none;
}


/*USER PAGES*/

.page-user-nav ul{
	padding: 0;
	margin-bottom: 40px;
}

.page-user-nav li{
	display: inline-block;
	margin-right: 20px;
}

.page-user-nav li a, .page-user-nav li a:hover{
	font-size: 1em;
	color: #999;
	padding-bottom: 5px!important;
	text-decoration: none;
}

.page-user-nav li a:hover, .page-user-nav li.active a, .page-user-nav li.active a:hover{
	font-size: 1em;
	color: #77bc1f;
	border-bottom: 2px solid #77bc1f;
}

.info-block{
	padding: 0px 10px 20px;
	width: 60%;
	border-top: 4px solid #333;
	background: none transparent;
	min-width: 420px;
	float: none;
	margin-bottom: 20px;
	margin-right: 20px;
}

.info-block:first-child{
	border-top: none 0;
}

.info-block small{
	line-height: 1em;
}

.info-block label, .info-block input{
	float: left;
}

.info-block label{
	clear: both;
	line-height: 2em;
	width: 200px;
	margin-bottom: 10px;
}

.info-block	textarea{
	width: 100%;
	margin-bottom: 20px;
}

.info-block hr, .info-block hr.thick, .fancybox-content .form-table hr{
	text-align: left;
	width: 100%;
	background: #999;
	height: 1px;
	border: 0 none;
	margin-bottom: 1.2em;
}

.fancybox-inner{
	min-width: 240px;
}

.info-block hr.thick{
	height: 3px;
}

.fancybox-content .form-table hr{
	margin-bottom: 0;
}
 

.info-block select{
	float: left;
	clear: none;
}

.info-block table{
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}

.info-block .user-info tfoot{
	color: #77bc1f;
}

.info-block .narrow-table{
	width: 420px;
}

.info-block .form-table td, .fancybox-content .form-table td{
	border-bottom: 0 none;
	padding: 5px;
	vertical-align: top;
	line-height: 1.6em;
}

/*.info-block .form-table input{
	width: 100%;
}*/

.info-block .form-table select{
	float: none;
	display: inline-block;
	margin-left: 10px;
}

.fancybox-content .form-table{
	margin-bottom: 20px;
}

/*.fancybox-content .form-table td{
	padding: 5px;
	padding-left: 0;
}*/

.fancybox-content .form-table ul{
	margin: 0;
	padding: 0;
}

.fancybox-content .form-table ul li{
	list-style: none;
}

.fancybox-skin{
	background: #fff;
}

.info-block table td, .info-block table thead{
	border-bottom: solid 1px #999;
	padding: 5px;
	vertical-align: top;
}

.info-block table thead{
	border-bottom: solid 2px #333;
	font-weight: bold;
}

.info-block table tr:last-child td{
	border-bottom: none 0;
}

.info-block ul{
	padding-left: 0;
}

.info-block ul li{
	list-style: none;
	clear: both;
	margin-bottom: 10px;
}

.info-block .remove-btn{
	display: inline-block;
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	background: transparent url(../img/remove-icon-grey.png) no-repeat;
	background-size: cover;
	margin-right: 5px;
	transition: all 0.5s;
}


input.small-input{
	width: 60px!important;
	margin-right: 10px;
}

.fancybox-wrapper{
	display: none;
}

.fancybox-wrap .info-block{
	background: transparent none;
	border: 0 none;
}

.order-number{
	display: inline-block;
	padding: 5px;
	font-size: 0.8em;
	background: #77bc1f;
	color: #fff;
	border-radius: 15px 15px;
	-webkit-border-radius: 15px 15px;
}

a.incomplete-btn, a.incomplete-btn:hover, a.completed-btn, a.completed-btn:hover, a.delete-btn, a.delete-btn:hover, a.print-btn, a.print-btn:hover{
	background: transparent url('../img/incomplete-icon-grey.png') no-repeat top left;
	background-size: contain;
	padding-left: 24px;
	text-decoration: none;
	color: #999;
	transition: all 0.5s;
	margin-left: 20px;
}

a.incomplete-btn:hover{
	background-image: url('../img/incomplete-icon-green.png');
	color: #77bc1f;
}

a.completed-btn{
	background-image: url('../img/check-icon-grey.png');
}

.order-action a.completed-btn{
	background-image: url('../img/circle-icon-grey.png');
}

a.completed-btn:hover{
	background-image: url('../img/check-icon-green.png');
	color: #77bc1f;
}

a.delete-btn{
	background-image: url('../img/remove-icon-grey.png');
}

a.delete-btn:hover{
	background-image: url('../img/remove-icon-green.png');
	color: #77bc1f;
}

a.print-btn {
	background-image: url('../img/print-icon-grey.png');
}

a.print-btn:hover{
	background-image: url('../img/print-icon-green.png');
	color: #77bc1f;
}

ul.order-action{
	margin: 0;
	padding: 0;
}

ul.order-action li{
	margin: 0;
	padding: 0;
	display: inline-block;
}

ul.order-action li:first-child a{
	margin: 0;
}

.customer-info h4{
	color: #77bc1f;
	margin-bottom: 0;
}

.customer-info p{
	margin-top: 0;
}

.voucher-redeem{
	width:50%;
	min-width: 480px;
}

.reports-nav{
	margin: 5px 0;
}

.reports-nav li{
	display: inline-block;
}

.reports-nav li a, .reports-nav li a:hover{
	color: #999;
	font-size: 0.9em;
	margin-right: 10px;
}

.reports-nav li a:hover, .reports-nav li a.active{
	color: #77bc1f;
}

.total-sales{
	margin: 20px 0 0;
}

.total-sales p{
	font-size: 60px;
	color: #77bc1f;
	margin: 0;
}

.opening-days select{
	display: inline-block;
}


/*.voucher-redeem select{
	margin: 20px auto;
}

.voucher-redeem a.checkout-btn, .voucher-redeem a.checkout-btn:hover, .voucher-redeem a.timing-confirm, .voucher-redeem a.timing-confirm:hover{
	width: 160px;
	padding: 10px 0;
	margin: 40px auto!important;
	text-align: center!important;
	float: none;
}

.voucher-redeem a.timing-confirm, .voucher-redeem a.timing-confirm:hover{
	width: 120px!important;
}*/


/**************************************/
/************RESPONSIVE****************/
/**************************************/

@media (max-width: 480px) {

	.header{
		background: #333;
		height: 52px;
		color: #fff;
		position: fixed;
		top: 0;
		padding: 0;
		margin: 0;
		z-index: 10;
		width: 100%;
	}
		
	.logo{
		position: absolute;
		top: 6px;
		left: 45%;
		height: 36px;
	}
	
	.desktop-nav{
		display: none;
	}
	
	a.nav-toggle-btn, a.nav-toggle-btn:hover{
		display: block;
		font-size: 48px;
		width: 48px;
		color: #fff;
		border: none 0;
		padding: 0;
		padding-left: 20px;
		text-decoration: none;
		position: absolute;
		top: -5px;
		left: 0;
		z-index: 99;
		transition: all 0.5s;
	}
	
	.nav-active{
		padding-left: 40px!important;
		color: #77bc1f!important;
	}
	
	footer{
		display: none;
	}
	
	a.mobile-cart-toggle-btn, a.mobile-cart-toggle-btn:hover {
		background: transparent url(../img/cart-icon.png) no-repeat 0 0;
		background-size: cover;
		padding: 0;
		display: block;
		width: 36px!important;
		height: 36px!important;
		text-indent: -9999px;
		border-bottom: none 0;
		position: absolute;
		top: 5px;
		right: 20px;
		z-index: 99;
	}
	
	a.mobile-cart-btn-active{
		background-position: -36px 0!important;
	}
		
	.mobile-nav{
		display: block;
		position: fixed;
		top: 52px;
		left: -800px;
		width: 100%!important;
		height: 100%!important;
		background: rgba(0, 0, 0, .75);
		color: #fff;
		padding: 0;
		transition: all 0.5s;
	}
	
	.mobile-primary-nav{
		margin: 0;
		padding: 0;
	}
	
	.user-nav{
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	
	.mobile-primary-nav li, .user-nav li{
		width: 50%;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		float: left;
	}
	
	
	.mobile-primary-nav li a, .mobile-primary-nav li a:hover, a.order-btn, a.order-btn:hover, .user-nav li a, .user-nav li a:hover{
		display: block;
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		color: #fff;
		text-decoration: none;
	}
	
	.user-nav li a, .user-nav li a:hover{
		padding: 20px 0;
	}
	
	.mobile-primary-nav li a:nth-child(even), .mobile-primary-nav li a:nth-child(even):hover, .mobile-primary-nav li:last-child a, .mobile-primary-nav li:last-child li a:hover, .user-nav li:nth-child(even) a, .user-nav li:nth-child(even) a:hover{
		border-right: none 0;
	}
	
	.mobile-primary-nav li a:hover{
		background: #77bc1f;
	}
	
	.mobile-primary-nav li:nth-last-child(1){
		width: 100%;
	}
	
	.mobile-primary-nav li a span.fb-btn, .mobile-primary-nav li a span.fb-btn:hover, .mobile-primary-nav li a span.instagram-btn, .mobile-primary-nav li a span.instagram-btn:hover{
		display: block;
		width: 24px;
		height: 24px;
		background: transparent url('../img/fb-icon-white.png') no-repeat 0 0;
		background-size: contain;
		text-indent: -9999px;
		margin: 0 auto;
	}
	
	.mobile-primary-nav li a span.instagram-btn, .mobile-primary-nav li a span.instagram-btn:hover{
		background: transparent url('../img/instagram-icon-white.png') no-repeat 0 0;	
		background-size: contain;
	}
	
	.mobile-primary-nav li.empty-link, .mobile-primary-nav li.empty-link a{
		color: #fff!important;
		background: #fff!important;
	}
		
	a.order-btn, a.order-btn:hover{
		border: 0 none;
		border-bottom: 1px solid #fff!important;
		padding: 30px 0!important;
	}
	
	a.order-btn:hover{
		background: #fff!important;
		color: #77bc1f!important;
	}
	
	a.login-toggle-btn, a.login-toggle-btn:hover{
		background: none transparent;
		padding: 0;
		display: inline-block;
		width: auto!important;
		height: auto!important;
		text-indent: 0;
	}
	
	a.mobile-login-toggle-btn, a.mobile-login-toggle-btn:hover{
		display: block;
		position: fixed;
		bottom: 20px;
		right: 20px;
		background: #333 url(../img/user-icon-white.png) no-repeat center;
		padding: 10px;
		width: 32px!important;
		height: 32px!important;
		text-indent: -9999px;
		z-index: 99;
		border-bottom: none 0;
		border-radius: 32px;
		-webkit-border-radius: 32px;
		transition: all 0.5s;
	}
	
	a.mobile-login-toggle-btn-active{
		background: #fff url(../img/user-icon-grey.png) no-repeat center;
	}
	
	
	.login-wrapper{
		display: block;
		position: fixed;
		top: 120%;
		left: 0px;
		width: 100%!important;
		height: 100%!important;
		background: rgba(0, 0, 0, .75);
		color: #fff;
		padding: 0;
		overflow-x: hidden;
		transition: all 0.5s;
	}
	
	.cart-wrapper{
		display: block;
		position: fixed;
		top: 52px;
		right: -800px;
		width: 100%!important;
		height: 100%!important;
		background: rgba(0, 0, 0, .75);
		color: #fff;
		padding:0;
		overflow-x: hidden;
		transition: all 0.5s;
	}
	
	
	.login-wrapper-content, .cart-wrapper-content{
		padding: 20px 15px;
	}
	
	.cart-wrapper-content table{
		width: 100%;
	}
	
	ul.saved-address li{
		width: 80%;
	}
	
	ul.saved-address li.active, ul.saved-address li:hover{
		width: 90%;
	}
	
	.login-show{
		top: 52px;
	}
	
	.mobile-nav-show{
		left: 0!important;
	}
	
	
	a.login-wrapper-close-btn{
		display: block;
		font-size: 32px;
		position: absolute;
		top: 5px;
		right: 5px;
		text-decoration: none;
		color: #fff;
	}
	
	.cart-show{
		right: 0!important;
	}
	
	.mobile-item-qty{
		display: block;
		padding: 2.5px 6px;
		background-color: #77bc1f;
		margin-right: 10px;
		-webkit-border-radius: 10px;
		position: absolute;
		right: 48px;
		top: 12px;
	}
	
	img.home-logo{
		margin: 40px auto 20px;
		width: 50%!important;
	}
	
	.content{
		width: 80%;
		margin: 0 auto;
		margin-bottom: 1.2em;
	}
	
	.section{
		padding-top: 30px;
	}
	
	.section-image{
		margin-bottom: 10px!important;
		overflow: hidden;
	}
	
	.fp-slidesNav.bottom{
		display: none;
	}
	
	
	.announcement-block{
		display: block;
		background: #fff;
		width: 50%;
		margin: 25% auto 0;
		padding: 20px 20px;
		text-align: center;
	}
	
	.column-2{
		display: block;
		width: 100%;
		float: none;
		text-align: left;
		margin-right: 0;
		padding-bottom: 0;
	}
	
	.column-2:last-child{
		padding-bottom: 40px;
	}
	
	
	.press-online-desktop{
		display: none;
	}
	
	.press-online-mobile{
		display: block;
	}
	
	.press-frame {
	    width: 100%;
	    height: 140px;
	}
	
	.map-graphic, .map-info{
		display: block;
		width: 100%!important;
		height: auto;
		float: none;
		padding: 0;
		margin: 0;
	}
	
	.map-info{
		padding-bottom: 40px;
	}
	
	.fp-controlArrow.fp-prev {
	    left: 15px;
	    border: none;
	    width: 24px;
	    height: 48px;
	    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2377bc1f'%2F%3E%3C%2Fsvg%3E") no-repeat;
	    cursor: pointer;
	    animation: bounceright 3s infinite;
	    -webkit-animation: bounceright 3s infinite;
	}
	
	@-webkit-keyframes bounceright {
	  0%, 40%, 63%, 80%, 100% {
	      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	      -webkit-transform: translate3d(0,0,0);
	      transform: translate3d(0,0,0);
	    }
	  
	    50%, 55% {
	      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      -webkit-transform: translate3d(30px, 0, 0);
	      transform: translate3d(30px, 0, 0);
	    }
	  
	    70% {
	      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      -webkit-transform: translate3d(15px, 0, 0);
	      transform: translate3d(15px, 0, 0);
	    }
	  
	    90% {
	      -webkit-transform: translate3d(4px,0,0);
	      transform: translate3d(4px,0,0);
	    }
	}
	
	@keyframes bounceright {
	  0%, 40%, 53%, 80%, 100% {
	    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    -webkit-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	  }
	
	  43%, 45% {
	    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d(30px, 0, 0);
	    transform: translate3d(30px, 0, 0);
	  }
	
	  70% {
	    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d(15px, 0, 0);
	    transform: translate3d(15px, 0, 0);
	  }
	
	  90% {
	    -webkit-transform: translate3d(4px,0,0);
	    transform: translate3d(4px,0,0);
	  }
	}
	
	
	.fp-controlArrow.fp-next {
	    right: 15px;
	    border: none;
	    width: 24px;
	    height: 48px;
	    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2377bc1f'%2F%3E%3C%2Fsvg%3E") no-repeat;
	    cursor: pointer;
	    animation: bounceleft 3s infinite;
	    -webkit-animation: bounceleft 3s infinite;
	}
	
	@-webkit-keyframes bounceleft{
	  0%, 40%, 63%, 80%, 100% {
	      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	      -webkit-transform: translate3d(0,0,0);
	      transform: translate3d(0,0,0);
	    }
	  
	    50%, 55% {
	      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      -webkit-transform: translate3d(-30px, 0, 0);
	      transform: translate3d(-30px, 0, 0);
	    }
	  
	    70% {
	      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	      -webkit-transform: translate3d(-15px, 0, 0);
	      transform: translate3d(-15px, 0, 0);
	    }
	  
	    90% {
	      -webkit-transform: translate3d(-4px,0,0);
	      transform: translate3d(-4px,0,0);
	    }
	}
	
	@keyframes bounceleft{
	  0%, 40%, 53%, 80%, 100% {
	    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
	    -webkit-transform: translate3d(0,0,0);
	    transform: translate3d(0,0,0);
	  }
	
	  43%, 45% {
	    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d(-30px, 0, 0);
	    transform: translate3d(-30px, 0, 0);
	  }
	
	  70% {
	    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
	    -webkit-transform: translate3d(-15px, 0, 0);
	    transform: translate3d(-15px, 0, 0);
	  }
	
	  90% {
	    -webkit-transform: translate3d(4px,0,0);
	    transform: translate3d(-4px,0,0);
	  }
	}
	
	.mobile-primary-nav .fb-btn, .mobile-primary-nav .fb-btn:hover, .mobile-primary-nav .instagram-btn, .mobile-primary-nav .instagram-btn:hover{
		display: block;
		background: transparent none no-repeat 0 0;
		text-indent: 0;
	}
	
	.mobile-primary-nav .fb-btn img, .mobile-primary-nav .instagram-btn img {
		width: 24px;
	}
	
	
	
	/*CART*/
	.order-notice, .order-notice-dark{
		border: 1px solid #333;
		width: 90%;
		padding: 10px 10px 0 10px;
		margin-bottom: 40px;
		font-size: 1em;
	}
	
	.order-notice-dark{
		background: #333;
		color: #fff;
	}
	
	.menu-items li{
		list-style: none;
		padding: 0;
		margin: 0;
		margin-bottom: 20px;
		width: 100%;
		display: block;
		vertical-align: top;
	}
	
	.item-selection {
		border: 0 none;
		border: 1px solid #77bc1f;
		padding: 20px 10px 10px;
		height: auto!important;
	}
	
	.order-review-column{
		display: block;
		float: none;
		width: 100%;
	}
	
	.order-review-column table{
		width: 100%;
	}
	
}


/*** additional  styling **/
/*
select.ndd{
	padding-left: 15px;
	background:transparent url(../img/1-day_order.png) no-repeat 2px 4px;
	background-size: 15px;
}
select .ndd{
	padding-left: 20px;
	background:transparent url(../img/1-day_order.png) no-repeat 2px 4px;
	background-size: 15px;
}
*/