﻿.actions .submit, .viewMenu a {
    display: block;
    padding: 10px 25px;
    font-family: "Ubuntu";
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    background-color: #266abd;
    color: #fff;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

    .actions .submit:hover, .viewMenu a:hover {
        background-color: #1a58a6;
    }

    .actions .submit:focus, .actions .submit:active, .viewMenu a:focus, .viewMenu a:active {
        background-color: #14427d;
    }

.addButton, .removeButton {
    width: 26px;
    height: 26px;
    padding: 0;
    text-align: center;
    line-height: 26px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    outline: 0;
    text-indent: -9999em;
    background-color: #eaeaea;
    background-repeat: no-repeat;
    background-position: center center;
}

    .addButton.on-grey, .removeButton.on-grey {
        background-color: #fff;
    }

    .addButton:hover, .removeButton:hover {
        background-color: #d2d2d2;
    }

    .addButton:focus, .addButton:active, .removeButton:focus, .addButton:focus {
        background-color: #bbb;
    }

#menu button.addButton.offlineProduct {
    text-decoration: none;
}

#basket .checkoutButton, #mobileFixedBasket .viewBasketLink, .advisoryContent .viewMoreButton {
    line-height: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    padding: 9px 5px;
    display: block;
    width: 100%;
    cursor: pointer;
    outline: 0;
}

#mobileFixedBasket .viewBasketLink {
    box-shadow: none;
}

.protoButton.buttonSecondary, .advisoryContent .stayOnMenuButton, #mobileFixedBasket.emptyBasket .viewBasketLink {
    line-height: 30px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    border-radius: 2px;
    border: none;
    padding: 5px;
    display: block;
    width: 100%;
    background-color: #ddd;
    color: #535353;
    box-shadow: none;
    cursor: pointer;
    cursor: hand;
    outline: 0;
}

    .protoButton.buttonSecondary:hover, .protoButton.buttonSecondary:focus, .protoButton.buttonSecondary:active, .advisoryContent .stayOnMenuButton:hover, .advisoryContent .stayOnMenuButton:focus, .advisoryContent .stayOnMenuButton:active, #mobileFixedBasket.emptyBasket .viewBasketLink:hover, #mobileFixedBasket.emptyBasket .viewBasketLink:focus, #mobileFixedBasket.emptyBasket .viewBasketLink:active {
        background-color: #e6e6e6;
        box-shadow: none;
    }

#searchResults .closedRestaurants .viewMenu a {
    display: block;
    padding: 12px 20px;
    font-size: 1.6em;
    font-weight: 500;
    text-align: center;
    text-decoration: none;
    background-color: #e6e6e6;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

    #searchResults .closedRestaurants .viewMenu a:hover {
        background-color: #ddd;
    }

#basket .addMoreItemsButton {
    margin: 20px auto 0;
}

.advisoryContent .viewMoreButton a, .advisoryContent .stayOnMenuButton a {
    text-decoration: none;
}

.aLink {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    background: transparent;
    color: #266abd;
    display: inline-block;
    cursor: pointer;
    text-decoration: none;
}

#searchResults .searchResultsFilter .item:hover, #searchResults .searchResultsFilter .selected .item, #takeawayAreasHeader h1 {
    color: #000;
}

#searchResultsHeader h1, #searchResults .restaurant .openingTime, #searchResults .restaurant .offline, #searchResults .restaurant .collectionOnly, .restaurantOverview .collectionOnly, .restaurantOverview .closed, #login h2, form .errorMessage, .errorSummary ul li a, .errorSummary p, .errorSummary ul, .appUpsell h2, #takeawayAreasHeader .changeCuisine a, #basket .editBasketItemButton, #popularResults .allLinks a, .campaignBanner h2, .campaignBanner p, .miniFistPump h2, .miniFistPump p, #uploadedFilesErrors p, .campaignBanner p a, .miniFistPump p a {
    color: #cd390c;
}

@media screen and (max-width:640px) {
    .linkArchitectureLinks a.toggler {
        color: #cd390c;
    }
}

.campaignBanner, .miniFistPump {
    background-color: #fff;
}

#searchResultsHeader .changeLocation a, .appUpsell a.closeDialog, #basket .deliveryOption.selected .deliveryOptionIcon:after {
    color: #390;
}

.linkArchitectureLinks .hiding a.toggler, .addButton, #menu .category.collapsed .categoryName, #menu .category .categoryName:after, .checkoutButton, #searchResultsHeader h1, #searchResults .restaurants .heading h3, #searchResults .restaurants .heading p, #searchResults .restaurants .phoneOnlyRestaurants .heading p, #searchResults .restaurant .name, #searchResults .restaurant .rating, #searchResults .restaurant .address, #searchResults .restaurant .cuisine, #searchResults .restaurant .delivery, #searchResults .restaurant .deliveryEstimate, #searchResults .restaurant .collectionOnly .begins, #searchResults .restaurant .highlightDetails .sponsored {
    color: #333;
}

#searchResults .searchResultsFilter li .item, #searchResults .searchResultsControls li a.item, .linkArchitectureLinks ul.links a, #basket .basketItemAdditions, .restaurantDescription .restaurantExternalFsaRating a, #menu .product.withSynonyms .details h5, #basket .restaurantNote label {
    color: #666;
}

#searchResults .offlineRestaurant .name, #searchResults .offlineRestaurant .address, #searchResults .offlineRestaurant .cuisine, #searchResults .offlineRestaurant .delivery, .advisoryContent p, #restaurantAdvisoryErrors li {
    color: #999;
}

#basket .deliveryOptionIcon:after {
    color: #ccc;
}

.checkoutButton, #mobileFixedBasket .viewBasketLink, .advisoryContent .viewMoreButton {
    font-family: "Ubuntu";
    background-color: #266abd;
    color: #fff;
}

    .advisoryContent .viewMoreButton a {
        color: #fff;
    }

    .checkoutButton:hover, .advisoryContent .viewMoreButton:active, .advisoryContent .viewMoreButton:hover, .advisoryContent .viewMoreButton:focus {
        background-color: #1a58a6;
    }

.addButton {
    background-image: url(//dy3erx8o0a6nh.cloudfront.net/images/icon/plus-blue.svg);
    background-size: contain;
    color: #266abd;
}

.removeButton {
    background-image: url(//dy3erx8o0a6nh.cloudfront.net/images/icon/minus-gray.svg);
    background-size: 26px 26px;
    color: #535353;
}

    .removeButton:hover {
        background-image: url(//dy3erx8o0a6nh.cloudfront.net/images/icon/minus-blue.svg);
    }

.warningSummary {
    background-color: #fff7ec;
}

.addButton.disabled {
    opacity: .3;
}

.checkoutButton.disabled {
    background-color: #ddd;
    color: #535353;
    opacity: 1;
    cursor: default !important;
}

input::-webkit-input-placeholder {
    color: #666;
}

input::-moz-placeholder {
    color: #666;
}

input:-ms-input-placeholder {
    color: #666;
}

input:-moz-placeholder {
    color: #666;
}

#errorSummaryLink, form legend .errorIndicator, form label .errorIndicator {
    position: absolute;
    left: -9999em;
}

.standardControl {
    margin-bottom: 13px;
}

    .standardControl .indicator label {
        display: block;
        font-size: 14px;
        font-weight: 500;
        color: #535353;
        line-height: 1.44;
        margin: 5px 0;
    }

    .standardControl .control input, .standardControl .control select {
        display: block;
        box-sizing: border-box;
        padding: 12px;
        font-size: 1.4em;
        color: #555;
        background-color: #fff;
        border: 1px solid #cacaca;
        border-radius: 3px;
        box-shadow: none;
        -webkit-appearance: none;
    }

    .standardControl .control select {
        height: 42px;
        -webkit-appearance: menulist;
    }

    .standardControl.standardControl--multiple-inputs .control {
        margin-bottom: 16px;
    }

        .standardControl.standardControl--multiple-inputs .control:last-child {
            margin-bottom: 0;
        }

.checkboxControl.hidden {
    display: none;
}

.checkboxControl label {
    display: block;
    padding: 2px 0 0 20px;
    font-size: 1.4em;
    margin-bottom: 10px;
}

.checkboxControl input {
    float: left;
    margin: 5px 0;
}

    .checkboxControl input[disabled="disabled"] ~ label {
        opacity: .5;
    }

.actions .submit {
    box-sizing: content-box;
    -webkit-appearance: none;
}

.errorMessage {
    font-size: 1.4em;
    margin-top: 10px;
}

.errorSummary {
    background-color: #eaeaea;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px;
}

    .errorSummary ul {
        margin-left: 30px;
    }

        .errorSummary ul li {
            font-size: 1.4em;
            margin-bottom: 4px;
        }

    .errorSummary p {
        font-size: 1.4em;
        margin-bottom: 10px;
    }

.warningSummary {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 3px;
}

    .warningSummary p {
        text-align: center;
        font-size: 14px;
    }

body.showModal {
    overflow: hidden;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: #e3e3e3;
    opacity: .5;
}

.dialog {
    position: absolute;
}

    .dialog .wrapper {
        background: #fff;
        position: relative;
    }

        .dialog .wrapper .close {
            position: absolute;
            right: 10px;
            top: 10px;
        }

.social_sprite-icon {
    background-image: url("//d30v2pzvrfyzpo.cloudfront.net/images/social.png");
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin-right: 2px;
}

.social_sprite-icon-blog {
    width: 24px;
    height: 24px;
    background-position: -5px -5px;
}

.social_sprite-icon-facebook {
    width: 24px;
    height: 24px;
    background-position: -39px -5px;
}

.social_sprite-icon-googleplus {
    width: 24px;
    height: 24px;
    background-position: -5px -39px;
}

.social_sprite-icon-twitter {
    width: 24px;
    height: 24px;
    background-position: -39px -39px;
}

.countries_sprite {
    display: none;
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.countries_sprite-ar {
    width: 19px;
    height: 16px;
    background-position: -1px -1px;
}

.countries_sprite-be {
    width: 19px;
    height: 16px;
    background-position: -22px -1px;
}

.countries_sprite-br {
    width: 19px;
    height: 16px;
    background-position: -43px -1px;
}

.countries_sprite-ca {
    width: 19px;
    height: 16px;
    background-position: -1px -19px;
}

.countries_sprite-ch {
    width: 19px;
    height: 16px;
    background-position: -22px -19px;
}

.countries_sprite-dk {
    width: 19px;
    height: 16px;
    background-position: -43px -19px;
}

.countries_sprite-es {
    width: 19px;
    height: 16px;
    background-position: -1px -37px;
}

.countries_sprite-fr {
    width: 19px;
    height: 16px;
    background-position: -22px -37px;
}

.countries_sprite-ie {
    width: 19px;
    height: 16px;
    background-position: -43px -37px;
}

.countries_sprite-in {
    width: 19px;
    height: 16px;
    background-position: -1px -55px;
}

.countries_sprite-it {
    width: 19px;
    height: 16px;
    background-position: -22px -55px;
}

.countries_sprite-nl {
    width: 19px;
    height: 16px;
    background-position: -43px -55px;
}

.countries_sprite-no {
    width: 19px;
    height: 16px;
    background-position: -64px -1px;
}

.countries_sprite-uk {
    width: 19px;
    height: 16px;
    background-position: -64px -19px;
}

.restaurantNote, #recaptcha {
    display: block;
    margin: 0 8px 20px;
    background-color: #fff;
    box-shadow: 0 1px 0 #c9c9c9;
    border-radius: 3px;
}

.materialCard p {
    margin-bottom: 20px;
    color: #999;
    font-size: 12px;
    font-size: 1.2em;
    text-align: center;
}

@media screen and (max-width:640px) {
    .restaurantNote, #recaptcha {
        margin: 10px;
    }
}

#menu .category, #basket .basketSubTotal, #mobileFixedBasket {
    border-top: 1px solid #dfdfdf;
}

#menu #cat0.category {
    border-top: none;
}

.js #advisoryContainer, .advisoryDialog.hide, .js .advisoryDialog, .js #invalidPostcode, .js #validPostcode, .js #modalContainer, .js #nonJsOverlay {
    display: none;
}

    .js .advisoryDialog.hide.show, .js .advisoryDialog.show, .advisoryDialog.alwaysShow #invalidPostcode, .advisoryDialog.alwaysShow #validPostcode, .js #advisoryContainer.hide.show, .js #advisoryContainer.show, .js #modalContainer.show, .js #modalContainer.hide.show, #advisoryOverlay.nonJs, .advisoryDialog.nonJs, #invalidPostcode.nonJs, #validPostcode.nonJs {
        display: block;
    }

#advisoryOverlay, #nonJsOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-color: #000;
    opacity: .65;
    filter: alpha(opacity=65);
    z-index: 3;
}

#advisoryContainer, #modalContainer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 2;
}

.advisoryDialog, #modalContent {
    position: absolute;
    top: 0;
    z-index: 4;
    overflow: auto;
}

    .advisoryDialog.nonJs {
        right: 0;
    }

    #modalContent .closeDialogButton {
        float: right;
        margin: 18px 14px 0 0;
        height: 15px;
        width: 15px;
        cursor: pointer;
    }

    #modalContent .closeDialogButton {
        position: absolute;
        right: 0;
        top: 0;
    }

        #modalContent .closeDialogButton img {
            height: 100%;
            width: 100%;
        }

.advisoryContent, #modalContent {
    width: 420px;
    padding: 20px;
    background-color: #fff;
    margin: 50px auto 0;
    border-radius: 3px;
}

    .advisoryContent h2 {
        text-align: center;
        font-size: 2.4em;
        margin-bottom: 20px;
    }

    .advisoryContent p {
        font-size: 1.8em;
        margin-bottom: 20px;
    }

    #modalContent h2 {
        text-align: center;
        font-size: 2em;
    }

    #modalContent p {
        font-size: 1.4em;
        margin-top: 20px;
    }

    #modalContent h2, #modalContent p, #allergyInfo .advisoryContent p {
        color: #333;
    }

@media screen and (max-width:500px) {
    #modalContent, .advisoryContent {
        width: auto;
        margin: 50px 10px 0;
    }

    #modalContent {
        min-width: 150px;
    }
}

