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

body .visible-swansea { display:none !important; } 
body .hidden-swansea { display:inherit !important; } 
body.shop_swansea .hidden-swansea { display:none !important; }
body.shop_swansea .visible-swansea { display:inherit !important; }

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

body {
	color: #ffffff;
	font-family: 'Montserrat';
	font-weight: normal;
}
h1 {
	color: #ffffff;
	font-family: 'Damion';
	font-weight: normal;
}
h2 {
	color: #ffffff;
	font-weight: normal;
}
h3 {
	color: #ffffff;
	font-weight: normal;
}
h4 {
	color: #ffffff;
	font-weight: normal;
}
body {


	background-attachment: scroll;
}

header, #mobile-header {
	background-color: #1a1a1a;

	/*background-image: url("/myimages/854/zpos-bg-isk_headerbg2.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/854/images/zpos-bg-isk_headerbg2.jpg?auto=compress");
	background-attachment: scroll;
}

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

* {
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.alert-offer-pm small { 
    font-size:60%;
}
.alert-offer-pm strong { 
    font-size:120%;
}
.allergen-notice .lead {
font-size: 16px;
    font-weight: normal;
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}
.menu .allergen-notice {
padding: 10px;
}
.menu .allergen-notice .close {
display: none;
}

.voucher_box span,
.home #body h1,
.contact-us h1,
.home-about,
#body-bottom-hr,
.ct_phone,
.downarrow,
.menuicon,
.ct_details_bar,
.home .socialicons{
    display: none;
}

.well.collectionnotice{
    background-color: #232323;
}

#container,
body {
    padding: 0;
}

footer {
    margin-top: 0;
}

#body {
    padding-top: 30px;
    padding-bottom: 30px;
}

body.home #body {
    padding-top: 0px;
    padding-bottom: 0px;
}

h1,h2,h3,h4,h5,h6,
.mod_postcode_box .lead,
.members legend{
    font-family: 'Montserrat', sans-serif;
}

.btn, button,
.alert-info small,
.checkout h5, .checkout h4,
.popover-title{
    font-family: 'Montserrat', sans-serif;
}

/*---------------DEFAULT STYLES------------------*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*line-height: 24px;*/
    line-height: 135%;
    color: #000;
    background: none;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    font-weight: normal;
}
.popover-title,
a, a:hover, a:focus{
    font-weight: bold;
    color: #FFFFFF;
}
.jumbotron p,
.p-last-minute{
    color: #FFFFFF;
}
.jumbotron h1 {
    font-size: 80px;
}

h1 {
    margin-bottom: 20px;
    text-transform: lowercase;
    line-height: 2em;
    text-align: center;
}

em,
.review-order h1,

.popover{
    color: #000000;
}
.popover-title {
    background:#000;
}

.popover-title {
    font-size:20px !important;
}

/*.navbar .brand, legend, .ctrl-offcanvas_productmenu_toggle .text-info,
.help-block, .section-.well .muted, .alert-info.well-login, .checkout .btn-link, .ctrl-offcanvas_productmenu_toggle .text-info,
.entry_product .text-info, .entry_product .text-success, .entry_product .text-error{
color: #fff;
}*/


/*---------------WRAPPERS------------------*/

#container {
    width: 100%;
    border-radius: 0;
    background: none;
}

.ct_header_row,fv
footer .row-fluid,
.ct_details_bar
/*.navbar .container, #responsive-food-menu */

{
    max-width: 1144px;
    margin: 0 auto;
}

#responsive-food-menu {
    display: block;
}

/*.home #body {
max-width: 1400px;
margin: 0 auto;
}*/

.ct_header_row {
    max-width: 95%;
    margin: 0 auto;
}
.ct_user_status {
    text-align: center;
    color: #FFFFFF;
    font-size: 24px;
}

/*---------------HIDE ELEMENTS------------------*/


/*---------------HEADER------------------*/

.right_column {
    float: right;
}

#logo {
    position: relative;
    display: inline-block;
}

#logo img {
    max-height: 180px;
}

.navbar,
.left_column,
.right_column {
    display: inline-block;
}

header {
    border: solid 5px #fff;
    background:none;
}

.headerborder {
    background: url(/myimages/854/zpos-bg-isk_headerbg2.jpg);
    padding: 20px;
}

#body {
    padding: 10px;
}


/*HEADER HOME STYLES ------------------------------ */

.home .headerborder {
    background-color: #0e0e0e;
    background-image: url(/myimages/854/zpos-bg-isk_headerbg2.jpg);
    padding: 20px;
}

.home header {
    background-image: url('/myimages/854/zpos-bg-isk_headerbg2.jpg');
    background-size:cover;
    background-color: #0e0e0e;
    position: relative;
    /*height: 720px;*/
    height: 800px;
    border: solid 5px #ffffff;
}

.bodyborder {
    background-color: #0e0e0e;
    background-image: url(/myimages/854/zpos-bg-isk_bodybg.jpg);
    padding: 20px;
}

