@import url(https://fonts.googleapis.com/css?family=Montserrat);

body .visible-swindon { display:none !important; } 
body .hidden-swindon { display:inherit !important; } 
body.shop_swindon .hidden-swindon { display:none !important; }
body.shop_swindon .visible-swindon { display:inherit !important; }

.visible-guest { display:initial !important; }
.hidden-guest { display:none !important; }
.visible-user { display:none !important; }
.hidden-user { display:initial !important; }

body {
	color: #ffffff;
	font-family: 'Montserrat';
}
h1 {
	color: #ffffff;
}
h2 {
	color: #ffffff;
}
h3 {
	color: #ffffff;
}
h4 {
	color: #ffffff;
}
body {
	background-color: #18434a;

	background-image:none;

	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #18434a;

	background-image:none;
	background-attachment: scroll;
}

/* Mobile */
.mobile .km-content {
}
.mobile #mobile-header {
}

/* DISPLAY NONES ----------------------------------------------- */
#body > h1,
#body-bottom-hr,
#responsive-food-menu .headericons,
.row_phones,
.home-about,
.voucher_box .success span,
#opening-status.mobile-opening,
.home .ct_header_row,
.mod_postcode_box .col3 {
	display: none !important;
}

/* GENERAL / WIDTHING ---------------------------------------------fa-- */

body {
	position: relative;
}

body.home {
	padding-bottom: 0;
}

#container {
    background: none;
	width: 100%;
	padding: 0;
}

.well,
#container {
	border: none;
	box-shadow: none;
	border-radius: 0;
}

.well {
    border-radius: 20px;
    color: #fff;
}

.well,
.table th, 
.table td {
	background: #13606d;
}

#body,
.inner-ct-details,
.navbar-inner,
.ct_header_row,
footer .row-fluid,
#responsive-food-menu .navbar-inner,
.ct_details_bar_content {
	max-width: 1170px;
	margin: 0 auto;
}

.home #body {
	max-width: unset;
}

.home .main {
	max-width: 1320px;
    width: 100%;
    z-index: 9999;
    position: relative;
}

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

.website-image img {
	border-radius: 20px;
}

a,
.label-copyright a,
h1 small,
.home footer a,
.home footer a:hover,
.home footer a:focus {
	color: #d44a64;
}

a:hover,
a:focus {
    color: #bd324d;
}

.well a {
	color: #ff8fa4;
}
.well a:hover,
.well a:focus {
	color: #e67288;
}

em {
	color: #dfe150;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
	margin-left: 0;
}

legend {
	color: #fff;
}

.page_members legend {
	text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6,
#responsive-food-menu .brand,
.ui-state-default a,
#opening-status,
.navbar .nav > li > a,
.mod_postcode_box .lead {
    font-family: 'mermaidbold';  
	color: #fff;
}

.profiteroles-section .profiteroles-heading,
.profiteroles-section .profiteroles-lead,
.modal h1,
.modal h2,
.modal h3,
.modal h4,
.modal h5,
.modal h6,
.well h1,
.well h2,
.well h3,
.well h4,
.well h5,
.well h6,
.checkout h2,
.checkout h4,
.checkout h5 {
    font-family: 'mermaidbold';  
}

.menu .ui-tabs-menu .price,
.page_checkout .product-basket th,
.page_checkout .product-basket td ol > li > ol,
.page_checkout .well-basket small,
.page_checkout .well-basket .note-delivery small,
.page_checkout #dlgResetPassword .muted {
	color: #fff;
}

ol > li > ul,
ul > li > ol,
ul > li > ul {
	margin: 0 0 10px 25px;
}

hr,
.nav-list .divider {
	border-top: 1px solid #18434a;
	border-bottom: 1px solid #18434a;
}

.bold {
	font-weight: bold;
}

/* INPUTS ------------------------------------------------------- */
.label, 
.btn, 
.ui-widget button,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
#menu-search-box,
#productModalPrice,
.page_members .btn-group .btn.dropdown-toggle,
#responsive-food-menu button,
.modal-footer h3.price {
	font-family: "Montserrat", sans-serif;
	border-radius: 0;
}

.voucher_box .btn-success,
#ctl-lookupAddress,
#frmLogin .btn,
#frmRegister .btn {
	height: 30px;
	border-radius: 0;
}

.page_members #frmMyProfile .btn-group .btn.dropdown-toggle {
	height: auto;
}

/* TABLE ---------------------------- */
table,
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th,
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th,
table .muted,
.table-hover tbody tr.ui-state-highlight:hover > th,
.table-hover tbody tr.ui-state-highlight:hover > td,
.row-odd,
.row-product:hover {
	background: none;
}

.table th,
.table td,
.table-bordered,
.table-bordered th, 
.table-bordered td {
	border-color: #fff !important;
}

.ui-widget-content th,
.ui-widget-content td,
.ui-widget-content .table-bordered {
	border-color: #fff;
}

/* DEFAULT BTN ----------------------------------- */
.btn,
#responsive-food-menu .btn-navbar .text-info {
    font-family: "Montserrat", sans-serif;
	text-shadow: none;
	background-image: none;
	border: none;
	box-shadow: none;
	border-radius: 0 !important;

	background-color:#0f8598 ;
	color: #fff !important;
}

.btn-group {
	background: none;
}

.btn-link:hover,
.btn-link:focus,
.btn:hover,
.btn:focus,
.btn-group.open .btn.dropdown-toggle {
	background: #066d7d;
    color: #fff;
    text-decoration: none;
}

/* ALERTS (postcode box styling will overwrite) ----------------------------------------------- */
.modal,
.modal-header,
.modal-footer,
.alert,
.popover-title {
	border-radius: 0;
	border: none;
	box-shadow: none;
}

.modal,
.menu-selection .span6 .well {
	background: #dfe150;
	color: #13606d;
}

.modal-header *,
.modal-footer * {
	color: #fff;
}

.modal-body,
.popover,
.popover-content {
	background: #1a6773;
	color: #fff;
}

/* modal element readability */
.modal-header,
.modal-footer,
.modal-footer .price,
#productModalPrice,
#productSpecialDealPrice {
    background: #135561;
	color: #fff !important;
}

/*modal-body option selection background */
.modal-body .well,
.modal-body .well .option-label {
	background: #135561;
	color: #fff !important;
}