@font-face {
    font-family: 'JustEatIcons';
    src: url("../../../fonts/JustEatIcons.eot");
    src: url("../../../fonts/JustEatIcons.eot?#iefix") format("embedded-opentype"),url("../../../fonts/JustEatIcons.woff") format("woff"),url("../../../fonts/JustEatIcons.ttf") format("truetype"),url("../../../fonts/JustEatIcons.svg#JustEatIcons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.l-container, .l-row, .l-col {
    box-sizing: border-box;
}

.l-container {
    width: 100%;
    max-width: 1004px;
    margin-right: auto;
    margin-left: auto;
}

.l-container--inner {
    padding-left: 16px;
    padding-right: 16px;
}

.l-row {
    margin-left: -16px;
}

    .l-row:after {
        display: table;
        clear: both;
        content: '';
    }

.l-col {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 16px;
}

.l-col--center {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.l-col--revert {
    float: right;
}

.l-col--xs-1 {
    width: 25%;
}

.l-col--xs-2 {
    width: 50%;
}

.l-col--xs-3 {
    width: 75%;
}

.l-col--xs-4 {
    width: 100%;
}

@media(min-width:768px) {
    .l-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .l-col--md-1 {
        width: 8.33333%;
    }

    .l-col--md-offset-1 {
        margin-left: 8.33333%;
    }

    .l-col--md-2 {
        width: 16.66667%;
    }

    .l-col--md-offset-2 {
        margin-left: 16.66667%;
    }

    .l-col--md-3 {
        width: 25%;
    }

    .l-col--md-offset-3 {
        margin-left: 25%;
    }

    .l-col--md-4 {
        width: 33.33333%;
    }

    .l-col--md-offset-4 {
        margin-left: 33.33333%;
    }

    .l-col--md-5 {
        width: 41.66667%;
    }

    .l-col--md-offset-5 {
        margin-left: 41.66667%;
    }

    .l-col--md-6 {
        width: 50%;
    }

    .l-col--md-offset-6 {
        margin-left: 50%;
    }

    .l-col--md-7 {
        width: 58.33333%;
    }

    .l-col--md-offset-7 {
        margin-left: 58.33333%;
    }

    .l-col--md-8 {
        width: 66.66667%;
    }

    .l-col--md-offset-8 {
        margin-left: 66.66667%;
    }

    .l-col--md-9 {
        width: 75%;
    }

    .l-col--md-offset-9 {
        margin-left: 75%;
    }

    .l-col--md-10 {
        width: 83.33333%;
    }

    .l-col--md-offset-10 {
        margin-left: 83.33333%;
    }

    .l-col--md-11 {
        width: 91.66667%;
    }

    .l-col--md-offset-11 {
        margin-left: 91.66667%;
    }

    .l-col--md-12 {
        width: 100%;
    }

    .l-col--md-offset-12 {
        margin-left: 100%;
    }
}

@media(min-width:1025px) {
    .l-col--lg-1 {
        width: 8.33333%;
    }

    .l-col--lg-offset-1 {
        margin-left: 8.33333%;
    }

    .l-col--lg-2 {
        width: 16.66667%;
    }

    .l-col--lg-offset-2 {
        margin-left: 16.66667%;
    }

    .l-col--lg-3 {
        width: 25%;
    }

    .l-col--lg-offset-3 {
        margin-left: 25%;
    }

    .l-col--lg-4 {
        width: 33.33333%;
    }

    .l-col--lg-offset-4 {
        margin-left: 33.33333%;
    }

    .l-col--lg-5 {
        width: 41.66667%;
    }

    .l-col--lg-offset-5 {
        margin-left: 41.66667%;
    }

    .l-col--lg-6 {
        width: 50%;
    }

    .l-col--lg-offset-6 {
        margin-left: 50%;
    }

    .l-col--lg-7 {
        width: 58.33333%;
    }

    .l-col--lg-offset-7 {
        margin-left: 58.33333%;
    }

    .l-col--lg-8 {
        width: 66.66667%;
    }

    .l-col--lg-offset-8 {
        margin-left: 66.66667%;
    }

    .l-col--lg-9 {
        width: 75%;
    }

    .l-col--lg-offset-9 {
        margin-left: 75%;
    }

    .l-col--lg-10 {
        width: 83.33333%;
    }

    .l-col--lg-offset-10 {
        margin-left: 83.33333%;
    }

    .l-col--lg-11 {
        width: 91.66667%;
    }

    .l-col--lg-offset-11 {
        margin-left: 91.66667%;
    }

    .l-col--lg-12 {
        width: 100%;
    }

    .l-col--lg-offset-12 {
        margin-left: 100%;
    }
}

* {
    margin: 0;
    padding: 0;
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    /*font-size: 100%;*/
    font-family: "Hind Vadodara","Helvetica Neue",Helvetica,sans-serif;
    /*font-weight: 300;*/
    color: #535353;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

a {
    color: inherit;
}

    a img {
        border: none;
    }

h1, h2, h3 {
    font-weight: 500;
    font-family: "Ubuntu";
    color: #333;
}

strong {
    font-weight: 500;
}

ul {
    list-style: none;
}

input, textarea, select, button {
    font-family: inherit;
}

.hide {
    display: none;
}

.off {
    position: absolute;
    top: 0 !important;
    left: -9999em !important;
}

.disabled {
    -ms-opacity: .5;
    opacity: .5;
}

.warning {
    background-color: #f7e1a8;
    color: #333;
}

.u-clearfix:before, .u-clearfix:after {
    content: ' ';
    display: table;
    clear: both;
}

.u-ellipsis {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.is-hidden {
    display: none;
}

#menuSwitcherAlert:after, #footerInner:after {
    clear: both;
    content: '.';
    display: block;
    height: 0;
    visibility: hidden;
}

.visually-hidden-text, .c-search label, #basket .removeBasketItemButton .textLabel, #notesContainer .clearNoteButton .textLabel, .addButton .textLabel {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.c-screen-sizer {
    display: none;
    content: "414px,768px,1025px,1280px";
}

.u-negativeSpace--top {
    margin-top: -50px;
}

@media screen and (min-width:768px) {
    .u-negativeSpace--top {
        margin-top: -100px;
    }
}

.o-btn {
    display: inline-block;
    padding: 16px 25px;
    font-size: 16px;
    font-family: "Ubuntu";
    font-weight: 500;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    -webkit-appearance: none;
    box-sizing: border-box;
    outline: none;
    min-width: 128px;
}

    .o-btn.is-disabled, .o-btn[disabled] {
        cursor: default;
        background-color: #cacaca !important;
        color: #535353 !important;
    }

    .o-btn.is-loading, .o-btn.spinner {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon_loader_arrow.gif");
        background-clip: border-box;
        background-size: 20px 20px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
    }

.o-btn--primary {
    background-color: #266abd;
    color: #fff;
}

    .o-btn--primary:hover {
        background-color: #14509c;
    }

    .o-btn--primary:active, .o-btn--primary:focus {
        background-color: #14427d;
    }

.o-btn--secondary {
    background-color: #eaeaea;
    color: #266abd;
}

    .o-btn--secondary:hover {
        background-color: #cacaca;
    }

    .o-btn--secondary:active, .o-btn--secondary:focus {
        background-color: #bbb;
    }

    .o-btn--secondary.on-grey {
        background-color: #fff;
    }

.o-btn--third {
    background-color: #fff;
    border-color: #535353;
    color: #535353;
    font-weight: 300;
}

    .o-btn--third:hover {
        color: #14509c;
    }

    .o-btn--third:active {
        border-color: #2bace4;
    }

.o-btn--mid {
    padding: 10px 20px;
    font-size: 14px;
}

.o-btn--sml {
    padding: 7px;
    font-size: 12px;
}

.o-btn--fwidth {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.o-btn__group-2 {
    margin-left: auto;
    margin-right: auto;
    max-width: 310px;
}

    .o-btn__group-2 .o-btn {
        float: left;
        width: 48%;
        box-sizing: border-box;
        padding-left: 8px;
        padding-right: 8px;
    }

        .o-btn__group-2 .o-btn:first-child {
            margin-right: 4%;
        }

.o-btn--reset {
    background: none;
    padding: 0 20px 20px;
}

.o-alert {
    display: block;
    max-height: 50px;
    width: 100%;
    overflow: hidden;
    position: fixed;
    top: -50px;
    left: 0;
    background-color: #04822c;
    transition: top .5s ease-in-out;
}

    .o-alert.is-visible {
        top: 0;
    }

        .o-alert.is-visible input:checked ~ label {
            display: none;
        }

    .o-alert input {
        display: none;
    }

    .o-alert label {
        display: block;
        position: relative;
        max-width: 940px;
        margin: 0 auto;
        padding: 10px 20px 10px 10px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        text-align: center;
        color: #fff;
        cursor: pointer;
    }

        .o-alert label:after {
            content: '';
            position: absolute;
            top: 12px;
            right: 10px;
            width: 10px;
            height: 10px;
            background: url("//dy3erx8o0a6nh.cloudfront.net/images/icon-close-banner.png") no-repeat center center;
            background-size: 10px 10px;
        }

.o-alert--error {
    background-color: #d50525;
}

#userNotification, #userNotification.display #dismissNotification:checked ~ label {
    display: block;
    max-height: 50px;
    position: fixed;
    top: -50px;
    left: 0;
    width: 100%;
    background-color: #04822c;
    overflow: hidden;
    transition: top .5s ease-in-out;
    z-index: 3;
}

    #userNotification.error {
        background-color: #fd6b66;
    }

    #userNotification.display {
        top: 0;
    }

    #userNotification #dismissNotification {
        display: none;
    }

    #userNotification label {
        display: block;
        position: relative;
        width: 940px;
        margin: 0 auto;
        padding: 10px 20px 10px 10px;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
        text-align: center;
        color: #fff;
    }

        #userNotification label:hover {
            cursor: pointer;
        }

        #userNotification label:after {
            content: '';
            position: absolute;
            top: 12px;
            right: 10px;
            width: 10px;
            height: 10px;
            background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon-close-banner.png");
            background-repeat: no-repeat;
            background-size: 10px 10px;
            background-position: center center;
        }

@media screen and (max-width:960px) {
    #userNotification label {
        width: auto;
    }
}

.o-sidebar {
    margin-right: 20px;
    font-size: 1.4em;
}

    .o-sidebar h3 {
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .o-sidebar ul {
        list-style: none;
    }

    .o-sidebar li {
        display: inline-block;
        border-left: 1px solid #eaeaea;
        width: 100%;
    }

    .o-sidebar a, .o-sidebar .is-active {
        display: block;
        padding: 10px;
        margin-bottom: 3px;
        font-weight: 300;
        text-decoration: none;
    }

        .o-sidebar a:hover, .o-sidebar .is-active {
            border-left: 1px solid #d50525;
            color: #1a1a1a;
            font-weight: 500;
        }

.o-tile {
    display: block;
    overflow: hidden;
    padding: 16px 0;
    text-decoration: none;
    position: relative;
}

.o-tile__link {
    text-decoration: none;
    width: 100%;
}

.o-tile__hidden {
    display: none;
}

.o-tile__image {
    float: left;
    margin-right: 16px;
}

    .o-tile__image img {
        display: block;
    }

.o-tile__aside {
    float: right;
    margin-left: 16px;
    text-align: right;
}

    .o-tile__aside.o-tile__aside--action {
        position: absolute;
        height: 100%;
        top: 0;
        right: 0;
        margin: 0;
        padding-left: 16px;
    }

        .o-tile__aside.o-tile__aside--action .o-btn {
            position: relative;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            top: 50%;
        }

.o-label {
    position: relative;
    display: inline-block;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    background-color: #666;
    color: #fff;
}

.o-label--green {
    background-color: #04822c;
}

.o-label--orange {
    background-color: #cd390c;
}

.o-label--red {
    background-color: #d50525;
}

.o-label--gray {
    background-color: #757575;
}

.o-label--concrete {
    background-color: #f5f5f5;
    color: #333;
}

.o-label--ribbon {
    padding-right: 15px;
}

    .o-label--ribbon:after {
        content: '';
        border: 11px solid transparent;
        border-right-width: 7px;
        border-right-color: #fff;
        position: absolute;
        right: -1px;
        top: 0;
    }

.o-imageLabel {
    display: block;
    background-repeat: no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    background-size: contain;
}

.o-imageLabel--localLegend {
    height: 35px;
    margin-bottom: 8px;
    background-position: top left;
    min-width: 95px;
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/local-legend/ll-desktop-icon.png");
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:75.6dpcm),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .o-imageLabel--localLegend {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/local-legend/ll-desktop-icon@3x.png");
    }
}

@media screen and (max-width:768px) {
    .o-imageLabel--localLegend {
        min-width: 60px;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/local-legend/ll-mobile-icon.png");
    }
}

@media only screen and (max-width:768px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:768px) and (min-resolution:75.6dpcm),only screen and (max-width:768px) and (min-resolution:192dpi),only screen and (max-width:768px) and (min-resolution:2dppx) {
    .o-imageLabel--localLegend {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/local-legend/ll-mobile-icon@3x.png");
    }
}

[class*='btawinner'] {
    background-color: #ead9f0;
    color: #3b1249;
    margin: 0 2px 2px 0;
}

[class*='-label--newownership'] {
    background-color: #fff1df;
    color: #535353;
    margin: 0 2px 2px 0;
}

[class*='-label--triedandtasted'] {
    background-color: #f2fae2;
    color: #04822c;
    margin: 0 2px 2px 0;
}

[class*='-label--xfactorpromo'] {
    background-color: #333;
    color: #fff;
    margin: 0 2px 2px 0;
}

[class*='-label--sundayspecial'] {
    background-color: #d9f2fb;
    color: #1179c0;
    margin: 0 2px 2px 0;
}

[class*='o-menu-label'] {
    width: 85%;
    display: block;
    text-align: center;
    margin: 8px auto;
}

.o-card {
    margin-bottom: 16px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #eaeaea;
}

.o-card__wrapper, .o-card--padding {
    padding: 16px;
}

.o-card--gray {
    background-color: #f5f5f5;
}

@media screen and (min-width:768px) {
    .o-card {
        border-radius: 2px;
    }
}

.o-list__title {
    padding: 16px;
    border-bottom: 1px solid #cacaca;
    color: #f50028;
    font-size: 20px;
    line-height: 24px;
}

.o-list__more {
    padding: 8px 0 21px;
    border-top: 1px solid #cacaca;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
}

    .o-list__more a {
        color: #266abd;
        text-decoration: none;
    }

        .o-list__more a:hover {
            text-decoration: underline;
        }

@media screen and (min-width:768px) {
    .o-list__title {
        font-size: 24px;
        line-height: 28px;
    }
}

.o-loader {
    text-align: center;
    margin: 20px auto;
}

    .o-loader:after {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 12px;
        width: 12px;
        border-radius: 50%;
        border: 2px solid rgba(0,0,0,.2);
        border-left: 2px solid #333;
        will-change: transform;
        -webkit-animation: spinner .5s infinite linear;
        animation: spinner .5s infinite linear;
    }

.o-radio {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    border: 0;
    margin: 4px 8px 4px 0;
    cursor: pointer;
}

    .o-radio:before {
        content: '';
        position: absolute;
        border: 1px solid #333;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background-color: #fff;
        top: 0;
        left: 0;
    }

    .is-selected .o-radio:before, .selected .o-radio:before, .o-radio:checked:before {
        border: 1px solid #266abd;
    }

    .is-selected .o-radio:after, .selected .o-radio:after, .o-radio:checked:after {
        content: '';
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #266abd;
        top: 5px;
        left: 5px;
    }

.is-selected .o-checkbox {
    background-color: #266abd;
}

    .is-selected .o-checkbox:before {
        top: 3px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(45deg);
        transform: translateX(-50%) rotate(45deg);
        border: 2px solid #fff;
        background-color: transparent;
        width: 20%;
        height: 50%;
        border-top: 0;
        border-left: 0;
    }

.o-icon {
    display: inline-block;
    vertical-align: middle;
    background: no-repeat center center;
    background-size: contain;
    speak: none;
}

.o-icon--pin {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/pin-filled.svg");
    width: 10px;
    height: 12px;
}

.o-icon--collection {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon/collection-order-orange.svg");
    width: 18px;
    height: 16px;
}

.o-icon--delivery {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon/delivery-orange.svg");
    width: 22px;
    height: 16px;
}

.o-icon--cuisine {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/Cuisine.svg");
    width: 16px;
    height: 19px;
}

.o-icon--search {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/search.svg");
    width: 16px;
    height: 19px;
}

.o-icon--list {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/filter_4.svg");
    width: 16px;
    height: 16px;
}

.o-icon--filter {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/Filter_alt.svg");
    width: 25px;
    height: 20px;
}

.o-icon--chevron-up {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/up-chevron.svg");
    width: 20px;
    height: 11px;
}

.o-icon--loyaltyStamp {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/lunchtime/icon--loyaltyStamp.svg");
    width: 30px;
    height: 30px;
}

.o-icon--loyaltyStampFilled {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/lunchtime/icon--loyaltyStampFilled.svg");
    width: 30px;
    height: 30px;
}

.o-icon--walkingMan {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/lunchtime/icon--walkingMan.svg");
    width: 12px;
    height: 18px;
}

.o-link {
    color: #266abd;
    text-decoration: none;
    text-decoration: underline;
}

    .o-link:hover {
        color: #14509c;
    }

    .o-link:focus, .o-link:active {
        color: #14427d;
    }

.o-link--inline {
    color: #333;
}

    .o-link--inline:hover {
        color: #000;
    }

.o-link--primary {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
}

