@import url(https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed);

body .visible-nottingham { display:none !important; } 
body .hidden-nottingham { display:inherit !important; } 
body.shop_nottingham .hidden-nottingham { display:none !important; }
body.shop_nottingham .visible-nottingham { 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: #000000;
}
h1 {
	font-family: 'Barlow Semi Condensed';
}
h2 {
}
h3 {
}
h4 {
}
body {

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

	background-repeat: repeat;
}

header, #mobile-header {

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

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

/* Display None */
#ct_base, #opening-status, 
.carousel-inner>.item>img, .carousel-inner>.item>a>img,
.carousel-caption h4, .carousel-indicators, 
.homepage_image, #fourth_section .span6, 
#fifth_section, #sixth_section, .home-about, 
.mod_postcode_box, #body-bottom-hr {
    display: none;
}

/*COLLECTION & DELIVERY BANNERS*/
.menu-container-home-delivery, .orderfor-home-delivery {
    .collection-discount {
    display: none;
    }
}

.menu-container-collection, .orderfor-collection {
    .delivery-discount {
    display: none;
    }
}


/* Fonts */

*,
input,
select,
textarea,
.btn,
#menu-search-box, #opening-status
{
 	font-family: "century-gothic", sans-serif;
    text-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
header .main-menu li > a,
#postcode_base button.btn span,
h2 span, .members legend, .members .nav-header, .well-login .lead,
.review-order legend, .menu .navbar .brand, .menu .media-heading .name,
.ui-tabs-vertical .ui-tabs-nav li a span, #productModalPrice,
.modal .option-label, .modal .control-label strong, .sys-message span, #productSpecialDealPrice
{
  font-family: "barricada-pro";
  line-height: 1.1;
  font-weight: 100 !important;
}

.primary_text {
color: #ff1b27;
}

/* Buttons */
.btn, .members .section-opening-times .dropdown-toggle, .members .section-my-profile .dropdown-toggle {
	border-radius: 0;
    border: 4px solid black;
    box-shadow: none;
    background: none;
    font-size: 14px;
    padding: 5px 12px 5px;     
    text-shadow: none;   
    transition: .2s;
}

.members .section-opening-times .dropdown-toggle, .members .section-my-profile .dropdown-toggle {
	background: #4e4e4e !important;
    color: white;
    padding: 6px 8px 6px;    
    border: none;
}

.members .dropdown-toggle .caret {
    border-top: 4px solid #fff;
}

#postcode_base .dropdown-toggle {
border: none;
}

.btn-left {
    border-bottom-left-radius: 16px;
}

.btn-right {
    border-bottom-right-radius: 16px;
}

.btn:hover,
.btn:focus {
    transition: .2s;
}

.btn-success,
.label-success,
#editProductModal .btn-group > .dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-success {
    background: #0c9512;
    border-color: #0c9512;
}

.btn-success:hover,
.btn-success:focus,
#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: #007605;
    border-color: #007605;
}

.btn-warning,
.label-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: #ffd400;
    border-color: #ffd400;
    color: black;
}

.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: #ffb000;
    border-color: #ffb000;
}

.btn-danger,
.label-danger,
#editProductModal .btn-group > .dropdown-toggle.btn-danger,
#editSpecialDealModal.btn-group > .dropdown-toggle.btn-danger
{
    background: #ff1b27;
    border-color: #ff1b27;
}

.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: #c1040e;
    border-color: #c1040e;
}

.btn-info,
.label-info,
#editProductModal fieldset .btn-group > .dropdown-toggle.btn-info,
#editSpecialDealModal fieldset .btn-group > .dropdown-toggle.btn-info 
{
    background: #1b76ff;
    border-color: #1b76ff;
}

.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: #0061f3;
    border-color: #0061f3;
}

.btn-inverse {
    background: black;    
}

.btn-inverse:hover,
.btn-inverse:focus {
    background: #3a3a3a;
    border-color: #3a3a3a;
}

.btn-primary {
    background: none;    
    border-color: none;
    color: black;
}

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

.order-checkout,
.order-checkout:focus,
.order-checkout:hover
{
    border-bottom-right-radius: 24px !important;
}

.well .btn:last-child:not(.home .btn, .menu .btn, .well-basket .btn-tiny),
.radio.inline:last-child,
.checkbox.inline:last-child,
.well .btn:last-child:not(.home .btn, .menu .btn, .well-basket .btn-tiny):hover,
.well .btn:last-child:not(.home .btn, .menu .btn, .well-basket .btn-tiny):focus,
.radio.inline:last-child:hover,
.radio.inline:last-child:focus,
.checkbox.inline:last-child:focus,
.checkbox.inline:last-child:hover,
.nomarginleft.checkbox.inline.btn:nth-child(2),
.nomarginleft.checkbox.inline.btn:nth-child(2):hover,
.nomarginleft.checkbox.inline.btn:nth-child(2):focus,
.nomarginleft.checkbox.inline.btn:last-child,
.nomarginleft.checkbox.inline.btn:last-child:hover,
.nomarginleft.checkbox.inline.btn:last-child:focus
{
     border-bottom-right-radius: 14px !important;
}

