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

body .visible-leicester { display:none !important; } 
body .hidden-leicester { display:inherit !important; } 
body.shop_leicester .hidden-leicester { display:none !important; }
body.shop_leicester .visible-leicester { display:inherit !important; }

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

body {
	font-family: 'Jost';
	font-weight: bold;
}
h1 {
}
h2 {
}
h3 {
}
h4 {
}
body {
	background-color: #000000;

	background-image:none;

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

header, #mobile-header {

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

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

/* Display None */
#leftside_text_header,
#rightside_button_header,
.ct_details_bar,
#myCarousel .item > img,
.carousel-indicators,
.input_btn_postcode_base .caret
{
    display: none !important;
}

/* Fonts */
h1,h2,h3,h4,h5, h2>span, .input_btn_postcode_base .dropdown-toggle .text, .btn, .members legend, .members .nav-header,
.review-order fieldset > legend,
label,
.members #frmNewAddress fieldset .control-group:last-child .controls .btn-success,
.menu .ui-tabs .ui-tabs-nav li a span,
.menu .navbar .brand,
.alert.sys-message span,
.well.sys-alert.sys-message span,
#mod_postcode_box_pc,
.lead,
.row-product .row-fixed .span5 .name, .row-product .row-variation .price, .row-variation .name
{
    font-family: "eds-market-bold", sans-serif !important;
}

#leftside_text_header h2,
input, 
select, 
textarea,
.members .section-opening-times .dropdown-toggle, 
.members .section-my-profile .dropdown-toggle,
.lead.tr_basket_total,
#leftside_text_header h2:first-child span
{   
    font-family: 'Jost' !important;    
}

/* Tables */
.table th {
    color: white;    
}

.well-basket .table td,
.well-basket .table th,
.review-order .page-review-order td,
.review-order .page-review-order th
{
    background: none !important;
    color: white !important;
    border-color: #DD5C4A;
}

table thead tr th.col_cat_name_variation,
table thead tr th.col_cat_avg_price,
table thead tr th.col_cat_qty,
table thead tr th.col_cat_revenue,
.contact-us .table tr th
{    
    background: #BD212E !important;
    color: white;
}


.table td, .table tbody th, tfoot td,
.table-condensed th, .table-condensed td
{
    background: white !important;
    color: black;
}

#basket-container .table th,
.ui-dialog-content .table th
{
    color: black;
}

/* Alerts */

.members .section-loyalty-scheme .alert {
    background: #BD212E;
    box-shadow: none;
}

.well.sys-alert.sys-message span,
.alert.sys-message strong
{
    font-weight: 100;
    letter-spacing: 1px;
    text-shadow: 3px 3px black;
    font-size: 21px !important;
}
.alert.sys-message, .well.sys-alert.sys-message {
    margin: 24px auto;
    max-width: 700px;
    border-radius: 18px;
    text-align:center;
    color: white;
    background: #BD212E;
    box-shadow: 8px 8px 0px 0px black;
    border: 2px solid black;
    margin-bottom: 24px !important;
    padding-top:12px;    
    text-shadow: 3px 3px black;
}
.alert.sys-message.alert-success,
.alert.sys-message.alert-info,
.alert.sys-message.alert-warning,
.alert.sys-message.alert-danger
{border-color: white; box-shadow: 5px 5px 0px 0px white;}

.alert.sys-message.alert-success {background: #0A9444;}
.alert.sys-message.alert-info {background: #00acf1;}
.alert.sys-message.alert-warning {background: #f18a00;}
.alert.sys-message.alert-danger {background: #ff3535;}
.alert .close, .well button.close {
    font-size: 24px !important;
    margin-top: 8px !important;
    color: white !important;
    opacity: 1 !important;
}



/* Texts */
.text-info {
    color: #007eff;  
}
.text-warning {
    color: #787918;
}
.text-error {
    color: #c50300;   
}
.text-success {
    color: #0EAB62;
}

/* Labels */
.label, .badge {
    font-weight: 100;
}

.label-info {
    background: #007eff !important;    
}
.label-warning {
    background: #f9fd00 !important;    
    color: black;
}
.label-danger {
    background: #ff3535 !important;    
}
.label-success {
    background: #0EAB62 !important;    
}

/* Modals */
.modal-footer, .modal-header {
    background: #BD212E;
    color: white;
}

.modal h4.media-heading {    
    margin-top: 16px;
}

.modal-header .close {
    font-size: 24px !important;
}

.modal-footer, .modal-header, .modal .form-horizontal .control-group .controls .btn.dropdown-toggle, .modal-body .well {
    background: #F59323 !important;
    color: white;
}

.modal .dropdown-menu {
    width: fit-content;
}

.modal .form-horizontal .control-group .controls .btn.dropdown-toggle {
    border: black 2px solid;
    box-shadow: 4px 4px black;
}

.modal .form-horizontal .control-group .controls .btn.dropdown-toggle:hover,
.modal .form-horizontal .control-group .controls .btn.dropdown-toggle:focus {
    box-shadow: none;
}

.modal .modal-body>h5, .modal h4.media-heading .name, .modal-header h3, .modal-footer .price, #productModalPrice {
    font-size: 20px !important;
    color: white;    
    margin: 27px 0;
    text-shadow: 2px 2px black;
    letter-spacing: 2px;
}

.modal h4.media-heading .name, .modal .modal-body>h5 {
    color: black;
    text-shadow: none;
    line-height: normal;
}

.modal .label {
    font-weight: 900 !important;
    background: #2F3135;
}

.modal-header h3 {
    font-size: 24px !important;
    margin: 6px 0 0px;
    text-transform: uppercase;
    line-height: normal;   
}

.modal-footer, .modal-header {
    background: #BD212E !important;
}

.modal-body .option-label {
    font-size: 14px !important;    
    font-weight: 900;
}

.modal-body {
    background: white;
}

.modal fieldset .btn-option {
    padding: 6px 6px 4px!important;
    border-radius: 0!important;
    border: none;
    box-shadow: none;
    font-size: 10px !important;
    font-weight: 100 !important;
    text-shadow: none !important;
}

.modal-body .well {
    box-shadow: 6px 6px 0px 0px #BD212E;
    border: 2px solid #BD212E;
}

.modal fieldset .btn:hover, .modal fieldset .btn:focus {
    transform: unset !important;
}

.modal .modal-footer small.muted {
    color: white;
    font-size: 9px !important;
}

.home_cracker .btn-group {
    display: flex; 
    flex-direction: column;
}

/*Green*/
#editProductModal .btn-group>.dropdown-toggle.btn-success,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success {
    background: green !important;
}
#editProductModal .btn-group>.dropdown-toggle.btn-success:hover,
#editProductModal .btn-group>.dropdown-toggle.btn-success:focus,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success:hover,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-success:focus {
    background: green !important;
}
/*Blue*/
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info {
    background: #00acf1 !important;
}
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info:hover,
#editProductModal fieldset .btn-group>.dropdown-toggle.btn-info:focus,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info:hover,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle.btn-info:focus {
    background: #00acf1 !important;
}
/*Red*/
#editProductModal .btn-group>.dropdown-toggle.btn-danger,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-danger {
    background: #ff3535 !important;
}
#editProductModal .btn-group>.dropdown-toggle.btn-danger:hover,
#editProductModal .btn-group>.dropdown-toggle.btn-danger:focus,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-danger:hover,
#editSpecialDealModal.btn-group>.dropdown-toggle.btn-danger:focus {
    background: #ff3535 !important;
}
/*Default*/
#editProductModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger),
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger) {
    background: black !important;
}
#editProductModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):hover,
#editProductModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):focus,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):hover,
#editSpecialDealModal fieldset .btn-group>.dropdown-toggle:not(.btn-info):not(.btn-success):not(.btn-danger):focus {
    background: black !important;
}