.o-divider {
    font-size: 14px;
    line-height: 18px;
    margin: 16px 0;
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

    .o-divider > span {
        position: relative;
        display: inline-block;
    }

        .o-divider > span:before, .o-divider > span:after {
            content: '';
            position: absolute;
            top: 50%;
            width: 9999px;
            height: 1px;
            background: #cacaca;
        }

        .o-divider > span:before {
            right: 100%;
            margin-right: 16px;
        }

        .o-divider > span:after {
            left: 100%;
            margin-left: 16px;
        }

.c-account {
    margin-top: 24px;
}

@media screen and (max-width:767px) {
    .c-account .o-sidebar {
        display: none;
    }
}

.c-account__title {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

@media screen and (min-width:520px) {
    .c-account__title {
        padding-left: 16%;
        padding-right: 16%;
    }
}

@media screen and (min-width:768px) {
    .c-account__title {
        padding: 0;
    }
}

.c-account__subtitle {
    margin-top: 16px;
    margin-bottom: 16px;
    font-size: 18px;
}

    .c-account__subtitle:first-of-type {
        margin-top: 0;
    }

.c-account__title, .c-account__subtitle {
    font-weight: 300;
}

.c-account__group {
    position: relative;
    border: 0;
    margin-top: 32px;
    margin-bottom: 32px;
    padding-top: 32px;
}

    .c-account__group:before {
        content: '';
        background-color: #eaeaea;
        height: 1px;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .c-account__group:first-of-type {
        margin-top: 0;
        padding-top: 0;
    }

        .c-account__group:first-of-type:before {
            display: none;
        }

    .c-account__group:last-of-type {
        margin-bottom: 16px;
    }

.c-account__card {
    padding: 24px;
    border: 1px solid #eaeaea;
    background-color: #fff;
}

.c-account__content {
    background-color: #fbf9f9;
    padding: 32px 16px;
    min-height: 200px;
}

@media screen and (min-width:520px) {
    .c-account__content {
        padding: 32px 16%;
    }
}

@media screen and (min-width:768px) {
    .c-account__content {
        margin-bottom: 64px;
    }
}

.c-account__content .actions {
    margin-top: 32px;
}

.c-account__placeholder {
    font-size: 14px;
    padding: 16px;
}

.c-account__btn {
    min-width: 240px;
}

@media screen and (max-width:519px) {
    .c-account__btn {
        width: 100%;
    }
}

.c-account__btn + .c-account__btn {
    margin-top: 16px;
}

.c-account__inlineMessage p {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
}

.c-account .standardControl:last-of-type {
    margin-bottom: 0;
}

.c-account .standardControl .indicator label {
    margin-top: 0;
}

.c-account .standardControl input {
    font-weight: 500;
}

.c-account .standardControl p {
    font-size: 14px;
    line-height: 18px;
}

.c-account__group[disabled='true'] input {
    border: none;
    padding: 0;
}

.c-account-info input {
    width: 100%;
}

@media screen and (max-width:767px) {
    .c-account-info {
        margin: 0 auto;
    }
}

.c-account-info__form {
    padding: 0;
}

@media screen and (max-width:767px) {
    .c-account-address {
        margin: 0 auto;
    }
}

.c-account-address-create {
    display: block;
    margin: 0 auto;
}

.c-addressList__item {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
}

.c-addressList__link {
    display: inline-block;
    margin-top: 8px;
}

.c-addressList__name {
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 8px;
}

.c-addressList__button {
    float: right;
    background-color: transparent;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+PHBhdGggZmlsbD0iIzI2NkFCRCIgZD0iTTcgN3YxNS43NWMwIC45NjYuNzg0IDEuNzUgMS43NSAxLjc1aDEwLjVBMS43NSAxLjc1IDAgMCAwIDIxIDIyLjc1VjdIN3ptMi45NTgtMS4xNjdhNC4wODQgNC4wODQgMCAwIDEgOC4wODQgMGg1Ljg3NWEuNTgzLjU4MyAwIDAgMSAwIDEuMTY3aC0xLjc1djE1Ljc1YTIuOTE3IDIuOTE3IDAgMCAxLTIuOTE3IDIuOTE3SDguNzVhMi45MTcgMi45MTcgMCAwIDEtMi45MTctMi45MTdWN2gtMS43NWEuNTgzLjU4MyAwIDAgMSAwLTEuMTY3aDUuODc1em0xLjE4NCAwaDUuNzE2YTIuOTE4IDIuOTE4IDAgMCAwLTUuNzE2IDB6bS0uNjQyIDUuMjV2OS4zMzRhLjU4My41ODMgMCAxIDAgMS4xNjcgMHYtOS4zMzRhLjU4My41ODMgMCAwIDAtMS4xNjcgMHptNS44MzMgMHY5LjMzNGEuNTgzLjU4MyAwIDAgMCAxLjE2NyAwdi05LjMzNGEuNTgzLjU4MyAwIDEgMC0xLjE2NyAweiIvPjwvc3ZnPg==");
    border: 0;
    width: 20px;
    height: 20px;
    text-indent: -99999px;
}

    .c-addressList__button:hover {
        cursor: pointer;
    }

.c-account-credit table, .c-account-credit p {
    font-size: 14px;
    line-height: 18px;
}

.c-account-credit th {
    text-align: left;
}

.c-account-credit th, .c-account-credit td {
    padding: 8px;
}

    .c-account-credit td:last-child {
        text-align: right;
    }

.c-account-credit tfoot {
    font-weight: 500;
}

.c-account-credit h1 {
    padding: 0;
}

.c-account-credit .validation-summary-errors p {
    display: none;
}

.c-account-credit .alert {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
}

.c-account-credit .c-account__card {
    margin-top: 16px;
}

.c-account-credit__input {
    flex: 1;
    height: 44px;
}

@media screen and (max-width:519px) {
    .c-account-credit__input {
        flex-basis: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:849px) {
    .c-account-credit__input {
        flex-basis: 100%;
    }
}

@media screen and (max-width:519px) {
    .c-account-credit__btn {
        margin-top: 8px;
        width: 100%;
    }
}

@media screen and (min-width:768px) and (max-width:849px) {
    .c-account-credit__btn {
        margin-top: 8px;
        width: 100%;
        border-radius: 0;
    }
}

@media screen and (min-width:768px) {
    .c-account-credit__btn {
        border-radius: 0 2px 2px 0;
    }
}

.c-account-credit__form__control-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.c-account-credit__form-text {
    font-weight: 500;
}

.c-account-credit__description {
    color: #000;
    font-weight: 300;
}

.c-account-credit__balance__title {
    margin-bottom: 0;
}

.c-account-credit__balance__amount {
    color: #04822c;
}

.c-account-credit__history th {
    border-bottom: 1px solid #eaeaea;
}

.c-account-credit__history th, .c-account-credit__history td {
    padding-left: 0;
}

.c-account-payments {
    padding: 0;
    font-size: 16px;
    line-height: 19px;
}

.c-account-payments__empty {
    font-weight: 500;
}

.c-savedCard {
    padding: 8px 16px;
    border: #eaeaea 1px solid;
    background: #fff;
    color: #535353;
    margin-top: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

    .c-savedCard:first-of-type {
        margin-top: 0;
    }

.c-savedCard-info {
    flex-grow: 1;
    flex-basis: 50%;
}

.c-savedCard--expired {
    background: #fee;
    border: #d50525 solid 1px;
}

@media screen and (max-width:767px) {
    .c-savedCard-remove {
        flex-basis: 100%;
    }
}

@media screen and (max-width:519px) {
    .c-savedCard-remove input {
        width: 100%;
    }
}

@media screen and (max-width:767px) {
    .c-savedCard-remove input {
        display: block;
        margin: 16px auto 0;
    }
}

.c-account .alert-danger.validation-summary-valid {
    display: none;
}

.c-account .alert-success {
    border: #cacaca 1px solid;
    padding: 8px;
}

.c-account .alert-success {
    background: #f2fae2;
    border: #00ac41 1px solid;
    margin-bottom: 16px;
}

.c-account .alert-danger p {
    display: none;
}

.c-account .alert-danger ul {
    background: #fee;
    border: #d50525 solid 1px;
    padding: 16px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    color: #535353;
    list-style: disc;
}

.c-account .alert-danger li {
    margin-top: 8px;
    margin-left: 32px;
}

    .c-account .alert-danger li:first-child {
        margin-top: 0;
    }

.c-account__delete-account {
    border-top: #cacaca solid 1px;
    padding-top: 16px;
    margin-top: 24px;
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

    .c-account__delete-account a {
        color: #266abd;
    }

.c-account__change-password, .c-account-delete_submit {
    padding-top: 16px;
}

.c-account-delete .alert-danger p {
    border-radius: 10px;
    padding: 8px;
    background: #fee;
    border: #d50525 solid 1px;
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#searchResults #searchResultsHeaderInner {
    padding: 0 10px;
}

#searchResults .noRestaurantsForCuisine {
    box-sizing: border-box;
    margin: 0 10px;
    width: auto;
}

@media screen and (min-width:768px) {
    #searchResults .noRestaurantsForCuisine {
        margin: 0;
        padding: 20px;
    }
}

.c-searchFilter {
    display: block;
    padding: 0;
    margin: 0 0 10px;
}

@media screen and (min-width:768px) {
    .c-searchFilter {
        padding: 0;
        margin: 0;
        background-color: transparent;
        box-shadow: none;
    }
}

.c-searchFilter__toggler {
    display: block;
    margin: 0;
    padding: 10px;
    font-size: 12px;
}

    .c-searchFilter__toggler h2 {
        margin: 0;
    }

    .c-searchFilter__toggler a {
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        color: #333;
    }

@media screen and (max-width:767px) {
    .js .c-searchFilter__toggler a {
        display: block;
        border-radius: 3px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        outline: 0;
        -webkit-appearance: none;
        background-color: #fff;
        border: 1px solid #dfdfdf;
        float: right;
        padding: 5px 18px;
        line-height: 1;
    }
}

@media screen and (min-width:768px) {
    .c-searchFilter__toggler {
        margin-bottom: 2px;
        padding: 15px 0;
    }

        .c-searchFilter__toggler a {
            font-weight: 500;
        }
}

.c-searFilter__breadcrumb {
    margin-right: 80px;
    padding: 5px 0;
}

    .c-searFilter__breadcrumb span {
        padding-left: 15px;
        background: url("//dy3erx8o0a6nh.cloudfront.net/images/serp/arrow_right.png") no-repeat 3px;
    }

        .c-searFilter__breadcrumb span:first-child {
            padding-left: 0;
            background: none;
        }

@media screen and (min-width:768px) {
    .c-searFilter__breadcrumb {
        display: none;
    }
}

.c-searchFilter__container {
    padding: 0;
}

    .c-searchFilter__container .filter {
        border-top: 1px solid #dfdfdf;
        padding: 10px 0;
        line-height: 1.5;
        font-size: 12px;
        overflow: hidden;
    }

    .c-searchFilter__container h3 {
        padding-bottom: 10px;
        font-size: 12px;
        color: #757575;
        text-transform: uppercase;
    }

    .c-searchFilter__container ul {
        margin: 0;
        padding: 0;
    }

    .c-searchFilter__container li {
        margin: 0;
        padding: 5px 10px;
        line-height: 26px;
        font-size: 14px;
        list-style: none;
        color: #757575;
        overflow: hidden;
    }

        .c-searchFilter__container li a {
            float: left;
            display: block;
            width: 100%;
            color: #757575;
            text-decoration: none;
        }

            .c-searchFilter__container li a:hover, .c-searchFilter__container li a:hover span.name {
                text-decoration: underline;
            }

        .c-searchFilter__container li .name {
            float: left;
            display: block;
            width: 80%;
        }

        .c-searchFilter__container li .restaurantCount {
            float: right;
            width: 12%;
            text-align: right;
        }

        .c-searchFilter__container li.is-selected {
            background-color: #fff;
            font-weight: 700;
        }

@media screen and (min-width:768px) {
    .c-searchFilter__container h3 {
        padding-left: 10px;
    }
}

@media screen and (max-width:767px) {
    .js .c-searchFilter__container {
        display: none;
    }

        .js .c-searchFilter__container.is-visible {
            display: block;
        }
}

.c-postcodeFilter {
    display: block;
    float: none;
    margin: 20px 10px 40px;
    width: auto;
    padding: 0;
    overflow: hidden;
}

    .c-postcodeFilter .standardControl .control {
        padding-right: 27px;
    }

    .c-postcodeFilter .actions {
        padding-right: 42px;
    }

        .c-postcodeFilter .standardControl .control input, .c-postcodeFilter .actions .submit {
            width: 100%;
        }

@media screen and (min-width:768px) {
    .c-postcodeFilter {
        margin: 0 0 20px;
    }

        .c-postcodeFilter form {
            position: relative;
        }

        .c-postcodeFilter .actions {
            padding-right: 0;
            position: absolute;
            top: 0;
            left: 300px;
            max-width: 150px;
        }

        .c-postcodeFilter .standardControl .control input {
            width: 260px;
            float: left;
        }

        .c-postcodeFilter .errorMessage {
            clear: left;
            padding-top: 5px;
            padding-left: 13px;
            margin-bottom: -10px;
        }
}

#postCodeAdvisory .c-postcode-modal__collection-link p {
    margin-top: 20px;
    margin-bottom: 0;
}

    #postCodeAdvisory .c-postcode-modal__collection-link p a {
        font-size: 12px;
        color: #266abd;
        text-decoration: none;
    }

        #postCodeAdvisory .c-postcode-modal__collection-link p a:hover {
            text-decoration: underline;
        }

@media screen and (min-width:768px) {
    #postCodeAdvisory .c-postcode-modal__collection-link {
        overflow: hidden;
    }

        #postCodeAdvisory .c-postcode-modal__collection-link p a {
            float: right;
            margin-right: 80px;
        }
}

#locationCheckInvalid span {
    display: block;
    clear: left;
    text-transform: uppercase;
}

.c-serp {
    position: relative;
}

    .c-serp .o-card {
        padding-left: 16px;
        padding-right: 16px;
    }

.c-serp__list {
    margin-bottom: 0;
}

.c-serp__header {
    background-color: #f5f5f5;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid #cacaca;
}

    .c-serp__header h1, .c-serp__header p {
        font-size: 24px;
        line-height: 28px;
        font-weight: 300;
    }

    .c-serp__header a {
        color: #266abd;
        text-decoration: none;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }

.c-serp__header--primary {
    display: none;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 32px;
}

.c-serp__header--secondary {
    padding-left: 16px;
    padding-right: 16px;
}

.c-serp-filter {
    background-color: #fff;
    padding: 16px;
}

    .c-serp-filter h3 {
        font-weight: 500;
        margin-bottom: 8px;
        height: 19px;
    }

        .c-serp-filter h3 .o-icon {
            margin-right: 8px;
        }

        .c-serp-filter h3 .o-icon--pin {
            width: 13px;
            height: 16px;
        }

    .c-serp-filter li, .c-serp-filter h3 {
        font-size: 16px;
        line-height: 19px;
    }

    .c-serp-filter .c-nameSearch {
        margin: 0;
        border-color: #cacaca;
        background-color: #fff;
    }

        .c-serp-filter .c-nameSearch input {
            line-height: 43px;
            height: 43px;
            padding: 0 16px;
            background: none;
        }

            .c-serp-filter .c-nameSearch input::-webkit-input-placeholder {
                color: #757575;
            }

            .c-serp-filter .c-nameSearch input::-moz-placeholder {
                color: #757575;
            }

            .c-serp-filter .c-nameSearch input:-ms-input-placeholder {
                color: #757575;
            }

            .c-serp-filter .c-nameSearch input:-moz-placeholder {
                color: #757575;
            }

.c-serp-filter__wrapper {
    display: none;
    margin-top: 16px;
}

    .c-serp-filter__wrapper.is-visible {
        display: block;
    }

.c-serp-filter__list {
    margin-bottom: 16px;
}

    .c-serp-filter__list:last-child {
        margin-bottom: 0;
    }

    .c-serp-filter__list a {
        display: block;
        padding: 14px 0;
        text-decoration: none;
    }

    .c-serp-filter__list li {
        border-top: 1px solid #cacaca;
    }

        .c-serp-filter__list li:first-child {
            border-top: none;
        }

    .c-serp-filter__list .is-selected {
        padding: 12px 0;
    }

    .c-serp-filter__list .o-checkbox, .c-serp-filter__list .o-radio {
        margin: 0 16px 0 0;
    }

