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

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

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

body {
	font-family: 'Montserrat';
}
h1 {
	font-family: 'Londrina Solid';
}
h2 {
	font-family: 'Londrina Solid';
}
h3 {
	font-family: 'Londrina Solid';
}
h4 {
	font-family: 'Londrina Solid';
}
body {
	background-color: #f2f3ed;

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

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}

header, #mobile-header {
	background-color: #000000;

	/*background-image: url("/myimages/864/zpos-bg-Britannia_NavBG.jpg");*/
	background-image: url("//cdn1.zfood.co.uk/864/images/zpos-bg-Britannia_NavBG.jpg?auto=compress");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-size: cover;
}

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

.home #container,
.carousel-caption{
 	display: none;   
}

.alert-offer-pm small { 
    font-size:60%;
    opacity:0.8;
}
.menu-container-home-delivery .collectimg{
    display:none;
}

.menu-container-collection .deliveryimg{
    display:none;
}

.check-offer {
    color: #fff;
    font-size: 4em;
    max-width: 560px;
    text-align: center;
    text-shadow: 0 0 10px rgb(0, 0, 0);
    margin-bottom: 10px;
    margin-left: 50px;
}

.check-offer img {
    margin-top: 20px;
    max-width: 80px;
}

.table .ui-widget-header {
    background: #999;
}

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

.jumbotron-order-complete .text-warning {
    color: #f15a22;
}

.page_review-order legend {
    color: #f15a22;
}

.page_error-404 .alert-error {
    background: none;
    border: none;
    color: #000;
}
.badge-info {
    background-color: #178acb;
}

/* form legend, form .control-label {
    color: #178acb;
} */

.label {
    text-shadow: none;
}

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

a {
    color: #59bfde;
    font-weight: bold;
}

a:hover {
    color: #379ebd;
    text-decoration: underline;
}
.product-container-panel .ui-widget>.ui-widget-header{
 	color: #f15a22;   
}
.caret {
    margin-top: 0 !important;
    vertical-align: middle !important;
}

h1 {
    color: #b31f24;
}

h1, h2, h3, h4, h5, h6, .table th, .ui-widget-header, .nav-header{
 	font-weight: 400;   
}

header .navbar .nav>li>a, .row-product .name, .row-product li, .ui-tabs-menu .ui-tabs-anchor,
.mod_postcode_box, .showcase-lead, .pop-text, .dropdown-menu li>a, legend, form .control-label,
header #opening-status, .nav-header, .brand{
    font-family: 'Londrina Solid';
    font-weight: 400;
}
.well .control-group .text-info, .well .btn-link, .well .control-group .text-warning {
 	color: #fff;   
}
#container {
    box-shadow: none;
    background: none;
    padding-top: 45px;
    min-height: calc(100vh - 364px);
}

body {
    padding-bottom: 0;
}

header {
    /*background: #e8cbb1;*/
}

#logo {
    text-align: center;
}

#logo img {
    max-width: 420px;
    width: 100%;
    border: none;
    z-index: 10;
}

header .navbar .btn-navbar,
header .navbar .btn-navbar:active {
    background: #b31f24 !important;
    text-shadow: none;
    margin: 10px;

}

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

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

header .navbar-inner {
    border: none;
    background: transparent;
    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: 32px;
    line-height: 80px;
    text-align: right;
    text-shadow: none;
    color: #fff;
    text-transform: uppercase;
}

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: #ed1c24;
    background: none;
    box-shadow: none;
    text-decoration: underline;
}

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


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: #ed1c24;
    border-bottom-color: #ed1c24;
}

header #opening-status {
    line-height: 80px;
    font-size: 32px;
    text-shadow: none;
    padding-right: 10px;
    padding-left: 35px;
    text-transform: uppercase;
}

.status-OPEN {
    color: #44ad48 !important;
}

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

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

.ct_details_bar {
    color: #fff;
    background: #000;
    font-size: 17px;
}