/*modal carets */
#editProductModal .btn-option .caret,
#editSpecialDealModal .btn-option .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#editProductModal .btn-option.btn-success .caret,
#editSpecialDealModal .btn-option.btn-success .caret,
#editProductModal .btn-option.btn-info .caret,
#editSpecialDealModal .btn-option.btn-info .caret,
#editProductModal .btn-option.btn-danger .caret,
#editSpecialDealModal .btn-option.btn-danger .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

#editProductModal .btn-info .caret,
#editSpecialDealModal .btn-info .caret .alert {
	text-align: center;
	text-shadow: none;
}

.modal-body .type-choose-one .btn.dropdown-toggle.btn-info .caret {
	margin-top: 9px;
}

.alert,
.sys-alert {
	background-color: #448c98;
	color: #fff;
	text-shadow: none;
	border-radius: 20px;
    text-align: center;
}

.home .sys-message.well-small {
	margin-bottom: 0;
}

.sys-alert {
	padding: 10px;
}

.inner-wrapper > .sys-alert {
 	margin-bottom: 0 !important;   
    max-width: 1170px;
    margin: 0 auto;
}

.inner-wrapper > .sys-alert:first-child {
	margin-top: 10px !important;
}

.inner-wrapper > .sys-alert:last-child {
	margin-bottom: 10px !important;
}

/* alert close button position reset after padding fix */
.sys-alert.alert .close {
	right: 0;
}

/* alert close button */
.well-small.sys-alert .lead,
.well.sys-alert button.close,
#editProductModal .close,
.sys-message .lead {
	color: #fff;
}

.alert-error,
.alert-danger {
	background: #bd0f0f;
}

.alert-warning {
	background: #f17104;
}

.alert-success {
	background: #14b700;
}

.alert-info {
	background: #0042d6;
}

/* CUSTOM BODY ----------------------------------------------- */

.home-content {
    position: relative;
    z-index: 9;
    margin: 0 auto;
    text-align: center;
    max-width: 1320px;  
    padding-bottom: 30px;
}

.home-content > svg,
.profiteroles-section,
.home-loyalty-points,
.our-menu .inner-wrap,
#myCarousel {
	max-width: 1120px;
    margin: 0 auto;
}

.home .column_modules,
.profiteroles-section .inner-wrap {
	max-width: 1140px;
    margin: 0 auto;
}

.home-content .column_modules {
 	margin: -85px auto 30px;      
}

.home-content .home-inner {
 	z-index: 999;
    position: relative;   
}
.home-content > svg {
	position: relative;
    z-index: -1;
    margin-top: -112px;
}

.home-content > svg,
.our-menu-bottom-curve {
    width: 100%;
}

.profiteroles-section {
    background: #dfe150;
	border-radius: 0;
}

.profiteroles-section .inner-wrap,
.loyalty-points-content {
    max-width: 1014px;
    margin: 0 auto;
}

.profiteroles-section .inner-wrap {
	color: #1b434d;
}

.profiteroles-section .profiteroles-text {
	margin-top: 30px;
}

.profiteroles-section .profiteroles-heading,
.profiteroles-section .profiteroles-lead {
    line-height: 0.8;
    font-weight: bold;
    margin: 0;
}

.profiteroles-section .profiteroles-heading {
    font-size: 140px;
}

.profiteroles-section .profiteroles-lead {
 	font-size: 66px;   
}

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

.profiteroles-content {
	margin: 0;
    font-size: 20px;
    line-height: 1.2;
}

.profiteroles-section .profiteroles-heading,
.profiteroles-section .profiteroles-lead {
	color: #1b434d;
}

.our-menu {
	background: #d44a64;
    position: relative;
    padding: 50px 0 0 0;
    border-radius: 57px 57px 30px 30px;
    z-index: 9999;
}

.our-menu h2 {
	position: absolute;
    right: -292px;
    line-height: 1;
    transform: rotateZ(90deg);
    top: 50%;
    bottom: 50%;
    left: unset;
    font-size: 100px;
    color: #d44a64;
}

.our-menu img {
	transition: 0.2s;
}
.our-menu img:hover,
.our-menu img:focus {
 	transform: scale(1.015);   
}

.our-menu-bottom-curve {
    margin-top: -47px;
    z-index: 999;
    position: relative;
}


.loyalty-header {
	font-size: 68px;
    line-height: 1;
    margin: 0 0 10px 0;
}

.loyalty-header-small {
    font-size: 50px;
}

.home-loyalty-points {
	position: relative;
    background: #169abf;
    display: block;
    padding: 170px 0 50px;
    margin-top: -115px;
}

.home-loyalty-points img {
	position: absolute;
    left: 20px;
    bottom: 0;
}

.home-loyalty-points .btn-default {
    background: #fff;
    padding: 15px 35px;
    color: #169abf !important;
    font-size: 18px;
}
.home-loyalty-points .btn-default:hover,
.home-loyalty-points .btn-default:focus {
	background: #eee;
}

.home-loyalty-points .btn-default .fa-caret-right {
 	margin-left: 5px;   
}

.loyalty-points-content {
	text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.loyalty-points-content p {
	max-width: 620px;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 30px;
}

/* HEADER / NAV BAR ----------------------------------------------- */

header {
	margin: 10px auto;
}

header .navbar {
	margin-top: 25px;
}

.home header,
.home header .navbar {
	margin: 0;
}

.headericons {
    list-style-type: none;
    float: right;
    margin: 8px 0 0 0;
}

.headericons li {
    float: left;
    text-align: center;
    padding: 3px 5px 0px;
    position: relative;
}

.headericons img,
#opening-status img {
	margin-left: 10px;
}

.headericons img {
    width: 34px;
    margin: -5px 0 0 10px;
}

.home .headericons img {
	width: 44px;
    margin: 0 auto;
}

.headericons .fa-shopping-basket {
	font-size: 30px;
    margin: 10px auto 10px;
}

.home .headericons .fa-shopping-basket {
 	font-size: 40px;
    margin: 0;
    color: #fff;
}
.headericons .fa-shopping-basket:hover,
.headericons .fa-shopping-basket:focus {
    color: #d44a64;
}

.basket-quantity {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 50;
    background: #d44a64;
}

header .tooltip.top {
	top: 60px !important;
}

header .tooltip.top .tooltip-arrow {
	transform: rotate(180deg);
    top: 0;
}

.ct_details_bar {
	text-transform: uppercase;
    background: #dfe150;
    padding: 6px 0;
    color: #18434a;
    margin: 0 0 20px;
}

.home-content .ct_details_bar {
	max-width: 770px;
    margin: 0 auto;
    color: #1b434d;
    background: none;
    padding: 0;
}