.body-outer {
    background-image: url('/myimages/854/zpos-bg-isk_bodybg.jpg');
    background-color: #0e0e0e;
    position: relative;
    height: auto;
    border: solid 5px #ffffff;
    padding: 50px 0px;
}

.home .menuicon {
    display: block;
    position: absolute;
    top: 20px;
    left: 20px;
}
.socialicons {
    text-align: right;
    margin-top: 80px;
}

.menuicon img,
.socialicons img,
.social_media_links img{
    transition: all 0.5s;
    margin: 0px 5px;
}
.menuicon img:hover, .menuicon img:focus,
.socialicons img:hover, .socialicons img:focus,
.social_media_links img:hover{
    transform: translateY(3px);
}
.navbar .nav>li.openstatus{
    margin-right:0px;
}
.navbar .nav>li.openstatus>a:hover{
    border-bottom: none;
}
.home #logo {
    position: absolute;
    top: 130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.home #logo img {
    width: 320px;
    max-height: 100%;
}

.home .downarrow {
    display: block;
    width: 60px;
    margin: auto;
    padding-top: 60px;
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.ct_header_row {
    padding: 15px;
    /*padding-top:10px;
    padding-bottom:0px;*/
}
.header-order h2 {
    font-family: 'Montserrat';
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
}
#home-buttons {
    text-align: center;   
}
#home-buttons .btn {
    margin: 0px 20px;
}
#home-loyalty {
    color: #FFFFFF;   
    text-align: center;
}
#home-loyalty h2 {
    font-size: 60px;
    line-height: 110%;
    text-transform: uppercase;  
    margin-top: 50px;
}
#home-loyalty .content {
    font-size: 20px;
    max-widtH: 620px;
    margin: auto;
}
#home-loyalty .btn {
    margin-top: 30px;   
}



/*---------------------details bar---------------------*/

.ct_details_bar a,
.ct_details_bar em {
    color: #000000;
    font-weight: bold;
}


/*---------------MODALS / POPUPS ------------------*/

.modal-header,
.modal-footer {
    background: #000;
}
#urgentNotice0 .modal-header, #urgentNotice0 .modal-footer {
    background: #6b6b6b;
}

.modal-header {
    border-bottom: 2px solid #fff;
}

.modal-footer {
    border-top: 2px solid #fff;
}

.modal-header h3 {
    font-size: 27px;
}

.modal-footer .btn {
    background: #333333;
    color: white;
}

.modal-footer .btn:hover,
.modal-footer .btn:focus {
    background: #111;
    color: white;
}


/*---------------LOYALTY POINTS ------------------*/

.loyaltypoints_box {
    background: #3c3c3c   !important;
}

.loyaltypoints_box .well-white {
    background: #fff;
    color: #494949 !important;
}

.loyaltypoints_box .row-credits .well {
    border: 0px !important;
}

.loyalty-card {
    background: #191919;
}

.loyaltypoints_box .lead {
    font-size: 28px;
    line-height: 32px;
    color: #fff;
}

.loyaltypoints_box p {
    color: #fff;
}

.loyaltypoints_box .btn-link {
    color: #fff;
    FONT-SIZE: 14PX;
}

.loyaltypoints_box .btn-link:hover,
.loyaltypoints_box .btn-link:focus {
    color: #ffe428;
}

.loyaltypoints_box .ui-widget-header {
    border: 1px solid #000;
    background: #000;
    color: #ffffff;
}


/*---------------NAVIGATION------------------*/

header .navbar {
    margin-bottom: 0 !important;
    float: right;
}

.navbar-inner {
    background: none;
    border: 0px;
    padding:0px;
}

.navbar-inner .container {
    background: none;
}

.row-fluid.ct_header_row {
    position: relative;
}

.home .navbar {}


/*normal nav*/
.navbar .nav>li {
    margin: 0px 10px;
}
.navbar .nav>li>a {
    color: #a0a0a0;
    padding: 20px 7px 7px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,
.navbar .nav>li>a:focus,
.navbar .nav>li>a:hover,
.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus,
.menu .nav>li.menu.home-delivery a{
    color: #FFFFFF;
    background: none !important;
    border-bottom: 7px dotted #FFFFFF;
}

.navbar .brand {
    margin-left: 0px;
}


/*dropdown arrow*/

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}


/*dropdown whilst on hover*/

.navbar .nav li.active.dropdown>a .caret,
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret,
.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,
.menu .navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.menu .navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 15px;
}

header .dropdown-menu {
    border: 0;
    background: #a0a0a0;
    width: 100%;
}

header .dropdown-menu>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px;
}

.navbar .nav .dropdown-menu>li>a:hover,
.navbar .nav .dropdown-menu>li>a:focus {
    /*color: black;
    background: white !important;*/
    /*background: #929090 !important;
    border-bottom: none !important;*/
}

.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    border: none;
    margin-bottom: 5px;
}