.ct_local_branch_details {
    font-size: 14px;
    line-height: 110%;
    padding: 12px;
    max-width: 1594px;
    margin: 0 auto;
}

.ct_local_branch_details a,
.ct_local_branch_details a:hover,
.ct_local_branch_details a:focus {
 	color: #ed1c24;   
}

footer {
    margin-top: 0;
    background: #000;
    padding:10px 0px;
    width: 100%;
    bottom: 0;
}

.home footer {
    border-top: solid 35px #b31c1f;   
}

footer a,
footer a:hover,
footer a:focus {
    color: #fff;
}

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

footer .muted {
    color: #fff;
}


.dropdown-menu {
    font-size: 24px;
    border-radius: 0;
    border: none;
    background: #8b171a;
}

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

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

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: none;
    border-radius: 0;
    box-shadow: none;
}
.well,
.contact-us .ui-widget-content {
    border-radius: 0;
    box-shadow: none;
    border: none;
    background: #141414;
    color: #FFFFFF;
}
.well .muted{
 	color: #fff;   
}
legend {
 	color: #FFFFFF;  
    font-size 28px;
}
.contact-us .ui-widget-content a {
    color: #FFFFFF;
}

.input-append button {
    border-radius: 0 !important;
    border: none;
}

.btn, button {
    border-radius: 0 !important;
    box-shadow: none;
    border: none;
    text-shadow: none;
    background-image: none;
    transition: 0.1s all ease;
    font-weight: normal !important;
    font-family: "Montserrat", sans-serif;
}

.btn:hover, .btn:focus, .btno:active, .btn.active, .btn.disabled, .btn[disabled], .btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.btn-danger, .alert-danger {
    background: #b52121;
    color: #FFFFFF;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
	background: #940e0e;
}

.btn-success, .alert-success {
    background: #14ae4b;
    color: #FFFFFF;
}
.text-success {
    color: #4cff4f;
}
.text-error {
 	color: #ff726f;   
}

.page_error-404 .text-error {
    color: #d60007;
}

.text-warning {
    color: #ffd438;
}
.text-info {
 	color: #6bc8ff;   
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	background: #18D25B;
}
.alert-warning {
 	background: #27a9e1;
    color: #FFFFFF;
}

.alert.how-im-ordering {
    border-radius: 0;
    border: none;
    text-shadow: none;
    background: #252525;
    color: #fff;
}

.alert-info {
    background: #2262f1;
}
.alert-error {
    background: #e40000;
}
.alert-success {
    background: #008e00;
}

.btn-primary {
 	background: #286dea;	   
}
.btn-primary:hover, .btn-primary:focus {
    background: #1d50ab;
}

.btn-info {
    background: #2f9fbf;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled], .btn-group.open .btn-info.dropdown-toggle, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled]  {
 	background: #18728c;	   
}


.input-append .add-on, .input-append .btn, .input-append .btn-group {
    height: 30px;
}