.ct_user_status,
.ct_user_status small,
.ct_local_branch_details small {
	font-size: 14px;
}

.home.user_admin .ct_user_status,
.home.user_admin .ct_user_status small,
.home.user_admin .ct_local_branch_details small,
.home.user_member .ct_user_status,
.home.user_member .ct_user_status small,
.home.user_member .ct_local_branch_details small {
	font-size: 12px;
}

.ct_user_status img {
	margin-right: 5px;
}

.ct_details_bar img {
	width: 30px;
}

.home .ct_details_bar img {
	width: 36px;
}

#logo {
    text-align: left;
}

.home #logo {
	text-align: center;
}

.home #logo img {
 	max-height: unset;
    margin: 120px auto 0;
}

/* custom landing styles start ----*/

.landingImage  {
	position: relative;
}

.landingImage svg {
	position: absolute;
    bottom: -1px;
 	width: 100%;   
}

.landingImage.rightImg svg {
	left: 0;
}

.landingImage.leftImg svg {
    right: 0;
}

.homeLanding.row-fluid {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: row;
}

.homeLanding.row-fluid img {
	width: 100%;
}

.landingMiddle.span2,
.landingImage.span5 {
	margin: 0;
    width: 40%;
}

.landingMiddle.span2 {
	background: #18434a; 
    width: 20%;
    box-sizing: border-box;
    padding: 0 20px;
}


/* custom landing styles end ----- */

.home .navbar {
 	margin-bottom: 0 !important; 
    padding: 10px 0;
}

header .navbar .brand {
    padding: 0 10px 0 0;
	color: #fff;
	text-shadow: none;
}

.navbar .main-menu li,
.navbar .nav a {
	/*navbar center */
	display: inline-block;
	text-align: center;
	float: none;
}

.navbar .nav {
	text-align: center;
	float: left;
	margin-right: 0;
}

/* style nav bar */
header .navbar-inner {
	background: none;
    border: none;
    padding: 0;
    box-shadow: none;
    float: right;
}

.home header .navbar-inner {
	float: none;
}

.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background: none;
}

.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
	font-size: 21px;
    color: #18434a;
}

.navbar .nav > li > a,
#editProductModal .dropdown-menu > li > a,
#editSpecialDealModal .dropdown-menu > li > a {
	background: none;
	text-shadow: none;
	box-shadow: none;
}

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
#editSpecialDealModal .dropdown-menu > li > a:hover,
#editSpecialDealModal .dropdown-menu > li > a:hover,
.page-review-order .btn-group.open .btn.dropdown-toggle,
.navbar .nav li.dropdown.open > .dropdown-toggle {
	color: #d44a64;
}

.navbar .nav > li > a,
.nav-collapse .nav > li > a {
	font-size: 34px;
    line-height: 1.2;
    color: #fff;
}

#editProductModal .dropdown-menu > li > a:hover,
#editProductModal .dropdown-menu > li > a:focus,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
	box-shadow: none;
    background: none;
    color: #dfe150;
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
    margin-top: 20px;
}

.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret{
	border-top-color: #d44a64;
	border-bottom-color: #d44a64;
}

.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
    border-top-color: #dfe150;
	border-bottom-color: #dfe150;
}

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background: none;
}

.uk-nav-offcanvas>li>a {
	color: #fff;
}

#zp-offcanvas-menu .uk-offcanvas-bar {
	background: #d44a64;
}

.uk-nav-offcanvas > .uk-open > a,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus,
html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover {
	color: #fff;
    background: #b3334b;
}

#zp-offcanvas-basket #order-empty {
	margin-bottom: 15px;
}

.dropdown-menu {
	background: #fff;
    color: #1b434d;
    border: none;
    border-radius: 0;  
}

.mod_postcode_box .dropdown-menu {
	width: 100%;
}

.dropdown-menu li {
	width: 100%;
	text-align: center;
}

.menu .actions .dropdown-menu li {
	width: unset;
}

.dropdown-menu > li:hover,
.dropdown-menu > li:focus {
	background: none;
}

.dropdown-menu > li > a {
	color: #18434a;
	box-sizing: border-box;
    padding: 6px 10px;
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus,
.dropdown-menu > li:hover,
.dropdown-menu > li:focus,
.dropdown-menu > li:hover > a,
.dropdown-menu > li:focus > a,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background: #18434a !important;
	color: #dfe150;
    width: 100%;
}

#responsive-food-menu {
	background: #1a7382;
	color: #fff;
}

#responsive-food-menu .navbar-inner {
	background: none;
	border: none;
    box-shadow: none;
}

#responsive-food-menu .brand {
	color: #fff;
    text-shadow: none;
    padding: 15px 10px 7px 20px;
    font-size: 26px;
}

#responsive-food-menu.navbar.affix-top {
	border-radius: 20px 20px 0 0;
}

#responsive-food-menu.affix {
	border-radius: 0;
}

/* CT DETAILS BAR / OPEN STATUS --------------------- */
#opening-status {
    display: block;
    float: left;
	color: #fff !important;
    margin: 10px 0 0;
}

.home #opening-status {
	margin: 0
}

#opening-status.status-OPEN {
	color: #54d747 !important;
}

#opening-status.status-CLOSED {
	color: #e24343 !important;
}

/* SLIDESHOW ---------------------------------------- */

.mod_postcode_box,
#myCarousel {
	margin-bottom: 0;
}

.carousel-inner {
	border-radius: 20px;
}

.carousel-indicators {
 	display: flex;
    flex-direction: column;
    top: 0;
    right: -55px;
}

.carousel-indicators li {
	width: 18px;
    height: 18px;
    border-radius: 50px;
    margin-bottom: 8px;
    background: #d44a6440;
}
.carousel-indicators .active {
 	background: #d44a64;   
}

.carousel-control {
	background: none;
	border: none;
	color: #fff;
	top: 92%;
	width: 20px;
}

.carousel-control:hover,
.carousel-control:focus {
	color: #fff;
	opacity: 0.9;
}

.our-offers {
    position: relative;
    background: #dfe150;
    box-sizing: border-box;
	padding: 50px 90px;
    border-radius: 57px;
}

.our-offers h2 {
 	position: absolute;
    left: -274px;
    color: #dfe150;
    transform: rotateZ(-90deg);
    font-size: 100px;
    top: 50%;
    bottom: 50%;
}

.column_slideshow img {
	width: 100%;
}