.navbar .btn-navbar .icon-bar {
    background: #FFFFFF;
    width: 29px;
    height: 3px;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled,
.navbar .btn-navbar[disabled] {
    background: none;
}

.dropdown-menu {
    min-width: 240px;
}


/**------dropdown styles everywhere else-----**/

.dropdown-menu>li>a {
    color: black;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    border: 0;
    background: #000000;
    color: white;
}

.nav-collapse .nav>li>a,
.nav-collapse .dropdown-menu a {}


/*---------------------MEMBERS AREA INTERNAL---------------------*/

.nav-header,
.nav-list>li>a {
    color: #000;
}

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

.nav-list>li>a:hover [class^="icon-"],
[class*=" icon-"],
.nav-list>li>a:focus [class^="icon-"],
[class*=" icon-"] {
    background-image: url(https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png);
    transition: all 0.05s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    cursor: pointer;
}

.hero-unit {
    background: #000;
    color: #fff;
}

.hero-unit h1 {
    letter-spacing: 0px;
    text-shadow: none !important;
    font-size: 75px;
    text-align: left;
}

.hero-unit p {
    line-height: 22px;
    font-size: 14px;
}

.hero-unit a {
    color: #fff;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #000000;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}


/*---------------------caret colour---------------------*/

.navbar .nav li.dropdown>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top: 6px solid #666;
    margin-top: 7px;
}

.navbar .nav li.dropdown>.dropdown-toggle:hover>.caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown>a:hover .caret,
.navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret {
    border-top: 6px solid #FFF !important;
}

.mod_postcode_box .caret {
    border-top-color: #1d1d1b;   
}


/*---------------------contact ---------------------*/

.contact-us h3 {
    font-size: 24px
}
/*.contact-us #box-address {
display: none; */  
}

/*---------------------opening status---------------------*/


/*#opening-status {
position:absolute;
top:12px;
right:20px;  
}*/

#opening-status {
    padding-right: 0;
}

.uc {
    text-transform: none;
}

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

.status-OPEN {
    color: #2d8c26 !important;
}

.navbar .brand {
    font-size: 16px;
}

#responsive-food-menu .navbar-inner {
    padding: 0px;
    margin: 0px;
}

#responsive-food-menu .navbar-inner .container {
    padding: 10px;
    background: #000;
}

#responsive-food-menu .brand {
    color: #fff;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 22px;
}


/*---------------------postcode box---------------------*/

.loginbox {
    padding-top: 15px;
}

.loginbox .span5,
.loginbox .span6 {
    width: 100%;
}

.loginbox small {
    font-size: 16px;
}


.mod_postcode_box {
    background: none !important;   
    margin: 40px 0px;
}

#mod_postcode_box_pc {
    width: 400px;
    margin-left: 0px;
    line-height: normal !important;
    vertical-align: middle !important;
    heighT: 48px;
}
#mod_postcode_box_pc,
#mod_postcode_box_pc::placeholder {
    color: #1d1d1b;
}

#mod_postcode_box_pc,
.mod_postcode_box .btn{
    font-size:20px;
}


.mod_postcode_box .btn {
    border: 2px solid #FFFFFF;   
}

.mod_postcode_box .muted {
    color: #FFFFFF;
    font-size: 20px;
}

.mod_postcode_box .col3 {
    max-width: 560px;
    margin: 20px auto;
}

.mod_postcode_box .btn-group.open .btn-success.dropdown-toggle {
    background-color: #5dac29 !important;
}

.mod_postcode_box .lead {
    font-size: 60px;
    line-height: 110%;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 400;
}
.mod_postcode_box .btn-success {
    color: #000;
}

.mod_postcode_box .dropdown-menu>li>a {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    padding: 7px 15px;
    font-weight: 700;
}

#basket-container h3 {
    font-size: 40px;
}

.column_modules .well {
    background-color: #EFEDED;
}

.mod_postcode_box .dropdown-menu.pull-right {
    top: 55px;
    padding:0px;
}

.mod_postcode_box .dropdown-menu {
    background: #5dac29 !important;
    border: 2px solid #fff;
}

.mod_postcode_box .dropdown-menu>li>a {
    color:#000 !important;
}
.mod_postcode_box .dropdown-menu>li>a:hover,
.mod_postcode_box .dropdown-menu>li>a:focus {
    color:#fff !important;
    background:#000 !important;
}

/*---------------HOMEPAGE MEMBERS PARAGRAPH STYLING------------------*/

.home .bottext a {
    font-weight: bold;
}


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

.menu .media-heading .name {
    font-size: 23px;
    line-height: 1;
}

.menu .modal .media-heading .name {
    font-size: 28px;
    line-height: 1;
    color:#000;
}

.menu .modal .media-heading {
    text-align: left;
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 110%;
    color: #000;
}

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

.menu .media-body ul {
    margin: 0;
}

.menu .modal .caret {
    border-top: 4px solid #ffffff;
}