.c-serp-filter__refine {
    float: right;
    margin-left: 16px;
}

    .c-serp-filter__refine .o-btn {
        padding-left: 0;
        padding-right: 0;
        height: 45px;
        width: 50px;
        min-width: 50px;
    }

@media screen and (min-width:768px) {
    .c-serp__list {
        margin-bottom: 32px;
    }

    .c-serp-filter {
        padding: 0;
        background: none;
    }

    .c-serp-filter__wrapper {
        display: block;
    }

    .c-serp-filter__refine {
        display: none;
    }

    .c-serp-filter__list {
        margin-bottom: 32px;
    }

    .c-serp-filter__wrapper {
        margin-top: 32px;
        margin-bottom: 48px;
    }

        .c-serp-filter__wrapper.c-serp-filter__wrapper--no-search {
            margin-top: 0;
        }

    .c-serp__header {
        border-top: none;
    }

        .c-serp__header h1, .c-serp__header p {
            display: inline-block;
            font-size: 24px;
            line-height: 28px;
        }

        .c-serp__header a {
            margin-left: 16px;
        }

    .c-serp__header--primary {
        display: block;
    }

    .c-serp__header--secondary {
        padding: 0;
        margin-bottom: 8px;
        background: none;
    }

    .c-serp .c-serp__header--secondary:first-child {
        display: none;
    }
}

@media screen and (min-width:640px) {
    #searchResultsHeader, #searchResults .restaurants .heading {
        box-shadow: none;
        border-radius: 0;
        border-bottom: 1px solid #eaeaea;
    }
}

.c-nameSearch {
    margin: 10px;
    padding: 0;
    overflow: hidden;
    box-shadow: none;
    border-radius: 4px;
    border: 1px solid #eaeaea;
}

    .c-nameSearch .c-nameSearch__container {
        box-sizing: border-box;
        padding: 0;
        width: 100%;
        overflow: hidden;
    }

    .c-nameSearch input {
        display: block;
        float: left;
        width: 100%;
        line-height: 50px;
        box-sizing: border-box;
        border: none;
        border-radius: 0;
        padding: 0 10px 0 36px;
        background-image: url("data:image/svg+xml,%3Csvg%20width%3D%221792%22%20height%3D%221792%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ELayer%201%3C%2Ftitle%3E%0A%20%20%3Cpath%20fill%3D%22%23cccccc%22%20id%3D%22svg_1%22%20d%3D%22m1216%2C832q0%2C-185%20-131.5%2C-316.5t-316.5%2C-131.5t-316.5%2C131.5t-131.5%2C316.5t131.5%2C316.5t316.5%2C131.5t316.5%2C-131.5t131.5%2C-316.5zm512%2C832q0%2C52%20-38%2C90t-90%2C38q-54%2C0%20-90%2C-38l-343%2C-342q-179%2C124%20-399%2C124q-143%2C0%20-273.5%2C-55.5t-225%2C-150t-150%2C-225t-55.5%2C-273.5t55.5%2C-273.5t150%2C-225t225%2C-150t273.5%2C-55.5t273.5%2C55.5t225%2C150t150%2C225t55.5%2C273.5q0%2C220%20-124%2C399l343%2C343q37%2C37%2037%2C90z%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fsvg%3E");
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: 10px 15px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

        .c-nameSearch input:focus {
            outline: none;
        }

            .c-nameSearch input:focus::-webkit-input-placeholder, .c-nameSearch input:focus::-moz-placeholder, .c-nameSearch input:focus:-moz-placeholder, .c-nameSearch input:focus:-ms-input-placeholder {
                color: #757575;
            }

        .c-nameSearch input::-webkit-input-placeholder {
            color: #cacaca;
        }

        .c-nameSearch input::-moz-placeholder {
            color: #cacaca;
        }

        .c-nameSearch input:-moz-placeholder {
            color: #cacaca;
        }

        .c-nameSearch input:-ms-input-placeholder {
            color: #cacaca;
        }

@media screen and (min-width:640px) {
    .c-nameSearch {
        margin: 10px 0;
        padding: 0;
    }

        .c-nameSearch input {
            padding: 5px 10px 5px 55px;
            background-position: 20px 20px;
        }
}

.c-cover {
    position: relative;
    top: -56px;
    height: 65vmin;
    margin-bottom: 139px;
    min-height: 212px;
    overflow: visible;
    background-color: #d50525;
    color: #fff;
    text-align: center;
    padding: 0;
    min-width: 220px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .c-cover:after, .c-cover:before {
        content: '';
        position: absolute;
        left: 0;
    }

    .c-cover:after {
        top: 0;
        width: 100%;
        height: 66px;
        opacity: .7;
        background-image: linear-gradient(to top,rgba(0,0,0,0),#333);
    }

    .c-cover:before {
        height: 145px;
        right: 0;
        bottom: 0;
        background: url("//dy3erx8o0a6nh.cloudfront.net/images/color-rays.svg") no-repeat bottom center;
        background-size: cover;
    }

@media only screen and (min-width:600px) {
    .c-cover {
        min-height: 385px;
        top: -75px;
        margin-bottom: -75px;
        overflow: hidden;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_hero-2-tablet.jpg");
    }

        .c-cover:before {
            background-size: 101%;
            height: inherit;
            bottom: -20px;
        }

        .c-cover:after {
            height: 113px;
        }
}

@media only screen and (min-width:980px) {
    .c-cover {
        min-height: 600px;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_hero-2-desktop.jpg");
    }
}

.c-cover--food {
    background: url("//dy3erx8o0a6nh.cloudfront.net/images/je_cover-mobile.jpg") no-repeat center center;
    background-size: cover;
}

@media screen and (-webkit-min-device-pixel-ratio:2) {
    .c-cover--food {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/je_cover-mobile_2x.jpg");
    }
}

@media only screen and (min-width:600px) {
    .c-cover--food {
        height: auto;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/je_cover.jpg");
    }
}

@media only screen and (min-width:600px) and (-webkit-min-device-pixel-ratio:2) {
    .c-cover--food {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/je_cover_2x.jpg");
    }
}

.c-cover--christmas {
    background: #d50525 url("//dy3erx8o0a6nh.cloudfront.net/images/bg_flakes_mobile.png") repeat-x center -50px;
    background-size: auto 210px;
}

@media only screen and (min-width:600px) {
    .c-cover--christmas {
        background-position: center top;
    }
}

@media only screen and (min-width:980px) {
    .c-cover--christmas {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_flakes_desktop.png");
        background-position: center 50px;
    }
}

.c-cover--manband {
    background: url("//dy3erx8o0a6nh.cloudfront.net/images/je-homepage-mobile.jpg") no-repeat center center;
    background-size: cover;
}

@media only screen and (min-width:600px) {
    .c-cover--manband {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/je-homepage-tablet.jpg");
    }
}

@media only screen and (min-width:980px) {
    .c-cover--manband {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/je-homepage-desktop.jpg");
    }
}

.c-cover--outdoors {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_outdoors_desktop.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_outdoors_mobile.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width:600px) {
    .c-cover--outdoors {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_outdoors_tablet.jpg");
    }
}

@media only screen and (min-width:980px) {
    .c-cover--outdoors {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_outdoors_desktop.jpg");
    }
}

.c-cover--valentines {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_valentines_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_valentines_mobile.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width:600px) {
    .c-cover--valentines {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_valentines_tablet.jpg");
    }
}

@media only screen and (min-width:980px) {
    .c-cover--valentines {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_valentines_desktop.jpg");
    }
}

.c-cover--magic {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_outdoors_desktop.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_magic_mobile.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width:600px) {
    .c-cover--magic {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_magic_tablet.jpg");
    }
}

@media only screen and (min-width:980px) {
    .c-cover--magic {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/bg_magic_desktop.jpg");
    }
}

.c-cover--rays-overlay {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_hero-2-mobile.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (min-width:600px) {
    .c-cover--rays-overlay {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_hero-2-tablet.jpg");
    }
}

@media only screen and (min-width:980px) {
    .c-cover--rays-overlay {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/bg_hero-2-desktop.jpg");
    }
}

.c-cover--curry {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Curry_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Curry_414Wx168H.JPG");
}

.c-cover--indian {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Indian_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Indian_414Wx168H.JPG");
}

.c-cover--italian {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Italian_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Italian_414Wx168H.JPG");
}

.c-cover--japanese {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Japanese_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Japanese_414Wx168H.JPG");
}

.c-cover--kebabs {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Kebab_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Kebab_414Wx168H.JPG");
}

.c-cover--mexican {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Mexian_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Mexian_414Wx168H.JPG");
}

.c-cover--pizza {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Pizza_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Pizza_414Wx168H.JPG");
}

.c-cover--sushi {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Sushi_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Sushi_414Wx168H.JPG");
}

.c-cover--thai {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/thai_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/thai_414Wx168H.JPG");
}

.c-cover--vegan {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/veggie_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/veggie_414Wx168H.JPG");
}

.c-cover--vietnamese {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Vietnamese_mobile.jpg");
    background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Vietnamese_414Wx168H.JPG");
}

@media(min-width:414px) {
    .c-cover--curry {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Curry_768Wx311H.JPG");
    }

    .c-cover--indian {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Indian_768Wx311H.JPG");
    }

    .c-cover--italian {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Italian_768Wx311H.JPG");
    }

    .c-cover--japanese {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Japanese_768Wx311H.JPG");
    }

    .c-cover--kebabs {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Kebab_768Wx311H.JPG");
    }

    .c-cover--mexican {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Mexian_768Wx311H.JPG");
    }

    .c-cover--pizza {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Pizza_768Wx311H.JPG");
    }

    .c-cover--sushi {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Sushi_768Wx311H.JPG");
    }

    .c-cover--thai {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/thai_768Wx311H.JPG");
    }

    .c-cover--vegan {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/veggie_768Wx311H.JPG");
    }

    .c-cover--vietnamese {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Vietnamese_768Wx311H.JPG");
    }
}

@media(min-width:768px) {
    .c-cover--curry {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Curry_1025Wx415H.JPG");
    }

    .c-cover--indian {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Indian_1025Wx415H.JPG");
    }

    .c-cover--italian {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Italian_1025Wx415H.JPG");
    }

    .c-cover--japanese {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Japanese_1025Wx415H.JPG");
    }

    .c-cover--kebabs {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Kebab_1025Wx415H.JPG");
    }

    .c-cover--mexican {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Mexian_1025Wx415H.JPG");
    }

    .c-cover--pizza {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Pizza_1025Wx415H.JPG");
    }

    .c-cover--sushi {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Sushi_1025Wx415H.JPG");
    }

    .c-cover--thai {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/thai_1025Wx415H.JPG");
    }

    .c-cover--vegan {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/veggie_1025Wx415H.JPG");
    }

    .c-cover--vietnamese {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Vietnamese_1025Wx415H.JPG");
    }
}

@media(min-width:1025px) {
    .c-cover--curry {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Curry_1440Wx518H.JPG");
    }

    .c-cover--indian {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Indian_1440Wx518H.JPG");
    }

    .c-cover--italian {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Italian_1440Wx518H.JPG");
    }

    .c-cover--japanese {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Japanese_1440Wx518H.JPG");
    }

    .c-cover--kebabs {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Kebab_1440Wx518H.JPG");
    }

    .c-cover--mexican {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Mexian_1440Wx518H.JPG");
    }

    .c-cover--pizza {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Pizza_1440Wx518H.JPG");
    }

    .c-cover--sushi {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Sushi_1440Wx518H.JPG");
    }

    .c-cover--thai {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/thai_1440Wx518H.JPG");
    }

    .c-cover--vegan {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/veggie_1440Wx518H.JPG");
    }

    .c-cover--vietnamese {
        background-image: linear-gradient(rgba(164,145,96,.45),rgba(255,255,255,0)),url("//dy3erx8o0a6nh.cloudfront.net/images/top-banner/Vietnamese_1440Wx518H.JPG");
    }
}

.c-homepage-rays {
    width: 100%;
    padding-top: 23%;
    position: relative;
}

    .c-homepage-rays svg {
        position: absolute;
        top: 0;
        left: 0;
    }

.c-cover--small {
    padding: 50px 16px 150px;
    margin-bottom: -110px;
}

    .c-cover--small h1 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .c-cover--small p {
        font-size: 14px;
    }

@media only screen and (max-width:980px) {
    .c-cover--food h1, .c-cover--manband h1 {
        margin-top: 90px;
    }
}

@media only screen and (max-width:414px) {
    .c-cover--small {
        padding: 24px 16px 32px;
        margin-bottom: 8px;
    }

    .c-cover--food h1, .c-cover--manband h1 {
        margin-top: 48px;
    }
}

.c-cover__overlay {
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: .4;
    z-index: 0;
}

.c-search {
    overflow: hidden;
    position: absolute;
    bottom: -195px;
    right: 0;
    left: 0;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    width: 80%;
    margin: 0 auto 20px;
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.16);
}

    .c-search label {
        display: block;
        font-size: 22px;
        line-height: 28px;
        margin: 16px 0 0;
        padding: 0;
        font-weight: 500;
    }

@media screen and (max-width:414px) {
    .c-search label {
        font-size: 16px;
        line-height: 20px;
    }
}

.c-search form {
    position: relative;
    display: inline-block;
    padding: 3px 0;
    margin: 16px auto 40px;
    background-color: #fff;
    border-radius: 3px;
    width: 100%;
}

@media screen and (min-width:1025px) {
    .c-search form {
        max-width: 600px;
    }
}

@media screen and (max-width:1025px) {
    .c-search form {
        max-width: 500px;
    }
}

.c-search .o-btn {
    position: absolute;
    top: 3px;
    right: 0;
    padding: 11px 16px;
    height: 56px;
    min-width: 56px;
    font-size: 16px;
    line-height: 19px;
}

    .c-search .o-btn span {
        display: block;
    }

    .c-search .o-btn svg {
        display: none;
    }

.c-search .standardControl {
    margin-bottom: 0;
}

.c-search .errorMessage {
    position: static;
    text-align: left;
    font-size: 1.3em;
    margin-top: 16px;
    padding-left: 20px;
    background: url("//dy3erx8o0a6nh.cloudfront.net/images/icons/states/icon-error--red.svg") no-repeat 0 1px;
    color: #d50525;
}

.c-search form {
    margin: 10px auto 0;
}

@media only screen and (min-width:600px) {
    .c-search {
        max-width: 800px;
        bottom: 0;
    }
}

@media only screen and (min-width:980px) {
    .c-search {
        bottom: 45px;
        overflow: hidden;
        padding: 20px 16px;
    }
}

.c-search-title {
    font-size: 44px;
    line-height: 48px;
    color: #f50028;
    margin-bottom: 8px;
}

@media screen and (max-width:414px) {
    .c-search-title {
        font-size: 32px;
        line-height: 36px;
    }
}

.c-search-subtitle {
    text-align: center;
    color: #535353;
    padding: 0 20px;
    font-weight: 300;
    font-size: 20px;
    line-height: 24px;
}

@media screen and (max-width:414px) {
    .c-search-subtitle {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px;
    }
}

h3.c-search__error-text {
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 5px;
}

.search-box-holder {
    position: relative;
}

.c-search__postcode {
    width: 100%;
    height: 56px;
    padding: 8px 165px 8px 16px;
    font-size: 16px;
    line-height: 19px;
    outline: none;
    box-sizing: border-box;
    border: 1px solid #eaeaea;
    border-radius: 2px;
}

@media screen and (max-width:414px) {
    .c-search__postcode {
        padding-right: 50px;
    }
}

.c-search__postcode::-webkit-input-placeholder {
    text-transform: none;
}

.c-search__postcode:-moz-placeholder {
    text-transform: none;
}

.c-search__postcode::-moz-placeholder {
    text-transform: none;
}

.c-search__postcode:-ms-input-placeholder {
    text-transform: none;
}

@media screen and (max-width:414px) {
    .c-search .o-btn {
        padding: 8px;
        height: 56px;
        margin-right: 0;
        min-width: 56px;
        right: 0;
    }

        .c-search .o-btn span {
            display: none;
        }

        .c-search .o-btn svg {
            display: block;
            margin-left: 10px;
        }
}

.c-order {
    border-top: 1px solid #cacaca;
}

    .c-order:first-of-type {
        border: none;
    }

    .c-order h3 {
        font-size: 14px;
        line-height: 1.4;
        color: #333;
    }

    .c-order p {
        font-size: 14px;
        line-height: 1.6;
    }

        .c-order p a, .c-order h3 a {
            text-decoration: none;
        }

            .c-order p a:hover, .c-order h3 a:hover {
                text-decoration: underline;
            }

    .c-order .o-tile__details {
        margin-left: 75px;
    }

        .c-order .o-tile__details h3 {
            max-width: 125px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

.c-order__rating {
    margin-top: -2px;
    vertical-align: middle;
}

.c-order__processing {
    margin-top: 100px;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
}

@media only screen and (min-width:414px) {
    .c-order .o-tile__details h3 {
        max-width: none;
    }
}

.c-basket.c-sticky {
    margin-bottom: 16px;
}

@media(max-width:768px) {
    .c-basket#basket .deliveryOptionButton .deliveryOptionTypeLabel {
        font-size: 14px;
    }
}

#menu .btaContainer {
    clear: both;
    padding: 16px;
    margin: 0;
    border-bottom: 1px solid #cacaca;
    font-size: 14px;
}

    #menu .btaContainer p {
        margin: 0 0 8px;
    }

    #menu .btaContainer a {
        color: #d50525;
        text-decoration: none;
    }

        #menu .btaContainer a:hover, #menu .btaContainer a:active {
            text-decoration: underline;
        }

    #menu .btaContainer .o-label {
        font-size: 14px;
        padding: 3px 0;
        text-align: center;
        width: 100%;
    }

