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: #ede8dc;
}
h1 {
	color: #302621;
}
h2 {
	color: #302621;
}
h3 {
	color: #302621;
}
h4 {
	color: #302621;
}
body {
	background-color: #faf1e8;

	/*background-image: url("/myimages/1141/zpos-bg-background_beige_4.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/1141/images/zpos-bg-background_beige_4.jpg?auto=compress");

	background-repeat: repeat;
	background-attachment: scroll;
}

header, #mobile-header {

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

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

.delivers_0 .box-delivery-information {
 	display: none;   
}

/* #############
#### Colors ####
################ 

Beige
color: #ede8dc;
background: #ede8dc;

Green
color: #368d4b;
background: #368d4b;

Red
color: #db2c38;
background: #db2c38;

Brown
color: #302621;
background: #302621;

*/

/* ###################
#### Display None ####
################### */

/*.ct_details_bar_base, */header .nav-collapse, #myCarousel .item > img, .carousel-indicators,
.home-about, #body-bottom-hr, header .logo, header li a .caret, .voucher_box>.success span, #opening-status {
    display: none;
}
.row-product .row-variation, span.menunumber {
    color: #ede8dc;
}

/* ##################
#### Font Family ####
################## */

h1, h1 span, h2, h2 span, h3, h3 span, h4, h5, input, select, textarea, header li a, .members .well legend, .members .nav-header,
.members .section-opening-times .dropdown-toggle, .members .section-my-profile .dropdown-toggle, .checkout p.lead, .menu .navbar .brand,
.modal .media-heading .name, .ui-tabs-vertical .ui-tabs-nav li a span, .navbar-search .search-query, .menu .media-heading .name,
.row-product .row-variation .price, #ctl-resetPassInput, .loyaltypoints_box h5
{
	font-family: "larken";    
    line-height: normal;
    font-weight: 500;
}

*, #ss_ot_base h4, .btn {
	font-family:"niveau-grotesk";    
}

/* ##################
#### Font Colors ####
################## */

/*Beige*/
.carousel-caption, .mod_postcode_box, #slickFoodList h4, .image_ss_line h4, .ct_details_bar_base *, .mod_input_button_base .btn-group.open .btn.dropdown-toggle, .mod_input_button_base .btn-group .btn:focus, .mod_input_button_base .btn-group .btn:hover, .contact-us .ui-widget>.ui-widget-content, .contact-us .ui-widget>.ui-widget-content a, .contact-us .ui-widget>.ui-widget-content h4,.ui-tabs-vertical .ui-tabs-nav .ui-tabs-active a,
.menu .navbar .brand, table tr.ui-state-highlight th, .popover-title, .menu .ui-widget span.name, .menu .ui-widget .description small, .menu .ui-widget .price, .modal-header h3, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ span, .members .well legend, .members .well h1:not(.hero-unit h1), .members .well h4, .members .well h2, #myCarousel h2, #myCarousel h3, #myCarousel p, #mod_postcode_section h2, #mod_postcode_section h3, #mod_postcode_section p,
#zp-offcanvas-basket > .well h3, #zp-offcanvas-basket .basket-subtotal
 {
	color: #ede8dc;
}

/*Green*/
footer .muted a, .well a:not(.btn, .modal ul a, .dropdown-menu a), .marginbottom15 a {
	color: #368d4b;
}

/*Red*/
.ct_details_bar_base a:hover,
.ct_details_bar_base a:focus,
header .nav.main-menu li.active > a,
header .nav.main-menu li.active > a:focus,
header .nav.main-menu li.active > a:hover,
header .nav.main-menu li > a:focus,
header .nav.main-menu li > a:hover,
header .navbar .nav li.dropdown.open>.dropdown-toggle, 
header .navbar .nav li.dropdown.active>.dropdown-toggle, 
header .navbar .nav li.dropdown.open.active>.dropdown-toggle/*,
#zp-offcanvas-basket > .well .ctrl-mobile_food_menu_nav_closecanvas*/
{
	color: #db2c38;
}

/*Brown*/
header .nav.main-menu > li > a, select, .members .well div a.btn.dropdown-toggle, .chosen-choices li span, .gm-style .gm-style-iw, .menu .basket-subtotal, .popover-content, .well-how-pay .trigger-paymentmethod button small, textarea, /*.dropdown-menu a span, .dropdown-menu a i,*/ .well.well-basket h4, .menu-title small, .modal .media-body small, .modal .modal-body p, .modal .modal-body, .modal .modal-body .form-horizontal .control-label strong, .modal:not(.information .modal) h5, .hero-unit, .hero-unit h1, .marginbottom15 small, #fs_right_base p, #ss p, .p-thanks-for, .p-last-minute, .page-review-order p, .page_error-404 #body p 
{
	color: #302621;
}

/*White*/
footer .muted, .contact-us .ui-widget>.ui-widget-header, .ui-widget>.ui-widget-header,
.modal-header, .members .sidebar-nav .nav-list a
{
    color: #fff;
}

/* #############
#### Modals ####
############# */