.media-heading,
.menu .modal li {
    list-style: none;
    font-size: 16px;
}
.modal-body h3 {
    color: #000;
    line-height: 110%;
}
.modal-body ul {
    margin-left: 0px !important;
}
.media-heading {
    text-align: left;
}

.menu .modal li {
    text-align: center;
}

.menu .modal .btn-option {
    background: #444444;
    color: white;
}

.menu .modal .btn-option:hover,
.menu .modal .btn-option:focus {
    background: #00A64D;
    color: white;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #EFEDED;
    border: #EFEDED;
}

.row-odd,
.row-even,
.row-product:hover,
.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
    background: transparent;
}

#responsive-food-menu .text-info {
    color: white;
}

#responsive-food-menu .text-info:hover,
#responsive-food-menu .text-info:focus {
    color: #d1d1d1;
}


/* CUSTOM PAGE - CATERING  */
.catering h1{
 	display:none;   
}

.catering .span3 img:nth-child(1){
 	margin-bottom: 20px;   
}


/**-------------------- CHECKOUT --------------------------**/
.checkout h5, .checkout h4 {
    font-size: 20px;
    line-height: 22px;
    font-weight:800;
}

.checkout table#basket.table {
    background: #fff;
    color: #292a2b !important;
    border: 4px solid #fff;
    margin-bottom:15px;
}
.checkout .table#basket th {
    color: #292a2b;
}
.checkout table#basket.table .text-info {
    color:#3a87ad;
}
.help-block, .checkout .muted.note-delivery.text-right small,
.checkout .text-info, .checkout .text-warning, .alert-info, .checkout #body em{
    color:#fff;
}

.btn-link, .btn-link:hover, 
.btn-link:focus {
    color:#fff;
    text-decoration:none;
    text-shadow:none;
}

.checkout label, .checkout .control-group.row-fluid .text-info,
.checkout .voucher_box span, .checkout em,
.help-block, .checkout .well-security p,
.well-special-requests small,
.checkout h5, .checkout h4{
    color:#fff;
}

.ui-dialog-content.ui-widget-content h5,
.box-contact-information h4,
.contact-us .ui-widget-content a{
    color:#000 !important;
}
/*---------------FOOTER------------------*/

footer {
    margin-top: 0px;
    padding-top: 100px;
    padding-bottom: 40px;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    font-size: 12px;
    background-image: url(/myimages/854/zpos-bg-isk_footerbg2.jpg);
}
#footer-content h2 {
    font-size: 38px;
    line-height: 110%;
    text-transform: uppercase; 
}
#footer-content {
    max-width: 1000px;
    margin: auto;
    text-align: center;
    margin-bottom: 100px;
}

footer img {
    padding-top: 10px;
}

footer .muted {
    color: #fff;
    font-size: 12px;
}

footer a {
    color: #fff;
}

footer a:hover,
footer a:focus {
    color: #fff;
    text-decoration: underline;
}
.hygieneRating {
    max-width: 320px;
    margin-top: 20px;
}
.vendor-eposnet {
    display: none;
}

.members legend {
    color:#fff;
}
.members legend {
    text-align:center;
    font-size:25px;
    line-height:50px;
    border-bottom: 2px solid #fff;
}

.members #body small.muted,
.members label{
    color:#fff;
}

/*---------------BOOTSTRAP BUTTONS ETC------------------*/

.home  .btn,
#footer-content .btn{
    text-transform: uppercase;
    font-weight: bold;
    padding: 12px 22px !important;
    box-sizing: border-box;
}
#footer-content .btn-facebook, #footer-content .btn-flickr {
    padding: 12px 0px !important;
}
.home .btn-large,
#footer-content .btn-large{
    padding: 16px 45px !important;
    font-size: 28px !important;
}

.home .btn-default,
#footer-content .btn-default{
    background: none;
    border: 3px solid #FFFFFF !important;
    color: #FFFFFF;
    font-size:18px;
    transition: all 0.5s;
}
.home .btn-default:hover, .home .btn-default:focus,
#footer-content .btn-default:hover, #footer-content .btn-default:focus{
    background: #000;
    transform: translateY(3px);
    color: #FFFFFF;
}
.btn-order {
    padding: 5px 10px;
    margin-bottom: 2px;
}



.btn-group.open .btn-info.dropdown-toggle {
    background: #00A64D;
    color: #fff;
}

.text-success{
    color:#5dac29;
}
/*--------alerts--------*/

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background: #EFEDED;
    color: black;
    text-align: center;
    background:none;
}

.alert-info {
    background-color: #acd7e0;
    color: black;
}

.alert-info small {
    color: #fff;
}
.how-im-ordering {
    background: black;
}

.how-im-ordering h2 {
    color: #fff;
    font-size: 25px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #000;
    border: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color:#fff;
}

.ui-widget-header {
    border: none;
    background: none;
    background-color: #000000;
    color: #fff;
}

.ui-state-highlight {
    color: #fff !important;
    background: #666 !important;
    border: none !important;
}

.ui-state-highlight:hover {
    color: #666;
}