.members nobr form:first-child button.btn.btn-warning.btn-small,
.radio.inline:first-child,
.checkbox.inline:first-child,
.members nobr form:first-child button.btn.btn-warning.btn-small:focus,
.radio.inline:first-child:focus,
.checkbox.inline:first-child:focus,
.members nobr form:first-child button.btn.btn-warning.btn-small:hover,
.radio.inline:first-child:hover,
.checkbox.inline:first-child:hover
{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 14px !important;
}

/* Background Colors */
#postcode_base, #fourth_section .span8, .popover-title, .contact-us .ui-widget>.ui-widget-header, .members .sidebar-nav .nav-list .active a,
.members .sidebar-nav .nav-list a:hover, .members .sidebar-nav .nav-list a:focus, .members .hero-unit, .dropdown-menu a:focus, .dropdown-menu a:hover,
.dropdown-menu li:focus, .dropdown-menu li:hover, #basket-container, table thead.ui-widget-header tr th,
.table-bordered th, .menu .navbar-affix-container .navbar-inner, .ui-tabs-vertical .ui-tabs-nav li.ui-state-active, .ui-tabs-vertical .ui-tabs-nav li:hover,
.ui-tabs-vertical .ui-tabs-nav li:focus, .modal-header, .sys-message.well, .alert.lead, .ui-dialog-titlebar.ui-widget-header, div.well.loyaltypoints_box
{
    background: #ff1b27;
    background-color: #ff1b27 !important;
}

.well-basket {
    background: #58080c !important;
    background-color: #58080c !important;
}
.sys-message.well {
    background: #ff626a !important;
}
#third_section .container > .row-fluid > article, footer, #zp-offcanvas-menu .uk-offcanvas-bar, .page-review-order, .page-review-order,
.menu .ui-widget, .box-delivery-information td, #tbl_all_orders td, .loyaltypoints_box .ui-widget-header:not(.col-equals .ui-widget-header)
{
    background: black !important;    
}

.table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th,
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th,
.loyaltypoints_box .row-credits .col-equals div
{
    background: none;
}

.ui-tabs-vertical .ui-tabs-nav li {
    background: white !important;
}

/* Fonts Colors */

header .navbar-inner li.active > a, .well a:not(.well .btn, .uk-close, .hero-unit a),
.carousel-caption h2, #welcome_happy > div > h2,
.checkout_title, .well em, .menu .menu-title, .page-header h1,
.contact-us h1, .members legend, header .navbar-inner li a:hover, header .navbar-inner li a:focus,
.menu-selection h1, footer a, .marginbottom15 small a  {
    color: #ff1b27 !important;
}

header .navbar-inner li a,
.carousel-caption p, #ct_base a:hover, #ct_base a:focus, .popover-content, .gm-style .gm-style-iw-d,
.menu .menu-selection .alert h3, .well-basket .text-error,.ui-tabs-vertical .ui-tabs-nav li a:focus, .menu .product-container-panel .ui-widget h3,
.loyaltypoints_box .row-credits .well.lead.well-small, .well .trigger-paymentmethod .btn:not(.well .trigger-paymentmethod .btn.active):hover
{
    color: black !important;
}

#postcode_base > div *:not(#postcode_base .input-append input,#postcode_base .input-append a), #fourth_section .span8 > div, .popover-title,
.contact-us .ui-widget>.ui-widget-header, .contact-us .ui-widget>.ui-widget-content a, .members .nav-header, .members .sidebar-nav .nav-list a,
.members .hero-unit a, .dropdown-menu a, header .navbar-inner .dropdown-menu a:hover, header .navbar-inner .dropdown-menu a:focus,
table thead.ui-widget-header tr th, .table-bordered th, footer .span4.copyright small, .page-review-order, .rating-row .lead, .review-order legend,
.rating-row td, .rating-row th, .page-review-order, .menu .navbar .brand, .menu .ui-widget-content .ui-tabs-panel, .ui-tabs-vertical .ui-tabs-nav li.ui-state-active a, .ui-tabs-vertical .ui-tabs-nav li a:hover, .modal-header h3, .checkout .well-basket .muted, .sys-message.well, .alert.lead, .ui-widget>.ui-widget-header, .uk-close, .loyaltypoints_box .ui-widget-header, .well .trigger-paymentmethod .btn:not(.well .trigger-paymentmethod .btn.active)
{
	color: white !important;
}

.carousel-caption p small {
    opacity:.4;
}
.carousel-caption p {
margin-bottom: 0;
}

.text-error {
    color: #ff1b27;
}

.text-success {
    color: #0c9512;
}

.text-warning, .loyalty-card>div .loyalty-value {
    color: #eda400;
}

.text-info {
    color: #1b76ff;
}

/* Ripped off from bootstrap */
.navbar .btn, .navbar .btn-group {
    margin-top: 0;
}

/* Labels */

.label {
    padding: 5px;
    text-shadow: none;
    border-radius: 0;
}