.modal-header {
    padding: 18px 15px 12px;
}
.modal-header h3 {
 	font-size: 28px !important;
    line-height: 110%;
}
.modal-header .close {
    margin-top: 0px;   
}
.modal-footer {
    background: #2b2828;
    color: #fff;
    opacity: 1;
    border-radius: 0px;
}
.modal-footer .price {
    margin-top: 10px !important;
}
.modal-footer h3, .modal-footer h3 span {
 	color: #FFFFFF; 
    font-size: 24px;
    line-height: 110% !important;
}

.modal .well {
    box-shadow: none;
}

.modal .well .caret {
    margin-top: 4px;
    border-top: 4px solid #fff;
}

.modal .label {
    padding: 4.5px 4px;
    text-shadow: none;
    background-color: #999;
}
.modal .well .btn,
.modal .well .btn:hover,
.modal .well .btn:focus {
    color: white;
}

.modal-body .form-horizontal .control-label {
    font-size: 18px;
    margin-top: 8px;
}
.modal-body .well {
    background: #f5f5f5 !important;
    color: #000000;
}

.modal .option-label {
	color: #302621 !important;
}

/* ##############
#### Notices ####
############## */
.well.sys-alert {
    text-align: center;
    color: #FFFFFF;
    box-shadow: none;
    background: grey;
}
.well-small.sys-alert .lead {
    color: #FFFFFF;
}
.sys-message {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-align: center;
    border-radius: 0px !important;
    color: #FFFFFF !important;
}
.alert { color: #FFFFFF !important; text-shadow: none; }
.alert-danger, .alert-error { background: #d51838; color: #FFFFFF; }
.sys-alert.alert-danger { background: #d43e57 !important; }
.alert-warning { background: #bfac24; }
.alert-info { background: #366d8d; }
.alert-success { background: #00c50f; }
.alert .close, .well.sys-alert button.close, .modal-header .close {
     color: #FFFFFF;
     opacity: 0.8;
}

/* #############
#### Global ####
############# */
 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
     background: #c4a435;
     border: none;
}

#dlgResetPassword label {
 	color: #FFFFFF;   
}
.dropdown-menu {
    background: #db2c38;  
     border: 0;
     padding: 0px;
}
.dropdown-menu a {
    padding: 13px 20px 7px !important;
    color: #FFFFFF !important;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background: #c21230 !important;
}

.well, .menu .ui-widget {
    border: none;
    background: #302621;
    border-radius: 0 !important;
    box-shadow: /*7px 7px*/ 4px 4px 4px 0px #000;    
}

#ctl-lookupAddress, .members #ctl-forgotPassword, .voucher_box .btn {
    margin-left: 8px;
    padding: 4px 10px;
    font-size: 12px;
}

.members .nav-header {
    text-transform: capitalize;
    color: #d2ae40;
    text-shadow: none;
}

.contact-us .well, .section-customer-map .well {
    padding: 0;
    
}

.well .well, .ui-widget-content .well  {
	box-shadow: none;
}

#contact_map_canvas, #customer_map_canvas {
    border: none;    
}
.popover-title {
    padding-top: 12px;
}

.badge, .label {
    border-radius: 0;
    text-shadow: none;
}


table tr th,
table tr:hover th, 
table tr:focus th
{
    background: #db2c38 !important;
    color: #ede8dc !important;
}

#zp-offcanvas-basket > .well table tr th,
#zp-offcanvas-basket > .well table tr:hover th, 
#zp-offcanvas-basket > .well table tr:focus th
{
    background: none !important;
    color: #ede8dc !important;
}


table tr td,
table tr:hover td, table tr:focus td
{
	background: #302621 !important;
    color: #ede8dc !important;
}

table tr.ui-state-highlight td,
table tr.ui-state-highlight:hover td,
table tr.ui-state-highlight:focus td {
    background:	#c4a435 !important;
    color: #302621 !important;
}

.well#basket-container table tr th,
.well#basket-container table tr:hover th, 
.well#basket-container table tr:focus th,
.well#basket-container table tr td:not(g),
.well#basket-container table tr:hover td:not(g), 
.well#basket-container table tr:focus td:not(g),
.well#basket-container table tr.ui-state-highlight td,
.well#basket-container table tr.ui-state-highlight:hover td,
.well#basket-container table tr.ui-state-highlight:focus td
{
    background: #fff !important;
    color: #302621 !important; 
}

.checkout .well.well-basket table tr th,
.checkout .well.well-basket table tr:hover th, 
.checkout .well.well-basket table tr:focus th,
.checkout .well.well-basket table tr td,
.checkout .well.well-basket table tr:hover td, 
.checkout .well.well-basket table tr:focus td,
.checkout .well.well-basket table tr.ui-state-highlight td,
.checkout .well.well-basket table tr.ui-state-highlight:hover td,
.checkout .well.well-basket table tr.ui-state-highlight:focus td
{
    background: none !important;
    color: #302621 !important; 
    border-color: #302621;
}

/* ##############################
#### Input, Select, Textarea ####
############################## */

input, select, textarea {
    /*padding-top: 8px !important;*/
    padding: 7px 6px 5px !important;
    border-radius: 0 !important;
    height: fit-content !important;
}
.members .section-opening-times .dropdown-toggle, .members .section-my-profile .dropdown-toggle {
    padding: 8px 10px 6px !important;
}

.members .section-opening-times .dropdown-toggle .caret, 
.members .section-my-profile .dropdown-toggle .caret {
    margin-top: 5px;
}

/* ########################
#### Background Colors ####
######################## */

/* Background Beige Rock */
/*#fs div:nth-child(2), */.fs_right_side, #ss, header .nav.main-menu {
    background-image: url('https://panpizzaswindon.zfood.co.uk/myimages/1141/zpos-bg-background_beige_3.jpg')
}

/* None */
.navbar .btn-navbar,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:hover {
    background: none;
}

/*Beige*/
header, .ui-tabs-vertical .ui-tabs-nav li
{
	background: #ede8dc;
}

/* Light Beige */
#ts {
    background: #f7f3e9;
}