/**-- INPUTS --**/
.home select, textarea, .home input[type="text"], .home input[type="password"], 
.home input[type="datetime"], .home input[type="datetime-local"], 
.home input[type="date"],.home input[type="month"], .home input[type="time"], 
.home input[type="week"], input[type="number"], .home input[type="email"], 
.home input[type="url"],.home  input[type="search"], .home input[type="tel"], 
.home input[type="color"],
.page_members .btn-group .btn.dropdown-toggle {
    font-family: 'Montserrat' !important;   
    box-sizing: border-box;
    height: 46px;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.page_members .btn-group .btn.dropdown-toggle {
    padding: 4px 6px;
    font-size: 14px;
    height: 30px;
}


/*---------------------slider---------------------*/

.span8.column_slideshow {
    width: 100%;
    float: none;
}

.carousel {
    margin-bottom: 0px !important;
}

.carousel-inner>.item>img {
    margin: 0 auto -100px;
}

.carousel-indicators li {
    border-radius: 50% !important;
}

.carousel-control {
    background: none;
    border: none;
    top: 50%;
}

.carousel-control,
.carousel-control:hover,
.carousel-control:focus {
    color: #ccc;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel-control:hover,
.carousel-control:focus {
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-caption {
    color: #332420;
    background: none;
    text-align: center;
    position: static;
    z-index: 0;
    opacity: 0;
    display: none;
}

.carousel-caption h4 {
    color: #332420;
    line-height: 1.2;
}

.zp-heading {
    display: inline-block;
    color: #332420;
    font-size: 50px;
    line-height: 1.2;
    position: relative;
    margin: 0 0 40px 0;
}

.zp-heading:after {
    content: '';
    position: absolute;
    height: 5px;
    width: 60px;
    background: #332420;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.carousel-caption h2 {
    color: #332420;
    font-size: 180px;
    line-height: 0.95;
    letter-spacing: 40px;
    margin: 0;
}


/*---------------MAIN CONTENT AREA------------------*/

.alignmiddle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    width: 100%;
}

.ui-widget-content {
    color: #000;
}


/*---------------MAIN CONTENT AREA------------------*/

.greybox {
    background-color: #EFEDED;
    padding: 60px;
    padding-left: 120px;
    padding-right: 120px;
    margin-top: 150px;
    margin-bottom: 220px;
}

.greybox h2 {
    margin-bottom: 40px;
}

.greybox .topimg {
    margin-top: -200px;
}

.greybox .botimg {
    margin-bottom: -200px;
}

.greybox .bottext {
    text-align: right;
    padding-top: 100px;
}


/*---------------MISC------------------*/

.information .intro {
    font-size: 17px;
}

.error-404 .text-error {
    color: black;
}


/* -------------------- table hover --------------------- */

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


/* -------------------- Social Media --------------------- */

.social_media_links {
    margin: -30px auto 0;
    padding: 10px 0;
    text-align: center;
}

.social_media_links img,
.social_media_links img:hover {
    max-width: 65px;
    box-shadow: none;
}

.social_media_links small {
    display: none;
}

.social_media_links a {
    background-color: transparent;
    background: none !important;
    border: none !important;
    box-shadow: none;
    padding: 0px;
    width: 75px !important;
}

.social_media_links .btn:hover {
    background: none !important;
}


.btn{
    background-image: none; 
    border-radius: 0;
    box-shadow:none;
    text-shadow:none;
}
.btn-success,
.btn-info,
.btn-danger,
.btn-warning, .btn-inverse, .btn-primary{
    border:0px;
}

.btn-danger, .alert.alert-danger,
.btn-navbar.btn-primary,
.alert.alert-error {
    background-color:#ec131a !important;
    border:0px;
}

.btn-danger:hover,.btn-danger:focus,
.btn-navbar.btn-primary:hover,.btn-navbar.btn-primary:focus{
    background-color:#bf1117 !important;
}
.btn-success, .alert.alert-success, .menu-selection .btn-primary {
    background-color:#5dac29 !important;
}
.menu-selection .btn-primary:hover, .menu-selection .btn-primary:focus, 
.btn-success:hover, .btn-success:focus {
    background-color:#4d9020 !important;
}

.btn-info, .alert.alert-info {
    background:#35a4c5;
    border: 1px solid #35a4c5;
}
.btn-info:hover,.btn-info:focus {
    background-color:#4ab0ce !important;
    border: 1px solid #4ab0ce;
}

.btn-inverse{
    background-color:#191919 !important;
}
.btn-inverse:hover, .btn-inverse:focus{
    background-color:#333333 !important;
}
.btn-primary {
    background-color:#004de6 !important;
}

.btn-primary:hover {
    background-color:#0055ff !important;
}
.btn-warning, .alert.alert-warning {
    background-color:#f87806 !important;
}

.btn-warning:hover, .btn-warning:focus {
    background-color:#f89406 !important;
}

.alert.alert-info.how-im-ordering {
    background-color: #3c3c3c  !important;
    border-color: #3c3c3c ;
    color: #ffffff;
    text-align:left;
}
.alert h2, .alert p {
    color:#fff;
    text-shadow:none;
}
.alert {
    border:0px;
    text-align:center;
    text-shadow:none;
    color:#fff;f
}
.well.sys-alert {
    text-align:center;
    background: #ff6800;
}

.page_menu .ui-tabs-vertical .tb-nav-tabs { 
    border: none;
}
/*Style the category description*/
.page_menu .cat-desc { 
    background: #4e4d4d; 
    border: none; 
    color: #848484; 
    padding: 20px;
}

.page_menu .ui-tabs {
    border: none !important;

}

.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
.page_menu .ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.page_menu .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
    background: #000;
    color: #fff !important;
    border-right-width: none !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #3c3c3c;
    border: none;
    font-size:20px;
}
.page_menu .ui-tabs .ui-tabs-nav li:hover,
.page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #000;
}
.page_menu .ui-tabs .ui-tabs-nav li a {
    color: #FFFFFF;
}
.page_menu .ui-widget-header {
    background: none;   
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #000; 
    color: #FFFFFF;
    border-right-width: none !important;
}