/* Global */

a {
    color: #BD212E;
}

.website-image:not(.home .website-image) {
    border-radius: 18px;
    box-shadow: 8px 8px 0px 0px #BD212E;
    border: 2px solid #BD212E;
    background: black;
}

#website-image-15354, #website-image-18436, .checkout .website-image {
    box-shadow: 8px 8px 0px 0px #F59323 !important;
    border: 2px solid #F59323 !important;
}

.website-image img {
    border-radius: 16px;
    width: 100%;
}

small.muted {
    color: #000;
}

.checkout small.muted {
    color: white;
}

.well label {
    color: black;
}

.well {
    background: #F59323;
    box-shadow: 8px 8px 0px 0px #BD212E;    
    border-radius: 18px;
    color: black;
    border: 2px solid #BD212E;
}

.review-order .page-review-order {
    background: black;
    box-shadow: 8px 8px 0px 0px #BD212E;    
    border-radius: 18px;
    color: white;
    border: 2px solid #bd212E;
}

#ctl-lookupAddress, .members #ctl-forgotPassword {
    margin-left: 4px;
    padding: 2px 12px 2px;
    border-radius: 8px;
    font-size: 10px;    
}

#loginPassword, #registerPostcode, #checkoutPostcode {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

input, select, textarea {
    background: #BD212E !important;
    border: 2px solid black !important;
    color: white !important;
    box-shadow: 3px 3px 0px 0px #544545a1 !important;
}

.ui-draggable .ui-dialog-titlebar {
    background: #BD212E;    
}

input::placeholder, 
select::placeholder, 
textarea::placeholder 
{
    color: #ffffff9c !important;
}

#rightside_button_header {    
    font-size: 25px;
    padding: 16px 14px 13px;
    margin-left: 10px;
}

.menu-title, 
.menu-title span,
.checkout_title, 
#navbar-search-menu h2, 
h1, 
.members legend, 
.review-order fieldset > legend,
.row-product .media-heading .name 
{
    font-size: 21px !important;
    text-align: center;    
    letter-spacing: 1px;        
    font-weight: 100;
    margin-bottom: 18px;
    color: #BD212E;
    text-shadow: 3px 3px black;
}
.row-product .media-heading .name  {
    text-shadow: 1px 1px black;
}

.checkout h5, 
.checkout h4, 
.well-login .lead, 
/*.row-product .media-heading .name,*/ 
#basket-container>h3, 
.checkout h5 span,
.members .section-  h2
{
    font-size: 20px !important;
    color: white;
    font-weight: 300;
    letter-spacing: 1px;    
    text-shadow: 3px 3px black;
}

.checkout h4 {    
    color: #BD212E;
    text-shadow: 2px 2px black;
}

.checkout .well-basket small, .checkout .menu .menu-selection .alert h3, .checkout #basket td, .checkout #basket th {
    color: black !important;
}

#basket td, #basket th {
    border-color: black;
}

.menu .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show #basket td,
.menu .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show #basket th
{
    border-color: white;
}

.checkout .well-basket .btn, .menu #basket-container #basket .btn {
    border: 2px solid #BD212E;
    box-shadow: 2px 2px 0 0 #BD212E;
}

.checkout .well-basket .btn-info {
    border-color: #008ac1;
    box-shadow: 2px 2px 0 0 #008ac1;
}

.checkout .well-basket .btn-warning {
    border-color: #d97c00;
    box-shadow: 2px 2px 0 0 #d97c00;
}

.menu #basket-container #basket .btn-success,
.checkout #basket .btn-success
{
    border-color: #005624 !important;
    box-shadow:2px 3px 0 0 #005624;
}

.checkout .well-basket .btn:hover,
.checkout .well-basket .btn:focus,
.menu #basket-container #basket .btn:hover,
.menu #basket-container #basket .btn:focus {
    box-shadow: none !important;
}

.menu .navbar .brand, 
.members .nav-header, 
.checkout .loyaltypoints_box .row-credits .well, 
.popover-title,
.review-order .rating-row .lead
{
    font-size: 16px !important;   
    text-shadow: 3px 3px black !important;
    font-weight: 900;
}

.members .nav-list>li>a, 
.members .nav-list>li small, 
.page_menu .ui-tabs .ui-tabs-nav li a, 
.checkout .loyaltypoints_box .ui-widget-header 
{
    font-size: 12px!important;
    text-transform: capitalize;
    text-shadow: none;
    color: black;
}
.members h1 {
    text-align: left !important;
    color: white;
}
.members .lead {
    text-shadow: 3px 3px black;
    color: white;
}
.popover-title {
    background: #BD212E;
    letter-spacing: 1px;
    font-size: 21px !important;
    line-height: normal;
}
div.popover-content {
    font-size: 15px !important;
}
.ui-dialog-content h5 {
    color: black;
    text-shadow: none;
}
#contact_map_canvas, #customer_map_canvas {
    border-radius: 18px;
}


.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year {
    padding: 0px 0px 0px!important;
    height: 30px;
}

/* Buttons */

.btn {
    box-shadow: 2px 2px 0px 0px #DD5C49;
    border: 2px solid #DD5C4A;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 6px 12px 4px;
    transition: .2s;
    transform: translate(0px, 0px) !important;
    font-weight: 100;
}

.btn:hover, .btn:focus {
    transform: translate(3px, 3px) !important;
    box-shadow: none;
    transition: .2s !important;
}

.btn-tiny {
    border-radius: 8px !important;
}

.btn_red_orange {
    background: #F59323;
    color: #BD212E;
    text-shadow: none;
    transition: .2s !important;
    border: 2px solid #BD212E !important;
    box-shadow: 2px 2px 0px 0px #BD212E;
}

.btn_red_orange:hover,
.btn_red_orange:focus {
    background: #F59323;
    color: #BD212E;
    transition: .2s !important;
    box-shadow: none;
}

.btn-success {
    background: #00b74c;
    color: white;
    text-shadow: none;
    border: white 2px solid;
    box-shadow: 2px 2px 0px 0px white;
}

.btn-success:hover,
.btn-success:focus {
    background: #0A9444;
    color: white;
}

.btn-success-invisible {
    background: white;
    color: #0EAB62;
    text-shadow: none;
    border: #0EAB62 2px solid;
    box-shadow: 3px 3px 0px 0px #0EAB62;
}

.btn-success-invisible:hover,
.btn-success-invisible:focus {
    background: white;
    color: #0EAB62;
}

.btn_red_orange_border {
    background: #BD212E;
    color: white;
    text-shadow: none;
    border: #F59323 2px solid;
    box-shadow: 2px 2px 0px 0px #F59323;
}

.btn_red_orange_border:hover,
.btn_red_orange_border:focus {
    background: #BD212E;
    color: white;
}

.button-pressed {
    transform: scale(0.8);
}

.btn-no-background {
    background: none;
    border: none;
    box-shadow: none;
    color: white;
    text-shadow: 3px 3px black;
}

.btn-no-background:hover, .btn-no-background:focus {
    transform: translate(0px);
    color: white;
    background: none;    
}

.btn-info {
    background: #00acf1;
    border: white 2px solid;
    box-shadow: 3px 3px 0px 0px white;
}

.btn-info:hover,
.btn-info:focus {
    background: #00acf1;
}

.btn-warning {
    background: #f18a00;
    border: white 2px solid;
    box-shadow: 3px 3px 0px 0px white;
}

.btn-warning:hover,
.btn-warning:focus {
    background: #f18a00;
}

.btn-danger {
    background: #ff3535;
    border: white 2px solid;
    box-shadow: 3px 3px 0px 0px white;
}

.btn-danger:hover,
.btn-danger:focus {
    background: #ff3535;
}

.btn-primary {    
    background: #4281ff;
    border: white 2px solid;
    box-shadow: 3px 3px 0px 0px white;
}