/*Green*/
#slickFoodList_base, header .navbar-inner, .members .sidebar-nav .nav-list .active a, .members .sidebar-nav .nav-list a:hover, .members .sidebar-nav .nav-list a:focus, .contact-us .ui-widget>.ui-widget-header, .dropdown-menu li a:hover, .dropdown-menu li a:focus
{
	background: #368d4b;
}

/*Red*/
.menu .navbar-affix-container .navbar-inner,
.ui-tabs-vertical .ui-tabs-nav li.ui-state-active, .modal-header
{
	background: #db2c38;
}

/*Brown*/
.carousel-caption, .mod_postcode_box, footer, #myCarousel, #fs, .ct_details_bar_base, .mod_input_button_base .btn-group .btn, .mod_input_button_base .btn-group.open .btn.dropdown-toggle, #tbl_all_orders td, .box-delivery-information td, .contact-us .ui-widget>.ui-widget-content, .popover-title, .ui-widget>.ui-widget-header, .menu .ui-widget, #zp-offcanvas-menu > div
{
	background: #302621;
}

/* White */
.members .section-opening-times .dropdown-toggle, .members .section-my-profile .dropdown-toggle,  .well.well-basket,
 .hero-unit
{
    background: #fff;
}

/* #######################################
#### Borders, Box Shadow, Text Shadow ####
####################################### */

header .navbar-inner, #opening-status, .navbar .btn-navbar, #mod_postcode_box_pc, .members .sidebar-nav .nav-list a {
    border: none;
    box-shadow: none;
    text-shadow: none;
}

/* #######################
#### Margin & Padding ####
####################### */

.navbar .btn-navbar, #opening-status, header .navbar, #myCarousel {
    margin: 0 !important;
    padding: 0 !important;    
}

#mod_postcode_box_pc {
    margin: 0 !important;
    background: #f7f3e9;
    box-sizing: border-box;
    border: 3px solid #e8e2d3;
    border-right: 0px;
    margin-right: -4px !important;
    padding: 12px 10px 8px !important;
    font-size: 32px;
    height: 68.39px !important;
}
#mod_postcode_box_pc::placeholder {
 	color: #c6c1b9;   
}

/* ##############
#### Buttons ####
############## */

.navbar .btn-navbar .icon-bar {
    width: 32px;
    height: 4px;
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 6px;
}



.btn {
    padding: 10px 24px;
    border-radius: 0 !important;
    box-shadow: none;
    border: 3px solid;
    text-shadow: none;
    font-weight: 400;
}

.btn-small {
    padding: 2px 6px;
}

.btn-large {
    font-size: 21px !important;
    padding: 12px 25px 10px !important;
    line-height: 110%;
}
.home .btn-large {
    font-size: 24px !important;
    padding: 18px 38px !important;
}

/*.well.well-basket .btn-tiny.btn-success
{
    background: #bfac24 !important;
    border-color: #bfac24 !important;
}

.well.well-basket .btn-tiny.btn-success:hover,
.well.well-basket .btn-tiny.btn-success:focus
{
    background: #a3910f !important;
    border-color: #a3910f !important;
}*/

.btn-success, label.btn,
#editProductModal .btn-group > .dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success
{
    background: #368d4b;
    border-color: #368d4b;
    color: #FFFFFF !important;
}

.btn-success:hover,
.btn-success:focus,
label.btn:focus,
label.btn:hover,
#editProductModal .btn-group > .dropdown-toggle.btn-success:hover,
#editProductModal .btn-group > .dropdown-toggle.btn-success:focus,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:hover,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success:focus
{
    background: #247337;
    border-color: #247337;
    color: #FFFFFF !important;  
}

.text-success {
    color: #368d4b !important;
}

.btn-info, .badge-info, .label-info,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-info,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info
{
    background: #366d8d;
    border-color: #366d8d;
    color: #FFFFFF !important;
}

.btn-info:hover,
.btn-info:focus,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:hover,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-info:focus,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:hover,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info:focus
{
    background: #1f5473;
    border-color: #1f5473;
    color: #FFFFFF !important;
}
.text-info {
 	color: #366d8d !important;   
}