.contact-us .ui-widget-header {
    border: 0px;
    background: #383838 !important;
    color: #ffffff;

    font-weight: normal;
}
.ui-widget-content a {
    color: #ffffff;
}
.ui-widget.box-opening-hours {
    margin-top:20px !important;
}
.deliveryChargesMap {
    margin-top: 40px;
}
.hero-unit {
    background-color:#3a3a3a;
    color:#fff;
}
.hero-unit a {
    color:#fff700;
}
.members .sidebar-nav .nav-header {
    font-size:19px;
    line-height:25px;
    color:#fff;
}
.members .sidebar-nav a {
    color:#fff;
    font-size:14px;
}
.members .sidebar-nav .muted {
    font-size:12px;
}
.members #body .muted,
li.my-statistics-orders,
li.my-statistics-orders-total{
    color:#fff;
}
.members .nav-list>li>a:hover,
.nav-list>.active>a, 
.nav-list>.active>a:hover, 
.nav-list>.active>a:focus{
    background-color:#3a3a3a;
    color:#fff;
}

/**ACCORDION****/
.tb-nav.tb-nav-tabs ,
.menu #body brand, .ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel { width:100% !important; }
.accordion-inner { padding: 15px 30px; }
.accordion-inner { background: transparent; }
.accordion-inner .row-product { padding-top:10px; padding-bottom:10px; }
#menu-accordion .ui-widget-header { background:none; border:none; }
.accordion-body { background:#fff; }
.accordion-group { border:none; margin-bottom:0px; }
.accordion-toggle {
    border-radius: 2px !important;
    background-color: #3c3c3c !important;
    text-align:center;
    border: 1px solid #000000 !important;
}
.accordion-body {
    border-radius: 0px !important;
    background-color: #fff;
}
.active-toggle,
.accordion-toggle:active {
    background: #fff200 !important;
    color: #FFFFFF !important;
}
.active-toggle:hover,
.accordion-toggle:active:hover {
    background: #fff200 !important;
}
.accordion-toggle:hover,
.accordion-toggle:focus {
    background:#5f5959 !important;
    color:#FFFFFF;
}
.active-toggle h3,
.accordion-toggle:hover h3,
.accordion-toggle:active h3,
.accordion-toggle:focus h3 {
    color:#000;
}
.accordion-toggle .fa { display:none !important; }
.ui-tabs-vertical .ui-tabs-panel,
.ui-tabs-menu,
#ui-tabs-1 { padding:0px !important; border:none;}
.ui-tabs-menu { background: none !important; border: none !important; }
.ui-tabs-menu h3 { font-size:20px; }
.loading { text-align:center; }
.loader {
    color: #fff200 !important;
    font-size:65px;
    margin:0 auto;
    padding:35px;
    text-align:center;
}
#responsive-food-menu
.ui-tabs-menu { opacity:0; }
.minus,.plus { line-height:40px;float:right; color:#fff; font-weight:bold; }
.accordion-heading h3 .fa { float: right; line-height: 40px; }
#responsive-food-menu {
    border-radius: 10px !important;
}
.navbar-affix-container {
    margin-bottom: 10px !important;
    display: none !important;
}
#responsive-food-menu.navbar {
    padding-bottom: 7px !important;
}
#menu-accordion .cat-desc {
    border: 1px solid #fff;
    background: #F7BF29;
    color: #444;
    padding: 10px 20px;
}
.accordion-inner {
    padding: 30px;
}
#mobile_food_menu_nav .zp-ctl-categories {
    display: none !important;
}
.accordion-group .description {
    line-height: 115%;   
}

@media (min-width: 1200px) {
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container, footer { 
        width:100%;
    } 
    .home footer .row-fluid, .home .ct_details_bar,.home #body, .home .navbar-inner, .home .row-fluid.ct_header_row{ 
        max-width:1440px;
        margin:0 auto;

    }
    footer .row-fluid, .ct_details_bar, #body, .navbar-inner, .row-fluid.ct_header_row{ 
        max-width:1170px;
        margin:0 auto; 
    }
}

