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

body .visible-minehead { display:none !important; } 
body .hidden-minehead { display:inherit !important; } 
body.shop_minehead .hidden-minehead { display:none !important; }
body.shop_minehead .visible-minehead { display:inherit !important; }

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

body {
	font-family: 'Fjalla One';
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #ffffff;

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

	background-attachment: fixed;
	background-size: auto;
}

header, #mobile-header {

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

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

/* ------ GLOBAL ------ */

.carousel-caption {
    left: 10%;
    background: none;
}
.text-warning {
    color: #bf2331;
}

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

a {
    color: #bf2331;
}

a:hover {
    color: #bf2331;
    text-decoration: underline;
}

.caret {
    margin-top: 0 !important;
    vertical-align: middle !important;
}

#container {
    box-shadow: none;
    background: none;
    padding-top: 45px;
}

body {
    padding-bottom: 0;
}

header {
    background: #f1f0f0;
}

#logo {
    text-align: center;
}

#logo img {
    max-width: 275px;
    max-height: 200px;
    height: 100%;
    width: 100%;
    background: #fff;
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.4);;
    border: none;
    z-index: 10;
    padding: 20px;
}

header .navbar .btn-navbar {
    background: none;
    border: 2px solid #bf2331;
    color: #bf2331;
    text-shadow: none;
    margin: 10px;

}

header .navbar .btn-navbar .icon-bar {
    background-color: #bf2331;
    border-radius: 0;
    box-shadow: none;
}

header .navbar {
    max-width: 1594px;
    margin: 0 auto;
    margin-bottom: 0 !important;
}

header .navbar-inner {
    border: none;
    background: #f1f0f0;
    padding-right: 0;
    box-shadow: none;
}

header .main-menu {
    margin-right: 0 !important;
}

header .navbar .nav {
    float: right;
}

header .navbar .nav>li>a {
    font-size: 42px;
    line-height: 100px;
	text-transform: uppercase;
    text-align: right;
    text-shadow: none;
    color: #556a80;
}

header .navbar .nav>.active>a, header .navbar .nav>.active>a:hover, header .navbar .nav>.active>a:focus, header .navbar .nav>li>a:focus, header .navbar .nav>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 {
    color: #be2331;
    background: none;
    box-shadow: none;
}

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

header #opening-status {
    line-height: 100px;
    font-size: 42px;
    text-shadow: none;
    padding-right: 10px;
    padding-left: 35px;
}

header .navbar .nav>li>a .caret {
    margin-top: 0 !important;
    vertical-align: middle;
}

.ct_details_bar {
    color: #fff;
    background: #bf2331;
}

.ct_local_branch_details {
    font-size: 20px;
    padding: 12px;
    max-width: 1594px;
    margin: 0 auto;
}

footer {
    margin-top: 0;
    border-top: 45px #be2331 solid;
    background: #fff;
    padding-bottom: 20px;
}

.footer-inner {
    padding: 0 10px;
    margin: 20px auto;
    max-width: 1594px;
}

footer .muted {
    color: #556a80;
}



.dropdown-menu {
    font-size: 24px;
    text-transform: uppercase;
    border-radius: 0;
}

.dropdown-menu li>a {
    padding: 10px 20px;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
 	background: #556a80;
}



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"], .uneditable-input, select {
    border: 2px solid #adadad;
    border-radius: 0;
    box-shadow: none;
}
.loyaltypoints_box{
 	background: #f5f5f5 !important;   
}

.well {
    border-radius: 0;
    box-shadow: none;
    border: none;
}
.img-border img, .wel{
 	 border: 1px #adadad solid;  
}
.input-append button {
    border-radius: 0 !important;
    border: 1px solid #adadad;
}

.btn, button {
    border-radius: 0 !important;
    box-shadow: none;
    border: none;
    text-shadow: none;
    background-image: none;
    transition: 0.1s all ease;
    font-family: "Fjalla One";
}
.sys-message, .alert {
    color: #fff !important;
   
}
.btn-danger, .alert-danger, .alert-error {
    background: #be2331;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background: #a51b28;
}

.btn-success, .alert-success {
    background: #349f34 !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background: #288528;
}
.text-success {
    color: #349f34;
}
.btn-info, .alert-info {
    background: #239dbf !important;
}
.btn-info:hover, .btn-info:focus {
    background: #32aed0;
}
.text-info {
    color: #239dbf !important;
}
.btn-primary {
    background: #002bcc;
} 
.btn-primary:hover, .btn-primary:focus {
    background: #1744ed;
}
.text-primary {
    color: #002bcc;
}
.btn-warning, .alert-warning {
    background: #ff9500 !important;
}
.btn-warning:hover, .btn-warning:focus {
    background: #ffa11e;
}
.text-warning {
    color: #ff9500;
}
.alert {
    border-radius: 0;
}
.well.sys-alert {
    color: #000 !important;
}