.c-reviewsSummary {
    display: block;
    margin: 0 8px 16px;
    background-color: #fff;
    font-size: 14px;
}

.c-reviewsSummary__header h2 {
    padding: 16px 16px 8px;
    text-align: center;
    color: #333;
    font-size: 26px;
    font-weight: 300;
}

.c-rating, .u-columns, .c-ratingMessage {
    text-align: center;
}

.u-columns {
    color: #333;
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    word-wrap: break-word;
}

.c-ratingMessage {
    padding: 16px 0;
    color: #757575;
}

.c-rating__stars {
    color: #333;
    font-size: 26px;
}

.c-rating img {
    vertical-align: bottom;
}

.u-clumns__3-column-left {
    float: left;
    width: 33%;
}

.u-clumns__3-column-right {
    float: right;
    width: 33%;
}

.u-clumns__3-column-center {
    display: inline-block;
    width: 33%;
}

.c-footer {
    padding: 20px 0 70px;
    background-color: #eaeaea;
}

    .c-footer .c-footer__panel h2 {
        position: relative;
        height: 32px;
        padding: 16px 16px 0;
        cursor: pointer;
        font-size: 16px;
        line-height: 19px;
    }

    .c-footer .c-footer__panel ul {
        list-style: none;
        max-height: 500px;
        transition: max-height .5s;
        overflow: hidden;
    }

        .c-footer .c-footer__panel ul li a {
            display: inline-block;
            width: 100%;
            height: 32px;
            padding: 16px 16px 0;
            text-decoration: none;
            font-size: 14px;
            line-height: 18px;
        }

            .c-footer .c-footer__panel ul li a:hover {
                text-decoration: underline;
            }

    .c-footer .c-footer__panel.collapsible h2:after {
        content: ' ';
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 16px;
        width: 18px;
        height: 9px;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/collapsible-chevron-%23333333.png");
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .c-footer .c-footer__panel.collapsible.is-hiding h2:after {
        background-position: 0 -9px;
    }

    .c-footer .c-footer__bottom-row {
        text-align: center;
        margin-top: 24px;
    }

    .c-footer .c-footer__social--links {
        list-style: none;
        padding: 32px;
        border-top: 1px solid #cacaca;
    }

        .c-footer .c-footer__social--links li {
            display: inline-block;
            padding: 0 8px;
            vertical-align: middle;
        }

            .c-footer .c-footer__social--links li:first-child {
                display: none;
            }

    .c-footer .c-footer__panel--payment {
        list-style: none;
        padding: 32px;
        border-top: 1px solid #cacaca;
    }

        .c-footer .c-footer__panel--payment li {
            display: inline-block;
            padding: 0 8px;
            vertical-align: middle;
        }

    .c-footer .c-footer__feedback--logo {
        position: absolute;
        top: 18px;
        left: 0;
        text-align: left;
    }

    .c-footer .c-footer__feedback--link {
        position: absolute;
        top: 18px;
        left: 58px;
        text-align: left;
    }

        .c-footer .c-footer__feedback--link p {
            font-size: 14px;
            line-height: 18px;
        }

.js .c-footer .is-hiding ul {
    max-height: 0;
}

@media screen and (min-width:768px) {
    .c-footer {
        padding: 40px 0 140px;
    }

        .c-footer .c-footer__panel {
            border: 0;
            padding-left: 0;
            margin-left: 3%;
        }

            .c-footer .c-footer__panel ul li a {
                padding: 16px 0;
            }

            .c-footer .c-footer__panel:first-child {
                padding-left: 16px;
            }

            .c-footer .c-footer__panel h2 {
                padding: 0;
                border-bottom: 1px solid #cacaca;
                padding-bottom: 5px;
                cursor: default;
            }

            .c-footer .c-footer__panel.collapsible h2:after {
                background-image: none;
            }

            .c-footer .c-footer__panel.collapsible ul {
                height: auto;
                display: inline-block;
                float: left;
            }

                .c-footer .c-footer__panel.collapsible ul li a {
                    height: 12px;
                }

        .c-footer .c-corporate-panel ul li a {
            font-weight: 300;
        }

        .c-footer .c-footer__bottom-row {
            margin-top: 16px;
            border-top: 1px solid #cacaca;
            position: relative;
            margin-left: 0;
        }

        .c-footer .c-footer__social--links {
            margin-top: 16px;
            margin-left: 0;
            border: 0;
            padding: 0;
            text-align: left;
        }

            .c-footer .c-footer__social--links li {
                display: inline-block;
                margin: 8px 16px 0 0;
                padding: 0;
            }

                .c-footer .c-footer__social--links li:first-child {
                    margin-top: 16px;
                    vertical-align: top;
                }

        .c-footer .c-footer__panel--payment {
            position: absolute;
            right: 0;
            top: 0;
            margin-top: 16px;
            margin-right: -16px;
            border: 0;
            padding: 0;
        }

            .c-footer .c-footer__panel--payment li {
                display: inline-block;
                padding: 8px 16px;
            }

        .c-footer .c-footer__panel--payment--centre {
            position: initial;
        }

    .js .c-footer .is-hiding ul {
        max-height: 500px;
    }
}

@media screen and (min-width:1025px) {
    .c-footer .c-footer__panel ul li a {
        padding: 8px 0;
    }
}

@media screen and (max-width:768px) {
    .c-footer .c-footer__feedback--logo, .c-footer .c-footer__feedback--link {
        margin-left: 32px;
    }
}

.c-reviewsSummary {
    display: block;
    margin: 0 8px 16px;
    background-color: #fff;
    font-size: 14px;
}

.c-reviewsSummary__header h2 {
    padding: 16px 16px 8px;
    text-align: center;
    color: #333;
    font-size: 26px;
    font-weight: 300;
}

.c-rating, .u-columns, .c-ratingMessage {
    text-align: center;
}

.u-columns {
    color: #333;
    padding: 16px 0;
    border-bottom: 1px solid #dfdfdf;
    word-wrap: break-word;
}

.c-ratingMessage {
    padding: 16px 0;
    color: #757575;
}

.c-rating__stars {
    color: #333;
    font-size: 26px;
}

.c-rating img {
    vertical-align: bottom;
}

.u-clumns__3-column-left {
    float: left;
    width: 33%;
}

.u-clumns__3-column-right {
    float: right;
    width: 33%;
}

.u-clumns__3-column-center {
    display: inline-block;
    width: 33%;
}

.c-recommendation .o-card {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 0;
    box-shadow: none;
}

.c-recommendation__history .o-tile__details {
    width: 125px;
    float: left;
    margin-left: 0;
}

@media screen and (max-width:960px) {
    .c-recommendation__history .o-tile__details {
        width: 245px;
    }
}

@media screen and (max-width:600px) {
    .c-recommendation__history .o-tile__details {
        width: auto;
        float: none;
        margin-left: 75px;
    }

    .c-recommendation__history .o-tile__aside {
        float: none;
        clear: both;
        margin-left: 0;
        padding-top: 16px;
    }
}

@media screen and (min-width:768px) {
    .c-recommendation {
        margin-top: 16px;
        margin-bottom: 16px;
    }

        .c-recommendation .o-card {
            margin-bottom: 16px;
            box-shadow: none;
            padding: 0;
        }

        .c-recommendation h2 {
            padding-left: 0;
        }
}

@media screen and (min-width:1025px) {
    .c-recommendation--full .l-col--center {
        float: left;
    }

    .c-recommendation__history {
        padding-right: 32px;
    }
}

.c-checkout {
    border-radius: 3px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #eaeaea;
}

    .c-checkout .standardControl .indicator {
        display: none;
    }

    .c-checkout .checkboxControl label {
        color: #757575;
        font-size: 14px;
        line-height: 18px;
    }

    .c-checkout .checkboxControl.rememberMe input {
        margin: 2px 0;
    }

    .c-checkout .standardControl.checkboxControl--register {
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .c-checkout .standardControl.checkboxControl--register label {
            min-height: 48px;
            margin-bottom: 0;
        }

    .c-checkout h1 {
        margin-bottom: 8px;
        font-size: 20px;
        text-align: center;
    }

    .c-checkout input::-webkit-input-placeholder {
        color: #757575;
    }

    .c-checkout input::-moz-placeholder {
        color: #757575;
    }

    .c-checkout input:-ms-input-placeholder {
        color: #757575;
    }

    .c-checkout input:-moz-placeholder {
        color: #757575;
    }

    .c-checkout .standardControl .standardControl-Dropdown select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -moz-padding-start: 5px;
    }

@supports (-ms-ime-align:auto) {
    .c-checkout .standardControl .standardControl-Dropdown select {
        padding-left: 5px;
    }
}

.c-checkout .standardControl textarea {
    font-size: small;
}

.c-checkout .standardControl-label--noPadding {
    padding: 0;
}

.c-checkout .warning {
    margin-top: 8px;
}

.c-checkout .standardControl-Dropdown .standardControl-floatedLabel:before, .c-checkout .standardControl-Dropdown .standardControl-floatedLabel:after {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    right: 25px;
    top: 10px;
    background: no-repeat right url("//dy3erx8o0a6nh.cloudfront.net/images/icon/right-chevron-blue.svg");
}

.c-checkout .standardControl-Dropdown .standardControl-floatedLabel:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 14px;
}

.c-checkout .standardControl-Dropdown .standardControl-floatedLabel:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c-checkout input:focus ~ .standardControl-floatedLabel, .c-checkout .standardControl-floatedLabel.notEmpty {
    top: 8px;
    bottom: 10px;
    margin-left: 11px;
    font-size: 12px;
    line-height: 16px;
    opacity: 1;
}

.c-checkout .standardControl-floatedLabel {
    position: absolute;
    pointer-events: none;
    margin-left: 12px;
    top: 16px;
    transition: .2s ease all;
    font-size: 16px;
    line-height: 19px;
}

.c-checkout .standardControl-label--alwaysMinimised {
    position: relative;
    font-size: 12px;
    line-height: 16px;
    top: 24px;
    margin-left: 11px;
    width: 100%;
    display: block;
}

.c-checkout .addressLine1:not(:focus), .c-checkout .addressLine2:not(:focus) {
    border-bottom: none;
}

.c-checkout .standardControl-label input.input-validation-error, .c-checkout .standardControl-label input:focus.input-validation-error {
    border: 1px solid red;
}

.c-checkout .standardControl-label {
    position: relative;
}

.c-checkout .standardControl-title {
    font-size: 16px;
    line-height: 19px;
    margin-top: 6px;
    font-weight: 300;
    font-family: "Hind Vadodara","Helvetica Neue",Helvetica,sans-serif;
}

.c-checkout .standardControl .indicator .control-label {
    margin: 6px 0 16px;
    line-height: 1.25;
}

.c-checkout .standardControl .control .inputText {
    padding: 24px 10px 6px;
    border-radius: 0;
}

.c-checkout .standardControl .control .dropdown {
    padding-top: 16px;
    height: 53px;
    border-radius: 0;
}

.c-checkout .standardControl-label .control .addressLine1 ~ .field-validation-error {
    margin-bottom: 16px;
}

.c-checkout__container {
    padding: 32px 16px;
}

@media(min-width:768px) {
    .c-checkout {
        margin-top: 24px;
    }

        .c-checkout .standardControl .indicator {
            display: block;
        }

        .c-checkout h1 {
            margin-bottom: 16px;
            font-size: 24px;
        }

        .c-checkout input::-webkit-input-placeholder {
            color: #fff;
        }

        .c-checkout input::-moz-placeholder {
            color: #fff;
        }

        .c-checkout input:-ms-input-placeholder {
            color: #fff;
        }

        .c-checkout input:-moz-placeholder {
            color: #fff;
        }
}

.c-applinks {
    max-width: 450px;
    margin: 48px auto 8px;
    padding-bottom: 16px;
    overflow: hidden;
}

    .c-applinks h3 {
        margin-bottom: 16px;
        font-size: 20px;
        line-height: 24px;
    }

    .c-applinks p {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 18px;
    }

    .c-applinks img {
        border-radius: 4px;
        float: left;
        margin: 0 5px;
    }

    .c-applinks .c-applinks__image {
        width: 130px;
        float: left;
    }

        .c-applinks .c-applinks__image img {
            border-radius: 0;
            float: none;
            margin: 0;
            width: 100%;
        }

    .c-applinks .c-applinks__content {
        float: left;
        max-width: 304px;
        padding-top: 16px;
        padding-left: 16px;
    }

        .c-applinks .c-applinks__content .c-applinks__buttons img {
            max-height: 30px;
            max-width: 101px;
        }

@media only screen and (max-width:768px) {
    .c-applinks {
        text-align: center;
    }

        .c-applinks.is-ios, .c-applinks.is-android {
            display: block;
            width: auto;
            padding-bottom: 20px;
        }

            .c-applinks.is-ios .btn--android {
                display: none;
            }

            .c-applinks.is-android .btn--ios {
                display: none;
            }

        .c-applinks .c-applinks__image {
            display: inline-block;
            width: 100px;
            float: none;
        }

            .c-applinks .c-applinks__image img {
                border-radius: 0;
                float: none;
                margin: 0;
                width: 100%;
            }

        .c-applinks .c-applinks__content {
            display: inline-block;
            float: none;
            padding: 0;
            text-align: center;
            max-width: none;
        }

            .c-applinks .c-applinks__content .c-applinks__buttons {
                display: inline-block;
                text-align: center;
            }

                .c-applinks .c-applinks__content .c-applinks__buttons img {
                    float: none;
                }
}

.c-restaurant {
    position: relative;
    border-top: 1px solid #cacaca;
}

    .c-restaurant:first-child {
        border-top: none;
    }

    .c-restaurant a {
        text-decoration: none;
    }

    .c-restaurant p {
        font-size: 14px;
        line-height: 18px;
    }

    .c-restaurant h2 {
        font-weight: 500;
        color: #535353;
    }

    .c-restaurant .o-tile__details {
        margin-left: 66px;
    }

    .c-restaurant .c-localLegend__details {
        margin-top: 8px;
    }

        .c-restaurant .c-localLegend__details .o-imageLabel--localLegend {
            float: right;
        }