.btn-primary:hover,
.btn-primary:focus {
    background: #4281ff;
}

.btn-inverse {    
    background: #2F3135;
    border: white 2px solid;
    box-shadow: 2px 2px 0px 0px white;
}

.btn-inverse:hover,
.btn-inverse:focus {
    background: #2F3135;
}


.btn-primary.active {
    background: #0051ff !important;
    border: white 2px solid;
    box-shadow: 3px 3px 0px 0px white;
}

.btn-primary.active:hover,
.btn-primary.active:focus {
    background: #0051ff !important;
    box-shadow: none !important;
}

.radio.inline, .checkbox.inline {
    padding: 8px;
    background: #BD212E !important;
    box-shadow: 3px 3px 0px 0px white;
    color: white;
    border: 2px solid white;
}
.radio.inline:hover,
.radio.inline:focus,
.checkbox.inline:hover,
.checkbox.inline:focus {
    box-shadow: none !important;
}

.ctrl-offcanvas_productmenu_toggle_bridge_mobile2_ span {
    color: white !important;
}

/* Header */

.home header {    
    z-index: 100;
}


#close_modal_nav i {
    font-size: 32px !important;
}

header .menu ul.dropdown-menu,
ul.dropdown-menu
{
    width: 100%;
    background: #BD212E !important;
}

header .menu .dropdown-menu>li>a {
    font-size: 16px !important;
    text-align: center;
    margin: 0;
    padding: 14px 0;
    color: white !important;
}

header .menu .dropdown-menu>li>a:hover,
header .menu .dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus
{
    background: #FACB21 !important;    
    color: black !important;
}

/* Images */

#air_first_left,
#air_first_right
{
    position: absolute;
    width: 32px;
    top: -5px;
    animation: scale 1s ease-in-out infinite;
}

#air_second_left,
#air_second_right {
    position: absolute;
    width: 32px;
    bottom: 0;
    animation: bounce 1s ease-in-out infinite;
}

#air_first_right {
    right: 12px;
}

#air_first_left {
    left: 12px;
}

#air_second_right {
    right: 0;
}

/* Navbar */
header .navbar {
    margin: 0 !important;
    padding: 2px 12px 18px 12px;
}

header ul.nav li a {
    text-transform: uppercase;
    color: white;
    padding: 0 12px;    
    transition: .2s;
    font-size: 15px !important;
}


header ul.nav li.active a:not(.home header ul.nav li a),
header ul.nav li a:hover:not(.home header ul.nav li a),
header ul.nav li a:focus:not(.home header ul.nav li a) {
    color: #BD212E !important;
    background: none !important;
}

header .menu .dropdown-menu>li>a:not(.home header .menu .dropdown-menu>li>a) {
    color: white !important;
}

header .menu .dropdown-menu>li>a:hover:not(.home header .menu .dropdown-menu>li>a),
header .menu .dropdown-menu>li>a:focus:not(.home header .menu .dropdown-menu>li>a) {
    color: #F59323 !important;
}

header ul.nav li a:hover,
header ul.nav li a:focus {
    background: none;
    color: #FACB21;
}

header ul.nav li.active a, 
#leftside_text_header h2 a {
    color: #FACB21;
    text-decoration: none;
    transition: .2s;
}

#leftside_text_header h2 a:hover,
#leftside_text_header h2 a:focus {
    color: #BD212E;
}

#leftside_text_header h2 span.username {
    color: #FACB21 !important;
}

/* First Section */

@keyframes scale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

#first_section {
    padding: 2em 2em 21em;
    background-image: url("/myimages/1129/pizza_background.jpg?v=1");
    background-position: top;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-attachment: fixed;
}

#first_section article > div:nth-child(2) {
    margin: 24px auto 24px;
    position: relative;
    max-width: 340px;
}

#first_section article > div:nth-child(2) > h2:nth-child(1),
#first_section article > div:nth-child(2) > h2:nth-child(2) {
    text-align: center;
    font-size: 27px;    
    color: #FACB21;
    text-shadow: 5px 5px black;
    letter-spacing: 2px;    
    text-transform: uppercase;
}    

#first_section article > div:nth-child(2) > h2:nth-child(1) {            
    margin-bottom: 4px !important;
    line-height: unset;
}

#first_section article > div:nth-child(2) > h2:nth-child(2) {            
    margin-top: 0;  
}


#postcode_top_base {
    background: #BD212E;
    padding: 18px 24px;
    border-radius: 24px;
    max-width: 285px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    padding-bottom: 14px;
    box-shadow: 8px 8px 0px 0px #F59323;
}
#myCarousel {
    margin-bottom: 0;
}

.carousel-caption {
    position: unset;
    text-align: center;
    background: transparent;
    padding-bottom: 0;
    position: relative;
    padding: 0 15px;
}

.carousel-inner {
    padding-right: 10px;
}
.carousel_collection, .carousel_10, .carousel_collection_smaller
{
    color: white;
    text-shadow: 3px 3px black;
}

.carousel_collection_smaller {
font-size: 45px;
}

.carousel_10 {
    font-size: 46px;    
    letter-spacing: 2px;
    margin-bottom: 6px;    
}

.carousel_collection {
    font-size: 34px;
    margin-top: 0 !important;
    letter-spacing: 1px;
    margin-bottom: 6px;
}

.carousel_code {
    font-size: 34px;
    margin: 0px 0 0px;
    padding: 0px 0;
    letter-spacing: 1px;
    margin-bottom: 12px;
    color: #FACB21;
    text-shadow: 3px 3px black;
}

.carousel_code::after, .carousel_code::before {
    content: '';
    background: white;
    width: 100%;
    height: 4px;
    display: flex;
    border-radius: 12px;
}

.carousel_code::after {
    margin-top: 6px;
}

.carousel_code::before {
    margin-bottom: 6px;
}

.mod_postcode_box > h2 {
    display: flex;
    flex-direction: column;
    margin: 0;
    text-align:center;
}
.mod_postcode_box .dropdown-menu {
    background: #FACB21 !important;
}
.mod_postcode_box .dropdown-menu li a {
    color: black;
}
.mod_postcode_box .dropdown-menu li a:hover, 
.mod_postcode_box .dropdown-menu li a:focus {
    background: #BD212E !important;
    color: white !important;
}
.mod_postcode_box > h2 > span {    
    font-size: 32px !important;
    margin: 0px 0;
    color: #FACB21;
    text-shadow: 3px 3px black;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 100;
}

.mod_postcode_box > h2 > span:nth-child(1), 
.mod_postcode_box > h2 > span:nth-child(2){
    color: white
}

.input_btn_postcode_base {    
    width: auto;
    background: white;
    margin: 16px auto 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 4px;
    border-radius: 12px;
    height: 42px;
}

p.description_postcode {    
    font-size: 12px !important;
    color: #ffffff75;   
    text-align: center;
}

#mod_postcode_box_pc {
    border: none !important;
    box-shadow: none !important;
    padding-left: 14px;
    font-size: 16px !important;
    text-transform: uppercase;
    width: 70%;
    font-weight: 100;    
    background: none !important;
    color: #2F3135 !important;
    opacity: .6 !important;
}
#mod_postcode_box_pc::placeholder {

    font-weight: 900;
    color: #2f313569 !important;
}
.input_btn_postcode_base .btn-group, 
.input_btn_postcode_base .dropdown-toggle {
    height: 100%;
}

.input_btn_postcode_base .dropdown-toggle {
    border-radius: 12px !important;
    padding-left: 16px;
    padding-right: 16px;
    box-shadow: none;
    border: none;
    transition: .2s;
    padding-top: 7px;
}

.input_btn_postcode_base .dropdown-toggle:focus, .input_btn_postcode_base .dropdown-toggle:hover {
    transform: unset !important;
    background: #00c94d !important;
    transition: .2s !important;
}
.input_btn_postcode_base .dropdown-toggle .text {
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: none;
    font-size: 16px !important;
}