/* ------ HOME ------ */

.mod_postcode_box .col2 {
    padding: 20px;
    padding-bottom: 70px;
    position: relative;
    margin-bottom: 20px;
}

.mod_postcode_box a:hover, .mod_postcode_box a:focus {
    text-decoration: none;
    padding: 10px 20px;
    box-shadow: 1px 1px 6px 0px rgba(0,0,0,0.3) !important;
}

.mod_postcode_box .col2 a:nth-of-type(1) {
    left: 20px;
    padding: 20px;
    background: #556a80;
    position: absolute;
    width: calc(50% - 70px);
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}

.mod_postcode_box .col2 a:nth-of-type(2) {
    right: 20px;
    padding: 20px;
    background: #be2331;
    position: absolute;
    width: calc(50% - 70px);
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}

.pop-img {
    height: 510px;
    background-image: url('/myimages/436/pop_chicken.jpg');
    width: 25%;
    display: inline-block;
    background-size: cover;
    background-position: center;
    position: relative;
    transition: all 0.1s ease-in-out;
}

.pop-img:hover {
    z-index: 100;
    filter: brightness(0.95);
    /* background-size: 105% auto; */
    /* transform: scale(1.1); */
    transition: all 0.1s ease-in-out;
    overflow: hidden;
}

.four-pop {
    margin-bottom: -5px;
}

.pop-img:nth-of-type(2) {
    background-image: url('/myimages/436/pop_can.jpg');
}

.pop-img:nth-of-type(3) {
    background-image: url('/myimages/436/pop_kebab_wrap.jpg');
}

.pop-img:nth-of-type(4) {
    background-image: url('/myimages/436/pop_burger.jpg');
}

.pop-overlay {
    background: #fff;
    z-index: 999999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-20deg);
    border-radius: 50%;
    padding: 20px;
    max-width: 220px;
    max-height: 220px;
    width: 80%;
    height: 80%;
    text-align: center;
    font-size: 3.5em;
    line-height: 1.1em;
    cursor: pointer;
        -webkit-user-select: none;  
  		-moz-user-select: none;    
  		-ms-user-select: none;      
  	user-select: none;
    transition: all 0.1s ease-in-out;
}

.pop-arrow {
    padding-top: 20px;
    transition: all 0.1s ease-in-out;
}

.pop-text {
    margin-top: 30px;
}

.pop-img:hover .pop-overlay {
    transform: translate(-50%, -50%) rotate(-20deg);
    background: #556a80;
    color: #fff;
    transition: all 0.1s ease-in-out;
}

.pop-img:hover .pop-overlay .pop-arrow {
    filter: brightness(0) invert(1);
    transition: all 0.1s ease-in-out;
}

.mod_postcode_box .lead {
    font-size: 3em;
    text-transform: uppercase;
    line-height: 1.4em;
    color: #464343;
    padding-top: 30px;
}

.mod_postcode_box .col3 small {
    font-family: "Roboto";
    color: #464343 !important;
    font-size: 14px;
}

#myCarousel {
    margin-bottom: 0;
    border-bottom: 45px #556a80 solid;
}

.showcase {
    background: url('/myimages/436/zpos-bg-showcase_backgroundv2.jpg');
    border-bottom: 45px #fff solid;
}

.showcase-inner {
    max-width: 1594px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}


.showcase-lead {
    font-size: 42px;
    color: #524e4e;
    padding: 30px;
    line-height: 1em;
    margin: 0;
}

.s-item {
    position: relative;
    width: 33%;
    	-webkit-user-select: none;  
  		-moz-user-select: none;    
  		-ms-user-select: none;      
  	user-select: none;
    /* background: #f0e; */
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.2em;
    color: #556a80;
    cursor: pointer;
    transition: 0.1s ease-in-out;
}

.s-item:nth-of-type(2) {
    color: #be2331;
}

.showcase-ring {
    position: relative;
    z-index: 1;
    transition: 0.1s ease-in-out;
    padding: 20px;
}

.showcase-img {
    padding: 20px;
    z-index: 3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: 0.1s ease-in-out;
}

.s-item:hover .showcase-ring {
    
    transform: rotate(60deg) scale(0.96);
    transition: 0.1s ease-in-out;
}