@media (max-width: 1200px) {
    .navbar .nav>li>a {
        font-size: 14px;  
    }
    #home-buttons .btn {
        margin: 0px 10px;
    }
    .navbar .nav>li {
        margin: 0px 8px;
    }
}

@media (min-width: 980px) {
    .navbar .nav .dropdown-menu>li>a:hover,
    .navbar .nav .dropdown-menu>li>a:focus {
        background: #929090 !important;
        border-bottom: none !important;
    }   
}

@media (max-width: 979px) {
    #home-buttons .btn {
        display: block;
        margin-bottom: 10px !important;
    }
   
        .page_jobs #body .row-fluid .well{
    margin-bottom: 25px;
    }
    .mod_postcode_box .lead,
    #home-loyalty h2 {
        font-size: 45px;
    }
    #footer-content {
        max-width: 660px;
    }
    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px;
        background: #000;
    }
    .home .btn-large, #footer-content .btn-large {
        padding: 14px 41px !important;
        font-size: 21px !important;
    }
    .row-fluid.main{
        display:none;
    }
    .mod_postcode_box {
        background: none !important;
        margin: 10px 0px;
    }
    .socialicons {
        text-align: right;
        margin-top: 0px;
        margin-bottom:10px;
    }
    .body-outer {
        padding: 0px 0px;
    }
    #home-loyalty .btn {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 800px) {
    #logo {
        display: block;
        max-width: 100%;
        text-align: center;
    }
    .left_column {
        display: inherit;
    }
    .right_column,
    .navbar {
        width: 100%;
    }
    .navbar .nav>li>a,
    .nav-collapse .dropdown-menu a,
    #opening-status {
        text-align: center;
    }
    .nav-collapse .dropdown-menu a {
        color: #a0a0a0;
    }
    #opening-status {
        float: none;
        padding: 10px;
    }
    .navbar-inner {
        padding-left: 0;
    }
    .ct_header_row {
        padding: 0;
    }
    .home #logo {
        position: relative;
        top: 0px;
        padding-top: 60px;
    }
    .home header {
        height: auto;
        padding-bottom: 20px;
    }
    .home #logo img {
        width: 200px;
        max-height: 100%;
    }
    header .navbar {
        margin-bottom: 0 !important;
        float: none;
    }
    .navbar-inner {
        background: none;
        border: 0px;
        padding-right: 0px;
    }
    .navbar .nav .dropdown-menu>li>a:hover,
    .navbar .nav .dropdown-menu>li>a:focus {
        color: #FFFFFF;
        background: none !important;
    }
    .ct_header_row {
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .ct_details_bar {
        text-align: center;
        max-width: 300px;
    }
    .ct_details_bar .tl {}
    .ct_details_bar .tr,
    .ct_details_bar .tl {
        text-align: center!important;
        margin-bottom: 20px;
    }
    body {
        border: none;
    }
    .yellowbox {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #home-buttons {
        text-align: center;
        margin-top: 10px;
    }
    /*    
    #opening-status {
    position:absolute;
    top:12px;
    right:10px;  
}*/
    footer {
        text-align: center;
    }
    .copyright {
        margin-bottom: 20px;
    }
    .vendor-zpos {
        width: auto;
        margin-top: 20px;
        text-align: center;
    }
    .postcodebox #mod_postcode_box_pc {
        width: 50%;
    }
    .postcodebox .btn-success {
        width: 100%;
    }
    header .navbar {
        float: none;
    }
    .nav-collapse .dropdown-menu {
        margin: 0 0px;
    }
    h1,
    h2 {
        font-size: 32px;
    }
    .greybox {
        background-color: #EFEDED;
        padding: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin-top: 0px;
        margin-bottom: 20px;
        text-align: center;
    }
    .greybox h2 {
        margin-bottom: 20px;
    }
    .greybox .topimg {
        margin-top: 0px;
    }
    .greybox .botimg {
        margin-bottom: 0px;
    }
    .greybox .bottext {
        text-align: left;
        padding-top: 0px;
    }
    .greybox .toptext {
        text-align: left;
        padding-top: 0px;
    }
    footer {
        padding-top: 50px;
    }
    .uk-offcanvas-bar {
        background: #000;
    }
    .uk-text-contrast,
    .uk-nav-offcanvas>li>a:hover,
    .uk-nav-offcanvas>li>a:focus {
        color: #fff !important;
    }
    .uk-nav-offcanvas>li>a {
        color: #3e3e3e;
    }
    .uk-nav-offcanvas>li>a {
        color: #ffffff;
    }
    .uk-nav-offcanvas>li>a:hover,
    .uk-nav-offcanvas>li>a:focus{
        background: #3a3a3a;
    }
}