/* POSTCODE BOX  ----------------------------------------------- */
.mod_postcode_box {
    max-width: 550px;
    margin: 0 auto;
    padding: 20px 0 8px;
    position: relative;
    background: none;
    background-image: url("/myimages/961/BestTaste_PostcodeBGmin.png");
    background-size: cover;
    background-position: center;
}

.mod_postcode_box .input-append,
.mod_postcode_box .input-append > * > .btn-success {
	width: 100%;
    box-sizing: border-box;
    height: 50px;
}
.mod_postcode_box .input-append > * {
	width: 49%;
    height: 50px;
}

.mod_postcode_box input {
	margin-right: 3px;
}
.mod_postcode_box .btn-group {
	margin-left: 3px;
}

.mod_postcode_box .postcode_heading {
    position: absolute;
    top: -57px;
    left: 0;
    right: 0;
    line-height: 1;
    font-size: 90px;
    color: #d44a64;
    margin: 0;
    z-index: -1;
}

.mod_postcode_box .lead {
	font-size: 60px;
    color: #fff;
    margin: -10px 0 0;
    line-height: 1;
    font-weight: bold;
}

.mod_postcode_box .caret {
	transition: transform 0.2s;
}

.mod_postcode_box .btn-group.open .btn.dropdown-toggle .caret {
	transform: rotate(180deg);
}

/* psotcode box text color */
#mod_postcode_box_pc,
#mod_postcode_box_pc::placeholder {
	color: #5f5f5f;
    background: #fff;
    border: none;
    text-transform: uppercase;
    font-size: 18px;
}

.mod_postcode_box .btn-success .text {
	font-size: 18px;
}

/* WEBSITE BUTTONS / LABELS  ----------------------------------------------- */

.label,
#ui-datepicker-div .ui-state-default, 
.page-review-order .label {
	color: #fff;
}

/* sales report calendar picker */
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default {
	font-size: 14px;
}

/* sales report slider */
#ui-datepicker-div .ui-widget-content {
	border-radius: 0;
    background-color: #fff;
}
#ui-datepicker-div .ui-slider .ui-slider-handle.ui-state-default {
	background: #cd4b64 !important;
}
#ui-datepicker-div .ui-slider .ui-slider-handle.ui-state-default:hover,
#ui-datepicker-div .ui-slider .ui-slider-handle.ui-state-default:focus {
    background: #b7324b !important;
}
#ui-datepicker-div .ui-widget-content.ui-datepicker-buttonpane {
 	background: none;
    padding: inherit;
}
#ui-datepicker-div .ui-state-default {
	font-size: 18px;
}

.page_members .btn .caret {
	border-top-color: #555;
	border-bottom-color: #555;
}

.btn .caret,
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret,
.section-opening-times .btn .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.page-review-order .btn.dropdown-toggle .caret,
.page_members #frmMyProfile .btn-group .btn.dropdown-toggle {
	border-top-color: #ccc;
	border-bottom-color: #ccc;
    color: #555 !important;
}

.members .btn-group .btn.dropdown-toggle,
.members .btn-group > .btn:first-child {
	color: #555;
}

.btn-default {
	background: #0f8598;
}

.btn-default:hover,
.btn-default:focus {
	background: #066d7d;
}

/* primary --*/
.btn-primary,
.ui-state-default.ui-priority-primary,
.alert-primary,
.label-primary,
.badge-primary {
	background: #0891b7;
}

.btn-primary.active,
.btn-primary:hover,
.btn-primary:focus,
.ui-state-default.ui-priority-primary:hover,
.ui-state-default.ui-priority-primary:focus {
	background: #027494;
}

/* success --*/
.modal-footer .btn.btn-success,
.btn-group > .btn.btn-add,
.btn-success,
.label-success,
.badge-success,
#responsive-food-menu .btn-navbar,
.page_menu .row-product .btn-success,
#editProductModal .btn-group > .dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success,
.mod_postcode_box .input-append .btn-group:last-child > .dropdown-toggle.btn-success {
	background: #62c44f;
}

.modal-footer .btn.btn-success:hover,
.modal-footer .btn.btn-success:focus,
.btn-group > .btn.btn-add:hover,
.btn-group > .btn.btn-add:focus,
.btn-success:hover,
.btn-success:focus,
.page_menu .row-product .btn-success:hover,
.page_menu .row-product .btn-success:focus,
#responsive-food-menu .btn-navbar:hover,
#responsive-food-menu .btn-navbar:focus,
.btn-group.open .btn-success.dropdown-toggle,
.mod_postcode_box .input-append .btn-group:last-child > .dropdown-toggle.btn-success:hover .mod_postcode_box .input-append .btn-group:last-child > .dropdown-toggle.btn-success:Focus {
	background: #46a234;
}

.text-success {
	color: #7dff5c;
}

/* --menu mobile navbar -- */
#responsive-food-menu .btn-navbar.ctrl-mob-nav-search {
	background: none !important;
}

#responsive-food-menu .btn-navbar .text-info {
	color: #fff;
	background: none;
}

#responsive-food-menu .btn-navbar {
	height: unset;
}

/* danger--*/

.modal-footer .btn,
.btn-group > .btn.btn-remove,
.btn-danger,
.btn-danger,
.alert-danger,
.label-danger,
.badge-danger,
.alert-error,
#editProductModal .btn-group > .dropdown-toggle.btn-danger,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger {
	background: #bb2f2f;
}

.modal-footer .btn:hover,
.modal-footer .btn:focus,
.btn-group > .btn.btn-remove:hover,
.btn-group > .btn.btn-remove:focus,
.btn-danger:hover,
.btn-danger:focus {
	background: #901b1b;
}

.text-danger,
.text-error {
	color: #ff8888;
}

/* warning --*/
.btn-warning,
.alert-warning,
.label-warning,
.badge-warning {
	background: #f17104;
}

.btn-warning:hover,
.btn-warning:focus {
	background: #ca5d00;
}

.text-warning {
	color:#ff8b28 ;
}

/* info --*/
.btn-info,
.alert-info,
.label-info,
.badge-info,
.modal-body .btn.dropdown-toggle.btn-info,
#editProductModal .btn-info,
#editSpecialDealModal .btn-info {
	background: #0095ff;
}

.btn-info:hover,
.btn-info:focus,
.modal-body .btn.dropdown-toggle.btn-info:hover,
.modal-body .btn.dropdown-toggle.btn-info:focus,
.modal .btn-group.open .btn-info.dropdown-toggle #editProductModal .btn-info:hover,
#editSpecialDealModal .btn-info:hover,
#editProductModal .btn-info:focus,
#editSpecialDealModal .btn-info:focus {
	background: #0089ea;
}