.btn-danger, #editProductModal .btn-group > .dropdown-toggle.btn-danger,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger {
    background: #db2c38;
    border-color: #db2c38;
    color: #FFFFFF !important;
}

.btn-danger:hover,
.btn-danger:focus,
#editProductModal .btn-group > .dropdown-toggle.btn-danger:hover,
#editProductModal .btn-group > .dropdown-toggle.btn-danger:focus,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:hover,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger:focus {
    background: #9d1a23;
    border-color: #9d1a23;
    color: #FFFFFF !important;
}
.text-danger, .text-error {
 	color: #db2c38 !important;   
}

.btn-warning, .label-warning, .badge-warning,
#editProductModal
  fieldset
  .btn-group
  > .dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger),
#editSpecialDealModal
  fieldset
  .btn-group
  > .dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger)
{
    background: #bfac24 !important;
    border-color: #bfac24 !important;
    color: #FFFFFF !important;
}

.btn-warning:hover,
.btn-warning:focus,
#editProductModal
  fieldset
  .btn-group
  > .dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):hover,
#editProductModal
  fieldset
  .btn-group
  > .dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):focus,
#editSpecialDealModal
  fieldset
  .btn-group
  > .dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):hover,
#editSpecialDealModal
  fieldset
  .btn-group
  > .dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):focus {
    background: #a3910f !important;
    border-color: #a3910f !important;
      color: #FFFFFF !important;
}

.text-warning, em {
 	color: #bfac24 !important;   
}

.btn-primary, .btn-primary:focus, .btn-primary.active:hover {
    background: none;
    border-color: #302621;
    color: #302621;
}

.btn-primary:hover, .btn-primary.active, .btn-primary.active:focus {
    background: none;
    border-color: #000;
    color: #000;
}

.btn-inverse {
    background: #302621;
    border-color: #302621;
    color: #ffffff;
}

.btn-inverse:hover,
.btn-inverse:focus {
    background: #000;
    border-color: #000;
    color: #ffffff;
}

#myCarousel .btn-primary,
#myCarousel .btn-primary:focus,
#myCarousel .btn-primary.active:hover,
.btn-primary-2,
.well .btn-primary,
.well .btn-primary:focus,
.well .btn-primary.active:hover
{
    background: none;
    border-color: #ede8dc;
    color: #ede8dc;
}

#myCarousel .btn-primary:hover,
#myCarousel .btn-primary:focus,
.btn-primary-2:hover, 
.btn-primary-2:focus,
.well .btn-primary:hover, .well .btn-primary.active, .well .btn-primary.active:focus 
{        
    border-color: #afaca6;
    color: #afaca6;
}

.btn-beige,
.modal-footer .btn-primary{
    background: #ede8dc;
    border-color: #ede8dc;
    color: #302621;
}

.btn-beige:hover,
.btn-beige:focus,
.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:focus {
    background: #a9a9a9;
    border-color: #a9a9a9;    
}

label.btn {
    padding: 4px 14px;
}

.trigger-paymentmethod button {
    padding-top: 2em;
}

/* #################
#### Animations ####
################# */

@keyframes slidein {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-2000px);
  }
}

.spin {
    transform: rotate(360deg) !important;
    transition: .2s;
}


/* ################
#### Header ####
################ */

header .navbar-inner {
  height: 50px;
}

header .navbar-inner > .container,
header .navbar-inner #inner_header {
  height: 100%;
}

header .nav.main-menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;  
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
}

header .nav.main-menu.on {
  opacity: 1;
  pointer-events: all;
  z-index: 200000;
}

header .dropdown-menu {
    /*width: 100%;
    text-align: center;*/
}

#close_modal_nav {
  position: absolute;
  top: 0;
  right: 0;
  margin: 12px;
  background: none;
  box-shadow: none;
  border: none;
  color: red;
  font-size: 32px;
}

header #logo {
    padding: 12px 0;
    text-align: center;
}

#inner_header {
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-direction: row-reverse;        
}

.ct_details_bar_base * {
    font-weight: 300;
    font-style: normal;
    font-size: 15px;
    color: #FFFFFF;
}

.ct_details_bar_base a {
    text-decoration: underline;
}
.ct_details_bar {
 	padding: 3px 0px 5px;   
}

header li a {
    text-shadow: none !important;
    box-shadow: none !important;
    background: none !important;   
}

/* ###############
#### Homepage ####
############### */

#carousel_base {
    position: relative;
    padding-bottom: 10px;
}

#carousel_base::after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #db2c38;
    z-index: 10;
}

#myCarousel {
    display: flex;
    align-items: center;
}

