/* Minification failed. Returning unminified contents.
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
: run-time error CSS1036: Expected expression, found ''
 */






@media (min-width:1380px ) {

	.ffa-map-body-left {
		width: 25%;
	}

	.ffa-map-body-right {
		width: 75%;
	}
}
/* End of @media (max-width:1380) */


@media (min-width: 1024px) {
    .headerMenu ul li a {
        font-size: 14px !important;
    }
    .headerMenu {
        width: 25%;
    }

    .headerRightMenu {
        width: 40%;
    }
	/*.foodItemLeft {
        width: 72%;
    }
    
    .myMenuRight {
        width: 28%;
    }*/
}
/* End of @media (min-width: 1024px) */

@media (max-width: 1020px) {
    .headerRightMenu {
        width: 50% !important;
    }

    .headerMenu {
        display: none !important;
    }

    .deliveryBody {
        padding: 30px !important;
    }

    .mainSearchLabelRow2 label {
        font-size: 12px !important;
    }

    .bannerTitle {
        font-size: 28px !important;
    }
}

@media (max-width:767px ) {



	.mbHide {
		display: none;
	}

	.mbShow {
		display: block;
	}

	header.header {
		height: auto;
	}

	.ffa-logo {
		width: 75%;
	}

	.myMenuWrap {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.ffaModalAddItem .modal-dialog {
		width: auto;
	}

	.modalTitle {
		font-size: 24px;
	}

	.ffaModalAddItem .ffaCustomRadio,
	.ffaModalAddItem .ffaCheckboxCustom {
		margin-bottom: 10px;
	}

	.ffaModalAddItem .modal-footer {
		text-align: center;
	}

		.ffaModalAddItem .modal-footer .btn {
			font-size: 12px;
		}

			.ffaModalAddItem .modal-footer .btn.proceed {
				max-width: 190px;
			}
}
/* End of @media (max-width:767) */




@media(max-width: 640px) {
	.map-img {
		height: 300px;
	}
}
/* End of @media (max-width:640) */





@media(max-width: 580px) {

	.ffaBarIcon .btn {
		max-width: 40px;
	}

	.ffaBarIcon {
		margin-top: 15px;
	}

		.ffaBarIcon .btn i {
			font-size: 20px;
		}
}
/* End of @media (max-width:580) */





@media(max-width: 420px) {

	.ffaBarIcon {
		margin-top: 13px;
	}

	.signInModal.ffaModalAddItem .modal-body {
		max-height: inherit;
	}

	.rememberPass {
		position: inherit;
	}
}
/* End of @media (max-width:420) */




@media(max-width: 380px) {

	.ffaBarIcon {
		margin-top: 10px;
	}

		.ffaBarIcon .btn i {
			font-size: 18px;
		}

	.btn.btnBack {
		margin-bottom: 20px;
		display: block;
	}

	.btn.btn-sign-in {
		float: initial !important;
	}
}
/* End of @media (max-width:340) */







/*------------------------------------*\
 		Global style
\*------------------------------------*/

body {
	background: #fff;
	font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
}

.block {
	float: left;
	width: 100%;
}

.primary-color {
	color: #ffffff;
}

.primary-bg {
	background: #ffffff;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
	outline: none !important;
}

a:focus,
a:active {
	outline: none;
}

.mbShow {
	display: none;
}

.ffa-form-group {
}

	.ffa-form-group label {
		font-size: 14px;
		font-weight: 400;
		color: #fff;
		width: 100%;
	}

.ffa-select {
	width: 100%;
	height: 50px;
	background: #fff;
	line-height: 50px;
	border: 1px solid #938667;
}

	.ffa-select.ffa-select-location {
		background: #fff url(/assets/images/pin-icon.png) no-repeat scroll left 10px center / 14px auto;
	}

	.ffa-select.ffa-select-date {
		background: #fff url(/assets/images/calender-icon.png) no-repeat scroll left 10px center / 18px auto;
	}

	.ffa-select.ffa-select-time {
		background: #fff url(/assets/images/clock-icon-dark.png) no-repeat scroll left 10px center / 20px auto;
	}

	.ffa-select.ffa-select-man {
		background: #fff url(/assets/images/man-icon.png) no-repeat scroll left 10px center / 22px auto;
	}

	.ffa-select.ffa-select-dollar {
		background: #fff url(/assets/images/dollar-icon.png) no-repeat scroll left 10px center / 20px auto;
	}

	.ffa-select select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border: none;
		width: 100%;
		background: transparent url(/assets/images/down-arrow.png) no-repeat scroll right 20px center / 12px auto;
		padding-left: 30px;
		cursor: pointer;
	}

	.ffa-select .form-control {
		border: none;
		height: 100%;
		background: none;
		padding: 0 10px 0 35px;
	}