/* ------ 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 {
    font-weight: normal;    
}

.mod_postcode_box .col2 a:nth-of-type(1) {
    left: 20px;
    padding: 20px;
    background: #14ae4b;
    position: absolute;
    width: calc(50% - 70px);
    bottom: 0;
    color: #fff;
    text-transform: Capitalize;
    font-size: 19px;
    box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3);
}
.mod_postcode_box .col2 a:nth-of-type(1):hover,
.mod_postcode_box .col2 a:nth-of-type(1):focus {
    background: #18D25B;
}

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

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

.pop-img:hover, .pop-img2: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: -8px;
}

.pop-img:nth-of-type(1) {
    background-image: url('/myimages/864/Britannia_PizzaBanner_Home_v2.jpg'); 
}

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

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

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


.pop-overlay {
    color: #fff;
    background: #f15a22;
    z-index: 999999;
    position: absolute;
    top: 75%;
    left: 25%;
    transform: translate(-50%, -50%) rotate(-20deg);
    border-radius: 50%;
    padding: 20px;
    max-width: 150px;
    max-height: 150px;
    width: 80%;
    height: 80%;
    text-align: center;
    font-size: 2.2em;
    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;
    transform: rotate(25deg);
}

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

.pop-img .pop-overlay, .pop-img2:hover .pop-overlay {
    transform: translate(-50%, -50%) rotate(-20deg);
    transition: all 0.1s ease-in-out;
}
.pop-img:nth-child(2) .pop-overlay,
.pop-img:nth-child(4) .pop-overlay {
    background: #b31f24;
}
.pop-img:nth-child(3) .pop-overlay,
.pop-img:nth-child(4) .pop-overlay {
    left: unset;
    right: -14% !important;
}

.pop-img2:hover .pop-overlay .pop-arrow, .pop-img .pop-overlay .pop-arrow  {
    transition: all 0.1s ease-in-out;
}

.pop-img:hover .pop-overlay .pop-arrow {
    filter: initial;
    transition: all 0.1s ease-in-out;
}

.pop-img:hover .pop-overlay {
    background: #fff;
    transition: all 0.1s ease-in-out;
}
.pop-img:nth-child(1):hover .pop-overlay,
.pop-img:nth-child(3):hover .pop-overlay {
    color: #f15a22;
}
.pop-img:nth-child(2):hover .pop-overlay,
.pop-img:nth-child(4):hover .pop-overlay {
    color: #b31f24;
}

.mod_postcode_box .lead {
    font-size: 53px;
    line-height: 1.4em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 0;
}
#postcode_sublead {
 	color: #FFFFFF;   
    font-size: 37px;
    line-height: 110%;
    margin: 10px auto !important;
}

.mod_postcode_box .col3 {
 	margin: 30px auto 0;
    max-width: 350px; 
}
.mod_postcode_box .col3 small {
    color: #FFFFFF !important;
    font-size: 14px;
    font-family: "Montserrat", sans-serif;
}

/*
.showcase {
	background: url('/myimages/864/zpos-bg-Britannia_SectionBG.jpg');
}
*/

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


.showcase-lead {
    font-size: 62px;
    color: #000;
    padding: 30px;
    line-height: 1em;
    margin: 0;
    margin-bottom: 80px;
}

.showcase-lead a {
    color: #ed1c24;
}

.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: 2em;
    line-height: 1.2em;
    color: #202020;
    cursor: pointer;
    transition: 0.1s ease-in-out;
}


.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: 20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.showcase-img:hover {
    /*transform: translate(-50%, -50%) rotate(-5deg) scale(0.94);*/
    /*transition: 0.1s ease-in-out;*/
    animation-name: spin-pizza;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    
}

@keyframes spin-pizza {
    0% { transform: translate(-50%, -50%) rotate(0deg); }

    100% { transform: translate(-50%, -50%) rotate(360deg); }
}


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

.s-title {
    font-size: 1.5em;
}

.img-container {
    position: relative;
}

.column_slideshow {
    position: relative;
}
.column_slideshow img {
 	margin: auto;   
}

.carousel-control {
    border: none;
    background: none;
    font-size: 4em;
    top: auto;
    bottom: 13px;
}
.carousel-caption {
    background: none;
}
.carousel-caption h4 {
 	display: none;   
}
.carousel-indicators {
    top: auto;
    bottom: 28px;
    right: 100px;
}
.carousel-control.right {
    right: 55px;
}
.carousel-control.left {
    right: 145px;
    left: auto;
}

.mod_postcode_box {
 	background: #fff;
    box-shadow: none;
    border: none;
}

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

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

#basket-container,
.page_menu .container-fluid .span4 img {
    border: 2px solid #fff;
}

#basket-container .text-success {
 	color: #118e13;	   
}
#basket-container .text-error {
    color: #c50703;
}
#basket-container .text-info {
    color: #0870ad;
}


.page_menu .menu-selection .btn-primary {
    background: #b31f24;
}
.page_menu .menu-selection .btn-primary:hover,
.page_menu .menu-selection .btn-primary:focus {
    background: #801215;
}