.text-info {
	color: #95e8ff;
}

/* other --*/
.text-muted,
.muted {
	color: #dedede;
}

.btn-inverse,
.alert-inverse,
.label-inverse,
.badge-inverse {
	background: #2b2b29;
}

.btn-inverse:hover,
.btn-inverse:focus {
	background: #1d1d1b;
}

.btn-link {
    text-transform: uppercase;
	background: none;
	color: #fff;
}

.page-review-order .btn.dropdown-toggle,
#frmMyProfile .btn.dropdown-toggle {
	background: #fff;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #555;
}

#frmMyProfile .btn.dropdown-toggle:hover,
#frmMyProfile .btn.dropdown-toggle:focus {
	background: #e4e4e4;
}

#mobile_food_menu_nav .btn-inverse {
	background: inherit;
	border: none !important;
	color: #fff;
}

#responsive-food-menu .btn-navbar {
	/* menu page "change catergory" button*/
	text-shadow: none;
	box-shadow: none;
	padding: 10px;
	margin-bottom: 5px;
	color: #fff;
}

/* mobile btn-navbar */
header .btn-navbar {
	background: #d44a64 !important;
	box-shadow: none !important;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus {
	background: #af2f47;
}

/* nav btn lines */
header .navbar .btn-navbar .icon-bar {
	width: 25px;
	height: 2px;
	background: #fff;
	margin-top: 5px;
}

header .navbar .btn-navbar .icon-bar:first-child {
	margin-top: 2px;
}

header .navbar .btn-navbar:hover .icon-bar,
header .navbar .btn-navbar:focus .icon-bar {
	color: #fff;
}

/*LOYALTY POINTS BOX ----------------------------------------------- */
.loyaltypoints_box {
	background: #dfe150 !important;
    color: #18434a !important;
}

.loyaltypoints_box .col-equals .well,
.loyaltypoints_box h5 {
    color: #18434a !important;
}

.loyaltypoints_box .row-credits .well {
	/* border around counters */
	border-radius: 0 0 10px 10px;
    color: #000;
}

.loyaltypoints_box .ui-widget-header {
	border-radius: 10px 10px 0 0;
}

.loyaltypoints_box .row-credits {
	/*points counter */

}

.loyaltypoints_box .ui-widget-header {
	border: none;

}

.loyaltypoints_box .btn-link {
	color: #13606d !important;
    background: none;
}

.loyaltypoints_box .btn-link:hover,
.loyaltypoints_box .btn-link:focus {
	color: #cd4b64 !important;
    background: none;
}

.loyaltypoints_box .col-equals .ui-widget-header,
.loyaltypoints_box .col-equals .well {
	border: none;
	background: none;
}

.loyalty-card .text-success {
    color: #379020;
}
.loyalty-card .text-error {
 	color: #e24343;  
}

/* MENU PAGE  ----------------------------------------------- */
.ui-widget-content,
.ui-widget-content a,
.modal-body > * {
	color: #fff;
    border: none;  
}

.ui-widget-content {
	background: #11616f;
}

.page_menu .media-body {
    background: #135561;
}

.ui-widget {
	margin-bottom: 20px;
    border-radius: 20px;
}
.ui-widget .ui-widget-header {
	border-radius: 20px 20px 0 0;
}
.menu-container .ui-widget .ui-widget-header {
	border-radius: 0;
}
.ui-widget .ui-widget-content {
	border-radius: 0 0 20px 20px;
}


.popover-title,
.menu-selection .alert,
.how-im-ordering,
.how-im-ordering *,
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #d44a64;
	color: #fff;
	border: none;
	text-shadow: none;
}

.how-im-ordering {
    padding-top: 15px;
}

.menu-selection .alert {
	text-align: center;
}

.how-im-ordering small,
.how-im-ordering small:hover,
.how-im-ordering small:focus {
	color: #fff;
}

.checkout #basket .blockMsg .text-success {
	color: #086313;
}
.checkout #basket .blockMsg .muted {
	color: #000;
}

#basket-container {
	border: none;
	background: #169abf;
}

#basket-container .ui-widget-content {
	border-radius: 10px;
}

.modal .media-body {
	text-align: center;
}

.modal .media-body ul {
	text-align: center;
	list-style: none;
	margin: 0;
}

.modal ul {
	text-align: center;
	list-style: none;
}

.modal small,
.description small,
.media-body ul li {
	font-size: 15px;
    color: #fff;
}

.menu #basket-container small {
	font-size: 100%;
}

.row-product:hover,
.row-product:focus {
	background: transparent;
}

.menu-selection {
	color: #fff;
}

.menu-selection h1 {
	text-align: center;
	line-height: 110px;
	font-size: 50px;
}

/* menu page "add" buttons*/
.page_menu .row-product .btn-success {
	font-size: 14px !important;
	padding: 3px 7px;
}

.menu .cat-desc.lead {
	border-radius: 0;
}

.ui-tabs-nav,
.ui-tabs-menu,
.ui-state-default,
.ui-state-active {
	border: none !important;
}

/* menu background */
.ui-tabs-menu {
    border-radius: 0 0 20px 20px;
	background: #135561;
	color: #fff !important;
}

/* themeroller -  menu nav bg */
.ui-tabs-nav {
	border-radius: 0;
}

/* themeroller - list styles */
.ui-state-default,
.ui-widget-content .ui-state-default {
	background: none;
    font-size: 22px;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #fff;
    background: none;
}

.ui-state-active,
.ui-state-default:hover,
.ui-state-default:focus {
	background: #dfe150 !important;
	color: #18434a !important;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited,
.ui-state-active a:focus,
.ui-state-active a:hover,
.ui-state-default:hover a,
.ui-state-default:focus a {
	background: #dfe150;
	color: #18434a !important;
	border-right-width: 0px !important;
}

/* themeroller - disabled categories */
.page_menu .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	background: #777;
	color: #bfbfbf !important;
}

.modal .btn-option {
	height: unset !important;
	line-height: 19px !important;
}

/* themeroller - menu list */
.ui-tabs-vertical .ui-tabs-panel {
	color: #fff;
}

.row-odd {
	background: transparent;
}

/* menu headings */
.menu .media-heading {
	font-size: 22px;
	line-height: 1.4;
    color: #fff;
}

/* modals */
.modal-body .media-body {
	padding: 20px;
    border-radius: 20px;
}

.modal-body .media-heading {
	font-size: 24px;
	line-height: 2;
}

.modal-body .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