.s-item:hover .showcase-img {
    transform: translate(-50%, -50%) rotate(-15deg) scale(0.94);
    transition: 0.1s ease-in-out;
}

.s-item:hover {
    color: #be2331;
    transition: 0.1s ease-in-out;
}

.s-item:nth-of-type(2):hover {
    color: #556a80;
    transition: 0.1s ease-in-out;
}

.img-container {
    position: relative;
}

.column_slideshow {
    position: relative;
}

.carousel-control {
    border: none;
    background: none;
    font-size: 6em;
}

.mod_postcode_box {
 	background: #fff;
    box-shadow: none;
    border: none;
    background: url('/myimages/436/postcode_background.png');
    border: 1px #fff solid;
}

#mod_postcode_box_pc {
    padding: 10px 0;
    font-size: 2em;
    line-height: 0em;
    height: 1.2em;
    border-radius: 0;
    border: 2px #adadad solid;
    width: calc(100% - 4px);
    font-family: "Fjalla One";
}

/* ------ MENU ------ */

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

.menu-selection .alert {
    background: none;
    border: none;
    color: #556a80;
}

.modal-header, .modal-footer {
    border-radius: 0;
    background: #bf2331;
    color: #fff;
    border: none;
}
.modal-body .type-choose-one .dropdown-toggle {
    max-width: 140% !important;
}
.modal-footer .muted {
    color: #ffb5b5 !important;
}
.modal {
    border-radius: 0;
}

.modal-header .close {
    color: #fff;
    opacity: 1;
}

#editProductModal .btn {
    border-radius: 0 !important;
    margin-right: 5px !important;
}

.label {
    border-radius: 0 !important;
}

.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
    background: #eee !important;
    color: #be2331 !important;
    text-shadow: none !important;
}

.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ .text-info {
    color: #be2331;
}

#responsive-food-menu .navbar-inner {
    border-radius: 0;
    background-image: 0;
    background: #be2331;
    border: none;
}

#responsive-food-menu .navbar-inner .brand {
    color: #fff;
    text-shadow: none;
}

#navbar-search-menu {
    margin-top: 4px;
}

#menu-search-box {
    border-radius: 0;
}

.how-im-ordering, #order-confirmation {
    color: #bf2331 !important;
    background: #fff !important;
    border-color: #bf2331;
    border-radius: 0;
    text-shadow: none;
}

.popover {
    border-radius: 0;
}

.popover-title {
    background: #be2331;
    color: #fff;
    border-radius: 0;
}

.row-variation {
    margin-top: 8px;
}

.row-product:hover {
    background: rgba(89, 108, 134, 0.07);
}

/* ------ MEMBERS ------ */

.box-contact-information, .box-delivery-information {
    margin-bottom: 20px;
}

.hero-unit {
    border-radius: 0;
}

.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
 	background: #be2331;
    color: #fff;
    text-shadow: none;
}

.nav-list>li>a {
    color: #be2331;
}


/* ------ CHECKOUT ------ */

.voucher_box .success>span {
    display: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #556a80;
    background: #556a80;
    color: #fff;
    text-shadow: none;
}

.menu-container-collection #container-category-11488 .ui-state-highlight{
    display: none;
}	
/*CSS MAY 23*/
.nav-list>li>a, .nav-list .nav-header {
    text-shadow: none !important;
    font-size: 14px;
}
* {
    text-shadow: none !important;
}
.ui-widget-header {
    background: #556a80;
    color: #fff !important;
}
.members .btn-group .btn.dropdown-toggle {
    background: #fff;
    padding-top: 6px;
    border: 2px solid #adadad;
}
.ui-datepicker-next .ui-icon, .ui-datepicker-next.ui-state-highlight .ui-icon {
    background: url('/myimages/1123/marios_icon_cal_right.png') !important;
}
.ui-datepicker-prev .ui-icon, .ui-datepicker-prev.ui-state-highlight .ui-icon {
    background: url('/myimages/1123/marios_icon_cal_left.png') !important;
}
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon {
    width: 12px;
    height: 12px;
    background-position: center center;
}
.well {
    background: #fff !important;
    box-shadow: 1px 7px 7px 0px rgba(0, 0, 0, 0.2)
}
.menu-selection h3 {
    color: #bf2331;
}
.type-choose-multiple {
    background: #f6f6f6 !important;
}
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 {
    background: transparent;
}
#basket-container .ui-widget-content {
    background: #f6f6f6 !important;
}
.information table {
    background: #fff !important;
}
#body {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
.social_media_links .btn-group a {
    margin: 5px;
}
.ctl-toggle-columns .btn.active {
    background: #659bff !important;
}
.error-404 h1 {
    color: #ffda15 !important;
}
.error-404 .well-large {
    padding: 25px;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    margin: 0 auto;
}
em {
    color: #ff5c7b !important;
}
h5.media-heading {
    margin: 10px 0px 5px;
}
@media (max-width: 1425px) {
 	header .navbar .nav>li>a {
        font-size: 34px;
    }
    
    #opening-status {
        font-size: 34px !important;
        padding-right: 10px;
    }
    
    .showcase-img {
        padding: 30px;
    }
    .navbar .nav>li>a {
    padding: 10px 8px 10px;
    }
    .mod_postcode_box .lead {
        font-size: 33px;
        line-height: 40px;
        padding-top: 5px;
        margin: 0px;
    }
    #mod_postcode_box_pc {
        height: 1em;
    }
    .social_media_links {
        background: #f1f0f0;
        padding: 4px !important;
        margin-top: 4px !important;
    }
    .carousel-caption img {
        width: 330px;
    }
}