.c-restaurant__cuisine, .c-restaurant__preorder, .c-restaurant__offline {
    font-weight: 500;
}

.c-restaurant__collection {
    color: #cd390c;
}

.c-restaurant__preorder {
    color: #266abd;
}

.c-restaurant__offline {
    color: #d50525;
}

.c-restaurant__address {
    display: none;
}

.c-restaurant__rating span, .c-restaurant__rating img {
    vertical-align: middle;
}

.c-restaurant__distance {
    position: absolute;
    bottom: 16px;
    right: 0;
}

    .c-restaurant__distance .o-icon {
        margin-right: 4px;
        opacity: .4;
    }

.c-restaurant--offline .o-tile__image {
    opacity: .25;
}

.c-restaurant__new {
    color: #04822c;
    font-weight: 500;
    margin-right: 8px;
}

.c-restaurant__tags {
    display: flex;
    flex-wrap: wrap;
}

.c-restaurant__tags__menu {
    display: block;
    padding-top: 16px;
}

.c-restaurant__delivery .o-icon, .c-restaurant__collection .o-icon {
    display: none;
    margin-right: 5px;
    vertical-align: baseline;
}

.c-restaurant__logo.js-lazy {
    display: none;
}

.js .c-restaurant__logo.js-lazy {
    display: block;
}

.c-restaurant__longWorkingTimeMessage {
    clear: both;
    padding: 10px;
    border-top: 1px solid #cacaca;
}

.c-restaurant__longWorkingTimeMessageText {
    color: #cd390c;
    background: url("//dy3erx8o0a6nh.cloudfront.net/images/track/eta-times.png") no-repeat center center;
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/track/eta-times.svg"),none;
    background-color: #fff1df;
    background-position: left center;
    background-repeat: no-repeat;
    background-position-x: 20px;
    background-size: auto 36px;
    padding: 12px;
    padding-left: 62px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    line-height: 1.29;
}

@media screen and (min-width:768px) {
    .c-restaurant .o-tile__details {
        margin-left: 81px;
    }

    .c-restaurant__logo {
        width: 65px;
        height: 65px;
    }

    .c-restaurant__rating img {
        height: 14px;
        width: auto;
    }

    .c-restaurant__delivery .o-icon, .c-restaurant__collection .o-icon {
        display: inline-block;
    }
}

@media(min-width:1025px) {
    .c-restaurant .o-tile__aside {
        width: 190px;
        margin-bottom: 50px;
        text-align: left;
    }

    .c-restaurant .o-tile__details {
        min-height: 65px;
        margin-right: 206px;
        border-right: 1px solid #cacaca;
    }

    .c-restaurant .c-localLegend__details .o-imageLabel--localLegend {
        float: left;
    }

    .c-restaurant__distance {
        position: static;
    }

    .c-restaurant__details {
        position: absolute;
        right: 0;
        bottom: 16px;
        width: 190px;
    }
}

.c-menupicker {
    font-size: 16px;
    line-height: 19px;
    background: #fff;
    box-shadow: #757575 0 0 2px;
    color: #333;
    box-sizing: border-box;
    margin: 20px auto;
    width: 460px;
}

    .c-menupicker * {
        box-sizing: border-box;
    }

    .c-menupicker h2 {
        font-size: 16px;
        line-height: 19px;
        padding: 12px 16px;
        float: left;
    }

    .c-menupicker .errorSummary {
        margin: 0;
    }

.c-menupicker__close {
    cursor: pointer;
    float: right;
    margin: 16px 16px 0 0;
    text-decoration: none;
}

.c-menupicker__desc-toggle {
    float: right;
    margin: 17px 16px 0 0;
    line-height: 16px;
}

.c-menupicker__extra-add {
    margin-right: 16px;
    margin-top: 4px;
    height: 34px;
    width: 34px;
    display: block;
    float: right;
}

.c-menupicker__extra-added {
    display: inline-block;
    float: right;
    margin: 10px 16px 0 0;
}

.c-menupicker__extra-amount select {
    margin-top: 3px;
}

.c-menupicker__header {
    background: #fff;
    border-bottom: #f50028 4px solid;
}

    .c-menupicker__header h1 {
        padding: 16px;
        font-size: 32px;
        line-height: 40px;
    }

    .c-menupicker__header p {
        padding: 0 16px 16px;
    }

.c-menupicker__link {
    color: #d50525;
    display: block;
    text-decoration: none;
    border: 0;
    background: 0;
}

    .c-menupicker__link:active, .c-menupicker__link:hover {
        text-decoration: underline;
    }

.c-menupicker__option {
    border-bottom: 1px solid #cacaca;
    min-height: 44px;
    display: block;
    position: relative;
    cursor: pointer;
}

    .c-menupicker__option.offlineProduct {
        color: #aaa;
        text-decoration: line-through;
        cursor: default;
    }

    .c-menupicker__option:last-child {
        border: 0;
    }

.c-menupicker__option-desc {
    padding: 4px 0 0;
}

.c-menupicker__option-details {
    display: block;
    padding: 12px 80px 12px 16px;
}

.c-menupicker__option-name {
    font-weight: 500;
}

.c-menupicker__option-price {
    float: right;
}

.c-menupicker__options {
    height: 100%;
    max-height: 435px;
    overflow-y: auto;
}

.c-menupicker__options--required input {
    position: absolute;
    left: 10px;
    top: 15px;
}

.c-menupicker__options--required .c-menupicker__option-details {
    padding-left: 30px;
}

.c-menupicker__options-header {
    background: #edf5ff;
    border-bottom: 1px solid #cacaca;
    min-height: 44px;
    width: 100%;
    overflow: hidden;
}

.c-menupicker__price {
    float: right;
    font-weight: 500;
    margin-top: 14px;
}

.c-menupicker__summary {
    background: #fff;
    border-top: 1px solid #cacaca;
    padding: 16px;
    margin: -1px auto 0;
    overflow: hidden;
}

    .c-menupicker__summary .actions input[type='submit'], .c-menupicker__summary .actions .submit, .c-menupicker__summary .actions .resetExtras {
        font-weight: normal;
        padding: 14px 16px;
    }

    .c-menupicker__summary .c-menupicker__link {
        margin-top: -12px;
    }

.c-menupicker__selected {
    background-color: #f5f5f5;
}

.c-menupicker__selected-item {
    border-bottom: 1px solid #cacaca;
    padding: 12px 16px 12px 60px;
    font-weight: 500;
    position: relative;
}

    .c-menupicker__selected-item:after {
        background: #00ac41;
        width: 46px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
        content: '';
    }

    .c-menupicker__selected-item:before {
        font-family: 'JustEatIcons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        content: '';
        color: #fff;
        left: 16px;
        top: 14px;
        position: absolute;
        z-index: 1;
    }

    .c-menupicker__selected-item span {
        font-weight: 200;
    }

.c-menupicker__dialog {
    position: absolute;
    z-index: 3;
}

    .c-menupicker__dialog.nonJs {
        display: block;
    }

    .c-menupicker__dialog .c-menupicker {
        box-shadow: none;
    }

    .c-menupicker__dialog .c-menupicker__extra-added {
        background-color: #f5f5f5;
        padding: 5px 16px;
        display: none;
        float: none;
        margin: 0;
    }

        .c-menupicker__dialog .c-menupicker__extra-added:before {
            border-bottom: #f5f5f5 8px solid;
            position: absolute;
            top: 36px;
            left: 45px;
            content: '';
            width: 0;
            height: 0;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
        }

    .c-menupicker__dialog .c-menupicker__extra-amount {
        display: inline-block;
        margin-top: 7px;
        vertical-align: top;
    }

        .c-menupicker__dialog .c-menupicker__extra-amount input {
            font-size: 16px;
            line-height: 19px;
            font-weight: 100;
            background: none;
            height: 16px;
            width: 25px;
            border: none;
            text-align: end;
        }

    .c-menupicker__dialog .c-menupicker__extra-price {
        float: right;
        margin-top: 8px;
    }

    .c-menupicker__dialog .c-menupicker__extra-remove {
        display: inline-block;
        margin-bottom: -4px;
        height: 34px;
        width: 34px;
    }

    .c-menupicker__dialog .c-menupicker__options--required input {
        display: none;
    }

    .c-menupicker__dialog .c-menupicker__options--required .c-menupicker__option-details {
        padding-left: 16px;
    }

.js .c-menupicker__dialog {
    display: none;
}

    .js .c-menupicker__dialog.show {
        display: block;
    }

@media screen and (max-width:480px) {
    .c-menupicker {
        margin-top: 0;
        width: 100%;
    }

        .c-menupicker h1 {
            font-size: 24px;
            line-height: 28px;
        }

    .c-menupicker__extra-amount select {
        margin-top: -1px;
    }

    .c-menupicker__option:last-child, .c-menupicker__selected-item:last-child {
        border-bottom: 1px solid #cacaca;
    }

    .c-menupicker__options {
        max-height: none;
        margin-bottom: 76px;
    }

    .c-menupicker__options-header, .c-menupicker__selected {
        margin-top: 4px;
    }

        .c-menupicker__selected + .c-menupicker__options-header {
            margin-top: 0;
        }

    .c-menupicker__summary {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .c-menupicker__dialog {
        background: #f5f5f5;
        padding-bottom: 76px;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
    }

        .c-menupicker__dialog .c-menupicker__header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1;
        }
}

.appUpsell {
    display: none;
    width: 240px;
    text-align: center;
    padding: 20px;
    background-color: #fff;
}

    .appUpsell h2 {
        font-size: 2.4em;
        margin-bottom: 20px;
    }

    .appUpsell img {
        margin-bottom: 20px;
    }

    .appUpsell p {
        font-size: 1.4em;
        margin-bottom: 20px;
    }

.dialog .appUpsell {
    display: block;
}

.c-banner {
    position: relative;
    text-align: center;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 16px;
}

.c-banner__image {
    display: block;
    margin: auto;
    max-width: 100%;
}

@media screen and (max-height:525px) {
    .c-banner__image {
        max-height: 35px;
    }
}

.c-homepage__banner {
    margin: auto;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #000;
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/homepage-banner/xfactor/background-v2-90px.jpg");
}

.c-user-message {
    color: #fff;
    background-color: #cd390c;
    max-width: 100%;
}

.c-user-message-container {
    max-width: 200px;
    margin: 0 auto;
    padding: 16px 0;
}

.c-user-message-text {
    font-size: 14px;
    position: relative;
    padding-left: 16px;
}

    .c-user-message-text:before {
        content: '';
        background: url("//dy3erx8o0a6nh.cloudfront.net/images/icon-clock-28-white.svg");
        width: 28px;
        height: 28px;
        margin: 0 0 0 -24px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
    }

@media screen and (min-width:414px) {
    .c-user-message-container {
        max-width: 300px;
    }
}

@media screen and (min-width:768px) {
    .c-user-message-container {
        max-width: 500px;
        margin: 0 auto;
        padding: 16px 0 16px 36px;
    }

    .c-user-message-text {
        padding-left: 0;
    }

        .c-user-message-text:before {
            margin: 0 0 0 -36px;
            top: 0;
        }
}

.c-pageBanner {
    background-color: #fff;
    max-height: 250px;
    min-height: 100px;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width:1025px) {
    .c-pageBanner {
        max-height: 300px;
    }
}

@media screen and (min-width:1880px) {
    .c-pageBanner {
        max-height: 370px;
    }
}

@supports (position:absolute) {
    .c-pageBanner:after {
        background-image: url("//d30v2pzvrfyzpo.cloudfront.net/images/bannerRays--narrow.svg");
        background-position: bottom left;
        background-repeat: no-repeat;
        bottom: -1px;
        content: '';
        height: 100%;
        left: 0;
        position: absolute;
        width: 100%;
    }
}

@media screen and (min-width:768px) {
    @supports (position:absolute) {
        .c-pageBanner:after {
            background-image: url("//d30v2pzvrfyzpo.cloudfront.net/images/bannerRays--wide.svg");
        }
    }
}

.c-pageBanner-img {
    width: 100%;
}

@media screen and (min-width:640px) {
    .c-pageBanner-img {
        margin-top: -15%;
    }
}

.c-lunchExperienceSelector {
    background-color: #f5f5f5;
    border: 1px solid #cacaca;
    box-shadow: none;
    font-size: 16px;
    line-height: 19px;
}

.c-serp .c-lunchExperienceSelector {
    padding: 24px;
}

@media screen and (max-width:414px) {
    .c-serp .c-lunchExperienceSelector {
        margin: 0;
        padding: 8px;
    }
}

@media screen and (max-width:414px) {
    .c-lunchExperienceSelector--mobile {
        margin: 0;
        font-size: 14px;
        line-height: 18px;
    }
}

.c-lunchExperienceSelector-option {
    display: inline-block;
    margin-right: 32px;
    text-decoration: none;
}

@media screen and (max-width:414px) {
    .c-lunchExperienceSelector-option {
        margin-right: 8px;
    }
}

.c-lunchExperienceSelector-option.is-selected {
    font-weight: bold;
}

.c-lunchExperienceSelector-option .o-radio:before {
    top: -2px;
}

.c-lunchExperienceSelector-option .o-radio:after {
    top: 3px;
}

.ab-restaurant__review {
    border-radius: 12px;
    background-color: #f5f5f5;
    padding: 2px 3px;
    margin: 3px 2px 0;
    width: 95%;
}

@media screen and (min-width:768px) {
    .ab-restaurant__review {
        padding: 4px 8px;
    }
}

.ab-icon--review {
    opacity: .4;
    position: relative;
    height: 16px;
    width: 16px;
    text-indent: 18px;
    overflow: hidden;
    margin-right: 3px;
}

    .ab-icon--review:before {
        content: '';
        height: 16px;
        width: 16px;
        position: absolute;
        top: 0;
        left: 0;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon/review-icon.svg");
        background-repeat: no-repeat;
        background-size: 16px 16px;
    }

.c-modal-overlay-container {
    width: 420px;
    padding: 20px;
    background-color: #fff;
    margin: 50px auto 0;
    border-radius: 3px;
    outline: none;
    text-align: center;
}

@media screen and (max-width:768px) {
    .c-modal-overlay-container {
        width: auto;
        margin: 50px 10px 0;
    }
}

.c-modal-overlay-container img {
    width: 155px;
    height: 105px;
    display: block;
    margin: 0 auto;
}

.c-modal-overlay-container p {
    font-size: 14px;
    line-height: 18px;
}

.c-modal-overlay-container h2 {
    font-size: 24px;
    line-height: 28px;
    margin: 8px 0;
}

@media screen and (max-width:414px) {
    .c-modal-overlay-container h2 {
        font-size: 20px;
        line-height: 24px;
    }
}

.c-modal-actions {
    margin-top: 16px;
}

.c-crossSell-container {
    padding: 0 10px;
    line-height: 1.34;
    margin: 16px 8px;
    background-color: #fff;
    border-top-color: #ff9e16;
    border-top-style: solid;
}

.c-crossSell-title {
    padding: 10px 8px 12px;
    display: block;
    font-weight: normal;
    font-size: 1.8em;
    border-bottom: 1px dashed #cacaca;
}

.c-crossSell-products {
    clear: both;
    overflow: hidden;
}

    .c-crossSell-products[data-variant='list'] {
        padding: 0 6px;
    }

        .c-crossSell-products[data-variant='list'] .c-crossSell-product {
            border-top: 1px dashed #cacaca;
        }

.c-crossSell-product {
    width: 100%;
    display: block;
    padding: 10px 0 8px;
    overflow: hidden;
    background-color: #fff;
    float: left;
}

    .c-crossSell-product:first-child {
        border-top: none;
    }

    .c-crossSell-product.has-synonyms .c-crossSell-information {
        float: left;
        margin-top: 5px;
        padding-right: 5%;
        width: 100%;
    }

    .c-crossSell-product.has-synonyms .c-crossSell-details {
        position: relative;
        clear: both;
        float: none;
        width: 100%;
    }

        .c-crossSell-product.has-synonyms .c-crossSell-details .c-crossSell-synonymName {
            display: block;
            position: absolute;
            top: 5px;
            left: 0;
            width: auto;
            margin-right: 100px;
            padding-bottom: 6px;
            line-height: 1.24;
            margin-top: 2px;
            font-size: 14px;
            line-height: 18px;
            font-size: 1.4em;
            font-weight: normal;
        }

        .c-crossSell-product.has-synonyms .c-crossSell-details .c-crossSell-orderDetail {
            margin-top: -2px;
        }