.label-default {
    background: white;
    color: black;    
}

/* Modals */

.modal-header {
    padding: 12px 15px 9px;
}
.modal-footer h3 {
position: relative;
    top: 5px;
}

.modal .well, .modal .btn {
    box-shadow: none !important;
    border-radius: 0 !important;
}

.modal .well .caret {
    margin-top: 6px;
}

.modal-body .type-choose-one .dropdown-toggle { 
    padding: 5px 8px 3px;
}

/* Alerts and sys-messages */

.sys-message {
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: 12px 40px;    
}

.alert
{
    margin: 0 !important;
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.alert-success {
    color: #0c9512;
    background-color: #9effa2;
}

.alert-info {
    color: #0c4995;
    background-color: #9eefff;
}

.alert-warning {
    background-color: #ffff9e;
    color:#95910c;
}

.alert-danger, .alert-error {
    background-color: #ff9e9e;
    color: #bd0300;
}

/* Global */

body, html {
    background-color: unset;
}

input:not(input.btn), select, textarea {
    border-radius: 0 !important;
    border: none !important;
    box-shadow: none !important;
    background: #4e4e4e !important;
    color: white !important;    
}

.dropdown-menu {
    background: #4e4e4e;
    border-radius: 0;
}

.dropdown-menu a,
.dropdown-menu a:hover,
.dropdown-menu a:focus {
    background-image: none !important;
}

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

#contact_map_canvas,
#customer_map_canvas {
    border-bottom-right-radius: 28px;
    border: none;
}

#ctl-lookupAddress, .members #ctl-forgotPassword, .voucher_box .btn {
    margin-left: 0px;
    padding: 2px 10px 0px 6px;
    border-radius: 0;
    font-size: 14px;
    border-bottom-right-radius: 16px !important;
}

#ct_base * {
    color: white;
    font-weight: 100;
    font-style: normal;
    transition: .2s;
}
#ct_base a {
    text-decoration: underline;    
}

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

.blockUI.blockMsg.blockPage,
.blockUI.blockOverlay
{
 	/*z-index: 10000000000 !important;   */
}

.alert-restriction-info {
    margin-bottom: 20px !important;
}

header .navbar-inner li.active a,
header .navbar-inner li a:hover,
header .navbar-inner li a:focus,
header .navbar-inner li a,
.carousel-caption {
    background: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border: none !important;
}

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

.well {
    background-color: black;
    border: none;
    border-radius: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    border-bottom-right-radius: 34px;
    color: white;
    box-shadow: 0px 0px 6px 0px black;
}

.well .trigger-paymentmethod .btn {
    padding-top: 2em;
}
.popover-title {
    font-size: 16px !important;
    padding-bottom: 4px;
    letter-spacing: 1px;
    line-height: normal !important;
}

.ui-widget>.ui-widget-header {
    padding: 4px 8px 4px;
}   

/* Tables */

#tbl_opening_time_overrides th, 
#tbl_opening_time_overrides td {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

/* Header */

header .navbar-inner {
    padding: 0;
    background: none;
    box-shadow: none;
    border: none;
}
header .navbar-inner li a {
    text-align: center;
    font-size: 24px;   
    transition: .2s;
}
header .navbar-inner li a img {
    transition: .2s;
}
header .navbar-inner li a img:hover,
header .navbar-inner li a img:focus {
    transform: translateY(-5px);    
}
header .navbar-inner li .dropdown-menu a {
    font-size: 18px;
    letter-spacing: 1px;
    padding-bottom: 7px;
    padding-top: 11px;
}
header .dropdown-menu {
padding: 0;
}
header .navbar .btn-navbar .icon-bar {
    width: 26px;
    height: 6px;
    background-color: #000000;        
    border-radius: 100px;
    box-shadow: none;
}
header .social-button {
    display: flex;
    align-items: center;
    justify-content: center;
}
header .navbar .btn:not(header .btn-navbar) {
    margin: 0;
}
header .navbar .btn-navbar {
    margin-right: 24px;
    background: none;
    border: none;
}
header .navbar .btn-navbar:focus,
header .navbar .btn-navbar:hover {
    background: none;
    border: none;
}
#logo {
    max-width: 100px;
}
.logo_and_btn-navbar {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

/* Homepage */

#myCarousel {
    position: relative;
    z-index: 1;
}
.homepage_image {
    z-index: 0;
}
.carousel-caption {
    position: unset;
    padding: 0;
    max-width: 280px;
    margin: auto;
    text-align: center;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.carousel-caption .row_buttons {
    margin: 0px auto 10px;
}

.row_buttons {    
    display: flex;
    max-width: 215px;
    width: 100%;
    justify-content: space-between;
}

#fifth_section .row_buttons {
    max-width: 450px;
}

.carousel-caption h2 {
margin: 0;
}