.menu-selection {
    text-align: center;
    padding-top: 60px;
}

.menu-selection .alert {
    background: none;
    border: none;
    color: #000;
}
.menu-selection .well {
 	background: none;   
}


#responsive-food-menu .btn-navbar {
 	background: #14ae4b !important;
}
#responsive-food-menu .btn-navbar .text-info {
    color: #FFFFFF !important;   
}
.modal{
 	border: none;
    border-radius: 0;
}

.modal-header, .modal-footer {
    border-radius: 0;
    background: #b31c1f;
    color: #fff;
    border: none;
}

.modal-body h4 {
    font-size: 32px;
    line-height: 1.1em;
}

.modal-footer .muted {
    color: #fff;
}

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

.modal .well {
 	background: none;  
    color: #000;
}

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

#editProductModal .btn-info,
#editProductModal .btn-success,
#editProductModal .btn-danger {
 	color: #FFFFFF;   
}

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

.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ {
    background: #fff !important;
    color: #178acb !important;
    text-shadow: none !important;
}

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

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

#responsive-food-menu .navbar-inner .brand {
    color: #fff;
    text-shadow: none;
}
#navbar-search-menu{
 	width: 100%;
    max-width: 250px;

}

#menu-search-box {
    border-radius: 0;
    height: 30px;
    box-sizing: border-box;
    width: 100%;
}

.how-im-ordering, #order-confirmation {
    color: #FFFFFF;
    background: #000;
    border: none;
    border-radius: 0;
    text-shadow: none;
}

.how-im-ordering {
 	background: #de4005;   
}


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

.menu-selection h1 {
    font-size: 5em !important;
    line-height: 1em !important;
}

.menu-selection h3 {
    font-size: 2.5em;
}

.popover {
    border-radius: 0;
    color: #000000;
}

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

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

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

.ui-tabs-menu {
    border-top-width: 0px;
}

.ui-tabs-anchor {
    font-size: 1.7em;
    line-height:28px;
}

.row-product .name {
    font-size: 22px;
    line-height: 1.2em;
}

.row-product li{
 	font-size: 18px;   
    line-height: 1.5;
}

.alert.ui-state-highlight.lead.cat-desc li {line-height:30px;}



#zp-offcanvas-basket .uk-offcanvas-bar {
 	background: #000;   
    color: #fff;
}
#zp-offcanvas-basket h3{
 	color:    #fff;
}
#zp-offcanvas-basket #basket th,
#zp-offcanvas-basket #basket .quantity,
#zp-offcanvas-basket #basket .product small,
#zp-offcanvas-basket #basket .price {
    color: #fff;
}


.uk-offcanvas-bar{
 	background: #000;   
}
/*Manual Themeroller stuff*/
.page_menu .ui-tabs-menu {
	background: #232323;    
    border: none;
}
.page_menu .ui-tabs-panel {
 	color: #FFFFFF;   
}

.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: #ed1c24;
    color: #FFFFFF !important;
    border-right-width: 0px !important;
}
.page_menu .ui-tabs .ui-tabs-nav li {
    background: #000;
    border: none;
}
.page_menu .ui-tabs .ui-tabs-nav li:hover,
.page_menu .ui-tabs .ui-tabs-nav li:focus {
    background: #b31f24;
}
.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: #b31f24; 
    color: #FFFFFF;
    border: none;
}

/*---------------------TABLE STRIPED FIX---------------------*/

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;
}
.table-hover tbody tr.ui-state-highlight:hover>th,
.table-hover tbody tr.ui-state-highlight:hover>td {
	background: transparent;
}
.row-odd,
.row-product:hover {
	background: none;
}


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

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

.hero-unit {
    border-radius: 0;
    background: #d31c23;
}
.hero-unit a{
 	color: #f1eb22;   
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
 	background: #d31c23;
    color: #fff;
    text-shadow: none;
}

.nav-list>li>a {
    color: #FFFFFF;
    text-shadow: none !important;
}

.social_media_links {
    background: none !important;
}