.c-crossSell-information {
    width: 62%;
    float: left;
    margin-top: 5px;
}

.c-crossSell-information-item {
    font-size: 14px;
    line-height: 18px;
    font-size: 1.4em;
}

.c-crossSell-name {
    margin: 2px 0 0;
}

.c-crossSell-dietaryInformation {
    margin: 1em 1em 0 0;
}

.c-crossSell-spicy, .c-crossSell-vegetarian {
    position: relative;
    display: inline-block;
    height: 16px;
    width: 16px;
    text-indent: 18px;
    overflow: hidden;
}

    .c-crossSell-spicy:before, .c-crossSell-vegetarian:before {
        content: '';
        height: 16px;
        width: 16px;
        position: absolute;
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-size: 16px 16px;
    }

    .c-crossSell-spicy:before {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon/spicy-red.svg");
    }

    .c-crossSell-vegetarian:before {
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon/vegetarian-green.svg");
    }

.c-crossSell-details {
    clear: right;
    float: right;
    width: 30%;
    min-width: 80px;
    padding-bottom: 16px;
}

    .c-crossSell-details:last-child {
        padding: 0;
    }

.c-crossSell-orderDetail {
    float: right;
    display: block;
    min-width: 110px;
    height: 34px;
    margin-top: 3px;
}

    .c-crossSell-orderDetail .addProductForm {
        float: right;
        width: 28px;
        height: 28px;
    }

.c-crossSell-price {
    font-size: 14px;
    line-height: 18px;
    font-size: 1.4em;
    display: inline-block;
    margin-top: 4px;
    width: 60px;
    padding-right: 5%;
    text-align: right;
}

.c-crossSell-details.addingItem .c-crossSell-price {
    margin: 5px auto 0 40px;
    position: relative;
    text-indent: 9999em;
    border-top: .24em solid rgba(51,51,51,.2);
    border-right: .24em solid rgba(51,51,51,.2);
    border-bottom: .24em solid rgba(51,51,51,.2);
    border-left: .24em solid #333;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: rotate360 1.1s infinite linear;
    animation: rotate360 1.1s infinite linear;
}

    .c-crossSell-details.addingItem .c-crossSell-price, .c-crossSell-details.addingItem .c-crossSell-price:after {
        border-radius: 50%;
        width: 9px;
        height: 14px;
    }

@-webkit-keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.c-crossSell-branded-container {
    clear: both;
    margin: 8px;
}

.c-crossSell-branded-items-list {
    padding: 0 20px;
}

.c-crossSell-branded-list-item {
    display: flex;
    padding-bottom: 20px;
}

.c-crossSell-branded-description-container {
    display: flex;
    font-size: 14px;
    line-height: 18px;
    flex: 100%;
    align-items: center;
}

.c-crossSell-branded-details {
    padding: 0 10px;
}

.c-crossSell-branded-price-container {
    display: flex;
    align-items: center;
}

.c-crossSell-branded-price {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
}

.c-crossSell-branded-add-form {
    margin-left: 10px;
}

.c-crossSell-img {
    height: 40px;
}

.recommendations {
    clear: both;
    background-color: #edf5ff;
    border-radius: 5px;
    padding: 10px;
    margin: 0 2% 20px;
    position: relative;
    display: block;
}

    .recommendations.inline {
        -webkit-transform: scale(.85);
        transform: scale(.85);
        transition: opacity .2s;
        transition-delay: 0s,500ms;
        opacity: 0;
    }

        .recommendations.inline.visible {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
            transition: opacity .2s;
        }

    .recommendations.drawer {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 60px;
        z-index: 2;
        margin: 0;
        width: auto;
        box-shadow: -1px -2px 10px rgba(50,50,50,.3);
        overflow-y: hidden;
        max-height: 0;
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0,1,.5,1);
    }

@media only screen and (min-width:640px) {
    .recommendations.drawer {
        bottom: 0;
    }
}

.recommendations.drawer.visible {
    max-height: 600px;
}

.recommendations.drawer .recommendation {
    padding: 10px;
    margin-top: 10px;
    background: #fff;
    border-radius: 10px;
}

.recommendations .titleRecommendations {
    font-size: 15px;
    padding-bottom: 10px;
    font-weight: unset;
}

.recommendations .close {
    margin-left: -40px;
    line-height: 0;
    font-size: 0;
    color: transparent;
}

.recommendations .close {
    position: absolute;
    right: 13px;
    top: 13px;
    width: 26px;
    height: 26px;
    opacity: .6;
}

    .recommendations .close:hover {
        opacity: 1;
    }

    .recommendations .close:before, .recommendations .close:after {
        position: absolute;
        left: 15px;
        content: ' ';
        height: 15px;
        width: 2px;
        background-color: #266abd;
    }

    .recommendations .close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .recommendations .close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

.recommendation {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
}

    .recommendation:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

    .recommendation .information, .recommendation .details, .recommendation .orderDetail {
        display: flex;
        align-items: center;
    }

    .recommendation .information {
        flex-grow: 1;
    }

    .recommendation .information-item {
        width: 250px;
    }

    .recommendation .description {
        flex: 0 0 80%;
    }

    .recommendation .price, .recommendation .name {
        font-size: 14px;
        line-height: 18px;
        font-weight: 500;
    }

    .recommendation .orderDetail {
        justify-content: space-between;
        min-width: 85px;
    }

#menu .category .product {
    border-top: 1px dashed #eaeaea;
    border-bottom: 0;
}

#menu .product:first-child {
    border-top: 0;
}

.c-cover--premium {
    background-size: cover;
    background-position: center;
    height: 300px;
    margin-bottom: 32px;
}

    .c-cover--premium + .c-serp__header {
        display: none;
    }

    .c-cover--premium ~ .l-container .c-restaurant__cuisine, .c-cover--premium ~ .l-container .c-serp__header:first-child, .c-cover--premium ~ .l-container .c-serp-filter h3, .c-cover--premium ~ .l-container .c-serp-filter__list[data-ft='sortByFilter'] {
        display: none;
    }

    .c-cover--premium ~ .l-container .c-restaurant__address {
        margin-top: 10px;
        display: block;
    }

    .c-cover--premium .c-cover--premium_logo {
        height: auto;
        max-width: 170px;
        width: 40%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

@media screen and (max-width:768px) {
    .c-cover--premium {
        margin-bottom: 0;
    }
}

@media screen and (max-width:768px) {
    .c-cover--premium ~ .l-container .o-card {
        margin-bottom: 0;
    }

    .c-cover--premium ~ .l-container .c-serp-filter__wrapper {
        margin-top: 60px;
    }
}

.c-coverBrands {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 350px;
}

    .c-coverBrands + .c-serp__header {
        display: none;
    }

    .c-coverBrands ~ .l-container .c-restaurant__cuisine, .c-coverBrands ~ .l-container .c-serp__header:first-child, .c-coverBrands ~ .l-container .c-serp-filter h3, .c-coverBrands ~ .l-container .c-serp-filter__list[data-ft='sortByFilter'] {
        display: none;
    }

    .c-coverBrands ~ .l-container .c-restaurant__address {
        margin-top: 10px;
        display: block;
    }

    .c-coverBrands .c-coverBrands__logo {
        height: auto;
        max-width: 170px;
        width: 40%;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

@media screen and (max-width:1025px) {
    .c-coverBrands {
        height: 300px;
    }
}

@media screen and (max-width:768px) {
    .c-coverBrands {
        margin-bottom: 0;
        height: 150px;
    }
}

@media screen and (max-width:768px) {
    .c-coverBrands ~ .l-container .o-card {
        margin-bottom: 0;
    }

    .c-coverBrands ~ .l-container .c-serp-filter__wrapper {
        margin-top: 60px;
    }
}

.c-content-background-color {
    background-color: #f5f5f5;
}

.c-brands {
    margin-left: 16px;
}

    .c-brands p {
        font-size: 14px;
        line-height: 18px;
        padding: 10px 16px;
        color: #535353;
    }

        .c-brands p:last-child {
            padding-top: 0;
        }

    .c-brands h1 {
        font-size: 32px;
        line-height: 40px;
        padding: 0 0 16px 0;
        color: #535353;
    }

    .c-brands h2 {
        font-size: 32px;
        line-height: 40px;
        padding: 0 0 16px 0;
        color: #535353;
    }

    .c-brands h3 {
        font-size: 24px;
        line-height: 28px;
        padding: 16px 0 0 16px;
        color: #535353;
    }

    .c-brands img {
        width: 100%;
    }

    .c-brands .o-btn {
        padding: 10px 16px;
        font-size: 14px;
        line-height: 18px;
        min-width: initial;
        margin-bottom: 10px;
    }

        .c-brands .o-btn.hide {
            display: none;
        }

    .c-brands .o-btn--third {
        color: #266abd;
        border: 1px solid #266abd;
        margin-bottom: 8px;
    }

        .c-brands .o-btn--third:hover, .c-brands .o-btn--third:focus, .c-brands .o-btn--third:active {
            background-color: #edf5ff;
            border-color: #14509c;
            color: #14509c;
        }

    .c-brands .c-brands__popular-content-heading {
        padding: 10px 0 0 16px;
        color: #535353;
    }

    .c-brands .c-brands__messages p {
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        margin: 0 64px;
        padding: 0 16px;
    }

    .c-brands .c-brands__messages h1, .c-brands .c-brands__messages p {
        text-align: center;
        padding: 16px 0 0;
    }

    .c-brands .c-brands__messages .c-brands__messages-switch-location {
        font-size: 16px;
        line-height: 19px;
        color: #266abd;
        text-decoration: none;
        padding-left: 10px;
        cursor: pointer;
    }

        .c-brands .c-brands__messages .c-brands__messages-switch-location:hover, .c-brands .c-brands__messages .c-brands__messages-switch-location:focus, .c-brands .c-brands__messages .c-brands__messages-switch-location:active {
            text-decoration: underline;
        }

    .c-brands .c-brands__messages .o-btn {
        min-width: 200px;
    }

    .c-brands .c-brands__messages .c-brands__messages-button-container {
        padding: 16px 0;
    }

    .c-brands .c-brands__offers img {
        max-width: 300px;
        float: left;
        margin-right: 16px;
        min-height: 165px;
    }

    .c-brands .c-brands__offers p {
        padding-left: 0;
    }

    .c-brands .c-brands__branches h3 {
        font-size: 16px;
        line-height: 19px;
        padding: 0 0 16px;
    }

    .c-brands .c-brands__branches h4 {
        font-size: 16px;
        line-height: 19px;
        padding: 16px 10px 10px 16px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

        .c-brands .c-brands__branches h4 a {
            text-decoration: none;
            color: #266abd;
        }

            .c-brands .c-brands__branches h4 a:hover, .c-brands .c-brands__branches h4 a:focus, .c-brands .c-brands__branches h4 a:active {
                text-decoration: underline;
            }

    .c-brands .c-brands__branches p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-bottom: 16px;
    }

    .c-brands .c-brands__branches .c-brands__branches-expand {
        text-align: right;
        color: #266abd;
        font-size: 16px;
        font-weight: 500;
        padding-right: 0;
        padding-top: 0;
        display: block;
        text-decoration: none;
        cursor: pointer;
    }

        .c-brands .c-brands__branches .c-brands__branches-expand:hover, .c-brands .c-brands__branches .c-brands__branches-expand:focus, .c-brands .c-brands__branches .c-brands__branches-expand:active {
            text-decoration: underline;
        }

        .c-brands .c-brands__branches .c-brands__branches-expand.hide {
            display: none;
        }

    .c-brands .c-brands__messages, .c-brands .c-brands__popular, .c-brands .c-brands__offers, .c-brands .c-brands__news {
        margin: 32px 0;
        clear: both;
    }

        .c-brands .c-brands__messages .c-brands__card-content, .c-brands .c-brands__popular .c-brands__card-content, .c-brands .c-brands__offers .c-brands__card-content, .c-brands .c-brands__news .c-brands__card-content {
            min-height: 38px;
            height: 48px;
            overflow: hidden;
            margin-bottom: 10px;
        }

        .c-brands .c-brands__messages .o-card, .c-brands .c-brands__popular .o-card, .c-brands .c-brands__offers .o-card, .c-brands .c-brands__news .o-card {
            min-height: 110px;
            overflow: hidden;
        }

@media screen and (max-width:414px) {
    .c-coverBrands ~ #breadcrumb {
        display: none;
    }

    .c-brands h1 {
        font-size: 24px;
        line-height: 28px;
        padding: 0 0 16px 0;
        color: #535353;
    }

        .c-brands h1 a {
            display: inline-block;
            clear: both;
        }

    .c-brands h2 {
        font-size: 24px;
        line-height: 28px;
        padding: 0 0 16px 16px;
        color: #535353;
    }

    .c-brands .c-brands__messages {
        margin-top: 0;
    }
}

@media screen and (max-width:768px) {
    .c-brands h2 {
        padding-left: 16px;
    }

    .c-brands .o-btn {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .c-brands .c-brands__messages h1 {
        padding: 16px 16px 0 16px;
    }

    .c-brands .c-brands__messages p {
        margin: 0 16px;
    }

    .c-brands .c-brands__branches h3 {
        padding: 16px;
    }

        .c-brands .c-brands__branches h3:nth-child(2) {
            padding-top: 0;
        }

    .c-brands .c-brands__branches .c-brands__branches-expand {
        padding-top: 16px;
        padding-right: 16px;
    }

    .c-brands .c-brands__offers img {
        max-width: 100%;
    }

    .c-brands .c-brands__offers h3 {
        padding-top: 16px;
        clear: both;
    }

    .c-brands .c-brands__offers p {
        padding-left: 16px;
    }

    .c-brands__popular .c-brands__popular-content .c-brands__card-content {
        height: 54px;
    }
}

@media screen and (max-width:1024px) {
    .c-brands h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .c-brands h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .c-brands__popular-image {
        max-width: 80px;
        margin: 16px;
        float: left;
    }

    .c-brands__popular .c-brands__popular-content {
        margin-left: 112px;
    }

        .c-brands__popular .c-brands__popular-content h3 {
            padding-top: 16px;
        }

        .c-brands__popular .c-brands__popular-content p {
            padding: 0 16px 0 0;
        }

        .c-brands__popular .c-brands__popular-content .c-brands__popular-content-heading {
            padding-left: 0;
        }

        .c-brands__popular .c-brands__popular-content .o-btn {
            padding: 0;
            border: 0;
            font-size: 16px;
            line-height: 19px;
            text-align: left;
            width: initial;
            background-color: #fff;
        }

            .c-brands__popular .c-brands__popular-content .o-btn:hover {
                background-color: #cacaca;
            }
}

.c-brands__modals {
    width: 300px;
}

    .c-brands__modals .advisoryContent {
        width: initial;
    }

        .c-brands__modals .advisoryContent h2 {
            font-size: 16px;
            line-height: 19px;
        }

        .c-brands__modals .advisoryContent p {
            font-size: 14px;
            line-height: 18px;
        }

    .c-brands__modals .c-brands__modal-postcode .o-btn {
        margin-top: 16px;
    }

    .c-brands__modals .standardControl .control input, .c-brands__modals .o-btn {
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
        line-height: 18px;
    }

    .c-brands__modals .standardControl .control input {
        color: #535353;
    }

    .c-brands__modals .standardControl {
        margin-bottom: 0;
    }

    .c-brands__modals .errorMessage {
        margin-top: 16px;
    }

    .c-brands__modals.o-card {
        width: initial;
    }

.c-hungryhouse-message-title {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 26px;
    color: #f50028;
}

.c-hungryhouse-message-text {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 20px;
}

.c-hungryhouse-banner {
    text-align: center;
    padding: 35px 20px 10px;
}

.c-hungryhouse-banner-modal a {
    color: #266abd;
}

#modalContent.c-hungryhouse-banner-modal {
    width: 340px;
    padding: 0;
    overflow: hidden;
    line-height: 0;
}

.c-hungryhouse-container {
    border-bottom: 1px solid #cacaca;
    padding: 35px 15px 25px;
}

.c-noResults h1 {
    font-size: 24px;
    line-height: 28px;
    padding: 10px;
    text-align: center;
    font-weight: 300;
}

.c-noResults p {
    font-size: 16px;
    line-height: 19px;
    text-align: center;
}

.c-noResults div {
    margin-left: 10px;
    margin-right: 10px;
}

.c-noResults .c-postcodeFilter {
    margin: 20px 40px;
}

    .c-noResults .c-postcodeFilter div {
        margin-left: auto;
        margin-right: auto;
    }

    .c-noResults .c-postcodeFilter .standardControl .control {
        padding-right: 0;
    }

    .c-noResults .c-postcodeFilter .errorMessage {
        margin-bottom: 0;
    }

.c-noResults .standardControl .control input {
    box-sizing: border-box;
}

.c-noResults .actions .submit {
    font-size: 16px;
    line-height: 19px;
    padding: 15px 23px;
}

.c-noResults .c-noResults-header {
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/search/je-illustration-restaurant.svg");
    padding-top: 80px;
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: 25px;
}

.c-noResults .c-noResults-footer {
    margin-bottom: 50px;
}

.c-noResults .c-noResults-button {
    margin: 15px;
}

@media screen and (min-width:768px) {
    .c-noResults .c-postcodeFilter form {
        position: static;
    }

    .c-noResults .c-postcodeFilter .actions {
        position: static;
        max-width: 100%;
        padding: 0 30px;
    }

        .c-noResults .c-postcodeFilter .actions .submit {
            width: 100%;
            float: none;
            max-width: 305px;
            margin-left: auto;
            margin-right: auto;
        }

    .c-noResults .c-postcodeFilter .standardControl {
        max-width: 350px;
    }

        .c-noResults .c-postcodeFilter .standardControl .control input {
            width: 100%;
            float: none;
            margin-left: auto;
            margin-right: auto;
            box-sizing: border-box;
        }
}

.header .l-container:after {
    clear: both;
    content: ' ';
    display: table;
}

@media screen and (max-width:767px) {
    .header .is-hidden-small {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .header .is-visibile-small {
        display: none !important;
    }
}

.profile {
    padding-bottom: 10px;
}

    .profile .title {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }

    .profile .subtitle {
        font-weight: 300;
        font-size: 14px;
        line-height: 18px;
    }

    .profile .avatar {
        float: left;
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

.je-skip-to-menu-link {
    position: absolute;
    top: -9999px;
    left: -9999px;
    padding: 10px;
}

.header {
    min-height: 50px;
    background-color: transparent;
    border-bottom: 4px solid #f50028;
}

    .header .logo-container {
        position: relative;
        display: block;
        float: none;
        margin: 0 auto;
        padding-top: 14px;
        padding-bottom: 8px;
        text-align: center;
    }

@media screen and (min-width:768px) {
    .header .logo-container {
        float: left;
        width: 124px;
        padding-top: 24px;
        padding-bottom: 16px;
    }
}

.header .logo-container a {
    display: inline-block;
    height: 34px;
}

.header .nav-container {
    position: static;
    float: left;
    border: 0;
    margin-top: -50px;
    max-height: 50px;
}

@media screen and (min-width:768px) {
    .header .nav-container {
        display: block;
        position: relative;
        float: right;
        margin-top: 0;
    }
}

.header .nav-container .nav-toggle-label {
    position: relative;
    display: block;
    width: 4em;
    height: 34px;
    padding: 21px 16px 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
}

@media screen and (min-width:768px) {
    .header .nav-container .nav-toggle-label {
        float: right;
        padding-right: 0;
        padding-bottom: 20px;
        width: auto;
    }

    .header .nav-container.is-logged-out .nav-toggle-label {
        display: none;
    }
}

@media screen and (max-width:767px) {
    .header .header-nav-toggle-icon {
        color: #266abd;
        display: block;
        position: absolute;
        top: 20px;
        left: 0;
        right: inherit;
        height: 1px;
        width: 20px;
        border-top: 3px solid #266abd;
        transition: border .19s .19s;
        text-indent: -9999em;
    }

    .header--inverted.header .header-nav-toggle-icon {
        color: #fff;
        border-color: #fff;
    }

        .header--inverted.header .header-nav-toggle-icon:before, .header--inverted.header .header-nav-toggle-icon:after {
            border-color: #fff;
        }

    .header .header-nav-toggle-icon:before, .header .header-nav-toggle-icon:after {
        position: absolute;
        display: block;
        width: 20px;
        height: 0;
        border-top: 3px solid #266abd;
        content: '';
        transition-duration: .19s,.19s;
        transition-delay: .19s,0s;
    }

    .header .header-nav-toggle-icon:before {
        top: -11px;
        transition-property: top,-webkit-transform;
        transition-property: top,transform;
        transition-property: top,transform,-webkit-transform;
    }

    .header .header-nav-toggle-icon:after {
        top: 5px;
        transition-property: top,-webkit-transform;
        transition-property: top,transform;
        transition-property: top,transform,-webkit-transform;
    }

    .header .nav-container.is-open .header-nav-toggle-icon {
        transition: border 0s .19s;
        border: none;
    }

        .header .nav-container.is-open .header-nav-toggle-icon:before, .header .nav-container.is-open .header-nav-toggle-icon:after {
            top: 0;
            transition-delay: 0s,.19s;
        }

        .header .nav-container.is-open .header-nav-toggle-icon:before {
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .header .nav-container.is-open .header-nav-toggle-icon:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }
}

@media screen and (min-width:768px) {
    .is-logged-in .header-nav-toggle-icon {
        display: block;
        width: auto;
        padding-top: 10px;
        white-space: nowrap;
        text-align: right;
        text-transform: capitalize;
        color: #266abd;
        font-weight: 500;
        font-family: "Ubuntu";
        margin-right: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 300px;
    }

    .header--inverted .is-logged-in .header-nav-toggle-icon {
        color: #fff;
    }

    .is-logged-in .nav-toggle-label img {
        margin-left: 16px;
        height: 30px;
        width: 30px;
        float: right;
    }
}

.header .nav-container #menu-visible {
    position: absolute;
    top: -999px;
    left: -999px;
    width: 1px;
    height: 1px;
    border: none;
    background-color: #ce0b10;
}

.header .nav-container .nav {
    position: absolute;
    top: 56px;
    margin: 0;
    background: #fff;
    -webkit-transform: none;
    transform: none;
    box-sizing: border-box;
    padding: 0 16px;
    border-top: 4px solid #f50028;
}

.header .nav-container, .header .nav-container .nav-toggle-label, .header .logo-container {
    z-index: 2;
}

.smartBanner ~ .header .nav-container .nav {
    top: 106px;
}

.smartBanner.hide ~ .header .nav-container .nav {
    top: 56px;
}

@media screen and (max-width:767px) {
    .header .nav-container #menu-visible ~ .nav {
        left: -100%;
        width: 100%;
        height: 100%;
        zoom: 1;
        z-index: 9999;
        transition: -webkit-transform .35s cubic-bezier(.05,1.04,.72,.98);
        transition: transform .35s cubic-bezier(.05,1.04,.72,.98);
        transition: transform .35s cubic-bezier(.05,1.04,.72,.98),-webkit-transform .35s cubic-bezier(.05,1.04,.72,.98);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        will-change: transform;
    }

    .header .nav-container #menu-visible:checked ~ .nav, .header .nav-container.is-open .nav {
        transition: -webkit-transform .35s cubic-bezier(.05,1.04,.72,.98);
        transition: transform .35s cubic-bezier(.05,1.04,.72,.98);
        transition: transform .35s cubic-bezier(.05,1.04,.72,.98),-webkit-transform .35s cubic-bezier(.05,1.04,.72,.98);
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
    }
}