#postcode_base .input-append {
    margin: 12px 0 0px;
    height: 40px;
    width: 360px;
}
#mod_postcode_box_pc {
    height: 100%;
    padding: 0;
    text-align: center;
    width: 70%;
    background: white !important;
    color: black !important;
}
#postcode_base .btn-group,
#postcode_base .btn
{
    height: 100%;
    border-radius: 0;
    border-bottom-right-radius: 30px;
}

#postcode_base .btn {
    padding-right: 16px;
    padding-top: 7px;
    padding-bottom: 3px;
}

#postcode_base > div {
	max-width: 360px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0 38px;
    text-align: center;
    margin: auto;
    height: 240px;
    justify-content: space-between;
}

#welcome_happy > div {
    height: 265px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    max-width: 360px;
    margin: auto;
    padding: 18px 0 40px;
}

#third_section .container > .row-fluid {
    text-align: center;
}

#third_section .container > .row-fluid > article {
    margin-bottom: 32px;    
    border-bottom-right-radius: 80px;
}

#third_section .container > .row-fluid > article > div {
    color: white;
    padding-bottom: 20px;
    max-width: 280px;
    margin: auto;
}

#third_section .container > .row-fluid > article > div > p {
    margin: 10px 0 10px;
}

#fourth_section .span8 > div {
    height: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    max-width: 310px;
    margin: auto;
    padding: 10px 0 30px;
}
.carousel-control {
    background: none;
    border: none;
    opacity: .8;
}
/* Members Page */

.members legend, .members legend {    
    padding: 4px 0 18px 18px;
    font-size: 28px;
}

.members #frmRegister legend, .members #frmLogin legend {
    text-align: center;
    padding: 4px 0 18px;
    font-size: 28px;
}
.members .nav-header {
    font-size: 16px;
    text-shadow: none;
    padding-bottom: 8px;
}

.members .hero-unit a {
    text-decoration: underline;
}

.radio.inline, .checkbox.inline {
	padding: 8px;
    background: #ff1b27;
    color: white;
    border: none;
    border-radius: 0 !important;
    margin: 0 8px;
}

.members h1 {
    margin-bottom: 24px;
}

/* Menu Page */
.menu .menu-title {        
    letter-spacing: 2px;
    margin-bottom: 21px;
}
.navbar-affix-container {
    height: auto !important;    
    z-index: 2;    
}
.uk-close {
    opacity: 1;
}
.navbar_top_menu {
    padding: 12px 0 12px;
    align-items: center;
}
.menu .navbar .brand {
    letter-spacing: 1px;
    text-shadow: none;    
    font-size: 32px;
}
.menu .navbar-affix-container .navbar-inner {
    border-radius: 0;    
}
.menu .ui-widget-content, .navbar-affix-container .navbar-inner {
    border: none;
}
.menu .media-heading .name {
    letter-spacing: 1px;
}
.menu .row-product .price {
    font-size: 18px;
    letter-spacing: 1px;
    margin-top: 9px;
}
.ui-tabs-vertical .ui-tabs-nav li {    
    margin: 0px !important;
    margin-top: 2px !important;
    transition: .2s;    
}
.ui-tabs-vertical .ui-tabs-nav li a {    
    padding: 14px 14px !important;    
}
.ui-tabs-vertical .ui-tabs-nav li a span {
    letter-spacing: 1px;
    font-size: 16px;
}
.menu .ui-widget, .website-image img {
    box-shadow: 0px 0px 6px 0px black;
    border-radius: 0 0 24px 0;
}

.menu .ui-tabs-vertical .ui-tabs-panel .row-variation .name {
    text-align: left;
    font-size: 16px;
    margin-top: 10px;
}

.menu .product-container-panel .ui-widget h3 {
    border: none;
    letter-spacing: 1px;
    padding: 10px 16px 16px;
    background: white;
    margin-bottom: 12px;
}
#navbar-search-menu h2 {
    font-size: 32px !important;
    max-width: 300px;
}
#menu-search-box {
    width: 215px;
    margin: 10px 0 0px;
}
div.growlUI h1, div.growlUI h2 {
    font-size: 14px !important;
    letter-spacing: 1px;
}
#mobile_food_menu_nav .btn {
    border-color: #ff1b27;
}
/* Menu Selection Page */
.menu-selection h1 {
    margin: 18px 0 0;   
}
.menu .menu-selection .alert {
    margin: 12px 0 26px !important;
}

/* Checkout Page */
.checkout_title {
    text-align: center;
    margin-bottom: 28px;
    margin-top: 18px;
}
.checkout h5, .checkout h4, .well-login .lead {
    text-align: center;
}
.checkout h5:after, .checkout h4:after, .well-login .lead:after {
    border-bottom: 2px solid white;
    padding: 6px 0 10px;
}
.loyaltypoints_box .row-credits .well {
    border: none !important;
    border-radius: 0;
    box-shadow: none;
}

.loyaltypoints_box .ui-widget-header {
    padding: 8px;
    margin-top: 12px;
    border: none;
}
.checkout .ctl-redeempoints {
    margin-bottom: 14px;
}
/* Error 404 Page */
.rating-row .lead {
    color: white;
}