.members .section- small {
    color: #FFFFFF;
}

.members .sidebar-nav .nav-header {
    color: #FFFFFF;
    text-shadow: none !important;
    font-size: 16px;
}

.members .sidebar-nav li a:hover,
.members .sidebar-nav li a:focus {
    background: #d31c23 !important;
    color: #FFFFFF;
}

.members .section-my-orders th {
    background: #d31c23;
    color: #FFFFFF;
}

/* ------ CHECKOUT ------ */
.well-basket{
 	background: #000;   
}
.checkout #basket {
 	background: #000;   
}
.checkout #basket th,
.checkout #basket .quantity,
.checkout #basket .product small,
.checkout #basket .price {
    color: #fff;
}

.well-basket .text-error {
    color: #ffa4a3;
}
.well-basket .text-success {
    color: #b0e2b1;
}
.well-basket .text-info {
    color: #63cbff;
}
.voucher_box .success>span {
    display: none;
}

#checkoutVouchercode {
    max-width: calc(100% - 78px);
}

.sms-banner{
    font-size: 16px;
}	
.sms-banner h2{
    font-size: 61px;
    line-height: 1.2;
}	
.sms-banner a{
    color: #fff;
}	
.well-how-pay em {
 	color: #FFFFFF;   
}
.checkout .marginbottom15 .muted {
 	color: #000;   
}

.loyaltypoints_box {
    background: #e41000 !important;
}
.loyaltypoints_box h5 {
 	font-size: 22px !important;
    text-transform: none !important;
    font-weighT: bold !important;
}
.loyaltypoints_box .row-credits .well {
    border: none !important;
    color: #000000;
    background: #fff;
}
.loyaltypoints_box .ui-widget-header {
    background: #000000 !important;
    color: #FFFFFF;
    font-weight: normal;
    border: none;
}
.loyaltypoints_box .row-credits .col-equals * {
    color: #FFFFFF !important;
    background: none !important;
}
.loyaltypoints_box .btn-link {
    color: #FFFFFF; 
    text-decoration: underline;
}

.loyalty-card>div .loyalty-value.text-success {
 	color: #14ae4b;
}
.loyalty-card>div .loyalty-value.text-error {
 	color: #d31c23;
}

@media (max-width: 1540px) {
    header .navbar .nav>li>a {
        font-size: 32px;
    }

    #opening-status {
        font-size: 32px !important;
        padding-right: 10px;
    }

    .showcase-img {
        padding: 30px;
    }

    header .navbar-inner {
        padding-left: 0;
    }

    #logo {
        padding: 0 20px;
    }
    .pop-img, .pop-img2 {
        width: 50%;
    }
    .pop-img:nth-child(3) .pop-overlay,
    .pop-img:nth-child(4) .pop-overlay {
        left: unset;
        right: -10% !important;
    }
}

@media (max-width: 1680px) and (min-width: 1201px) {
	.social_media_links {
        display: none;
    }
}

@media (max-width: 1400px) {
    header .navbar .nav>li>a,
    #opening-status {
        font-size: 28px !important;
    }
    
        
   	.showcase-img {
		width: 90%;
    }
}

@media (max-width: 1330px) and (min-width: 1201px) {
    #opening-status {
        display: none;
    }
}

@media (min-width: 1200px) {
    .mod_postcode_box {
        position: absolute;
        z-index: 1;
        height: initial;
        border-radius: 0;
        right: 0;
        top: 15%;
        background: url('/myimages/864/Britannia_PostcodeBG.png');
        background-size: cover;
        padding: 40px;
    }

    #logo {
        text-align: left;
    }

    #logo img {
        position: absolute;
        background: #000;
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 1200px) {
    
    #logo {
     	margin-top: 20px;   
    }
    
    .check-offer img {
        display: none;
    }

    footer {
        padding-bottom: 0;
    }

    .mod_postcode_box {
        border: none;
        margin-bottom: 0;
    }

    #container {
        padding-top: 10px;
    }

    #basket-container {
        margin-top: 20px;
    }
    .ct_local_branch_details {
     	text-align: center !important;   
    }
    .mod_postcode_box {
        background: #d64a24;
    }
    .mod_postcode_box .lead {
     	padding-top: 0px;   
    }

}