@media screen and (min-width:768px) {
    .header .nav-container.is-logged-out .nav {
        position: relative;
        top: 0;
        padding: 0;
        border-top: none;
    }

    .header .nav-container.is-logged-in .nav {
        right: 0;
        top: 66px;
        width: 245px;
        height: auto;
        box-shadow: 0 2px 40px rgba(0,0,0,.2);
        border-top: none;
    }

    .header .nav-container.is-logged-in #menu-visible ~ .nav {
        display: none;
        opacity: 0;
    }

    .header .nav-container.is-logged-in #menu-visible:checked ~ .nav {
        opacity: 1;
        display: block;
        z-index: 9999;
    }

        .header .nav-container.is-logged-in #menu-visible:checked ~ .nav:before {
            border: 5px solid transparent;
            border-bottom-color: #fff;
            right: 12px;
            content: ' ';
            top: -10px;
            position: absolute;
            pointer-events: none;
        }
}

.header .nav-container .nav li {
    display: block;
    list-style: none;
    border-top: 1px solid #f0ede8;
    text-align: left;
}

    .header .nav-container .nav li:first-child, .header .nav-container .nav li.account {
        border-top: none;
    }

@media screen and (max-width:767px) {
    .header .nav-container .nav li {
        min-width: 140px;
    }

    .header .nav-container.is-logged-in .nav li:first-child {
        margin-top: 16px;
    }
}

@media screen and (min-width:768px) {
    .header .nav-container.is-logged-out .nav li {
        display: inline-block;
        float: left;
        min-width: auto;
        margin-left: 0;
        padding: 28px 10px;
        border-top: none;
    }

        .header .nav-container.is-logged-out .nav li a {
            padding: 0;
            color: #266abd;
            font-weight: 500;
            font-family: "Ubuntu";
        }

    .header--inverted.header .nav-container.is-logged-out .nav li a {
        color: #fff;
    }

        .header--inverted.header .nav-container.is-logged-out .nav li a:hover {
            border-color: #fff;
        }

    .header .nav-container.is-logged-out .nav li a:hover {
        padding-bottom: 14px;
        border-bottom: 2px solid #266abd;
    }
}

.header .nav-container .nav li a {
    display: block;
    padding: 16px 0;
    text-align: left;
    text-decoration: none;
    transition: color .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
}

    .header .nav-container .nav li a:hover {
        font-weight: 500;
    }

.header.header--inverted {
    border-bottom: none;
}

#warning {
    background-color: #fff1df;
}

    #warning p {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
    }

#warningInner {
    width: 940px;
    margin: 0 auto;
    padding: 10px 0;
}

@media screen and (max-width:960px) {
    #warningInner {
        width: 620px;
    }
}

@media screen and (max-width:640px) {
    #warningInner {
        width: 300px;
    }
}

.c-warning {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    padding: 16px;
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
}

    .c-warning img {
        vertical-align: middle;
        margin: 0 10px;
    }

.smartBanner {
    width: 100%;
    height: 50px;
    background: #333;
}

.smartBannerInner {
    margin: 0 auto;
    overflow: hidden;
    width: 940px;
}

@media screen and (max-width:960px) {
    .smartBannerInner {
        width: 620px;
    }
}

@media screen and (max-width:640px) {
    .smartBannerInner {
        width: 300px;
    }
}

.smartBanner .smartBannerInner .close, .smartBanner .smartBannerInner .logo, .smartBanner .smartBannerInner .text {
    float: left;
}

.smartBanner .smartBannerInner .close {
    width: 22px;
    height: 50px;
}

    .smartBanner .smartBannerInner .close a {
        text-decoration: none;
        display: block;
        padding: 19px 10px 18px 0;
    }

        .smartBanner .smartBannerInner .close a img {
            max-height: 12px;
        }

        .smartBanner .smartBannerInner .close a:active, .smartBanner .smartBannerInner .close a:focus, .smartBanner .smartBannerInner .close a:hover {
            color: #eee;
        }

.smartBanner .smartBannerInner .logo {
    margin: 7px 10px 7px 5px;
}

    .smartBanner .smartBannerInner .logo img {
        max-height: 36px;
        border-radius: 6px;
    }

.smartBanner .smartBannerInner .text h2 {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    margin-top: 11px;
    margin-bottom: 4px;
}

.smartBanner .smartBannerInner .text p {
    font-size: 11px;
    color: #fff;
}

.smartBanner .smartBannerInner .getAppButton a {
    display: block;
    float: right;
    padding: 5px 10px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-top: 11px;
}

    .smartBanner .smartBannerInner .getAppButton a:hover, .smartBanner .smartBannerInner .getAppButton a:active, .smartBanner .smartBannerInner .getAppButton a:focus {
        color: #333;
        background-color: #fff;
    }

#DebugPanel {
    display: none;
}

@media screen and (min-width:600px) {
    #DebugPanel {
        display: block;
        position: fixed;
        bottom: 0;
        right: 50px;
        z-index: 9999;
        background-color: #d8eecc;
        padding: 10px;
        opacity: .8;
        box-shadow: #a9a9a9 -1px 1px 3px 2px;
        font-size: 13px;
    }
}

#cookieWarning {
    background-color: #333;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

#cookieWarningInner {
    width: 940px;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}

    #cookieWarningInner .message {
        width: 940px;
    }

@media screen and (max-width:960px) {
    #cookieWarningInner {
        width: 620px;
    }

        #cookieWarningInner .message {
            width: 620px;
        }
}

@media screen and (max-width:640px) {
    #cookieWarningInner {
        width: 300px;
    }

        #cookieWarningInner .message {
            width: 280px;
        }
}

#cookieWarning .message {
    float: left;
}

#cookieWarning p {
    color: #fff;
    font-size: 11px;
    text-align: center;
}

    #cookieWarning p a {
        color: #fff;
    }

#cookieWarning .hideButton {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon-close-banner.png");
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: center center;
}

    #cookieWarning .hideButton:hover, #cookieWarning .hideButton:active, #cookieWarning .hideButton:focus {
        background-color: #757575;
    }

#breadcrumb {
    background-color: #fff;
    border-bottom: 1px solid #cacaca;
}

    #breadcrumb p {
        padding-top: 14px;
        padding-bottom: 14px;
        font-size: 16px;
        line-height: 19px;
        font-weight: 300;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    #breadcrumb .item {
        padding-left: 16px;
        background: no-repeat center left;
        background-image: url("//dy3erx8o0a6nh.cloudfront.net/images/icon/right-chevron.svg");
        background-size: 10px 10px;
        margin-right: 10px;
    }

    #breadcrumb .home {
        background: none;
        padding-left: 0;
    }

    #breadcrumb a {
        text-decoration: none;
    }

        #breadcrumb a span {
            font-weight: 500;
            color: #333;
        }

        #breadcrumb a:hover {
            text-decoration: underline;
        }

#menu .category-promoted-container {
    background-color: #f5f5f5;
    padding: 16px 0 10px;
    box-shadow: 0 1px 0 1px #f5f5f5;
}

#menu .category-promoted {
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-top: none;
    box-shadow: 0 0 0 1px #eaeaea;
}

    #menu .category-promoted.collapsed .categoryName--alt {
        color: #04822c;
    }

#menu .promotedName {
    color: #04822c;
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8em;
    padding: 10px 16px 16px;
}

#menu .category.collapsed .promotedName {
    display: none;
}

#menu .categoryName--alt {
    color: #04822c;
}

#menu .products--alt {
    margin: 0 16px 16px;
    background-color: #f2fae2;
    border-radius: 4px;
}

    #menu .products--alt > .product {
        padding: 24px 0 16px;
        box-sizing: border-box;
        border-bottom: 1px dashed #535353;
    }

        #menu .products--alt > .product:first-child {
            padding-top: 16px;
        }

        #menu .products--alt > .product:last-child {
            border-bottom: none;
        }

    #menu .products--alt .addButton {
        background-color: #fff;
    }

        #menu .products--alt .addButton:hover, #menu .products--alt .addButton:focus {
            background-color: #eaeaea;
        }