a.carousel_btn {    
    font-size: 28px !important;
}

/* Second Section */

#second_section {
    padding-top: 21em;
}

#second_section article > div:nth-child(1) {
    position: relative;
    max-width: 330px;
    margin: auto;
}

#second_section article > div:nth-child(1) > h2 {
    font-size: 36px;
    text-align: center;
    text-shadow: 3px 3px black;
    color: #BD212E;
    letter-spacing: 0px;
    font-weight: 100;
    margin: 21px auto 30px;
    line-height: 42px;
}

#second_section .span4 {
    text-align: center;
    margin-bottom: 28px;
    padding: 28px 0;
    background: #BD212E;
    max-width: 325px;
    margin: 0px auto 38px;
    border-radius: 42px;
    box-shadow: 8px 8px 0px 0px #F59323;
}

#second_section .span4 img {
    border-radius: 21px;
    border: 5px solid black;
    width: 280px;
    height: 240px;
    object-fit: cover;
}

#second_section .span4 h2 {
    font-size: 24px;
    text-shadow: 3px 3px black;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;    
    margin: auto;
    margin-bottom: 12px;
    margin-top: 0px;        
}

#second_section .website-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Third Section */

#third_section {    
    padding: 82px 0;
    color: #F0AF55;
    margin-top: 32px;    
    content: '';
    background-image: url("/myimages/1129/zpos-bg-third_section_backgroundV2.jpg?v=2");    
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

#third_section h2 { 
    font-size: 54px;
    line-height: 64px;
    text-transform: uppercase;
    text-align: center;
    text-shadow: 3px 3px #BD212E;
    letter-spacing: 2px;
    color: white;
}

#third_section > p { 
    max-width: 310px;
    color: white;
    font-size: 14px !important;
    margin: auto;
    text-align: center;
}

#third_section > div { 
    text-align: center;
    margin: 21px 0 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;    
}

#third_section > div > a:nth-child(1) {
    margin-bottom: 16px;
}

/* Fourth Section */

#fourth_section 
{
    text-align: center;   
}

#fourth_section article {
    background: #BD212E;
    padding: 32px;
}

#fourth_section article > h2 {
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 3px 3px black;
    line-height: 26px;
}

#fourth_section article > h2:nth-child(1) {
    margin-bottom: 0;
    font-size: 28px;
}

#fourth_section article > h2:nth-child(2) {
    font-size: 28px;
    margin-top: 12px;
}

#fourth_section article > p {
    color: white;
    margin: 24px auto 18px;
    max-width: 285px;
    font-size: 17px !important;
}

#fourth_section article > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#fourth_section article > div a {
    max-width: fit-content;
}

#fourth_section article > div a:nth-child(1) {
    margin-bottom: 16px;
}

/* Footer */
footer {
    padding: 36px 0;
}

footer small {
    color: white !important;
}

footer a {
    color: #BD212E;
    transition: .2s;
}

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

/* Checkout and Menu */

.menu #rightside_button_header,
.checkout #rightside_button_header {
    display: none !important;
}

#responsive-food-menu.affix {
    max-width: 1275px;
}

#close_menu {
    padding: 2.1em !important;
}

#close_menu i {
    font-size: 4em !important;
}

.checkout .well.well-basket {
    background: white;
    box-shadow: 8px 8px 0px 0px black;
}

.checkout .marginbottom15 a:hover,
.checkout .marginbottom15 a:focus {
    color: #BD212E;
}

.menu .menu-selection h1 {
    font-size: 38px !important;    
    margin-bottom: 10px;
}

#website-image-15335,
#website-image-15336 {
    box-shadow: 8px 8px 0px 0px #F0AF55;
}

.menu-title span {
    color: white;
}

.menu-title a,
.menu-title a small{
    color: white;
    text-decoration: underline;
    text-shadow: none;
}

#navbar-search-menu h2 {
    max-width: 310px;    

}

#navbar-search-menu {
    width: 620px;
}

#zp-offcanvas-basket > .well .uk-h2 {
    text-shadow: none;
    letter-spacing: 1px;
    font-weight: 100;
}

.menu .navbar .brand {                
    font-weight: 100;
    font-size: 24px !important;
    line-height: 34px;
    color: white;
    text-transform: capitalize;
    letter-spacing: 1px;
    text-shadow: 4px 4px #DD5C4A;
    padding-top: 5px;
}
.row-product:hover, .row-product {
    background: 0 0;
    border-color: white;
}

.row-product .media-heading .name {
    font-weight: 100;    
}

.row-product .muted {
    color: black
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    color: black;
}

.navbar_top_menu {
    padding-top: 14px;
}

.trigger-paymentmethod .btn {
    padding-top: 2em;
    border: none;
}

.voucher_box .btn.btn-success {
    padding: 2px 6px;
    font-size: 10px;
}

.well-basket small,
.menu .menu-selection .alert h3
{
    color: white;
    text-shadow: none;    
}

.menu .menu-selection .alert {
    background: none;
    border: none;
    box-shadow: none;
}

.menu .menu-selection .alert h3 {
    letter-spacing: 2px;
    font-size: 21px;
    font-weight: 300;
    text-shadow: 2px 2px black;
}

.menu_type_delivery  {
    margin-top: 12px !important;
}

.menu .menu-selection .well a {
    background: #F59323 !important;
    color: #BD212E  !important;
    text-shadow: none  !important;
    box-shadow: 2px 2px 0px 0px #BD212E;
    border: 2px solid #BD212E !important;
}

.menu .menu-selection .well a:focus,
.menu .menu-selection .well a:hover {
    box-shadow: none;
}

.menu .menu-selection .well a i {
    font-size: 18px !important;
}

.menu .product-container-panel .ui-widget h3 {
    background: #2F3135;
    letter-spacing: 2px;
    font-weight: 100;
    border-radius: 12px;
    /*box-shadow: 5px 5px 0px 0px black;*/
}

.menu .ui-tabs-panel .ui-state-highlight.lead {
    color: #fff;
    background: #BD212E;
    text-shadow: none;
    border: 2px solid black;
    border-radius: 0;
    margin-top: 18px;
    padding: 16px 16px 12px;
    box-shadow: 5px 5px 0px 0px black;
    text-shadow: 3px 3px black;
    border-radius: 12px;
}

.checkout .btn-proceed-final {
    margin-bottom: 12px;
}

.checkout .well-how-pay em,
.ct-checkout-phonenumber .text-info,
.ct-checkout-deliveryaddress .text-warning
{
    color: white;
    font-weight: 100;
}


#menu-search-box {
    background: white !important;
    font-size: 14px !important;
    color: black !important;
    width: 200px;
    border-radius: 9px;
    box-shadow: 4px 4px #BD212E !important;
}

#menu-search-box::placeholder {
    color: black !important;
}

.checkout h5:after, .checkout h4:after, .well-login .lead:after {    
    border-bottom: 2px solid black;    
}

.ct-checkout-phonenumber .label-info,
.ct-checkout-deliveryaddress .label-warning {
    background: white !important; 
    color: black;
}