@media (max-width: 767px) {
    #order-empty {
        margin-bottom: 10px;
    }
    .order_btns {
    flex-direction: column;
    }
    .menu .website-image {
        text-align: center;
    }
    #mod_postcode_box_pc,
    .mod_postcode_box .btn{
        width: 100%;
    }
    .mod_postcode_box .btn{
        margin-top:10px;
    }
    .mod_postcode_box .muted {
        color: #FFFFFF;
        font-size: 14px;
    }
    #home-loyalty .content {
        font-size: 15px;
        line-height:22px;
    }
    #home-loyalty h2 {
        margin-top: 10px;
    }
    #footer-content h2 {
        font-size: 22px;
        padding: 10px 20px;
    }
    footer {
        padding-top: 15px;
    }
    #footer-content .btn-default{
        width:70%;
    }
    #footer-content {
        max-width: 100%;
        margin-bottom: 40px;
    }
    .home .btn-large, #footer-content .btn-large {
        padding: 14px 41px !important;
        font-size: 16px !important;
    }
    .mod_postcode_box .lead, #home-loyalty h2 {
        font-size: 34px;
    }
    .ct_user_status {
        text-align: center;
        color: #FFFFFF;
        font-size: 20px;
    }
    #footer-content .btn-default {
        width: 80%;
    }
    #responsive-food-menu .brand {
        color: #fff;
        font-weight: 900;
        text-transform: uppercase;
        font-size: 20px;
    }
    .menu .modal .media-heading {
        font-size: 19px;
    }
}

.social_media_links .btn{
    padding: 0px !important;
}

@media (max-width: 520px) {
    .mod_postcode_box>.input-append {
        width: 100%;
    }
    .postcodebox #mod_postcode_box_pc,
    .btn-group {
        display: block;
        width: 100%;
        text-align: center !important;
    }
    .accordion-inner {
        padding: 20px 20px !important;
    }
}

@media (max-width: 400px) {
    .home .menuicon {
        display: none;
    }
    .hygieneRating {
        max-width: 280px !important;
    }
}


/*GALLERY*/

.gallery h1 {
    display: none;
}

.gallery {
    text-align: center;
}

.gallery p {
    margin-bottom: 20px;
}

#amar-gallery {
    text-align: center;
}

#amar-gallery img {
    widtH: 32.3%;
    padding: 10px;
}

.lg-zoom-in,
.lg-download,
.lg-autoplay-button,
.lg-fullscreen,
#lg-zoom-in,
#lg-zoom-out,
#lg-actual-size,
#lg-share,
.lg-toogle-thumb {
    display: none;
}

.lg-actions .lg-prev:after {
    content: "<" !important;
}

.lg-actions .lg-next:before {
    content: ">" !important;
}

.lg-toolbar .lg-close:after {
    content: "x" !important;
}

@media (max-width: 767px) {
    #amar-gallery img {
        widtH: 49%;
    }
}

@media (max-width: 480px) {
    #amar-gallery img {
        widtH: 100%;
    }
}

.contact-delivery-note {
    color: #FFFFFF;   
}

/*Hide prices and basket from collection page*/

/*.menu-container-collection .btn-order,
.menu-container-collection .actions .btn.btn-small.btn-success,
.menu-container-collection #basket-container {
display:none;
} */
/*#container-category-' + catId + ' > img { display: inline; }*/


.row-variation .name {
    font-size: 13px;   
}
.vouchers  {
    padding: 4px 10px 10px;
    border: 9px dotted #ff8686;
    color: #fff;
}
.vouchers h3 {
    font-weight: 700;
}

/*IF THERE IS AN OFFER ON THE WEBSITE!!!!*/
/*@media (min-width: 1350px) {
    .home #logo a img {
        width: 200px;
    }
}
@media (max-width: 1349px) {
    .home #logo img {
        width: 180px;
    }
}
@media (min-width: 800px) and (max-width: 1349px)  {
    .home header {
        height: 900px;
    }
}
.offer a img{
    width: 300px !important;
    margin-top: 10px;
}
.downarrow {
    padding-top: 30px !important;
    width: 30px !important;
}*/

/*JOBS PAGE*/
.page_jobs h1 {
    display: none;
}
.page_jobs a.btn {
    margin: 10px 0px;
}
.page_jobs .well {
    max-width: 750px;
    margin: 0 auto;
    border: 9px dotted #ff8686;
}
li.jobs {
    list-style-type: none;
    margin-top: 30px;
}
li.jobs a{
    padding: 10px 15px 10px;
    color: #dddbdb;
    text-transform: uppercase;
    font-size: 20px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}
li.jobs a:hover,
li.jobs a:focus {
    color: #FFFFFF;
    border-bottom: 7px dotted #FFFFFF;
}
.page_jobs .btn-group {
    display: flex;
    gap:5px;
    justify-content: center;
}
.page_jobs #body .container {
margin-bottom: 25px;
}
.mod_postcode_box .muted{
display: none;
}

.order_btns {
display: flex;
    gap: 30px;
    justify-content: center;
}