/* Review Page */    
.page-review-order {
    box-shadow: 0px 0px 8px 0px black;
    padding-top: 4px !important;
}
.review-order legend {
    padding: 16px 0;
    font-size: 24px;
}

/* Information Page */
.page-header h1 {
    text-align: center;
    padding-bottom: 18px;
}

.information .table th, .information .table td {
    background: #fff!important;
}

/* Footer */
footer {
    padding: 32px 0;
    color: white;
}
footer:not(.home footer) {
    margin-top: 80px;
}

/* Contact Us Page */
.contact-us h1 {
    text-align: center;
    margin-bottom: 28px;
}
.contact-us .ui-widget>.ui-widget-content {
    background: black;
    color: white;
    box-shadow: 0px 0px 4px 0px black;
    border-bottom-right-radius: 28px;
    border: none;
}
.contact-us .ui-widget>.ui-widget-header {
    text-align: center;
    font-size: 24px;
    border-radius: 0;
    border: none;    
    padding: 14px 0 11px;
    z-index: 9;
    position: relative;
}

/* Animations */

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes breathing {
  0% { transform: scale(1); }
  25% { transform: scale(1.1); }
  60% { transform: scale(0.95); }
  100% { transform: scale(1); }
}

/* Media Queries */
@supports (-webkit-touch-callout: none) {
  	/* CSS specific to iOS devices */
    #ct_base * {
        font-size: 10px;
    }
    .popover-title {
        padding-bottom: 4px; 
        line-height: normal;
    }
    .navbar_top_menu {
        padding: 12px 0 10px;
        align-items: center;
    }
    .menu .product-container-panel .ui-widget h3 {    
        padding: 16px 16px 14px;    
    }
    .sys-message {
        padding: 12px 40px 8px;
    }
    #ctl-lookupAddress, .members #ctl-forgotPassword, .voucher_box .btn {
        padding: 0px 10px 2px 6px;
    }
}
@supports (-webkit-touch-callout: none) and (min-width: 768px) {
  	/* CSS specific to iOS devices */
    #ct_base * {
        font-size: 10px;
    }
}
@supports (-webkit-touch-callout: none) and (min-width: 980px) {
  	/* CSS specific to iOS devices */
	header .navbar-inner li a:not(header .navbar-inner li.social-button a) {
        padding-top: 21px !important;        
        padding-bottom: 12px;        
    }
}
@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */
}

/* Max 480px */
@media (max-width: 480px) {
    h1 {
            font-size: 45px !important;
    }
    h2 {
            font-size: 40px !important;
    }
    h3 {
            font-size: 32px !important;
    }
    h4 {
            font-size: 20px !important;
    }
    h5 {
            font-size: 20px !important;
    }
    /* Error 404 Page */
    .error-404 #body > .alert  {
        height: 440px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: left !important;
        padding: 0;
                justify-content: center;
        align-items: center;
    }
}

/* From 480px to 768px */
@media (min-width: 480px) and (max-width: 767px) {
  /* Display None */

  /* Fonts */

  /* Buttons */
  .btn {
  }

  .btn:hover,
  .btn:focus {
  }

  .btn-success {
  }

  .btn-success:hover,
  .btn-success:focus {
  }

  .btn-warning {
  }

  .btn-warning:hover,
  .btn-warning:focus {
  }

  .btn-danger {
  }

  .btn-danger:hover,
  .btn-danger:focus {
  }

  .btn-info {
  }

  .btn-info:hover,
  .btn-info:focus {
  }

  .btn-inverse {
  }

  .btn-inverse:hover,
  .btn-inverse:focus {
  }


  /* Fonts Colors */

  /* Global */

  /* Header */

  /* Homepage */
    #third_section .container > .row-fluid > article {
        max-width: 340px;
        margin: 0 auto 32px;
    }
  /* Members Page */

  /* Menu Page */

  /* Menu Selection Page */

  /* Checkout Page */

  /* Error 404 Page */

  /* Review Page */

  /* Information Page */

  /* Media Queries */
}

/* From 480px */
@media (min-width: 480px) {
	.error-404 #body > .alert {
        margin-top: 32px;
        height: 380px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-align: left !important;
        padding: 0;
                justify-content: center;
        align-items: center;
    }    
    /* Fonts Sizes */
    h1 {
            font-size: 60px !important;
    }
    h2 {
            font-size: 40px !important;
    }
    h3 {
            font-size: 24px !important;
    }
    h4 {
            font-size: 20px !important;
    }
    h5 {
            font-size: 20px !important;
    }
}