.carousel-caption {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: unset;
    max-width: 380px;
    margin: auto;
    padding: 34px 0 75px;
}
.carousel-control {
 	bottom: 20px;
    top: auto;
    left: auto;
    border: none;
    background: none;
}
.carousel-control.left {
 	left: 35%;
}
.carousel-control.right {
 	right: 35%;
}
.buttons_base {
    margin: 24px auto;
    width: 300px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.buttons_single {
    margin: 24px auto;
}
.buttons_base .btn {
 	margin-bottom: 10px;   
}

.mod_postcode_base {
  text-align: center;
  /*max-width: 340px;*/
    margin: auto;
}

.mod_postcode_box {
    padding: 32px 0;
    text-align: center;
}

#fs_right_base {
    max-width: 320px;
    text-align: center;
    margin: auto;
    padding: 28px 0;
}

#slickFoodList_base {
  position: relative;
  overflow-x: hidden;  
}

#logo_carousel {
    width: 205px;
    margin: 0px 0 18px;    
}

#slickFoodList {
  animation: 50s ease-out 1s infinite both running slidein;
  display: flex;
  position: relative;
  width: max-content;
  z-index: 0;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
    padding: 4px 0;
}

#slickFoodList img {
    width: 56px;
    margin: 0 16px;
}

#slickFoodList h4 {
    margin-top: 18px;
}
.ss_text_base {
    display: flex;
    flex-direction: column;  
}

#ss_lp_base {
    max-width: 340px;
    margin: auto;
    text-align: center;
    padding: 24px 0;
}
#ss_ot_base {
    max-width: 320px;
    text-align: center;
    margin: auto;
    padding: 38px 0;
    z-index: 5;
}
#ss_ot_base h4 {
    font-weight: 400;
}
.ss_image_base {
    position: relative;
    height: 440px;
    overflow: hidden;
}
#ss_op {
    position: relative;
}
#baked_pizza_img {
    
}
#panini_img {
    transform: scale(1.2);
}
#bike {
    position: absolute;
    bottom: 0;
    right: 15px;
    width: 260px;
}

.image_ss {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}
.image_ss_line {
	position: absolute;
    bottom: 25px;
    width: 100%;
    padding: 0px;
    display: flex;
    max-width: 90%;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    left: 0;
    right: 0;    
}

#ts {
    padding: 38px 0 0;    
}

.ts_text_base {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 35px;
    height: 230px;
    max-width: 300px;
    justify-content: space-between;
    margin: auto;
    padding-top: 25px;
}
#ts a h3 {
 	color: #302621 !important;   
}
#ts a:hover h3, #ts a:focus h3 {
 	color: #5e5049 !important;
}
#ts a:hover, #ts a:focus {
    text-decoration: none;
}

.mod_postcode_base > h2 {
    
}

/*
.mod_input_button_base {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 35px;
    height: 40px;
    max-width: 345px;
}

#mod_postcode_box_pc, .mod_input_button_base .btn-group > button {
    height: 100% !important;
}

.mod_input_button_base .btn-group > button {
    padding-right: 36px;
}

.mod_input_button_base .btn-group > button .text {
    font-size: 18px;
}

.mod_input_button_base img {
    margin-left: 4px;
    transition: .2s;
    transform: rotate(0deg);
}

.mod_input_button_base .btn-group {
    height: 52px;
}*/

.ts_pictures_base > .row-fluid img {
    object-fit: cover;
}

/* #############
#### Footer ####
############# */
.label-copyright {
 	font-size: 16px;   
}

/* ##############
#### Members ####
############## */
.members .well legend {
    text-align: center;
    padding: 16px 0 12px;
}
.members #frmRegister legend,
.members #frmLogin legend {
    padding: 12px 0 21px;
}
.members .loyalty-caption h3 {
 	color: #FFFFFF;   
}

/* ################
#### Menu Page ####
################ */
.row-product .media-body .decription.decription {
 	font-size: 18px;   
}
.menu-selection img {
	margin: 30px auto 0px;
	display: block;
}
#zp-offcanvas-basket > .well .ctrl-mobile_food_menu_nav_closecanvas {
 	color: #FFFFFF;   
}
#zp-offcanvas-basket .text-info {
 	color: #51bfff !important;   
}
#zp-offcanvas-basket .text-success {
 	color: #45d468 !important;   
}
#basket-container>h3 {    
    margin-top: 10px !important;
    color: #FFFFFF;
}
.menu .navbar-affix-container .navbar-inner, .menu .ui-widget { 
    border: none;
    border-radius: 0;
}
.ui-tabs-vertical .ui-tabs-nav li a {
    padding: 16px 14px 12px !important;
}
.menu .navbar .brand {
    letter-spacing: 1px;
    text-shadow: none;
    font-size: 24px;
}
.menu .navbar-affix-container {
    height: auto !important;
}
.navbar_top_menu {
    padding: 16px 0 12px;
}
#navbar-search-menu h2 { 
    text-transform: capitalize;
    max-width: 330px;    
    font-size: 34px;
}
.navbar-search .search-query {
    margin-bottom: 10px;
    padding: 10px 8px 8px !important;
    width: 250px;
    text-align: center;
}
.menu .product-container-panel .ui-widget h3 {
	padding: 0 0 10px;
} 
.ui-widget-content .ui-widget {
    box-shadow: none;
}
#mobile_food_menu_nav .btn {
    border-top: 3px solid #db2c38;
    background: #302621;
}
/* #################
#### Contact Us ####
################# */