.modal-body .btn-danger .caret,
.modal-body .btn-success .caret,
.modal-body .btn-info .caret {
	border-top-color: #fff;
	border-bottom-color: #fff;
}

/* modal labels */
#editProductModal .modal-body h4 .name,
#editSpecialDealModal .modal-body h4 .name,
#editProductModal .modal-body h3,
#editSpecialDealModal .modal-body h3 {
	font-size: 45px;
	line-height: 1.2;
}

#editProductModal small,
#editSpecialDealModal small,
#editProductModal li,
#editSpecialDealModal li,
#editProductModal .modal-footer h3,
#editSpecialDealModal .modal-footer h3,
#editProductModal .type-choose-one .control-label,
#editSpecialDealModal .type-choose-one .control-label {
	font-size: 20px;
	line-height: 1.2;
}

#editProductModal .modal-body h5,
#editSpecialDealModal .modal-body h5 {
	font-size: 24px;
}

#editProductModal fieldset small,
#editSpecialDealModal fieldset small,
#editProductModal fieldset small .label-default,
#editSpecialDealModal fieldset small .label-default,
#editProductModal fieldset .btn-group > .dropdown-toggle,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle {
	font-size: 14px;
}

#editProductModal fieldset small .label-default,
#editSpecialDealModal fieldset small .label-default {
	padding: 4px;
	height: 23px;
	box-sizing: border-box;
	font-size: 12px;
	margin-bottom: 2px;
}

/* modal buttons */
#editProductModal fieldset .btn-group > .dropdown-toggle,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle {
	background: #0095ff;
	color: #fff;
}

#editProductModal fieldset .btn-group.open > .dropdown-toggle ,
#editSpecialDealModal fieldset .btn-group.open > .dropdown-toggle {
    background: #0073c5;
    color: #fff;
}

/* modal dropdowns */
#editProductModal .dropdown-menu,
#editSpecialDealModal .dropdown-menu {
	padding: 0px;
}

/* menu navbar search bar width */
.menu #responsive-food-menu .navbar-search {
	width: 220px;
	margin-right: 40px;
}

#menu-search-box {
	margin-left: 10px;
	width: 100%;
    border-radius: 20px;
}

#basket-container,
.ui-widget .ui-tabs-vertical .ui-tabs-panel {
	padding: 15px;
}


/* CONTACT / UI-HEADERS ----------------------------- */
/*contact headers */
.ui-widget-header,
.ui-widget > .ui-widget-header {
	background: #1b7382;
	color: #fff;
	border: none;
}

/* MEMBERS  ----------------------------------------------- */
.hero-unit,
.jumbotron-order-complete {
    border-radius: 20px;
	background: #cd4b64;
	color: #fff;
}

.hero-unit a,
.hero-unit a:hover,
.hero-unit a:focus {
	color: #dfe150;
}

.sidebar-nav {
	color: #fff;
    text-shadow: none;
}

.sidebar-nav .nav-list .active a,
.sidebar-nav .nav > li > a:hover,
.sidebar-nav .nav > li > a:focus {
	color: #fff;
	background: #cd4b64;
}

.sidebar-nav .nav-list > li > a,
.sidebar-nav .nav-list .nav-header {
	text-shadow: none;
	color: #fff;
}

/* FOOTER  ----------------------------------------------- */

.footer-area {
    position: relative;
	background-image: url("/myimages/961/zpos-bg-BestKebab_FooterBG.jpg");
    background-size: cover;
    background-position: center;
    padding-bottom: 275px;
}

.footer-area svg {
	position: absolute;
    width: 100%;
}

footer {
	margin-top: 0px;
    position: relative;
}

footer .row-fluid {
	padding: 30px 30px 20px;
	width: auto;
}

.jumbotron-order-complete .text-warning,
footer .muted {
	color: #fff;
}

footer a#footer-link-information {
 	color: #dfe150;  
}
footer a#footer-link-information:hover,
footer a#footer-link-information:focus {
	color: #c4c62c;  
}

/* SOCIAL --------------------------------------------- */
.home_social {
	max-width: 100px;
	margin: 20px auto 0px;
}

.home_social .btn {
	padding: 0px;
}

.home_social a,
.home_social a:hover {
	background: none !important;
}

.home_social a:hover {
	transform: scale(1.1);
	transition: all 0.25s;
}

.home_social img {
	max-width: 50px;
}

/* ORDER PAGE  ----------------------------------------------- */
.jumbotron-order-complete {
	padding: 40px;
}

.checkout #ctl-forgotPassword,
.checkout #loginSignin {
	width: 100%;
}

.checkout #loginSignin {
	margin-bottom: 10px;
}

.checkout .well-basket h4,
.checkout h5 {
	font-size: 20px;
}

/* ADDITIONAL CHANGES  ----------------------------------------------- */
.well-login,
.voucher_box {
	background: #169abf;
	color: #fff;
}

.well-login .btn {
 	background: #13606d;   
}
.well-login .btn:hover,
.well-login .btn:focus {
	background: #0a4b56;
}

.voucher_box .blockOverlay {
 	border-radius: 20px;
}

.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
	background: transparent;
}

.alert-error.well-large h1 {
	color: #fff;
}

.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
	background: none !important;
}


.trigger-paymentmethod .btn:hover,
.trigger-paymentmethod .btn:focus {
	background: #197686;
	color: #fff;
}

.trigger-paymentmethod .btn.active,
.trigger-paymentmethod .btn.active:hover,
.trigger-paymentmethod .btn.active:focus {
	background: #1b9eb3;
	color: #fff;
}

/* 404  ----------------------------------------------- */
.page_error-404 .text-error {}

/* CONTACT PAGE  ----------------------------------------------- */

/* T&CS PAGE  ----------------------------------------------- */
.page_information .page-header,
#info-company-information {
	text-align: center;
}

.page_information .page-header {
	border: none;

}

.page_information .official-document,
.page_information .official-document h1,
.page_information .official-document h2,
.page_information .official-document h3,
.page_information .official-document h4,
.page_information .official-document p h4,
.page_information .official-document p .page_information .official-document {
	font-family: "Verdana", sans-serif;
}

.official-document li *,
.official-document li::marker,
.page_information .table th,
.page_information .table td,
.page_information .official-document h1,
.page_information .official-document h2,
.page_information .official-document h3,
.page_information .official-document p h4,
.page_information .official-document p {
	color: #000;
}

/* REVIEW PAGE  ----------------------------------------------- */
.page-review-order h1,
.page-review-order .lead,
.page-review-order * {
	color: #000
}