/* From 768px */
@media (min-width: 768px) {   
  /* Homepage */
    #postcode_base .input-append {
        width: 260px;
    }
    #fourth_section > img {
        z-index: -2;
    }
    #fourth_section {
        display: flex;
        position: relative;
    	padding: 2em 0px 10em;
    }
    #fourth_section .span8 > div {
    	height: 280px;
        text-align: left;
        align-items: flex-start;
        max-width: 360px;
        padding: 32px 0 54px;
    }
    #postcode_base, #fourth_section .span8, #fourth_section > img {
        border-bottom-right-radius: 80px;
    }
    #postcode_base > div {
        padding: 5px 0 25px;
    }
    #sixth_section {
        display: flex;
        padding-top: 5em;
    }    
    #sixth_section > img {
        width: 100%;
    }
  /* Members Page */
	.members #body, .members #body .container-fluid, .review-order #body {
        padding: 16px 0 0 !important;    
    }
  /* Menu Page */
    .menu .row-product .price {
        margin-top: 11px;
        font-size: 20px;
    } 
  /* Error 404 Page */
    .error-404 #body > .alert {
        height: 345px;
    }
    /* Footer */
	footer .span4.copyright {
            text-align: left !important;
    }
}

@media (max-width: 979px) {
    .carousel-caption .row_buttons {
    justify-content: center;
    }
    #postcode_base .btn {
    padding-top: 2px;
    }
    .nav-collapse, .nav-collapse.collapse {
    height: auto;
    }
}

/* From 768px to 980px */
@media (min-width: 768px) and (max-width: 979px) {
  /* Display Block */
    .homepage_image {
        display: block;
    }
  /* Display None */

  /* Fonts */

  /* Buttons */
  .btn {
  }

  .btn:hover,
  .btn:focus {
  }

  .btn-success {
  }

  .btn-success:hover,
  .btn-success:focus {
  }

  .btn-warning {
  }

  .btn-warning:hover,
  .btn-warning:focus {
  }

  .btn-danger {
  }

  .btn-danger:hover,
  .btn-danger:focus {
  }

  .btn-info {
  }

  .btn-info:hover,
  .btn-info:focus {
  }

  .btn-inverse {
  }
	
  .btn-inverse:hover,
  .btn-inverse:focus {
  }
  /* Fonts Sizes */


  /* Fonts Colors */

  /* Global */
	
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
		width: 768px;
    }
  /* Header */
    header .navbar-inner li a {
        font-size: 18px;
    }

  /* Homepage */
    #postcode_base > div {
        max-width: 325px;
        height: 220px;
    }
    #third_section .container > .row-fluid > article > div > p {
        margin: 6px 0 12px;
    }
    #welcome_happy > div {
        padding: 40px 0 50px;
        height: 330px;
        max-width: 360px;
    }
    .homepage_image {
 	   margin: 0;
       height: 350px;
    }
    .homepage_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }        
    .carousel-caption {
        height: 350px;
    }
    #third_section .container > .row-fluid > article > div {
        max-width: 200px;
        padding: 8px 0 32px;
    }
    #fourth_section > img {
        position: absolute;
        right: 0;
        bottom: 0;
        height: 370px;
        width: 480px;
        object-fit: cover;
    }    
    #myCarousel {
        margin-bottom: 50px;
    }


  /* Members Page */

  /* Menu Page */

  /* Menu Selection Page */

  /* Checkout Page */

  /* Error 404 Page */

  /* Review Page */

  /* Information Page */

  /* Media Queries */
}

/* Max 768px */
@media (max-width: 768px) {
    footer .span4.copyright, footer .span4.vendor {
        text-align: center !important;
    }
}