@media (max-width: 1200px) and (min-width: 979px) {
	header .navbar .nav {
        float: none;
        text-align: center;
    }

    .navbar .nav>li, #opening-status {
        float: none;
        display: inline-block;
    }

}

@media (max-width: 1200px) and (min-width: 768px) {
	/* .pop-img:nth-of-type(3) {
        display: none;
    } */
}

@media (max-width: 979px) {
    
    .ct_local_branch_details {
     	line-height: 1.75;   
    }
    
    header .navbar .nav{
     	float: none;   
    }
    header .navbar .nav>li>a {
        line-height: 1em;
        text-align: center;
    }
    
    /*
    #myCarousel {
        border-bottom: 15px #000 solid;
    }
    */

    .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;*/
        line-height:50px;
        height:50px;
    }

    .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: center;
        padding-right: 0 !important;
        color: #fff;
    }

    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        color: #ed1c24 !important;
        text-decoration: underline;
        background: transparent !important;
        color: #fff;
    }

    #basket-container {
        margin-top: 10px;
    }

}

@media (max-width: 768px) {
    
    .pop-img {
        width: 100%;
        margin-bottom: 20px;
    }

    footer .span4 {
        text-align: center !important;
        margin: 10px 0;
    }

    body {
        padding: 0;
    }

    .s-item {
        display: none;
    }
    .showcase-lead {
        margin-bottom: 0px;
        line-height: 1.2;
    }
    
    .mod_postcode_box .lead {
        line-height: 1;
        margin: 10px 0 20px !important;
    }	

    #order-empty {
        margin-bottom: 10px;
    }
    
    .check-offer {
        display: none;
    }
    .pop-overlay {
     	top: 50% !important;
        left: 50% !important;
    }
    .showcase-lead {
        font-size: 42px;
        padding: 10px 30px;
    }
    .page_menu .ui-tabs-vertical .ui-tabs-panel {
        width: 100% !important;   
    }
    .menu-selection .btn {
        width: 70%;
        margin: auto;
    }
    .menu-selection .well {
        margin-bottom: 0px; 
    }
    .menu-selection h1 {
        font-size: 3em !important;
    }
    .menu-selection h3 {
        font-size: 2em;
    }
    .menu-selection {
     	padding-top: 20px;   
    }
    .carousel-indicators {
        right: 50px;
    }
    .carousel-control.right {
     	right: 15px;   
    }
    .carousel-control.left {
     	right: 68px;   
    }
}

@media (max-width: 480px) {
 	.carousel-caption {
     	display: none;   
    }
    .ct_local_branch_details {
        font-size: 14px;
    }
    .mod_postcode_box .lead {
     	line-height: 110%;   
        font-size: 30px;
    }
    #postcode_sublead {
     	font-size: 22px;  
    }
    .mod_postcode_box .lead, #postcode_sublead, .mod_postcode_box .col2, .mod_postcode_box .col3{
     	max-widtH: 90%;   
    }
    .social_media_links {
     	displaY: none;   
    }
    .menu-selection .btn {
        width: 100% !important;
    }
     .menu-selection {
     	padding-bottom: 20px;   
    }
   
}

.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;
}

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

.contact-us .ui-widget>.ui-widget-content {
    border-top-width: 0px;
}

#container-category-9133 h3.ui-widget-header {
    background: #ab2222;
    color: #fff;
}

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

/*---SOCIAL MEDIA---*/

.home_social {
	max-width: 100px;
	margin: 10px auto 0px;
}
.home_social .btn {
 	padding: 0px;   
}
.home_social a,
.home_social a:hover {
	background-color: transparent;
}
.home_social a:hover {
	transform: scale(1.1);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.home_social img {
	max-width: 35px;
}
.selected-no-salad {
 	display: none;   	
}