.checkout .loyaltypoints_box {
    background: white;
    border: none;
    color: black;
}
.checkout .loyaltypoints_box h5 span {
    color: #BD212E;
    text-shadow: 1px 1px black;
}
.checkout .loyaltypoints_box h5 i {
    font-size: 27px !important;
    color: #BD212E;
    text-shadow: 1px 1px black;
}
.checkout .loyaltypoints_box .ui-widget-header {
    background: #BD212E;
    border: none;
    color: #fff !important;
    padding: 8px 0;
    margin-top: 10px;
    font-size: 16px !important;
    font-weight: 300;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    box-shadow: 8px 8px 0px 0px #BD212E;
}
.checkout .ctl-pointsoptions .btn:hover, .checkout .ctl-pointsoptions .btn:focus, .checkout .ctl-redeempoints:hover, .checkout .ctl-redeempoints:focus {
    box-shadow: none;
    transform: translate(10px,10px);
    text-decoration: none;
}
.row-product .row-fixed .span5 .name,
.row-product .row-variation .price,
.row-variation .name small,
.row-variation .name {
    margin-top: 6px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    /*color: white !important;*/
    letter-spacing: 0px;
    line-height: normal;
    /*text-shadow: 2px 2px black;*/
}
.checkout .loyaltypoints_box .row-credits .well {
    background: #F59323;
    border-radius: 16px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    color: white !important;
    text-shadow: 2px 2px black !important;
}
.ctl-pointsoptions a:nth-child(2) {
    margin: 0 12px;
}
.checkout .ctl-pointsoptions .btn {
    border: 2px solid #BD212E;
    font-size: 10px;
    padding: 6px 8px 4px;
    color: #BD212E;
    background: #F59323;
    text-shadow: none;
    box-shadow: 5px 5px 0px 0px #BD212E;
    margin-top: 10px;
}
.checkout .ctl-redeempoints {
    font-size: 14px;
    box-shadow: 4px 4px 0px 0px #005624;
    border-color: #005624;
    margin-bottom: 8px;
}
.checkout .loyaltypoints_box .row-credits .col-equals div {
    color: #F59323 !important;
    background: 0 0!important;
    text-shadow: 2px 2px black !important;
    font-size: 32px !important;
}
.row-product .media-body div.decription small {
    color: black;
    font-weight: 600;
    font-size: 16px !important;
    letter-spacing: 1px;
}

#mobile_food_menu_nav .btn {
    padding-bottom: 12px;
    padding-top: 10px;
    background: #2F3135 !important;
    border-top: 3px solid #DD5C4A !important;
}

#mobile_food_menu_nav .btn:hover, #mobile_food_menu_nav .btn:focus {
    transform: translate(0px) !important;
}

#basket-container {
    padding-bottom: 16px;
    background: white;
}

#basket-container>h3 {
    color: #BD212E !important;
    font-size: 38px!important;
}

.menu .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
    background: black;
    color: white;
    overflow: scroll;
    padding-bottom: 60px;
}

.menu .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show #basket td, 
.menu .uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show #basket th,
.menu .uk-nav-offcanvas>li>a {
    color: white;
}

#basket-container .row-fluid.basket-buttons a.btn-danger {
    margin-top: 14px;
    border-color: #BD212E !important;
    box-shadow: 2px 3px 0 0 #BD212E;
}

#basket-container .row-fluid.basket-buttons a.btn-success {
    margin-top: 14px;
    border-color: #005624  !important;
    box-shadow: 2px 3px 0 0 #005624;
}

#basket-container .row-fluid.basket-buttons a:hover,
#basket-container .row-fluid.basket-buttons a:focus {
    box-shadow: none !important;
}

.menu .menu-container .navbar-inner {
    box-shadow: 8px 8px 0px 0px black;
    border: 2px solid black;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    border-bottom: 0;
}

.menu .ui-tabs .ui-tabs-nav li {
    background: #2F3135;
    border-radius: 10px;
    margin: 0px 0 12px !important;
    box-shadow: 4px 4px 0px 0px black;
    border: 2px solid black;
    transition: .2s;
}

.menu .ui-tabs .ui-tabs-nav li:hover,
.menu .ui-tabs .ui-tabs-nav li:focus {
    background: #BD212E !important;
    transition: .2s;            
}

.menu .ui-tabs .ui-tabs-nav li a {
    color: white;        
    padding: 10px 12px!important;
    text-shadow: 2px 2px black;
}

#responsive-food-menu.navbar .navbar-inner {
    background: #BD212E;
}

.menu .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 0;
    background: #BD212E;
}

.menu .ui-tabs .ui-tabs-nav li.ui-tabs-active a span {
    color: white;
    text-shadow: 1px 1px black !important;
}

.menu .ui-tabs .ui-tabs-nav li a span {    
    font-size: 14px !important;
    letter-spacing: 2px;
    font-weight: 100;    
}

.menu .ui-tabs .ui-tabs-nav li a:focus, .menu .ui-tabs .ui-tabs-nav li a:hover {
    color: white;
}

.uk-offcanvas-bar .table th, .uk-offcanvas-bar .table td {
    background: transparent !important;
}

/* Members */

.members .nav-header {
    color: white !important;
    text-shadow: 2px 2px black !important;
    text-transform: capitalize;
    font-weight: 400;
    letter-spacing: 2px;
    font-size: 12px !important;    
}
.members .hero-unit h1 {
    text-align: left !important;
}

.members .section-sales-reports .form-inline button {
    padding: 6px 6px 4px;
    font-size: 11px;
}
.members .nav-list>.active>a, 
.members .nav-list>.active>a:hover, 
.members .nav-list>.active>a:focus, 
.members .span3 .nav>li>a:hover, 
.members .span3 .nav>li>a:focus 
{
    background: #BD212E !important;

}

.members .well p, .members .well .controls {
    color: black;
    font-weight: 800;
}

.menu .ui-tabs-menu {
    background: #F59323;
    box-shadow: 8px 8px 0px 0px #F59323;
    display: block;
    border-radius: 18px;
    color: white;
    border: 2px solid #F59323;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.menu .ui-tabs-menu .marginbottom15 {
    /*margin-bottom: 0px;*/
    box-shadow: 6px 6px 0 0 black;
    border-radius: 14px;
    border: 2px solid black;
}

.menu .ui-tabs-menu .ui-tabs-panel.ui-widget-content {
    padding-top: 7px !important;
    padding-left: 20px !important;
}

.menu .ui-tabs-menu .ui-tabs-panel.ui-widget-content .ui-widget {
    /*margin-top: 18px;*/
}

.hero-unit p,
.hero-unit p a
{
    font-size: 18px !important;
}

.members .hero-unit {
    background: #BD212E !important;
}

.hero-unit p a {
    color: #F0AF55;
    font-weight: 900;
}

.members .section-opening-times table.table {
    box-shadow: 8px 8px 0 0 black !important;
    border-radius: 6px;
}

.members .section-opening-times table.table .btn {
    box-shadow: 3px 3px 0px 0px #BD212E !important;
}

.members .span3 .nav>li>a small {
    color: black !important;
    font-size: 9px !important;
}

.members .btn-block i {
    font-size: 21px !important;
}

.members .section- h2 {
    font-size: 26px !important;
}

.members .table thead th {
    background: #BD212E !important;   
}

.members .section-opening-times .dropdown-toggle, 
.members .section-my-profile .dropdown-toggle 
{
    background: #BD212E !important;
    border: 2px solid black !important;
    box-shadow: 3px 3px 0px 0px #544545a1 !important;
    transform: translate(0px, 0px) !important;
    padding: 4px 10px;
    text-transform: capitalize;
}

.members .section-opening-times .dropdown-toggle:focus, 
.members .section-my-profile .dropdown-toggle:hover
{
    transform: translate(0px, 0px) !important;
}

.members .section-opening-times .dropdown-toggle .caret, 
.members .section-my-profile .dropdown-toggle .caret
{
    margin-top: 11px !important;
    margin-left: 3px !important;
    border-top: 4px solid white;
}

.members #frmNewAddress .controls .btn-success {
    background: #0EAB62 !important;
    border: 2px solid white !important;
    text-shadow: none;
    font-weight: 500;
    box-shadow: 3px 3px 0px 0px white !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text],