/* From 980px */
@media (min-width: 980px) {
    	/* Display Flex */
    	header .navbar-inner > .container, header .nav-collapse, header .navbar .nav>li, .homepage_image, #ct_base,
    	#fifth_section
    	{
            display: flex;
        }   
    	
    /* Display Block */
      /* Display None */

      /* Fonts */

      /* Buttons */

      .btn:hover,
      .btn:focus {
      }

      .btn-success {
      }

      .btn-success:hover,
      .btn-success:focus {
      }

      .btn-warning {
      }

      .btn-warning:hover,
      .btn-warning:focus {
      }

      .btn-danger {
      }

      .btn-danger:hover,
      .btn-danger:focus {
      }

      .btn-info {
      }

      .btn-info:hover,
      .btn-info:focus {
      }

      .btn-inverse {
      }

      .btn-inverse:hover,
      .btn-inverse:focus {
      }
      /* Fonts Sizes */
      h1 {
      }

      h2 {
      }

      h3 {
      }

      h4 {
      }

      h5 {
      }

      /* Fonts Colors */

      /* Global */
		#ctl-lookupAddress, .members #ctl-forgotPassword, .voucher_box .btn
     {
         padding: 2px 10px 0px 6px;
     }
    	
      /* Header */
    #opening-status {
        display: flex;
        position: absolute;
        bottom: -42px;
        right: 0;
        background: #ff1b27;
        text-transform: lowercase;
        color: white !important;
        border-bottom-right-radius: 16px;
        border-bottom-left-radius: 16px;
        padding-bottom: 12px;
	}
    .menu #opening-status {
        max-width: 175px;
        align-items: center;
        justify-content: center;
        padding-bottom: 6px;
        padding-top: 4px;
                padding-left: 5px;
        padding-right: 5px;
        bottom: -32px;
            font-size: 20px;
    }
    #opening-status.status-OPEN {
        background: #0c9512;
    }
    	header {
            background: black;
            justify-content: center;
            position: relative;
            z-index: 1000;
        }       
    	header:not(.home header) {
            margin-bottom: 74px;
        }

    	header .navbar-inner > .container {
            position: relative;
        }
    	header .navbar .nav>li {            
            align-items: center;
        }
        header .navbar {
            margin: 0 !important;
        }
        header .nav-collapse {
            justify-content: flex-end;
            width: 100%;
            padding: 15px 0px 5px;
        }
    	header .btn-facebook {
            padding-left: 0 !important;
            padding-right: 0 !important;
        } 
    	header .navbar-inner li a {
            color: white !important;
        }
        #logo {
            max-width: 200px;
        }
		#ct_base {
            background: #ff1b27;
        }
    	.logo_and_btn-navbar {
            left: 0;
            position: absolute;
            max-width: 120px;
        }
    	.social-button a {
            padding-top: 15px !important;
        }
      /* Homepage */
        #postcode_base .input-append {
            width: 370px;
        }
    	.carousel-caption .row_buttons {
            margin-left: 0;
        }
        #myCarousel, .ct_user_status, .ct_local_branch_details {
			display: flex !important;
    		align-items: center;
        }
        .ct_local_branch_details {
            justify-content: flex-end;
        }
    	#second_section {
            padding: 0 0 0;
            position: relative;
            top: -40px;
        }
        .carousel-caption {
            align-items: flex-start;
            text-align: left;
            margin-left: 0;
        }
    	#carousel_base {
            padding: 65px 0 65px;
            position: relative;
        }
     	.homepage_image {
            position: absolute;
            right: 0;            
            top: 0;
            height: 100%;
            justify-content: flex-end;
            z-index: 2;
            width: 62vw;
        }            
        .homepage_image > img  {
            border-bottom-right-radius: 300px;
    		object-fit: cover;
            width: 100%;
        }
    	#fourth_section > .container {
            position: relative;
            z-index: 2;
        }
    	#fourth_section .span8 > div {
            max-width: 380px;
            height: 310px;
        }
        #welcome_happy {          
    		padding-top: 60px;
        }
    	#welcome_happy > div {
            max-width: 390px;
        }
        #fourth_section .span8 > div {
            max-width: 450px;
        	height: 310px;
        	padding: 42px 0 64px;
    	}
		#home_container {
            position: relative;
            z-index: 2;
        }
        #third_section .container > .row-fluid > article {
            position: relative;
    		padding-top: 15.2em;
        }
    	#third_section .container > .row-fluid > article > img {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
        }
        #third_section .container > .row-fluid > article > div {
            text-align: left;
            padding: 0px 24px 26px;
            position: relative;
            z-index: 1;
        }
        #fifth_section {
            align-items: center;
        	padding-top: 5em;
        	justify-content: center;
        }
		#third_section .container > .row-fluid > article:nth-child(2) {
            margin-top: 6em;
        }
    	#third_section .container > .row-fluid > article:nth-child(3) {
            margin-top: 12em;
        }
        #fourth_section > img {
            position: absolute;
            right: 0;
            bottom: 0;
            height: 450px;
            width: 580px;
            object-fit: cover;
        }
        .carousel-control {
            bottom: 0;
            top: unset;
            left: 25%;
        }
        .carousel-control.right {
            left: 28%;
        }
        #postcode_base > div {
            padding: 40px 0 50px;
        }
      /* Members Page */

      /* Menu Page */
        .menu .row-product .price {
            margin-top: 11px;
            font-size: 21px;
        }
      /* Menu Selection Page */

      /* Checkout Page */

      /* Error 404 Page */
        .error-404 #body > .alert {
    		height: 320px;
        }
      /* Review Page */

      /* Information Page */

      /* Media Queries */
}

/* From 980px to 1200px */
@media (min-width: 980px) and (max-width: 1200px) {
  /* Display None */

  /* Fonts */

  /* Buttons */
  .btn {
  }

  .btn:hover,
  .btn:focus {
  }

  .btn-success {
  }

  .btn-success:hover,
  .btn-success:focus {
  }

  .btn-warning {
  }

  .btn-warning:hover,
  .btn-warning:focus {
  }

  .btn-danger {
  }

  .btn-danger:hover,
  .btn-danger:focus {
  }

  .btn-info {
  }

  .btn-info:hover,
  .btn-info:focus {
  }

  .btn-inverse {
  }

  .btn-inverse:hover,
  .btn-inverse:focus {
  }
  /* Fonts Sizes */
  h1 {
  }

  h2 {
  }

  h3 {
  }

  h4 {
  }

  h5 {
  }

  /* Fonts Colors */

  /* Global */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    	width: 940px !important;
	}
  /* Header */

    header .navbar-inner li a {
        font-size: 18px;
    }
    header .social-button>a>img {
        width: 30px;
    }
    #fourth_section {
        padding: 2em 0 12em;
    }        

  /* Homepage */
    #fifth_section .row_buttons {
        max-width: 330px;
    }

  /* Members Page */

  /* Menu Page */

  /* Menu Selection Page */

  /* Checkout Page */

  /* Error 404 Page */

  /* Review Page */

  /* Information Page */

  /* Media Queries */
}