.page-review-order h1 {
	background: none;
	text-align: center;
}

.page-review-order {
    box-sizing: border-box;
    padding: 10px;
	background: #fff;
    color: #000;
}

.page-review-order legend {
	color: #18434a;
}

.page-review-order .rating-row .lead {
	color: #18434a !important;
}

.page-review-order .rating-row small.muted,
.page-review-order .rating-row td,
.page-review-order .rating-row label {
	color: #4c4c4c !important;
}


@media (max-width: 1600px) {

    header,
	.inner-wrapper,
	.home .ct_details_bar {
		box-sizing: border-box;
		padding: 0 10px;
	}
    
    .home header {
		padding: 0;
    }
    
    .ct_details_bar {
        box-sizing: border-box;
     	padding: 6px 5px;   
    }
    
    .home .ct_details_bar {
     	padding: 6px 0;   
    }

	.inner-wrapper {
		padding: 0;
	}
    
}

@media (max-width: 1500px) {
 	.section-heading.menu-heading {
		display: none;
    }
}

@media (max-width: 1330px) {
    
    .home footer {
		background: #18434a;
    }
    
    .footer-area svg {
		background: #18434a;
        display: none;
    }
}

@media (min-width: 1200px) {
 	.home .main {
        margin: -10% auto 0;
    }
    
}

@media (max-width: 1225px) {
    
    .trigger-paymentmethod .btn small {
     	font-size: 13px;   
    }
    
    .navbar .nav > li > a, 
    .nav-collapse .nav > li > a {
		font-size: 30px !important;
    }
    
    .home-content {
	    padding: 0 10px;
    }
    
    .our-offers,
    .our-menu,
    .home-loyalty-points,
    .profiteroles-section {
		box-sizing: border-box;
    }
    
    .our-offers,
    .our-menu {
        border-radius: 25px 25px 30px 30px;
        padding: 50px 40px;
    }
    
    .home-loyalty-points {
        padding: 170px 20px 50px;
    }
    
    .headericons {
		margin-top: 0;
    }
    
    .carousel-indicators {
		right: 20px;
        top: 20px;
    }
    
    header .navbar {
        box-sizing: border-box;
		padding: 10px !important;
    }
    .navbar .nav li.dropdown > .dropdown-toggle .caret {
        margin-top: 10px;
    }
}

@media (max-width: 1182px) {
    .our-offers,
    .our-menu {    
        max-width: 1120px;
        margin: 0 auto;
        border-radius: 0 0 40px 40px;
    }  
    
    .profiteroles-section {
		border-radius: 0;
        padding: 0 20px;
    }
    
    .home-content > svg,
    .our-menu-bottom-curve {
        width: 100%;
        max-width: 1120px;
    }

    .home .main {
        margin: -5% auto 0;
    }    
    
    .home-loyalty-points img {
		max-width: 44%;
    }
}

@media (max-width: 1100px) {
    
    .navbar .nav > li > a,
    .nav-collapse .nav > li > a {
     	font-size: 29px !important;   
    }
    
    .profiteroles-section .profiteroles-heading {
		font-size: 110px;
        text-align: right;
    }
    .profiteroles-section .profiteroles-lead {
		font-size: 46px;
    }
    .profiteroles-content {
		font-size: 18px;
    }
    .profiteroles-img img {
        width: 72%;
    }
}