.section-product-reports .navbar-inner, #tbl_opening_time_overrides,
.members #frmNewAddress .controls .btn-success:hover,
.members #frmNewAddress .controls .btn-success:focus,
.members .section-opening-times table.table .btn:hover, .members .section-opening-times table.table .btn:focus
{
    box-shadow: none !important;
}

.section-customer-map .well,
.section-sales-reports .well,
.section-tax-report .well
{
    background: none;
    padding: 0;
    box-shadow: none !important;
    border: none;
}

.members .ctl-toggle-columns {
    display: flex;
    flex-wrap: wrap;
}

.section-product-reports .brand {
    text-shadow: none;
    color: white;
}

.members legend,
.section-sales-reports .form-inline small,
.hero-unit h1,
.members .open>.dropdown-menu a, .menu .dropdown-menu a, .members .nav-list>.active>a
{
    color: white;
}

.members .controls small {
    color: black;
}

#tbl_opening_time_overrides {
    border: none !important;
}

.loyalty-card>div .loyalty-value
{
    color: black !important
}

/* Contact Us */

.gm-style .gm-style-iw {
    color: black;
}

.contact-us .ui-widget>.ui-widget-content {
    background: #BD212E;
    border: 2px solid #d9d9d9;    
    box-shadow: 8px 8px 0px 0px #d9d9d9;
    border-top: none;
    border-bottom-right-radius: 18px;
    border-bottom-left-radius: 18px;
}

.contact-us .ui-widget>.ui-widget-content h3 {
    text-shadow: 3px 3px black;
}

.contact-us .ui-widget>.ui-widget-content h4 {
    font-weight: 200;
    color: white;
}

.contact-us .ui-widget>.ui-widget-header {
    box-shadow: 8px 8px 0px 0px #d9d9d9;
    border: 2px solid #d9d9d9;
    border-top-right-radius: 18px;
    border-top-left-radius: 18px;
    border-bottom: 0;
    padding: 10px 10px 6px;
    background: black;
    color: white;
    font-size: 21px;
}

.contact-us .ui-widget-content a {
    color: white;   
}

.contact-us .container-fluid > .row-fluid > .span8 > .well {
    box-shadow: none;
    border-radius: 0;
    padding: 0;    
    box-shadow: 8px 8px 0 0 #BD212E;
    border: 2px solid #BD212E !important;
    border-radius: 18px;
}

.contact-us .ui-widget-content {
    color: white;
}

#box-contact-info, #box-address {
    color: white;
}

#contact_map_canvas {
    border-radius: 18px;
}

/* Order Placed */
.order-complete #order-confirmation {
    background: #BD212E;
    color: white;
    border: 2px solid black;
    box-shadow: 5px 5px 0 0 black;
    border-radius: 12px;
}

.order-complete #order-confirmation strong {
    font-size: 21px !important;
}

.jumbotron .lead,
.p-last-minute
{
    color: white;
}

.jumbotron .lead .text-warning
{
    color: #BD212E;   
    font-size: 16px !important;
}
.order-complete h1.order-complete-title.text-warning {
    font-size: 62px !important;    
    color: #BD212E;
    text-shadow: 3px 3px black;
}
.order-confirmation-note {
    text-align: center;
}
.jumbotron .lead {
    font-size: 16px;
}

.jumbotron .lead.p-thanks-for p { 
    font-size: 16px !important;
}
/* Review Order */
.review-order .rating-row .lead {
    font-weight: 100;
}
.rating-row small.muted {
    color: white !important;
}
.review-order .text-info {
    color: #0099ff;
}
.review-order .page-review-order .alert.alert-success.uk-text-large.lead {
    color: #fff;
    background: #BD212E;
    border: 2px solid black;
    border-radius: 12px;
    box-shadow: 4px 4px 0 0 black;
    padding-bottom: 4px;
}
/* Error 404 */
.page_error-404 #body h1,
.page_error-404 #body h1 i
{
    color: #BD212E !important;
    font-size: 52px !important;
}
.page_error-404 #body h2,
.page_error-404 #body h3,
.page_error-404 #body p
{
    color: white !important;
    text-shadow: none;
    font-weight: 100;
    font-size: 24px !important;
}

.page_error-404 #body {
    border: 10px solid #BD212E
}

.page_error-404 #body h2,
.page_error-404 #body h3 {
    text-shadow: 3px 3px black;
}

.page_error-404 #body p {
    color: black !important;
}
/* Information */
.information .well-hero {
    line-height: inherit;
}
.information .well-hero h2 {
    text-shadow: 2px 2px white;
}
.information .page-header small {
    text-shadow: 2px 2px black;
    color: white !important;
    font-size: 18px !important;
}