/* Max 1200px */
@media (max-width: 1201px) {    
    .menu .ui-widget.ui-tabs-menu {
        margin-bottom: 32px;
    }
}

/* Min 1200px */
@media (min-width: 1201px) {
  /* Buttons */
    .btn {     
        padding: 5px 10px 4px;
    }
    .home .btn {    
        font-size: 18px;
        padding: 12px 26px 13px;
    }

  /* Fonts Sizes */
    h2 {
        font-size: 62px !important;
    }
    .information h2 {
        font-size: 42px !important;
    }

    .home h3 {
        font-size: 36px !important;
        margin-bottom: 0;
    }

    h5 {
        font-size: 26px !important;
    }
    .checkout h4, .checkout h5, .well-login .lead {
        font-size: 26px !important;
    }
    .home p {
        font-size: 18px;
    }
    p {
        font-size: 14px;
    }
  /* Fonts Colors */

  /* Global */
	.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1170px !important;
    }
    	
  /* Header */
    header {
        height: 110px;
    }
    header .navbar, header .navbar-inner, header .navbar-inner > .container {
        height: 100%;
        display: flex;
        align-items: center;
    }    
    header .btn-instagram {
        padding-right: 0 !important;
    }
    .logo_and_btn-navbar {
        top: 0;
    	max-width: 200px;
    }
    #ct_base * {
        font-size: 14px;
    }
    .ct_details_bar {
        padding: 6px 0;
    }
  /* Homepage */
    #postcode_base .input-append {
        margin: 0px;
        height: 65px;
        width: 460px;
    }
    #postcode_base .btn-group, #postcode_base .btn {
        height: 100%;
        padding-right: 16px;
    }
    #postcode_base .btn .caret {
        margin-top: 10px;
        margin-left: 6px;
        border-top: 8px solid white;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    #mod_postcode_box_pc,
    #postcode_base button.btn span{
        font-size: 26px;
    }
    .row_buttons {
        max-width: 315px;
        margin-top: 15px;
    }
	#third_section .container > .row-fluid > article {
        padding-top: 19.5em;
    }
    #third_section .container > .row-fluid > article > div {
        padding: 0px 0px 26px;
        max-width: 310px;        
    }
    #third_section .container > .row-fluid > article > div p {
        font-size: 13px;
    }
    #welcome_happy > div {
        padding: 28px 0px 50px;
        max-width: 505px;
        height: 350px;     
    }
    .carousel-caption {
        max-width: 360px;
        height: 500px;
    }
    .carousel-caption .row_buttons {
        margin: 10px auto 30px 0;
    }
    #postcode_base > div {
        padding: 28px 0px 50px;
        max-width: 455px;
        height: 275px;
    }
    #postcode_base h2 {
        font-size: 58px !important;
    }
    #postcode_base h3 {
        font-size: 44px !important;
    }
    #postcode_base .muted {
        font-size: 16px;
    }
    #fourth_section > img {
        height: 570px;
    	width: 700px;
    }    
    #fourth_section .span8 > div {
        max-width: 555px;
        height: 350px;
        padding: 50px 0 80px;
    }    
    #carousel_base {
        padding: 95px 0 65px;
    }
    .homepage_image {
        width: 56vw;
    }
    .btn-right {
        border-bottom-right-radius: 20px;
    }
    .btn-left {
        border-bottom-left-radius: 20px;
    }
    .carousel-control {
        bottom: 0;
        top: unset;
        left: 29%;
    }
    .carousel-control.right {
    	left: 32%;
    }
  /* Members Page */
	.members h2 {
        font-size: 50px !important;
    }
  /* Menu Page */
    .menu .menu-title {                
        margin-bottom: 21px;
        font-size: 54px !important;
    }
    .menu .row-product .price {
        margin-top: 10px;
        font-size: 18px;
    }

  /* Checkout Page */
    .checkout_title {
        margin-bottom: 48px;
    }
  /* Error 404 Page */
    .error-404 h2 {
        font-size: 45px !important;
    }  

  /* Information Page */
    .information .well h2 {
        font-size: 42px;
    }
  /* Media Queries */
}

/* Min 1630px */
@media (min-width: 1630px) {
    #fourth_section {
        padding: 2em 0px 16em;
    }
    #fourth_section > img {
        height: 650px;
        width: 900px;
    }
    #fourth_section .span8, #fourth_section > img {
        border-bottom-right-radius: 210px;
    }
}

/* Min 1940px */
@media (min-width: 2200px) {
    .home #body {
        max-width: 1170px;
        margin: auto;
        box-shadow: 0px 0px 10px 0px black;
    }    
    #fourth_section {
        padding: 2em 0px 9em;
    }
    #fourth_section > img {
        height: 550px;
        width: 700px;
    }
    .carousel-caption {
        padding-left: 24px;
    }
    .homepage_image {
        width: 60%;
    }
}