.contact-us .ui-widget {
    box-shadow: 4px 4px 4px 0px #000;
}
.contact-us .ui-widget>.ui-widget-content {
    /*box-shadow: 7px 7px 4px 0px #000;*/
    border-radius: 0 !important;
    border: none;
}

.contact-us .ui-widget>.ui-widget-header {
	border-radius: 0 !important;
    padding: 12px 0 10px;
}

/* ###############
#### Checkout ####
############### */
.checkout h4, .checkout h5, .checkout p.lead {
    font-size: 26px;
    text-align: center;
    padding: 0px 0 12px;
    line-height: 44px;
}
.checkout_title {
    text-align: center;
}
.checkout h5:after, .well-login .lead:after {
    border-bottom: 2px solid #ede8dc;
}

.checkout h4:after {
    border-bottom: 2px solid #302621;
}

.voucher_box>.success {
    justify-content: space-evenly;
}
.loyaltypoints_box {
    background: #ffffff !important;
    color: #302621 !important;
}
.loyaltypoints_box .ui-widget-header {
    background: #302621 !important;
    color: #FFFFFF !important;
    border: none;
}
.loyaltypoints_box .row-credits .well {
    border: none !important;
    background: #bfad0e !important;
    color: #FFFFFF !important;
}
.loyaltypoints_box .btn-large {
 	padding: 12px 10px 10px !important;   
    margin-bottom: 5px;
}
.loyaltypoints_box .btn-link {
 	border: none;
    font-size: 16px;
    padding: 10px 15px;
}
.loyaltypoints_box .row-credits .col-equals div,
.loyaltypoints_box .row-credits .col-equals div {
    background: none !important;
    color: #302621 !important;
}
.loyaltypoints_box h5 {
    text-transform: none !important;
}
.loyaltypoints_box h5::after {
 	border-bottom: 2px solid #302621;   
}

/* ############
#### T & C ####
############### */
.page_information  h2 {
 	color: #FFFFFF; 
    font-size: 50px;
    line-height: 110%;
}
.page_information h5 {
    font-size: 20px !important;
    line-height: 110%;
}

/* ##############
#### Reviews ####
################ */
.rating-row .lead{
    color: #ede8dc !important;
}