/* Media Queries */
@media screen and (min-width: 480px) {
    #fourth_section article > p {
        max-width: 460px;
    }
    #fourth_section article > div {
        flex-direction: row;
        align-items: center;
        justify-content: space-evenly;
        max-width: 410px;
        margin: auto;   
    }
    #fourth_section article > div a:nth-child(1) {
        margin-bottom: 0px;
    }
    #fourth_section article > h2:nth-child(1) {        
        font-size: 42px;
        line-height: 52px;
    }
    #fourth_section article > h2:nth-child(2) {
        font-size: 42px;
        margin-top: 22px;
        line-height: 52px;
    }
    #third_section > p {
        max-width: 470px;
        line-height: normal;
        font-size: 18px !important;
    }
}
@media screen and (min-width: 768px) {   
    #fourth_section article > h2:nth-child(1) {
        font-size: 52px;
        margin: 20px 0 5px;
    }
    #fourth_section article > p {
        margin: 18px auto 24px;
    }
    #fourth_section article > h2:nth-child(2) {
        font-size: 52px;
        margin-top: 0;
    }  
    .mod_postcode_box > h2 {
        text-align: left;
    }
    #second_section article > div:nth-child(1) > h2 {
        margin: 56px auto 30px;
    }
    #first_section article > div:nth-child(2) {
        max-width: 720px;
    }
    #second_section .row-fluid {
        display: flex;               
    }
    #second_section .span4 {
        max-width: 220px;
    }
    #second_section .span4 img {
        width: 185px;
    }    
    #air_first_left, #air_first_right {        
        width: 82px;
        top: -30px;
    }
    #air_second_left, #air_second_right {
        width: 56px;
        bottom: -10px;
    }
    #second_section article > div:nth-child(1) {
        max-width: 720px;
    }
    .postcode_base {
        width: 44%;
    }
    .carousel-caption {
        padding: 0;
    }
    #myCarousel {
        width: 46%;
    }
    #postcode_top_base {
        display: flex;
        justify-content: space-between;
        margin: auto;
        width: 630px;
        max-width: unset;
        padding: 30px 34px 24px;
        align-items: center;
    }    
    .carousel_10 {
        font-size: 55px;
        margin-bottom: 10px;
    }
    .carousel_collection {
        font-size: 58px;
        margin: 18px 0 16px !important;       
    }
    .carousel_code {
        margin-bottom: 10px;
        font-size: 41px;
        margin-top: 12px;
    }
    .carousel_code::before {
        width: 100%;
        margin: auto;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .carousel_code::after {
        margin-top: 8px;
    }
    #first_section article > div:nth-child(2) > h2:nth-child(1) {
        font-size: 64px;
    }
    #first_section article > div:nth-child(2) > h2:nth-child(2) {
        font-size: 62px;
        margin-top: 42px;
        margin-bottom: 42px;
    }
    .home #logo img {
        margin-bottom: 28px;
    }
    #second_section {
        padding-top: 5em;   
    }
    #fourth_section {
        padding: 50px 0 0;
    }
    #fourth_section article {
        border-radius: 32px;
        padding: 32px 0;
    }
    #third_section > div {
        max-width: 450px;
        margin-left: auto;
        flex-direction: row;
        margin-right: auto;
        justify-content: space-between;
    }
    #third_section > div > a:nth-child(1) {
        margin: 0;
    }
}
@media screen and (max-width: 768px) {
    .modal .type-choose-multiple .row-fluid .span4 {
        margin-bottom: 12px;
    }
    .postcode_base {
        border-bottom: 2px solid white;
        margin-bottom: 12px;
        padding-bottom: 12px;   
    }
    .row-product .span6:last-child {
        margin-top: 28px;
    }
    .row-product .row-fixed .span5 .name, 
    .row-product .row-variation .price, 
    .row-variation .name small, 
    .row-variation .name {
        font-size: 20px !important;
    }
    .menu #zp-offcanvas-basket > .well .uk-margin-top .btn-danger {
        margin-bottom: 12px;
    }
    #arrow_10 {
        display: none;
    }
    .block-terms-conditions, .block-website-help {
        padding-bottom: 24px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
    .row-product .row-fixed .span5 .name, .row-product .row-variation .price, .row-variation .name small, .row-variation .name {
        margin-top: 8px !important;
        font-size: 14px !important;
        letter-spacing: 0px;
    }
}
@media screen and (max-width: 979px) {
    header:not(.home header) {
        padding-top: 32px;
    }
    header .nav.main-menu {
        transform: translateX(-100vw);        	
    }
    .menu .menu-selection h1 {
        font-size: 40px !important;
        line-height: normal;
    }
    header .nav.main-menu.on {
        transform: translateX(0vw);    
        transition: .2s;
    }

    header ul.nav li a {
        font-size: 34px !important;
        margin: 28px 0;        
    }
    header .navbar-inner {
        background: none;
        border: none;
        padding: 0;
        box-shadow: none;
    }
    header {
        background: none;
    }
    header .btn.btn-navbar {
        box-shadow: 2px 2px 0px 0px white;
        border: 2px solid white;
        border-radius: 8px;
        background: #BD212E;
    }
    header .btn.btn-navbar:hover,
    header .btn.btn-navbar:focus {
        box-shadow: none;
        background: #BD212E;
    }
    header .navbar .btn-navbar .icon-bar {
        background: white;
    }
}
@media screen and (min-width: 980px) {
    #fourth_section article {
        box-shadow: 8px 8px 0px 0px #F59323;
    }
    header ul.nav li a:not(.home header ul.nav li a) {
        color: white !important;
        background: none !important;
    }
    header:not(.home header) {
        margin-top: 16px;
        margin-bottom: 16px;
    }
    .menu-title, 
    .menu-title span,
    .checkout_title, 
    #navbar-search-menu h2, 
    h1, 
    .members legend, 
    .review-order fieldset > legend
    {
        font-size: 32px !important;
    }
    header .menu .dropdown-menu>li>a {
        font-size: 10px !important;
        text-align: center;
        margin: 0;
        padding: 2px 0;
    }
    #leftside_text_header {
        justify-self: self-start;
    }
    #second_section .span4 {
        max-width: 270px;
    }
    #second_section .span4 h2 {
        max-width: 195px;    	
        margin-bottom: 28px;
        margin-top: 36px;
    }
    #second_section .span4 img {
        width: 230px;
    }
    #second_section article > h2 {
        font-size: 48px;
    }
    #fourth_section article > h2 {
        text-shadow: 4px 4px black;
    }
    #fourth_section article > h2:nth-child(1) {
        font-size: 62px;
        margin: 20px 0 20px;
    }
    #fourth_section article > h2:nth-child(2) {
        font-size: 62px;
        margin-top: 0;
    }    
    #fourth_section article > p {
        max-width: 885px;
        font-size: 34px !important;
        margin: 40px auto 40px;
        line-height: 42px;
    }
    #fourth_section article {
        border-radius: 32px;
        padding: 48px 0 64px;
    }
    #third_section {
        padding: 100px 0;
    }
    #leftside_text_header, 
    #rightside_button_header {
        display: block !important;                        
    }    
    #leftside_text_header h2 a {
        font-size: 18px !important;
    }
    .home header {
        display: grid;
        grid-template-columns: .4fr 1.2fr 0.4fr .1fr;
        grid-template-rows: 1fr;
        gap: 0px 0px;
        grid-template-areas: "left center right";
        justify-items: center;
        max-width: 1530px;
        margin: auto;
        padding: 15px 25px;
        background: none;
    }
    #leftside_text_header h2, #leftside_text_header h2:first-child span { 
        grid-area: left; 
        justify-self: start;         
        line-height: normal;     
        font-size: 18px !important;
        max-width: unset;    	
        width: 100%;
        color: white; 
        text-transform: uppercase;
    }
    #leftside_text_header h2:last-child,
    #leftside_text_header h2:first-child {
        color: white;        
        margin: 0;
    }    
    #leftside_text_header h2:nth-child(2) {
        color: #FACB21;        
    }
    header .nav.main-menu { grid-area: center; background: none; }
    #rightside_button_header { grid-area: right; justify-self: end; }

}
@media screen and (min-width: 560px) and (max-width: 1200px) {
    .menu .website-image {
        width: 50%;
        margin: 32px auto;
    }
}
@media screen and (min-width: 1200px) {
    #second_section article > div:nth-child(1) > h2 {
        margin: 74px auto 60px;
        font-size: 62px;
    }
        ul.nav li a, header ul.nav li a {
    font-size: 22px !important;
    }
    #air_second_right {
        right: -60px;
    }
    #air_second_left {
        left: -60px;
    }
    #second_section .span4 a {
        margin-bottom: 16px;
    }
    header .menu .dropdown-menu>li>a {
        font-size: 12px !important;
    }    
    ul.nav li a {
        padding: 0 18px;   
    }        
    #second_section .span4 {
        max-width: 395px;
    }    
    #second_section .span4 img {
        width: 345px;
    }
    #second_section .span4 h2 {
        max-width: unset;      
        font-size: 30px;
    }
    #third_section {
        height: 750px;
        display: flex;	    
        align-items: flex-end;
        padding: 0 90px;
        flex-direction: column;
        justify-content: center;
        margin-top: 100px;
    }
    #third_section h2 {
        font-size: 150px;
        max-width: 785px;
        line-height: 145px;
        text-align: right;
        text-shadow: 7px 7px #BD212E;
    }
    #third_section > p {
        font-size: 32px !important;
        max-width: 830px;
        text-align: right;
        margin: 32px 0;
    }
    #third_section > div {
        margin-right: 0;
        max-width: 750px;
        justify-content: space-between;
        width: 930px
    }
    #fourth_section {
        padding: 110px 0 20px;
    }
    .home .btn {
        font-size: 25px;
        padding: 18px 16px 15px;  
    }    
    #fourth_section article > div {
        max-width: 705px;        
    }
    .input_btn_postcode_base .dropdown-toggle {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    #fourth_section article > h2:nth-child(1) {
        font-size: 72px;
        margin: 40px 0 30px;
    }
    #fourth_section article > h2:nth-child(2) {
        font-size: 72px;        
    }
}
@media screen and (min-width: 1350px) {
    .menu .container {
        width: 1300px;
    }
    #basket-container>h3 {
        font-size: 34px !important;
    }
}
@media screen and (min-width: 1370px) {
    .home .container {
        width: 1370px;
    }
}
@media screen and (min-width: 1640px) {
    .mod_postcode_box .dropdown-menu li a {
        font-size: 17px !important;
    }
    #second_section article > div:nth-child(1) {
        max-width: unset;
        margin: 48px auto 72px;
    }
    #second_section article > div:nth-child(1) > h2 {
        font-size: 68px;        
        text-shadow: 3px 3px black;
        margin-bottom: 100px;
    }    
    #air_second_right {
        right: -120px;
    }
    #air_second_left, #air_second_right {
        width: 130px;
        bottom: -60px;
        opacity: .2;
    }
    #air_second_left {
        left: -120px;
    }
    #rightside_button_header {
        font-size: 20px;
    }
    #first_section article > div:nth-child(2) {
        max-width: 1540px;
    }
    #air_first_left, #air_first_right {        
        width: 65px;
        top: -20px;
    }
    #air_first_left {
        left: 380px;
    }
    #air_first_right {
        right: 380px;
    }
    header ul.nav li a {
        padding: 0 23px;           
    } 
    header .menu .dropdown-menu>li>a {
        font-size: 14px !important;
    }
    #leftside_text_header h2, 
    #leftside_text_header h2 a, 
    #leftside_text_header h2 span.username 
    {
        font-size: 22px !important;
        letter-spacing: 1px;
    }
    .home #logo img {
        max-height: 200px;
        margin-bottom: 40px;
    }
    #first_section article > div:nth-child(2) > h2:nth-child(1) {
        font-size: 75px;
        text-shadow: 6px 6px black;
    }
    #first_section article > div:nth-child(2) > h2:nth-child(2) {
        font-size: 70px;
        margin-top: 50px;
        margin-bottom: 35px;
        text-shadow: 6px 6px black;
    }
    #postcode_top_base {
        width: 1210px;
        padding: 42px 50px 38px;
        border-radius: 38px;
    }
    .mod_postcode_box > h2 > span {
        font-size: 62px !important;
        margin: 16px 0;
        text-shadow: 4px 4px black;
    }
    .input_btn_postcode_base {
        height: 72px;
        border-radius: 18px;
        margin: 32px 0 24px;
    }
    #arrow_10 {
        bottom: 30px;
        left: 70px;
        right: -40px;        
        width: 165px;
        transform: rotate(-10deg);
    }
    #mod_postcode_box_pc {
        font-size: 28px !important;
    }
    .input_btn_postcode_base .btn-group {
        width: 195px;
    }
    .input_btn_postcode_base .dropdown-toggle {
        width: 100%;
        border-radius: 18px !important;
        padding-top: 16px !important;
    }
    p.description_postcode {        
        font-size: 19px !important;
        text-align: left;
    }
    .input_btn_postcode_base .dropdown-toggle .text {
        font-size: 32px !important;
    }
    .carousel_10 {
        font-size: 110px;
        line-height: unset;        
    }
    .carousel_collection {
        font-size: 110px;
        margin-top: 35px !important;
        margin-bottom: 42px !important;
    }
    .carousel_code {
        margin-bottom: 16px;
        font-size: 72px;
        margin-top: 34px;
        text-shadow: 7px 7px #6262625e;
    }
    .carousel_code::before {
        margin-bottom: 28px;
    }
    .carousel_code::after {
        margin-top: 26px;
    }
    .carousel_code::after,
    .carousel_code::before {
        height: 8px;
    }
    a.carousel_btn {
        font-size: 38px !important;
    }
    #first_section {
        padding-bottom: 26em;
        padding-top: 0;
        background-position: bottom;
    }
    #second_section article > h2 {
        margin-top: 0;
        margin-bottom: 100px;
        font-size: 66px;
    }
    #second_section {
        padding-top: 16em;
    }
    .carousel_10,
    .carousel_collection,
    .carousel_code {        
        padding-right: 4px;
        text-shadow: 4px 4px black;
    }
}
@media screen and (min-width: 2100px) {
    .home .inner-wrapper {
        max-width: 2100px;
        margin: auto;
    }
    #third_section > p {
        text-align: center;
    }
}
@media screen and (min-width: 2200px) {    
    #third_section {
        align-items: center;
        justify-content: center;
    }
    #third_section > div {
        margin: 14px auto;
    }
    #third_section h2 {
        text-align: center;
    }
    #air_second_right {
        right: -150px;
    }
    #air_second_left {
        left: -150px;
    }
}