.ffa-form-group .btn-search {
	width: 100%;
	background: rgb(0,196,172);
	background: -moz-linear-gradient(top, rgba(0,196,172,1) 0%, rgba(3,173,152,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,196,172,1) 0%,rgba(3,173,152,1) 100%);
	background: linear-gradient(to bottom, rgba(0,196,172,1) 0%,rgba(3,173,152,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98',GradientType=0 );
	height: 50px;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	box-shadow: none;
	border: none;
	position: relative;
	border-radius: 6px;
}

	.ffa-form-group .btn-search:before {
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url(/assets/images/search-icon.png) no-repeat scroll left 20px center / 15px auto;
	}

	.ffa-form-group .btn-search:hover {
		background: rgb(3, 173, 152);
		background: -moz-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		background: linear-gradient(to bottom, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ad98', endColorstr='#00c4ac', GradientType=0);
	}




/*--- Start Custom Switch---*/


.ffaCheckboxCustom input[type='checkbox'] {
	visibility: hidden;
	position: absolute;
}

.ffaCheckboxCustom {
	position: relative;
}

	.ffaCheckboxCustom .box {
		width: 48px;
		height: 22px;
		background: #C5BD9E;
		position: relative;
	}

	.ffaCheckboxCustom input[type="checkbox"]:checked ~ .box {
		background: #00C4AC;
	}

	.ffaCheckboxCustom.round .box,
	.ffaCheckboxCustom.round label .chk {
		border-radius: 50px;
	}

	.ffaCheckboxCustom .box:before {
		content: 'On';
		position: absolute;
		top: 5px;
		left: 4px;
		height: 2px;
		color: #ffffff;
		font-size: 8px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
	}

	.ffaCheckboxCustom .box:after {
		content: 'Off';
		position: absolute;
		top: 5px;
		left: 30px;
		height: 2px;
		color: #ffffff;
		font-size: 8px;
		text-transform: uppercase;
		font-family: 'Open Sans', sans-serif;
	}

	.ffaCheckboxCustom.square .box:before {
		content: '';
		width: 10px;
		height: 10px;
		background: url(/assets/images/checked-icon.png) no-repeat scroll center center / 10px auto;
	}

	.ffaCheckboxCustom.square .box:after {
		content: '';
		width: 10px;
		height: 10px;
		background: url(/assets/images/close-icon.png) no-repeat scroll center center / 10px auto;
	}

	.ffaCheckboxCustom label {
		display: block;
		font-size: 14px;
		font-family: 'Open Sans', sans-serif;
		transition: all .5s ease;
		position: absolute;
		color: #938667;
		font-weight: 400;
	}

	.ffaCheckboxCustom input[type=checkbox]:checked + label {
		color: #fff;
	}

	.ffaCheckboxCustom label .chk {
		display: inline-block;
		width: 18px;
		height: 18px;
		transition: all .5s ease;
		cursor: pointer;
		position: absolute;
		top: 2px;
		left: 2px;
		z-index: 1;
		background: #ffffff;
	}

	.ffaCheckboxCustom input[type=checkbox]:checked + label .chk {
		left: 28px;
	}

	.ffaCheckboxCustom label .text {
		padding-left: 60px;
	}




/*--- End Custom Switch ---*/




.releasesWrap {
	background: #C5BD9E;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	max-width: 90px;
	padding: 8px;
	position: relative;
}

	.releasesWrap:before {
		position: absolute;
		bottom: 0;
		right: 0;
		content: "";
		width: 0;
		height: 0;
		border-top: 15px solid #E5E0C4;
		border-right: 15px solid #EEEEEE;
	}

	.releasesWrap img {
		display: inline-block;
		margin-right: 5px;
	}













/*------------------------------------*\
 		header style
\*------------------------------------*/


header.header {
	background: #21201e;
	height: 55px;
}

.ffa-logo {
	width: 35%;
}

	.ffa-logo img {
		max-width: 282px;
		width: 100%;
	}

.headerMenu {
	width: 30%;
}

	.headerMenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
		text-align: center;
	}

		.headerMenu ul li {
			display: inline-block;
			margin-right: 25px;
			line-height: 55px;
		}

			.headerMenu ul li:last-child {
				margin-right: 0;
			}

			.headerMenu ul li a {
				display: block;
				color: #C5BD9E;
				text-decoration: none;
				font-size: 18px;
				font-weight: 400;
			}

				.headerMenu ul li a:hover {
					color: #E5E0C4;
				}

.headerRightMenu {
	width: 35%;
}

	.headerRightMenu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

		.headerRightMenu ul li {
			display: inline-block;
			margin-left: 15px;
			line-height: 54px;
		}

			.headerRightMenu ul li:first-child {
				margin-left: 0;
			}

			.headerRightMenu ul li a {
				font-size: 14px;
				font-weight: 700;
				box-shadow: none;
			}

			.headerRightMenu ul li a {
				background: #938667;
				color: #E5E0C4;
				box-shadow: none;
			}

				.headerRightMenu ul li a:focus,
				.headerRightMenu ul li a:hover {
					background: #E5E0C4;
					color: #938667;
					box-shadow: none;
				}

			.headerRightMenu ul li .regBtn {
				background: #E5E0C4;
				color: #938667;
			}

				.headerRightMenu ul li .regBtn:focus,
				.headerRightMenu ul li .regBtn:hover {
					background: #938667;
					color: #E5E0C4;
				}

			.headerRightMenu ul li.cart a {
				margin-left: 30px;
				background: transparent;
				position: relative;
				display: inline-block;
			}

				.headerRightMenu ul li.cart a .cartNumber {
					position: absolute;
					top: 11px;
					left: 0;
					right: 0;
					margin: 0 auto;
					color: #00C4AC;
					text-align: center;
					font-weight: 700;
					font-size: 18px;
				}

			.headerRightMenu ul li a img {
				display: inline-block;
				max-width: 38px;
				margin-top: -2px;
			}





/*  ffaBarIcon   */

.ffaBarIcon {
	margin-top: 22px;
}

	.ffaBarIcon .btn {
		background: #938667;
		color: #E5E0C4;
		box-shadow: none;
		max-width: 60px;
		width: 100%;
		padding: 3px 0;
	}

		.ffaBarIcon .btn i {
			font-size: 25px;
		}

		.ffaBarIcon .btn:focus,
		.ffaBarIcon .btn:hover {
			background: #E5E0C4;
			color: #938667;
		}

.ffaMbMenu .headerMenu {
	width: 100%;
}

	.ffaMbMenu .headerMenu li {
		display: block;
		margin: 0 0 10px;
	}

		.ffaMbMenu .headerMenu li a {
			display: inline-block;
			position: relative;
		}

			.ffaMbMenu .headerMenu li a.regBtn,
			.ffaMbMenu .headerMenu li a.signIn {
				background: #938667;
				color: #E5E0C4;
			}

			.ffaMbMenu .headerMenu li a.regBtn,
			.ffaMbMenu .headerMenu li a.signIn {
				background: #E5E0C4;
				color: #938667;
			}

				.ffaMbMenu .headerMenu li a.regBtn:hover,
				.ffaMbMenu .headerMenu li a.signIn:hover {
					background: #938667;
					color: #E5E0C4;
				}

			.ffaMbMenu .headerMenu li a .cartNumber {
				position: absolute;
				top: 12px;
				right: 0;
				left: 0;
				font-size: 18px;
				font-weight: 700;
				color: #00C4AC;
			}








/*------------------------------------*\
 		bannerWrap style
\*------------------------------------*/


.bannerWrap {
	min-height: 500px;
	background: url(/assets/images/FoodieForAll-banner-bg.png) no-repeat scroll left top / 100% 100%;
	margin-bottom: 30px;
	padding-top: 47px;
	position: relative;
}

	.bannerWrap:before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: -moz-linear-gradient(top, rgba(33,32,30,1) 0%, rgba(187,187,187,0.5) 100%);
		background: -webkit-linear-gradient(top, rgba(33,32,30,1) 0%,rgba(187,187,187,0.5) 100%);
		background: linear-gradient(to bottom, rgba(33,32,30,1) 0%,rgba(187,187,187,0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21201e', endColorstr='#80bbbbbb',GradientType=0 );
		opacity: 0.7;
	}

	.bannerWrap .container {
		max-width: 975px;
	}

.deliveryBody {
	background: rgb(147, 134, 103);
	background: -moz-linear-gradient(top, rgba(147, 134, 103, 1) 0%, rgba(196, 190, 159, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(147, 134, 103, 1) 0%, rgba(196, 190, 159, 1) 100%);
	background: linear-gradient(to bottom, rgba(147, 134, 103, 1) 0%, rgba(196, 190, 159, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#938667', endColorstr='#c4be9f', GradientType=0);
	margin-top: 20px;
	padding: 70px;
}

.bannerTitle {
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
}

.deliveryBody .ffaCheckboxCustom {
	margin-top: 15px;
}

	.deliveryBody .ffaCheckboxCustom .box {
		background: #938667;
	}

	.deliveryBody .ffaCheckboxCustom label {
		color: #938667;
		font-size: 11px;
		line-height: 22px;
	}




















/*------------------------------------*\
 		foodItemWrap style
\*------------------------------------*/


.foodItemWrap {
}

.foodItem {
	background: #E5E0C4;
	margin-bottom: 30px;
}

	.foodItem .foodImg {
		height: 250px;
	}

.foodImg {
	overflow: hidden;
	position: relative;
}

	.foodImg img {
		height: 100%;
		width: 100%;
	}

.popular-text {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 120px;
	height: 120px;
	text-align: center;
	background: #21201e;
	color: #e5e0c4;
	font-size: 14px;
	border-radius: 50%;
	display: table;
}

	.popular-text.popular-text-light {
		background: #fff;
		color: #21201e;
	}

.popular-text-middle {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

.foodText {
	padding: 15px 30px;
	position: relative;
}

	.foodText:before {
		position: absolute;
		content: "";
		right: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-top: 40px solid #C5BD9E;
		border-right: 40px solid #fff;
	}

.foodItemSmall .foodText:before {
	border-top-color: #E5E0C4;
}

.foodName {
	font-size: 30px;
	color: #21201e;
}

.foodCatagory {
	font-size: 18px;
	color: #21201e;
}

.foodItemSmall .foodImg {
	height: 175px;
}


.foodItemSmall .foodCatagory {
	color: #fff;
	font-size: 14px;
}

.foodItemSmall .foodName {
	color: #fff;
	font-size: 18px;
}


.foodItemSmall {
	background: #C5BD9E;
	margin-bottom: 30px;
}

.foodItemSmall {
	background: #C5BD9E;
	margin-bottom: 30px;
}
















/*------------------------------------*\
 		ffa-map-body style
\*------------------------------------*/

.ffa-map-body {
	margin: 40px auto;
}

.modify {
	margin-bottom: 20px;
}

.ffa-delivery {
	background: rgb(147, 134, 103);
	background: -moz-linear-gradient(top, rgba(147, 134, 103, 1) 0%, rgba(196, 190, 159, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(147, 134, 103, 1) 0%, rgba(196, 190, 159, 1) 100%);
	background: linear-gradient(to bottom, rgba(147, 134, 103, 1) 0%, rgba(196, 190, 159, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#938667', endColorstr='#c4be9f', GradientType=0);
	padding: 15px;
	margin-bottom: 20px;
}

.ffa-map-body .ffa-form-group .btn-search {
	max-width: 140px;
}

.ffa-map-body .ffaCheckboxCustom {
	margin-bottom: 15px;
}

	.ffa-map-body .ffaCheckboxCustom.square input[type=checkbox] + label {
		color: #938667;
	}

	.ffa-map-body .ffaCheckboxCustom.square input[type=checkbox]:checked + label {
		color: #00C4AC;
	}

.filterTitle {
	margin-bottom: 10px;
}

.filterCatagory {
	margin-bottom: 10px;
}

.dietaryRestrictions,
.popular,
.cuisines {
	margin-bottom: 10px;
}

.map-top {
	margin-top: 10px;
	margin-bottom: 7px;
}

	.map-top .ffaCheckboxCustom {
		float: left;
		width: 50%;
	}

		.map-top .ffaCheckboxCustom input[type="checkbox"] + label {
			color: #938667;
		}

		.map-top .ffaCheckboxCustom input[type="checkbox"]:checked + label {
			color: #00C4AC;
		}


.map-top-select {
	float: right;
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: right;
}

	.map-top-select li {
		list-style: none;
		display: inline-block;
		color: #938667;
		margin-left: 15px;
	}

		.map-top-select li.active,
		.map-top-select li.active a.active,
		.map-top-select li .up-down a:hover {
			color: #03AD98;
		}

		.map-top-select li .up-down {
			display: inline-block;
			margin-left: 4px;
			height: 21px;
			vertical-align: middle;
		}

			.map-top-select li .up-down a {
				display: block;
				color: #c9c2b3;
				font-size: 14px;
				line-height: 8px;
				margin: 0;
				padding: 0;
			}

				.map-top-select li .up-down a .fa {
					line-height: 8px;
				}


.map-img {
	margin-bottom: 20px;
	height: 427px;
	position: relative;
}

	.map-img img {
		height: 100%;
		width: 100%;
	}

	.map-img .location {
		position: absolute;
		top: 0;
		left: 0;
		width: 45px;
		height: 45px;
		line-height: 45px;
		border-radius: 50%;
		text-align: center;
		display: block;
		background: rgb(0,196,172);
		background: -moz-linear-gradient(top, rgba(0,196,172,1) 0%, rgba(3,173,152,1) 100%);
		background: -webkit-linear-gradient(top, rgba(0,196,172,1) 0%,rgba(3,173,152,1) 100%);
		background: linear-gradient(to bottom, rgba(0,196,172,1) 0%,rgba(3,173,152,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98',GradientType=0 );
		font-size: 20px;
		font-weight: 700;
		color: #fff;
	}

	.map-img .location1.location {
		top: 60%;
		left: 40%;
	}

	.map-img .location2.location {
		top: 42%;
		left: 32%;
	}

	.map-img .location3.location {
		top: 15%;
		left: 59%;
	}

	.map-img .location4.location {
		top: 60%;
		left: 70%;
	}

	.map-img .location5.location {
		top: 78%;
		left: 16%;
	}

	.map-img .exactLocation {
		position: absolute;
		top: 40%;
		left: 47%;
	}

.ffa-address-table {
}

	.ffa-address-table table.table {
	}

		.ffa-address-table table.table tr {
			display: block;
			margin-bottom: 20px;
		}

			.ffa-address-table table.table tr td:nth-child(1) {
				width: 1%;
			}

			.ffa-address-table table.table tr td:nth-child(2) {
			}

			.ffa-address-table table.table tr td:nth-child(3) {
			}

			.ffa-address-table table.table tr td:nth-child(4) {
			}

			.ffa-address-table table.table tr td:nth-child(5) {
			}

			.ffa-address-table table.table tr td {
				border: none;
				background: #EEEEEE;
				margin-bottom: 20px;
				vertical-align: middle;
				min-width: 60px;
			}

				.ffa-address-table table.table tr td .index {
					width: 45px;
					height: 45px;
					text-align: center;
					line-height: 45px;
					display: inline-block;
					background: #fff;
					border-radius: 50%;
					font-size: 20px;
					font-weight: 700;
					color: #00C4AC;
				}

.t-foodNme {
	font-size: 18px;
	line-height: 22px;
	color: #21201E;
}

.t-foodCata {
	font-size: 14px;
	color: #938667;
	line-height: 19px;
}

.t-foodPrice {
	font-size: 16px;
	color: #938667;
	line-height: 20px;
	font-weight: 700;
}

.favourite {
	display: block;
	width: 30px;
	height: 30px;
	background: url(/assets/images/favorite-border.png) no-repeat scroll center center / 29px auto;
}

	.favourite.active {
		background-image: url(/assets/images/favorite-fill.png);
	}

.ffa-address-table table.table tr td .btn.list-btn {
	max-width: 87px;
	width: 100%;
	height: 48px;
	background: rgb(0, 196, 172);
	background: -moz-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98', GradientType=0);
	text-align: center;
}

	.ffa-address-table table.table tr td .btn.list-btn:hover {
		background: rgb(3, 173, 152);
		background: -moz-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		background: linear-gradient(to bottom, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ad98', endColorstr='#00c4ac', GradientType=0);
	}

	.ffa-address-table table.table tr td .btn.list-btn img {
		max-width: 18px;
		width: 100%;
		display: inline-block;
	}












/*------------------------------------*\
 		ffa-westvilleWrap style
\*------------------------------------*/

.ffa-westvilleWrap {
	background: url(/assets/images/page-title-bg.png) no-repeat scroll top left / cover;
	padding: 40px 0;
	position: relative;
	margin-bottom: 40px;
}

	.ffa-westvilleWrap:before {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width: 0;
		height: 0;
		border-top: 40px solid #C5BD9E;
		border-left: 40px solid #fff;
	}


.westvilleContent {
}

	.westvilleContent .preLink {
		display: block;
		width: 39px;
		height: 39px;
		background: #fff;
		line-height: 39px;
		border-radius: 50%;
		text-align: center;
		margin-right: 39px;
		margin-top: 18px;
	}

		.westvilleContent .preLink:hover {
			background: #E5E0C4;
		}

		.westvilleContent .preLink img {
			display: inline-block;
			max-width: 16px;
			width: 100%;
		}

.westLogo {
	margin-right: 18px;
}

	.westLogo img {
	}

.westText {
}

	.westText .westTitle {
		color: #fff;
		font-size: 30px;
		font-weight: 400;
		line-height: 40px;
	}

	.westText .westSubTitle {
		color: #fff;
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
	}





































/*------------------------------------*\
 		ffa-recommended-body style
\*------------------------------------*/

.ffa-recommended-body {
	margin-bottom: 70px;
}

.ffa-add-item {
}

.add-item-title {
	color: #21201E;
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 5px;
}

.addItemCagory {
	margin-bottom: 20px;
}

.catagoryName {
	color: #21201E;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	margin-bottom: 10px;
}

.addItemCagory ul {
	margin: 0;
	padding: 0;
}

	.addItemCagory ul li {
		list-style: none;
		margin-bottom: 10px;
	}

		.addItemCagory ul li a {
			display: block;
			background: rgb(0, 196, 172);
			background: -moz-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
			background: -webkit-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
			background: linear-gradient(to bottom, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
			filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98', GradientType=0);
			padding: 0 10px 0 12px;
			border-radius: 6px;
			text-decoration: none;
			font-size: 14px;
			font-weight: 700;
			color: #fff;
			height: 30px;
			line-height: 30px;
		}

			.addItemCagory ul li a:hover {
				background: rgb(3, 173, 152);
				background: -moz-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
				background: -webkit-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
				background: linear-gradient(to bottom, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
				filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ad98', endColorstr='#00c4ac', GradientType=0);
			}

			.addItemCagory ul li a img {
				display: inline-block;
				max-width: 14px;
			}

.recomBodyContent {
	position: relative;
}

	.recomBodyContent:before {
		position: absolute;
		content: "";
		top: 0px;
		right: 0px;
		width: 0;
		height: 0;
		border-top: 30px solid #fff;
		border-left: 30px solid #DDDDDD;
	}

.recommendedTop {
	background: #EEEEEE;
	padding: 27px 35px 28px 34px;
}

.budget {
	width: 133px;
	height: 133px;
	background: #00C4AC;
	border-radius: 50%;
	position: relative;
	margin-top: -85px;
	color: #fff;
	padding-top: 15px;
}

	.budget span {
		position: absolute;
		left: -12px;
		bottom: 25px;
		background: #fff;
		color: #000;
		border-radius: 6px;
		width: 157px;
		height: 31px;
		line-height: 31px;
	}

.recommendedBottom {
	border: 3px solid #EEEEEE;
	padding: 30px 78px 30px 35px;
	margin-bottom: 25px;
}

.courseWrap {
}

.courseTitle {
	margin-bottom: 5px;
}

.currentServing {
	margin-bottom: 10px;
}

.courseWrap .table {
}

	.courseWrap .table tr {
	}

		.courseWrap .table tr td {
			border: none;
			vertical-align: middle;
		}

			.courseWrap .table tr td:nth-child(1) {
				width: 25%;
			}

			.courseWrap .table tr td:nth-child(2) {
				width: 60%;
			}

.foodList {
	margin: 10px 0 0;
	padding: 0 20% 0 0;
}

	.foodList li {
		color: #21201E;
		list-style: none;
		background: #EEEEEE;
		border-radius: 6px;
		padding: 10px 10px 10px 15px;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		margin-bottom: 10px;
		position: relative;
	}

		.foodList li:before {
			position: absolute;
			content: '';
			left: -20px;
			top: 15px;
			width: 13px;
			height: 13px;
			border-radius: 50%;
			background: #E5E0C4;
		}

		.foodList li:last-child:before {
			background: #C5BD9E;
		}

		.foodList li:last-child {
			margin-bottom: 0;
		}

.addProduct {
	width: 95px;
	position: absolute;
	right: 50px;
	text-align: center;
	background: #fff;
	top: 3px;
	padding: 5px;
	border-radius: 6px;
}

	.addProduct a {
		display: block;
		width: 23px;
		height: 23px;
		text-align: center;
		line-height: 21px;
		background: #C5BD9E;
		border-radius: 50%;
	}

		.addProduct a:hover,
		.ffa-close:hover {
			background: #938667;
		}

	.addProduct img {
		display: inline-block;
		max-width: 12px;
	}

.ffa-close {
	width: 25px;
	text-align: center;
	line-height: 23px;
	display: block;
	border-radius: 50%;
	height: 25px;
	margin-bottom: -2px;
}

	.ffa-close img {
		display: inline-block;
		max-width: 14px;
		width: 100%;
	}

.foodList li .releasesWrap {
	position: absolute;
	right: -120px;
	bottom: 0;
	width: 100%;
}

.courseWrap .releasesWrap:before {
	border-right-color: #fff;
}

.proceed,
.createMenu {
	max-width: 265px;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

.proceed {
	background: rgb(0, 196, 172);
	background: -moz-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98', GradientType=0);
	height: 48px;
	line-height: 48px;
	text-align: center;
}

.createMenu {
	background: #C5BD9E;
	height: 33px;
	line-height: 33px;
}

	.createMenu:hover {
		background: #938667;
	}

.proceed:hover {
	background: rgb(3, 173, 152);
	background: -moz-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
	background: linear-gradient(to bottom, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ad98', endColorstr='#00c4ac', GradientType=0);
}

.proceed:hover,
.createMenu:hover,
.proceed:focus,
.createMenu:focus {
	color: #fff;
}


.productItem {
	background: #EEEEEE;
	height: 100px;
	padding: 10px 27px;
	position: relative;
	margin-bottom: 30px;
	display: block;
}

	.productItem:focus,
	.productItem:hover {
		text-decoration: none;
	}

	.productItem:before {
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		border-top: 40px solid #fff;
		border-left: 40px solid #ddd;
	}

.proCatagoryTitle {
	margin-bottom: 15px;
}

.proName {
	font-size: 18px;
	line-height: 30px;
	font-weight: 400;
	color: #21201E;
	display: inline-block;
	margin-bottom: 10px;
}

.productItem .productImg {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0;
	right: 0;
}

.productImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.proPrice {
	width: 69px;
	height: 69px;
	text-align: center;
	line-height: 69px;
	position: absolute;
	background: rgb(0, 196, 172);
	background: -moz-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98', GradientType=0);
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	border-radius: 50%;
	top: 15px;
	right: 65px;
	z-index: 9;
}

.productItem:hover .proPrice {
	background: rgb(3, 173, 152);
	background: -moz-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
	background: linear-gradient(to bottom, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ad98', endColorstr='#00c4ac', GradientType=0);
}



.myMenuWrap {
	background: #938667;
	padding-top: 10px;
	margin-top: -93px;
}

.myMenuTitle {
	padding: 0 10px;
	margin-bottom: 10px;
	color: #E5E0C4;
	font-size: 30px;
}

.totalTable {
	padding: 0 5px;
}

	.totalTable .table {
	}

		.totalTable .table tr th {
			color: #E5E0C4;
		}

		.totalTable .table tr th,
		.totalTable .table tr td {
			border: none;
			font-size: 14px;
			padding: 5px 6px;
		}

		.totalTable .table tr td {
			color: #FFFFFF;
		}

			.totalTable .table tr th:last-child,
			.totalTable .table tr td:last-child {
				text-align: right;
			}

			.totalTable .table tr td span {
				color: #E5E0C4;
			}

			.totalTable .table tr td a {
				display: inline-block;
				width: 14px;
				height: 14px;
				line-height: 12px;
				text-align: center;
				background: #C5BD9E;
				border-radius: 50%;
			}

				.totalTable .table tr td a:hover {
					background: #E5E0C4;
				}

				.totalTable .table tr td a img {
					display: inline-block;
					max-width: 6px;
					width: 100%;
				}

.subTotalTable {
	background: #E5E0C4;
	padding: 15px 30px 30px;
	position: relative;
}

	.subTotalTable:before {
		position: absolute;
		content: "";
		bottom: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 30px solid #c5bd9e;
		border-left: 30px solid #fff;
	}

	.subTotalTable .table {
	}

		.subTotalTable .table tr {
		}

			.subTotalTable .table tr td {
				border: none;
				color: #938667;
				padding: 0;
			}





















































/*------------------------------------*\
 		ffaModalAddItem style
\*------------------------------------*/




.modal-backdrop.in {
	background: rgba(33,32,30, 0.85);
	opacity: 1;
}

.ffaModalAddItem .modal-dialog {
	max-width: 720px;
	width: 100%;
}

.ffaModalAddItem .modal-content {
	background: #E5E0C4;
	border-radius: 0;
	position: relative;
	border: none;
	box-shadow: none;
	margin-bottom: 50px;
	border-radius: 57px 0 0 0;
}

	.ffaModalAddItem .modal-content:before {
		position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 0;
		height: 0;
		border-top: 30px solid rgba(54,57,54,0);
		border-right: 30px solid #C5BD9E;
	}

.ffaModalAddItem .modal-header {
	padding: 30px 30px 0;
	border: none;
}

.modal-header:before {
	position: absolute;
	content: "";
	width: 20px;
	height: 30px;
	background: #E5E0C4;
	top: 30px;
	left: 0;
}

.modal-header:after {
	position: absolute;
	content: "";
	top: 0;
	left: 30px;
	width: 30px;
	height: 20px;
	background: #E5E0C4;
}

.ffaModalAddItem .modal-body {
	padding: 20px 30px 30px;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
}

.modalTitle {
	font-size: 30px;
	line-height: 40px;
	font-weight: 400;
	margin-bottom: 10px;
	color: #21201E;
}

.modalSubTitle {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 20px;
	color: #21201E;
}

.modalSlider {
	margin-bottom: 20px;
}

	.modalSlider .sliderItem {
		text-align: center;
	}

		.modalSlider .sliderItem img {
			display: inline-block;
		}

	.modalSlider .slick-dots li {
		width: 7px;
		height: 7px;
		background: #C5BD9E;
		border-radius: 50%;
	}

		.modalSlider .slick-dots li.slick-active {
			background: #938667;
		}

		.modalSlider .slick-dots li button {
			display: none;
		}

.servTitle {
	font-size: 16px;
	font-family: "arial";
	line-height: 20px;
	color: #21201E;
	margin-bottom: 10px;
}

.ffaModalAddItem .addProduct {
	position: inherit;
	margin-bottom: 20px;
}

.servCatagory {
	margin-bottom: 20px;
}

.ffaCustomRadio {
	margin-right: 15px;
}

	.ffaCustomRadio input[type="radio"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background: url(/assets/images/radio-icon1.png) no-repeat scroll center center / 23px auto;
		cursor: pointer;
		height: 23px;
		margin: 0 0 -5px 0;
		width: 23px;
		border-radius: 50%;
	}

		.ffaCustomRadio input[type="radio"]:checked {
			background-image: url(/assets/images/radio-checked-icon.png);
		}

.ffaModalAddItem .ffaCheckboxCustom {
	max-width: 240px;
	width: 100%;
}

	.ffaModalAddItem .ffaCheckboxCustom input[type="checkbox"] {
		display: none;
	}

		.ffaModalAddItem .ffaCustomRadio label,
		.ffaModalAddItem .ffaCheckboxCustom label,
		.ffaModalAddItem .ffaCheckboxCustom input[type="checkbox"]:checked + label {
			font-size: 16px;
			font-family: 'Open Sans', sans-serif;
			color: #21201E;
			font-weight: 400;
		}

	.ffaModalAddItem .ffaCheckboxCustom .box:before,
	.ffaModalAddItem .ffaCheckboxCustom .box:after {
		top: 6px;
	}

	.ffaModalAddItem .ffaCheckboxCustom .box {
		float: left;
		margin-right: 15px;
	}

.ffaModalAddItem .modal-footer {
	border: none;
	padding: 15px 30px;
}

.ffaModalAddItem .btn.proceed img {
	max-width: 16px;
	width: 100%;
	margin-right: 15px;
}

.ffaModalAddItem .btn.createMenu {
	max-width: 137px;
	height: 48px;
}

	.ffaModalAddItem .btn.createMenu img {
		max-width: 14px;
		width: 100%;
		margin-right: 15px;
	}

.ffaModalAddItem.signInModal .modalTitle {
	margin-bottom: 0;
}

.ffaModalAddItem.signInModal .form-group {
	margin-bottom: 25px;
}

.ffaModalAddItem.signInModal .modal-dialog {
	max-width: 585px;
}

.ffaModalAddItem button.close {
	position: absolute;
	top: 5px;
	right: 10px;
	border: none;
	background: none;
	box-shadow: none;
	opacity: 1;
	font-size: 30px;
	font-weight: 400;
	text-shadow: none;
	color: #938667;
}

.ffaModalAddItem .ffa-form-group label {
	color: #21201E;
}

	.ffaModalAddItem .ffa-form-group label a {
		color: #938667;
	}

.ffa-select.ffa-email {
	background: #fff url(/assets/images/email-icon.png) no-repeat scroll left 10px center / 20px auto;
	position: relative;
}

.errorNote {
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	max-width: 65%;
	background: #c40055;
	line-height: initial;
	color: #fff;
	padding: 7px;
}

	.errorNote:before {
		position: absolute;
		content: "";
		width: 0;
		height: 0;
		top: -10px;
		left: 0;
		right: 0;
		border-bottom: 10px solid #c40055;
		border-left: 10px solid rgba(0,0,0,0);
		border-right: 10px solid rgba(0,0,0,0);
		margin: 0 auto;
	}

.ffa-select.ffa-password {
	background: #fff url(/assets/images/key-icon.png) no-repeat scroll left 10px center / 20px auto;
}

.signLink {
	position: relative;
}

.btn.btn-sign-in {
	max-width: 150px;
	width: 100%;
	padding: 0;
	background: rgb(0, 196, 172);
	background: -moz-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 196, 172, 1) 0%, rgba(3, 173, 152, 1) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00c4ac', endColorstr='#03ad98', GradientType=0);
	height: 48px;
	line-height: 48px;
	box-shadow: none;
	color: #fff;
	font-weight: 700;
}

	.btn.btn-sign-in:hover {
		background: rgb(3, 173, 152);
		background: -moz-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		background: linear-gradient(to bottom, rgba(3, 173, 152, 1) 0%, rgba(0, 196, 172, 1) 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#03ad98', endColorstr='#00c4ac', GradientType=0);
	}

.rememberPass {
	position: absolute;
	top: 13px;
	right: 0;
	max-width: 172px;
	width: 100%;
}


.signInModal.ffaModalAddItem .modal-footer {
	position: relative;
	background: #938667;
}

	.signInModal.ffaModalAddItem .modal-footer:before {
		position: absolute;
		content: "";
		top: 0;
		right: 0;
		width: 0;
		height: 0;
		border-top: 30px solid #e5e0c4;
		border-left: 30px solid #c5bd9e;
	}

	.signInModal.ffaModalAddItem .modal-footer a {
		color: #fff;
		text-decoration: underline;
	}

		.signInModal.ffaModalAddItem .modal-footer a:hover {
			text-decoration: none;
		}

.btn.btnBack {
	background: #C5BD9E;
	color: #fff;
	font-weight: 700;
	padding: 0;
	height: 48px;
	line-height: 48px;
	max-width: 100px;
	width: 100%;
}

	.btn.btnBack:hover {
		background: #938667;
	}

	.btn.btnBack img {
		max-width: 15px;
		margin-right: 15px;
	}



.ffa-vertical-align-helper {
	display: table;
	height: 100%;
	width: 100%;
}

.ffa-vertical-align {
	display: table-cell;
	vertical-align: middle;
}

.inlineEdit {
	width: 10px;
	background-color: #00c4ac;
}

.proName {
	font-size:14px;
	line-height: 30px;
	font-weight: 600;
	color:#21201E;
	margin-bottom: 10px;
}

.proCategoryTitle {
	margin-bottom:15px;
	font-size:20px;
	font-weight:600;
	margin-top:20px;
}

.proDescription {
	width:70%;
	font-size:14px;
	color:#505050;
	height:40px;
	text-overflow:ellipsis;
	display:block;
	overflow: hidden;
}