/* ####################
#### Media Queries ####
#################### */
@media screen and (max-width: 480px) { 
    #logo_carousel {
        display: none;
    }
    /* #################
    #### Font Sizes ####
    ################# */
    #mod_postcode_box_pc {
        font-size: 18px;
    }
    .btn {
        font-size: 18px;
    }
    h2 {
    	font-size: 52px;
	} 
    h2 span {
        font-size: 34px;
    }
    h3 {
        font-size: 35px;
	}
    h4 {
        font-size: 24px;
    }
    header li a {
        font-size: 22px;
        text-transform: uppercase;
    }
    header li ul a {
        font-size: 16px;
        text-transform: capitalize;
    }
    .home .mod_postcode_base p {
        font-size: 20px;
    }
    .members .well legend {
        font-size: 32px;
    }
    .members .nav-header {
        font-size: 21px;
    }
    .popover-title {
        font-size: 18px;
    }
    .checkout h4, .checkout h5, .checkout p.lead {
        font-size: 26px;
    }
    .row-product .row-variation .price, .row-product .row-variation td.price, .row-product .row-variation th.price {
        margin-top: 6px;
        font-size: 24px;
    }
    .menu .media-heading .name {
        font-size: 24px;
    }
    #mod_postcode_box_pc {
        width: 214px;
        display: block;
        margin: 0px auto !important;
    }
    #myCarousel .item {
     	height: 550px;   
    }
    .image_ss_line {
     	flex-direction: column;   
    }
    /* #############
    #### Footer ####
    ############# */
    footer .span4.copyright, footer .span4.vendor {
        text-align: center !important;
    }

}
@media screen and (min-width: 480px) { 
    /* #################
    #### Font Sizes ####
    ################# */
    #mod_postcode_box_pc {
        width: 240px;
    }
    .btn {
        font-size: 18px;
    }
    h1 {
        font-size: 52px;
    }
    h2 {
    	font-size: 48px;
	} 
    h2 span {
        font-size: 46px;
    }
    h3 {
    	font-size: 35px;
	}
    h4 {
        font-size: 24px;
    }   
    #myCarousel small {
        font-size: 12px;
    }
    .members .well legend {
        font-size: 32px;
    }
    header li a {
        font-size: 32px;
        text-transform: uppercase;
    }
    header li ul a {
        font-size: 24px;
        line-height: 110% !important;
        text-transform: capitalize;
    }
    .home .mod_postcode_base p {
        font-size: 20px;
    }    
    .members .nav-header {
        font-size: 21px;
    }
    .popover-title {
        font-size: 18px;
    }
    .checkout h4, .checkout h5, .checkout p.lead {
        font-size: 32px;
    }
    .row-product .row-variation .price, .row-product .row-variation td.price, .row-product .row-variation th.price {
        margin-top: 6px;
        font-size: 24px;
    }
    .menu .media-heading .name {
        font-size: 24px;
    }    
    .ui-tabs-vertical .ui-tabs-nav li a  {
        font-size: 20px;
    }
    /* ###############
    #### Homepage ####
    ############### */    
    .mod_postcode_base {
        /*max-width: 350px;*/
    }
    #fs_right_base {
        max-width: 420px;
    }
    #ss_lp_base {
        max-width: 395px;
    }

}
@media (max-width: 767px) {
    .ts_pictures_base img {
        max-width: 400px;
        margin: 0px auto 20px !important;
    }
    .menu-selection .btn {
        max-width: 500px;
        margin: 10px auto;
    }
    .ct_user_status, .ct_local_branch_details {
        justify-content: center !important;
        text-align: center !important;
        margin: 5px auto;
    }
}
@media screen and (min-width: 768px) { 
    /* #################
    #### Font Sizes ####
    ################# */   
    .home p {
        font-size: 24px;
        line-height: normal;
    }
    .home p.small-p {
        font-size: 20px;
    }
    /*h4 {
        font-size: 40px;
    }  */  
    .row-product .row-variation .price, .row-product .row-variation td.price, .row-product .row-variation th.price {
        margin-top: 6px;
        font-size: 20px;
    }
    .modal .well .option-label {
		font-size: 16px;
    }
    .modal .media-heading .name, .modal:not(.information .modal) h5 {
        font-size: 28px !important;
    }
    /* ###############
    #### Homepage ####
    ############### */   
    /*.ct_details_bar_base {
        display: block;
    }*/
    #ss_ot_base {
        max-width: 480px;
	}
    .ss_text_base {
        /*height: 270px;*/
    }
    .ss_image_base {
        height: 720px;
    }
    #carousel_base {
        display: flex;
        flex-direction: row-reverse;
    }
    #home_img, #myCarousel {
        width: 50%;
    }
    #home_img img {
        height: 100%;
        object-fit: cover;
        width: 100%;               
    }
    .mod_postcode_base {
        /*max-width: 760px;*/
    }
    #fs_right_base {
        max-width: 715px;
    }
    #fs_right_base p {
        max-width: 690px;        
    }        
    p.small-p, #ss_lp_base {        
        max-width: 650px;
    }    
    #ss_lp_base p, #fs_right_base p {
    	margin: 40px auto;
    }
    #slickFoodList img {
        width: 90px;
        margin: 0 35px;
    }
    .ts_text_base {
        height: 135px;
        max-width: 585px;        
    }
    .ts_pictures_base > .row-fluid {
        text-align: center;
        display: flex;
        /*justify-content: center;*/
        justify-content: space-evenly;
        padding-bottom: 52px;	
        max-width: 1500px;
        margin: 0px auto;
    }
    .home .image_ss_line h4 {
        font-size: 34px;   
    }
    .ts_text_base {
        padding-bottom: 56px;
        padding-top: 56px;
    }
    .ct_details_bar_base * {
        font-size: 11px;
    }
}
@media screen and (max-width: 768px) {
	footer .span4.copyright, footer .span4.vendor {
        text-align: center !important;
    }
    footer {
        padding: 2em 0;
    }
}
@media screen and (max-width: 979px) {
    .trigger-paymentmethod .btn {
     	width: 100% !important;
        display: block;
    }
}
@media screen and (min-width: 980px) {
    /* #################
    #### Font Sizes ####
    ################# */ 
    #ss_ot_base h2 {
        /*font-size: 38px;*/
    }
    #ss_ot_base h4 {
        font-size: 22px;
    }
    .row-product .row-variation .price, .row-product .row-variation td.price, .row-product .row-variation th.price {
        margin-top: 12px;
        font-size: 28px;
    }
  /* Display None */  
  #close_modal_nav, #logo, #opening-status {
    display: none !important;
  }
    /* Display Block */  
    header .logo {
        display: block;
    }
    #fs {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .fs_right_side, #mod_postcode_section {
        width: 50%;        
    }
	header {
        height: 150px;
        position: relative;   
        padding-bottom: 10px;
    }
    header:after {
        content: '';
        width: 100%;
        height: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        background: #368d4b;
    }
    header .nav.main-menu {
        position: unset;
        height: 100%;
        width: 100%;
        opacity: 1;
        pointer-events: all;
        max-width: 1200px;
        display: flex;
        flex-direction: row;
        margin: 0;
        padding: 0;
        justify-content: space-between;
    	background: #ede8dc;
    }
    header .navbar {
        width: 100%;
    }
    header .navbar-inner {
        padding: 0;
        background: #ede8dc;
    }
    #inner_header {
        justify-content: center !important;
    }
    #fs_right_base {
        max-width: 450px;
    }
    .mod_postcode_box {        
        max-width: /*370px*/ 450px;
        margin: auto;
    }
    #ss {
        display: grid; 
        grid-auto-columns: 1fr; 
        grid-template-columns: 50% 50%; 
        grid-template-rows: auto auto; 
        gap: 0px 0px; 
        grid-template-areas: 
            "one two"
            "three fourth"; 
    }
    .ss_text_base {
        height: auto;
        max-width: 400px;
        margin: auto;
    }
    #ss_lp_base { grid-area: one; max-width: 400px; }
    .baked_pizza { grid-area: two; }
    .panini { grid-area: three; }
    #ss_op { grid-area: fourth; display: flex; }
    #bike {
        position: absolute;
        bottom: 60px;
        right: 40px;
        width: 360px;
    }
    .btn-small {
        padding: 8px 16px;
    }
    .mod_postcode_base {
        /*max-width: 430px;*/
    }
    .ss_text_base {
        /*height: 280px;*/
        height: 220px;
        justify-content: space-evenly;	
    }
    .ct_details_bar_base * {
        font-size: 15px;
    }
}
@media screen and (max-width: 1200px) {
    .menu .ui-widget.ui-tabs-menu {
        margin-bottom: 32px;
    }
}
@media screen and (max-width: 1200px) and (min-width: 980px) {
    .mod_postcode_box .btn {
        width: 240px;
        margin-left: 3px !important;
    }
    header li a {
     	font-size: 22px;   
    }
}
@media screen and (min-width: 1200px) { 
    /* #################
    #### Font Sizes ####
    ################# */   

    .home h2 {
        font-size: 75px;
    }
    .home h2 span {
        font-size: 66px;
    }
    .home .image_ss_line h4 {
     	font-size: 60px;   
    }
    .home #myCarousel h2 {
        font-size: 85px;
        line-height: 85px;        
    }
    .home #myCarousel h2 span {
        font-size: 60px;
    }
    .home #ss_lp_base h2 span,
    .home #fs_right_base h2 span {
        font-size: 65px;
    }
    .home h3 {
        font-size: 50px;
    }
    .mod_postcode_box h2 {
        /*font-size: 58px;*/
    }
    #ss_ot_base h4 {
        font-size: 35px;
    }
    header li a {
    	font-size: 28px;
    }
    #ss_ot_base h2 {
        /*font-size: 68px;*/
    }
    .row-product .row-variation .price, .row-product .row-variation td.price, .row-product .row-variation th.price {
        margin-top: 10px;
        font-size: 22px;
    }
    /* ###############
    #### Homepage ####
    ############### */  
    #logo_carousel {        
        margin: 0px 0 40px;
    }
    header .nav.main-menu {
        max-width: 1300px;
    }
    .mod_input_button_base {
        margin: 32px auto 35px;
    }
    #logo_carousel {
        width: 280px;
    }
    .home #myCarousel .buttons_base,
    #ss .buttons_base,
    #fs_right_base .buttons_base {
        width: 410px;
        flex-direction: row;
    }
    .buttons_base .btn {
     	margin-bottom: 0px;   	
    }
    .carousel-caption {
        max-width: 560px;
    	padding: 32px 0;
    }
    #mod_postcode_section, #myCarousel  {
        width: 40%;
    }
     #home_img, .fs_right_side  {
        width: 60%;
    }
    #carousel_base {
        max-height: 770px;
    }
    #fs_right_base {
        max-width: 590px;
        padding: 78px 0;
    }
    .mod_postcode_box {
        max-width: unset;
    }
    #ss_lp_base {
        max-width: 570px;
    }
    #ss_ot_base {
    	max-width: 680px;
	}
    .ss_text_base {    
        max-width: 520px;        
    }
 	.ts_text_base {
        padding-bottom: 88px;	
    }
    .btn-small {
        padding: 6px 10px;
    }
    .carousel-control.left {
        right: 50px;   
        transform: none;
        left: auto;
    }
    .carousel-control.right {
        right: 0px;  
        transform: none;
    }
    #slickFoodList h4 {
        font-size: 42px;
    }
    .ct_details_bar_base * {
        font-size: 18px;
    }
}
@media screen and (min-width: 1350px) {
    .home .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer .container, .ct_details_bar_base .container {
        max-width: /*1290px;*/ 1600px;
        widtH: 100%;
    }
    .home #myCarousel h2 {
        font-size: 110px;
        line-height: 85px;        
    }
    .home #myCarousel h2 span {
        font-size: 70px;
    }
}
@media screen and (min-width: 1600px) {
    .ss_image_base {
        height: 750px;
    }
    /*.mod_postcode_base {
	    height: 310px;
        display: flex;
        max-width: unset;
        flex-direction: column;
        justify-content: space-between;	        
    }*/
    #fs_right_base {
        max-width: 930px;
        padding: 78px 0;
    }    
    .carousel-control.left {
        right: 150px;   
    }
    .carousel-control.right {
        right: 100px;   
    }
}
@media screen and (min-width: 2000px) {
    #home_section {
        max-width: 2000px;
        margin: auto;
    	box-shadow: 0px 0px 10px 0px #000;
    }
}

@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    @media (max-width: 480px) {
        #myCarousel .item {
            height: 600px;
        }   
        .home h2 {
         	line-height: 50px !important;   
        }
    }
}
.mod_input_button_base p {
    display: none;
}