/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {
    
    header .row-fluid .span3,
    header .row-fluid .span9 {
		width: 100% !important;
        display: block;
        margin: 0 auto;
    }
    
    header .navbar-inner {
		float: none;
        padding: 0 10px;
    }
   
    header #logo {
        text-align: center;
    }

    header .navbar {
		margin: 0 auto !important;
        padding: 10px 0 0 !important;
    }
    
    header .btn-navbar {
        margin-top: 10px;
    }
    
    .navbar .nav {
		float: none;
        margin-bottom: 0;
    }
    
    .navbar .nav > li > a, 
    .nav-collapse .nav > li > a {
        font-size: 31px !important;
    }
    
    header .nav-collapse .nav > li > a,
    header .nav-collapse .dropdown-menu a {
        font-size: 18px;
        color: #fff;
    }
    
    .navbar .nav li.dropdown > .dropdown-toggle .caret {
		margin-top: 20px;
    }
    
    .home-content .home-inner {
     	margin-top: -20px;   
    }
    
    .home-content > svg {
		margin-top: -124px;
    }
        
    .landingMiddle.span2, 
    .landingImage.span5 {
		width: 33.33333%;
    }
    
    .landingMiddle.span2 {
		padding: 40px 20px;
    }
    
    .home #logo img {
		margin: 0 auto;
        max-width: 80%;
    }
    
    .home .main {
        margin: -2% auto 0;
    }
    
    .profiteroles-text {
        margin-top: 20px;
    }
    
    .profiteroles-section .profiteroles-heading {
		font-size: 86px;
    }
    .profiteroles-content {
		font-size: 14px;
    }
    
    .profiteroles-img img {
        width: 100%;
    }
    
    .loyalty-points-content p {
    	max-width: 560px;
    }
    
    .our-menu {
     	border-radius: 0 0 55px 55px;   
    }
    
    .home-content .column_modules {
        margin: 0 auto;
        background: #dfe150;
        border-radius: 10px 10px 0 0;
    }
    
    .profiteroles-section {
        border-radius: 0;
        padding: 60px 20px 0;
    	margin-top: -50px;
    }
    
    body.user_member .ct_user_status small,
	body.user_member .ct_local_branch_details small {
		font-size: 14px;
    }
    
    .ct_details_bar .span6:first-child {
		margin-bottom: 10px;
    }

	#opening-status {
		display: none;
        margin: 0 auto;
	}

	#opening-status.mobile-opening {
		display: block !important;
	}

	.ct_details_bar .span6 {
		width: 100%;
        line-height: 0.8;
		margin: 0;
		text-align: center !important;
		float: none;
	}

	.nav-collapse .dropdown-menu a {
		padding: 10px 0;
	}

	.nav-collapse li {
		width: 100%;
		display: block;
	}

	.modal-body .dropdown-menu.dyn-dd-option-ui {
		left: -90px;
	}

	.page_menu .menu-selection .alert {
		margin: 20px 0px;
	}

	.page_menu .menu-selection h1 {
		text-align: center;
		margin-top: 10px;
	}

	.page_menu .menu-selection .well {
		margin-bottom: 0px;
	}
    
    .trigger-paymentmethod .btn-large:first-child small {
		font-size: 9px;
    	margin-bottom: 5px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    
    .trigger-paymentmethod .btn-large:first-child small {
		font-size: 13px;
        margin-bottom: 0;
    }
    
    .menu #order-empty {
        margin-bottom: 10px;
    }
    
    .home #logo img {
		max-width: 100%;
    }
    
    .checkout .span3.tr,
    .home-loyalty-points img {
		display: none;
    }
    
    .home .main,
    .home-content {
		padding: 0 25px;
    }
    
    .profiteroles-section .profiteroles-heading,
    .profiteroles-section .profiteroles-lead,
    .profiteroles-content {
        text-align: center;
    }
    
    .profiteroles-section .profiteroles-heading {
    	font-size: 106px;
    }
    
    .profiteroles-section .profiteroles-lead {
		font-size: 66px;
    }
    
    .profiteroles-section .inner-wrap {
		max-width: 500px;
    }
    
    .profiteroles-text.span8 {
		margin-top: 0;
    }
    
    .profiteroles-content {
		font-size: 22px;
        margin: 10px auto;
    }
    
    .profiteroles-img img {
		max-width: 70%;
    }
    
    .mod_postcode_box {
		margin: 20px auto 0;
        max-width: 100%;
        padding: 30px 20px 3px;
        background: #d44a64;
    	border-radius: 40px 40px 0 0;
	}
    
    #mod_postcode_box_pc {
		width: 100%;
        margin: 0 0 10px;
    }
    
    .mod_postcode_box .postcode_heading {
        top: -84px;
    }
    
    .mod_postcode_box .btn-group {
		margin-left: 0;
    }
    
    .mod_postcode_box > .input-append {
		height: 100%;
        margin-bottom: 30px;
    }
    
    .mod_postcode_box .input-append > * {
        width: 100%;
        display: block;   
    }
    
    .home .main {
        margin: 40px auto 0;
    	box-sizing: border-box;
    }
    
    .home-content > svg {
		display: none;
    }
    
    .home-content .ct_details_bar {
        padding: 20px 0 0;   
    }
    
    .home-content .home-inner {
        margin-top: -3px;
    }
    
    .home-content .column_modules {
		border-radius: 0;
    }
    
    .our-menu .span4 {
        margin-bottom: 20px;
    }
    .our-menu .span4:last-child {
		margin-bottom: 0;
    }
    
    .loyalty-points-content p,
    .loyalty-header {
		text-align: center;
    }
    
    .loyalty-points-content {
        align-items: center;
    }
    
    .our-offers {
		padding: 50px 20px;
    }

    
	body {
		padding: 0;
	}

	body .inner-wrapper #body {
		padding: 0 10px;
		box-sizing: border-box;
	}
    
    body.home .inner-wrapper #body {
		padding: 0;
    }

	.ct_user_status,
	.ct_local_branch_details {
		text-align: center !important;
	}

	#body h1 {
		text-align: center;
		line-height: 1.4;
	}

	/* Makes menu on mobile not have massive gap on left*/
	.menu-container .ui-tabs-vertical .ui-tabs-panel {
		width: 100% !important;
	}

	.row-order-complete .span12 {
		padding: 20px;
	}

	footer div,
	.span4.tr.vendor {
		margin-top: 10px;
		text-align: center !important;
	}
    
    /* order now button on members page on tablet */
	.page_members .btn-success.btn-block.btn-large {
		margin-bottom: 20px;
	}
    
    .menu .ui-tabs-menu .row-variation {
		margin-bottom: 5px;
    }

}

@media (max-width: 640px) {

	#ctl-lookupAddress,
	#ctl-forgotPassword {
		display: block;
		margin-top: 8px;
	}

	.mod_postcode_box .dropdown-menu {
		width: 100%;
	}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    
    .home .ct_details_bar {   
        padding: 6px 5px 12px;
    }
    
    header .navbar-inner {
     	padding: 0;   
    }
    
    .nav-collapse .nav > li > a, 
    .nav-collapse .dropdown-menu a {
     	font-size: 18px;   
    }
    
    .landingMiddle.span2 {
		padding: 20px;
    }
    
    .landingImage.rightImg svg,
    .landingImage.span5.leftImg {
		display: none !important;
    }
    
    .homeLanding.row-fluid {
		flex-direction: column;
    }
    
    .landingMiddle.span2,
	.landingImage.span5.rightImg {
    	display: block !important;  
        width: 100%;
    }
    
    /*OFFER - COMMENT OUT WHEN REMOVED
        .landingImage.span5.rightImg {
        height: 400px;
		overflow: hidden;
        margin-bottom: 20px;
    }*/
    
    /*OFFER - PUT THIS BACK WHEN REMOVED*/
        .landingImage.span5.rightImg {
        height: 290px;
		overflow: hidden;
        margin-bottom: 20px;
    }
    
    .ct_details_bar .span6:first-child {
        margin-bottom: 20px;
    }
    
    .home .main,
    .home-content {
     	padding: 0 10px;   
    }
    
    .home-content .column_modules {
		padding: 0 10px;
    }
    
    .mod_postcode_box .postcode_heading {
     	top: -72px;  
        font-size: 70px;
    }
    
    .mod_postcode_box .lead {
        font-size: 40px;
    }
    
    .profiteroles-content {
		font-size: 18px;
    }
    
    .profiteroles-section .profiteroles-heading {
		font-size: 86px;
    }
    
    .loyalty-header,
    .profiteroles-section .profiteroles-lead {
        font-size: 46px;
    }
    
    .profiteroles-img img {
     	max-width: 100%;   
    }
    
    
    .home #logo img {
        max-width: 180px;
    }
    
	#menu-search-box,
	.menu #responsive-food-menu .navbar-search {
		width: initial;
	}

	.menu #responsive-food-menu .navbar-search {
		margin-right: initial;
	}

	#body .menu-selection h1 {
		line-height: 1.2;
	}
    
    .trigger-paymentmethod .btn-large:first-child small {
		font-size: 9px;
        margin-bottom: 5px;
    }
    .trigger-paymentmethod .btn-large small {
		font-size: 13px;
    }

}

@media (max-width: 350px) {
    .navbar .nav > li > a, 
    .nav-collapse .nav > li > a {
		font-size: 22px !important;
    }
    
    .navbar .nav li.dropdown > .dropdown-toggle .caret {
		margin-top: 0;
    }
    
    .mod_postcode_box {
		border-radius: 0;
        
    }
}	

.halal {
 	margin-top: 5px;   
}