@media (min-width: 1200px) {
    .mod_postcode_box {
        position: absolute;
        z-index: 1;
        max-width: 500px;
        height: calc(100% - 85px);
        border-radius: 0;
        left: 50%;
    }
    
    #logo {
        text-align: left;
    }
    
    #logo img {
        position: absolute;
    }
}

@media (max-width: 1200px) {
    .pop-img {
        width: 50%;
    }
    
    footer {
        padding-bottom: 0;
    }
    
    .mod_postcode_box {
        border: none;
        margin-bottom: 0;
    }
    
    #container {
        padding-top: 10px;
    }
}

@media (max-width: 979px) {
    header .navbar .nav>li>a {
        line-height: 1em;
    }         
    
    .mod_postcode_box .col2 {
        padding-bottom: 0;
    }
    
    #opening-status {
        padding: 0 !important;
        line-height: 1em;
        margin: 0 auto;
        display: none;
    }
    
    #mod_postcode_box_pc {
        width: 100% !important;
        line-height: 1em;
        height: auto;
    }
    
    .mod_postcode_box .col2 a {
        position: initial !important;
        width: 100% !important;
        display: block;
        line-height: 2em;
        padding: 0 !important;
        margin-top: 10px;
    }
    
	.nav-collapse .dropdown-menu a {
        text-align: right;
        padding-right: 0 !important;
    }
    
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        color: #be2331;
    }
    
    #basket-container {
        margin-top: 10px;
    }
    .carousel-caption {
        left: 0px;
        background: none;
        position: relative;
        background: #29435f;
        padding: 0px;
        text-align: center;
    }
    .carousel-caption p {
        margin:0px !important;
    }
    .carousel-caption h4, .carousel-control  {
        display:none;
    }
    header .right_column, header .navbar .container {
    	display: block !important;
    	text-align: center;
	}
    header .collapse.in {
        height: auto !important;
    }
    header .navbar .nav {
    	float: none;
    	width: auto;
    }
    header .navbar .nav>li>a, .nav-collapse .dropdown-menu a {
        text-align: center !important;
        
    }
    
}

@media (max-width: 768px) {
    .pop-img {
        width: 100%;
    }
    
    footer .span4 {
        text-align: center !important;
        margin: 10px 0;
    }
    
    body {
        padding: 0;
    }
    
    .s-item {
        display: none;
    }
    
    #order-empty {
        margin-bottom: 10px;
    }
    .block-policies, .block-marketing {
        margin-top: 25px;
    }
    .members .btn-block {
        margin-bottom: 20px;
    }
    .ct_local_branch_details {
        text-align: center !important;
    }
}

.social_media_links {
 	background: #f1f0f0;
    padding: 8px;
    margin-top: 20px;
}

.social_media_links .btn {
    max-width: 64px;
    padding: 0;
}

.social_media_links .btn:hover, .social_media_links .btn:focus {
    max-width: 64px;
    padding: 0;
    box-shadow: none !important;
}

.social_media_links .btn small {
    display: none;
}

.sys-alert.sys-message {
    text-align:center;
    background:#bf2331;
    color:#fff;
    border:0px;
    margin: 0px !important;
}

.btn-googleplus {
    margin-left:15px !important;
}

.home #body h1,
.home .column_modules,
.home-about {
 	display: none;   
}
.home #container {
 	padding: 0px !important;   
}
.showcaseTitle {
    color: #000 !important;
}