/* Media Queries for Apple Devices */
@media (pointer: coarse) and (max-width: 480px) {
    #second_section {
        padding-top: 21em;
    }
    #first_section article > div:nth-child(2) > h2:nth-child(1),
    #first_section article > div:nth-child(2) > h2:nth-child(2) {
        font-size: 24px;
    }
    .carousel_10 {
        font-size: 46px;
    }
    .carousel_collection {
        font-size: 32px;
    }
    .carousel_code {
        font-size: 32px;
    }
    #second_section .span4 h2 {
        font-size: 24px;
    }
    #first_section {
        background-size: auto;
    }
}
@media (pointer: coarse) and (min-width: 768px) and (max-width: 1640px) {
    #second_section {
        padding-top: 4em;
    }
    #first_section article > div:nth-child(2) > h2:nth-child(1),
    #first_section article > div:nth-child(2) > h2:nth-child(2) {
        font-size: 52px;
    }
    .carousel_10 {
        font-size: 50px;
    }
    .carousel_collection {
        font-size: 36px;
    }
    .carousel_code {
        font-size: 36px;
    }
}

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

/*START: REVIEWS*/
.reviews437 #body {
    background: /*#F59323;*/ #BD212E;
    box-shadow: 8px 8px 0px 0px #F59323;
    border-radius: 18px;
    color: black;
    border: 2px solid #BD212E;   
}
.reviews437 .page-header {
    text-align: center;   
}
.reviews437 h1 {
    color: #facb21;   
}
.reviews437 h2 {
    color: #FFFFFF;
    text-shadow: 3px 3px black;
    font-size: 24px;
}
.reviews437 h3 {
    color: #facb21;
    font-size: 20px;
}
.reviews437 h4 {
    color: #facb21;   
}
.reviews437 #body small,
.reviews437 .review-comments,
.reviews437 #body i {
    color: #FFFFFF;   
}
.reviews437 #selectPageNumber {
    padding: 0px;   
}
@media (max-width: 480px) {
    .reviews437 #body > .row-fluid {
        text-align: center;   
    }
}
/*END: REVIEWS*/

#menu_bogof_pizzas {
    background: #ef930e;
    padding: 5px 20px 20px;
    border-radius: 20px;
    margin: 30px 0px 30px;
}
#menu_bogof_pizzas h5 .name {
    color: #FFFFFF;   
}
#menu_bogof_pizzas h2 {
    color: #BD212E;
    text-shadow: 2px 2px black;
    text-align: center;
}

/*LONGER DISCOUNT BANNER HOMEPAGE*/
.carousel-sub-heading {
    color: #FACB21;
    text-shadow: 3px 3px black;
}
.carousel-sub-heading-white {
color: #FFF;
    margin-bottom: 0;
    font-size: 2.5em;
    line-height: 110%;
}

@media (max-width: 767px) {

    .carousel-sub-heading {
        font-size: 19px;
        line-height: 110%;
    }
    .carousel-control.right {
        right: -5px;
    }
    .carousel-control.left {
        left: -5px;
    }
    .carousel-control {
        top: 95% !important;
    }
}
.carousel-control {
    top: 100%;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 24px;
}

/*Discount Code Span*/
.yellow {
    color:#FACB21
}

/*Socials*/
.btn-instagram {
    background: #FACB21;
        border: white 1px solid;
    padding: 5px !important;
    box-shadow: 2px 2px 0px 0px #fff;
    margin-left: 5px;
}
.btn-instagram small {
    display: none;
}

.btn-instagram:hover,
.btn-instagram:focus {
    background: #d9ad0a;
    box-shadow: none !important;
        border: white 1px solid;
}
.btn-instagram img{
    height: 25px;
    width: 25px;
}
#first_section > header > ul > a:nth-child(7),
#first_section > header > a:nth-child(5){
    display: none;
}

#editSpecialDealModal .modal-footer .price {
 	/*display: none;   */
}
img.halalicon {
    max-height: 70px !important;
    margin-left: 30px;
    margin-bottom: 0px !important;
}

/*NO BANNER ON REVIEWS PAGE*/
body.reviews437 .alert.sys-message.alert-success {
display: none;
}