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

body .visible-burnley, body .visible-colne { display:none !important; } 
body .hidden-burnley, body .hidden-colne { display:inherit !important; } 
body.shop_burnley .hidden-burnley, 
body.shop_colne .hidden-colne { display:none !important; }
body.shop_burnley .visible-burnley, 
body.shop_colne .visible-colne { display:inherit !important; }

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

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

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

	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left center;
	background-size: cover;
}

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

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

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

/*---------------------resets/ display nones/ global---------------------*/
* {
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: normal;
    border-radius: 0 !important;
}
.welcome .opening-status,
.home h1, .contact-us h1, .home-about, #body-bottom-hr, .row_mods, .row_phones,
.span6.ct_user_status, .ct_details_bar, .mod_postcode_box .input-append .btn-group,
.prefooter-pizza-tablet{ 
    display: none;
}
#container, body {
    padding: 0;
}
footer {
    margin-top: 0;
}

.well.paymentcash {
    background:#077d53;
}
/*---------------------fonts---------------------*/
.navbar .nav>li>a, #opening-status, .mod_postcode_box .lead{
 	font-family: 'Raleway';
}
a, a:hover, a:focus{
   color: #eae71f;
}
.navbar .brand, legend, .ctrl-offcanvas_productmenu_toggle .text-info,
.help-block, .section-.well .muted, .alert-info.well-login, .checkout .btn-link, .voucher_box h5,
.voucher_box .success span, .muted, .text-info, .text-warning, h2 small,
footer small, .mod_postcode_box small, .information h2, h1 small,
.sitemap h2, .local_branch em, .error-404 .alert h1{
    color: #fff;
}
.popover, .gm-style-iw, .trigger-paymentmethod .muted, .modal-body .muted{
    color: #000;
}
.menu h1 {
    text-align: center;
    font-size: 75px;
    line-height: 150%;    
}
.well-basket h4, .ui-widget-content h4, .well-basket .muted.note-delivery{
 	color: #d32a32;
}
table .text-info{
 	color: #3a87ad;
}
.information .text-success, .information .text-error{
    color: #e9e625;
}
/*---------------------containers---------------------*/
#container {
    border-radius: 0;
    width: 100%;
    background: none;
}
#body, #responsive-food-menu{
    max-width: 1170px;
    margin: 0 auto;
}
.ct_header_row, .ct_details_bar,
footer .row-fluid, .prefooter .row-fluid{
    max-width: 1300px;
    margin: 0 auto;
}	
#body{
    margin: 20px auto;   
    
}
.home #body {
    max-width: 1920px;
    margin: 0 auto;
}
header{
 	border-bottom: 3px solid #fff; 
    padding: 20px 0;
}
#logo{
}
.well {
    background: #d32a32;
    border-radius: 0;
    border: none;
}
.hero-unit {
    background: #107c54;
}
.hero-unit a{
 	color: #e3e146;
}
/*---------------------nav styles---------------------*/
.right_column{
 	margin-top: 20px;   
}
.navbar {
    margin-bottom: 0 !important;
    float: right;
    width: 100%;
}
.navbar-inner {
    background: none;
    border: none;
    padding: 0;
}
.navbar-inner .container{
    position: relative;
}
.navbar .nav {
    float: right;
    margin-right: 0;
}
.navbar .nav>li>a{
    background: none;
    color: #fff;    
    font-size: 32px;
    text-transform: lowercase;
}
.navbar .nav>li:last-child>a{
 	padding-right: 0;   
}
.navbar .nav>li>a:focus,.navbar .nav>li>a:hover,
.navbar .nav li.dropdown.open>.dropdown-toggle{
    color: #d4252e;
    background: none;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #d4252e;
    font-style: italic;
    background: none;
}
/*---------------------caret colour---------------------*/

.navbar .nav li.dropdown > .dropdown-toggle .caret, 
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top: 6px solid #fff;
    margin-top: 13px;
}
.navbar .nav li.dropdown > .dropdown-toggle:hover > .caret, 
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown>a:hover .caret, .navbar .nav li.dropdown>a:focus .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret {
    border-top: 6px solid #d4252e;
}

/*---------------------nav list---------------------*/
.nav-header{
    color: #fff;
}
.nav-list>li>a{
    color: #fff;
}
.nav-list>li>a:hover, .nav-list>li>a:focus,
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
    background: #107c54;
}

/*---------------------nav button---------------------*/

.navbar .btn-navbar {
    background: none;
    text-shadow: none;
    border-color: white;
    border-radius: 0;
    margin-top: 18px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, 
.navbar .btn-navbar:active, .navbar .btn-navbar.active,
.navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    background: #ec1c23;
}

/*---------------------dropdown menu---------------------*/

.dropdown-menu {
    min-width: auto;
    background: #2e2e2e;
}
.dropdown-menu>li{
    padding: 3px 20px;
}
.dropdown-menu>li>a {
    color: #fff;
    position: relative;
    text-align: center;    
    padding: 0;
}
header .dropdown-menu>li>a{
    font-size: 18px; 
    padding: 3px 20px;
}
.dropdown-menu>li:hover{
    background: none;
}
.dropdown-menu>li>a:hover{
    background: none;
    color: #d4252e;
}
/*---------------------opening status---------------------*/
header .navbar .brand{
 	float: right;
    margin-left: 0;
}
#opening-status {
    background: none;
}	
.status-CLOSED {
    color: #d4252e !important;
}
.status-OPEN {
    color: #eae71f !important;
}
#opening-status:hover{
    text-decoration: none;   
}
/*---------------------details bar---------------------*/
.ct_details_bar {
    line-height: 30px;
}
.local_branch{
    text-align: right;
    display: block;
    width: 100%;
}	
/*---------------------slider---------------------*/
.span8.column_slideshow{
    width: 100%;
    border-bottom: 3px solid #fff;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0px 21px 21px 0px rgba(0,0,0,0.2) !important;
    -moz-box-shadow: 0px 21px 21px 0px rgba(0,0,0,0.2) !important;
    box-shadow: 0px 21px 21px 0px rgba(0,0,0,0.2) !important;
}
#myCarousel{
 	margin-bottom: 0;   
}
.slide-abso{
    position: absolute;
    right: 20%;
    bottom: 0;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: bottom left;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}	
.span8.column_slideshow .item:hover .slide-abso{
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); 
}
.carousel-control{
    background: none;
    border: none;
    font-size: 120px;
    font-weight: bold !important;
    left: 150px;
}	
.carousel-control.right {
    left: auto;
    right: 150px;
}
/*---------------------postcode box---------------------*/
.column_modules{
 	position: absolute;
    bottom: 70px;   
    left: 10%;
}
.mod_postcode_box {
    background: #077d53;
    background: -moz-linear-gradient(top, #077d53 0%, #065538 100%);
    background: -webkit-linear-gradient(top, #077d53 0%,#065538 100%);
    background: linear-gradient(to bottom, #077d53 0%,#065538 100%);
    border: 8px solid #fff;
    box-sizing: border-box;
    padding: 160px 20px 60px 40px;
    border-top-left-radius: 100% !important;
    margin-bottom: 0;
    -webkit-box-shadow: 12px 12px 12px 0px rgba(33,30,31,0.2) !important;
    -moz-box-shadow: 12px 12px 12px 0px rgba(33,30,31,0.2) !important;
    box-shadow: 12px 12px 12px 0px rgba(33,30,31,0.2) !important;
}
.mod_postcode_box .lead {
    font-size: 40px;
    line-height: 1.5;
    text-transform: lowercase;
    margin-bottom: 20px;
    padding-left: 120px;
    text-align: right;
    color: #eae71f;    
}
.mod_postcode_box .col3{
    font-size: 12px;
    margin-bottom: 0;
    color: #fff;
}
.mod_postcode_box .col3 small{
    font-size: 100%;
}
.mod_postcode_box .btn .caret{
 	margin-top: 14px;   
}
.mod_postcode_box input, .mod_postcode_box .btn {
    height: 60px;
    border-radius: 0 !important;
    margin-bottom: 0;
    font-size: 27px;
    box-sizing: border-box;
}
.mod_postcode_box .input-append {
 	padding-left: 45px;   
    box-sizing: border-box;
}
.mod_postcode_box input.span8{
    background: #fff;
    color: #777676;
    margin-bottom: 20px;
    border: 2px solid #adacad;
}	
.mod_postcode_box > .input-append, #mod_postcode_box_pc {
    max-width: 100%;
    width: 100%;
    display: block;
}
.mod_postcode_box .btn-holder{
 	margin-bottom: 20px; 
    padding-left: 15px;
    box-sizing: border-box;
}
.mod_postcode_box .btn-holder .btn{
    line-height: 1.8;
    text-transform: lowercase;
    background: #000;
    border: 2px solid #eae71f;
    color: #eae71f;
}	
.mod_postcode_box .btn-holder .btn:hover{
 	background: #222;   
}
/*---------------------prefooter---------------------*/
.prefooter{
 	padding: 100px 0;   
}
.pizza-section{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding: 15px;
    position: relative;
}
.pizza-section .pizza-hover{
    position: absolute;
    opacity: 0;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.pizza-section:hover .pizza-hover{
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}
.pizza-section:nth-child(odd){
    text-align: right;
}
.pizza-section:nth-child(1) .pizza-hover{
    right: 15px;
    bottom: 15px;    
    transform-origin: bottom right;
}	
.pizza-section:nth-child(2) .pizza-hover{
    left: 15px;
    bottom: 15px;
    transform-origin: bottom left;
}
.pizza-section:nth-child(3) .pizza-hover{
    right: 15px;
    top: 15px;
    transform-origin: top right;
}
.pizza-section:nth-child(4) .pizza-hover{
    left: 15px;
    top: 15px;
    transform-origin: top left;
}
/*---------------------table stripped fix---------------------*/

table, .table-striped tbody>tr:nth-child(odd)>td, 
.table-striped tbody>tr:nth-child(odd)>th,.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th, table .muted, .well-basket{
    background: #fff;
    color: #000;
}
.box-delivery-information table, .box-delivery-information .table-striped tbody>tr:nth-child(odd)>td,
.box-delivery-information .table-striped tbody>tr:nth-child(odd)>th, .box-delivery-information .table-hover tbody tr:hover>td,
.box-delivery-information .table-hover tbody tr:hover>th {
    background: none;
    color: #fff;
}
.contact-us .box-delivery-information table, .contact-us .box-delivery-information .table-striped tbody>tr:nth-child(odd)>td,
.contact-us .box-delivery-information .table-striped tbody>tr:nth-child(odd)>th, .contact-us .box-delivery-information .table-hover tbody tr:hover>td,
.contact-us .box-delivery-information .table-hover tbody tr:hover>th {
    background: none;
    color: #000;
}

/*---------------------menu page popovers---------------------*/

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

/*---------------------modal---------------------*/
.modal{
    border: none;
}	
.modal-header {
    background: #107c54;
    color: #fff;
}
.modal-body {
    background: #fff;
    color: #000 !important;
}
.modal-footer {
    background: #d32a32;
    color: #fff;
}
.modal fieldset {
    background: #fff;
    border: none;
}

/*---------------------alerts & buttons---------------------*/
.alert {
    color: #fff;
    background: #1a1d19;
    border: none;
}
.alert h2{
 	color: #fff;   
}
.btn {
    background-image: none;
}

/*--------success--------*/

.btn-success {
    background: #12BB12;
}
.btn-success:hover, .btn-success:focus, .btn-group.open .btn-success.dropdown-toggle {
    background: #008800;
}

/*--------primary--------*/

.btn-primary {
    background: #2357ce;
}
.btn-primary:hover, .btn-primary:focus {
    background: #00249B;
}

/*--------info--------*/

.btn-info {
    background: #70afeb;
}
.btn-info:hover, .btn-info:focus {
    background: #5796D2;
}

/*--------danger--------*/

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

/*--------warning--------*/

.btn-warning {
    background: #FF871A;
}
.btn-warning:hover, .btn-warning:focus {
    background: #CC5400;
}
.menu-selection .btn-primary {
    background: #e9e625;
    color: #000;
}
.menu-selection .btn-primary:hover {
    background: #D0CD0C;
    color: #000;
}
/*---------------------footer---------------------*/

footer {
    background: none;
    padding: 20px 30px;
    box-sizing: border-box;
}
.cards, .vendor {
    padding-top: 5px;
}

/*---------------------fixes---------------------*/
.row-product:hover {
    background: none;
}
.ui-tabs-menu.ui-tabs.ui-widget.ui-widget-content.ui-corner-all {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
#responsive-food-menu.affix {
    left: initial;
}
.nav-list>li>a [class^="icon-"], .nav-list>li>a:hover [class^="icon-"],
.nav-list>li>a:hover[class*=" icon-"], .nav-list>li>a:focus [class^="icon-"],
.nav-list>li>a:focus[class*=" icon-"],#responsive-food-menu [class^="icon-"], 
#responsive-food-menu [class*=" icon-"] {
  background-image: url("http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/img/glyphicons-halflings-white.png");
}
#responsive-food-menu .navbar-inner{
    background: #107c54;
	padding: 0 10px;
}
.contact-us .box-opening-hours{
    margin-top: 20px;
}	
.website-image{
 	text-align: center;   
}	
.ui-state-default:nth-child(1), .ui-widget-content .ui-state-default:nth-child(1), .ui-widget-header .ui-state-default:nth-child(1),
.ui-state-default:nth-child(5), .ui-widget-content .ui-state-default:nth-child(5), .ui-widget-header .ui-state-default:nth-child(5){
    border: 3px solid #d32a32 !important;
    background: #d32a32;
}	
.ui-state-default:nth-child(1) a,
.ui-state-default:nth-child(5) a,
.ui-state-default:nth-child(2) a,
.ui-state-default:nth-child(6) a,
.ui-state-default:nth-child(9) a{
 	color:#fff; 
}
.ui-state-default:nth-child(2), .ui-widget-content .ui-state-default:nth-child(2), .ui-widget-header .ui-state-default:nth-child(2),
.ui-state-default:nth-child(6), .ui-widget-content .ui-state-default:nth-child(6), .ui-widget-header .ui-state-default:nth-child(6){
    border: 3px solid #1a1d19 !important;
    background: #1a1d19;
}	
.ui-state-default:nth-child(3), .ui-widget-content .ui-state-default:nth-child(3), .ui-widget-header .ui-state-default:nth-child(3),
.ui-state-default:nth-child(7), .ui-widget-content .ui-state-default:nth-child(7), .ui-widget-header .ui-state-default:nth-child(7){
    border: 3px solid #e9e625 !important;
    background: #e9e625;
    color: #000;
}	
.ui-state-default:nth-child(3) a,
.ui-state-default:nth-child(7) a{
 	color:#000;   
}
.ui-state-default:nth-child(4), .ui-widget-content .ui-state-default:nth-child(4), .ui-widget-header .ui-state-default:nth-child(4),
.ui-state-default:nth-child(8), .ui-widget-content .ui-state-default:nth-child(8), .ui-widget-header .ui-state-default:nth-child(8){
    border: 3px solid #107c54 !important;
    background: #107c54;
}	
.ui-state-default:nth-child(9), .ui-widget-content .ui-state-default:nth-child(9), .ui-widget-header .ui-state-default:nth-child(9){
    border: 3px solid #E5C100 !important;
    background: #E5C100;
}	
.ui-state-hover, .ui-state-active{
    background: #fff !important;
}
.ui-state-hover a, .ui-state-active a{
    color: #222 !important;
}	
.fa-spin {
    margin: 0 5px;
}
.ui-tabs .ui-tabs-nav{
    padding: .5em .5em 0 !important;  
}
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active{
 	padding-right: 0 !important;   
}
.ui-tabs-vertical .ui-tabs-nav li{
    margin: 0 0 .4em 0 !important;   
    text-align: center;
}


.page-review-order h1, .page-review-order legend {
    color: #d4252e;
}

.page-review-order p{
    color: #2a2a2a !important;
}
.page-review-order p.lead {
    color: #077d53 !important;
}
/* --- welcome ---*/
#welcome-row-fluid-outer h1 {
    font-size: 53px;
    line-height: 100%;
}
#welcome-row-fluid-outer h2 { font-size:20px; }
/* --- misc --- */
.branch_finder_box .lead { color:#fff; }
/*---------------------social media buttons---------------------*/
.social_media_links {
    float: right;
    padding: 0;
    text-align: right;  
    display: inline-block;
    margin-top: -10px;
}
.social_media_links img {
    max-width: 32px;
}
.social_media_links img:hover {
    max-width: 32px;
}
.social_media_links small {
    display: none;
}
.social_media_links a {
    background-color: transparent;
    background: none !important;
    border: none !important;
    box-shadow: none;
    padding: 0px;
    width: 45px !important;
}
/*---------------------media queries---------------------*/
/*---------------------large desktop---------------------*/
@media (max-width: 1770px) {
    .mod_postcode_box {
        padding: 110px 20px 60px 40px;
    }
    .mod_postcode_box .lead {
        font-size: 36px;
    }
}
@media (min-width: 1703px) and (max-width: 1758px) {
    .mod_postcode_box .lead {
        padding-left: 140px;
    }
}
@media (max-width: 1560px) {
    .mod_postcode_box{
        border-top-left-radius: 0% !important;
        padding: 30px;
        box-sizing: content-box;
        min-width: 487px;
    }	
    .mod_postcode_box .lead {
        text-align: center;
    }
    .mod_postcode_box .lead, .mod_postcode_box .input-append, .mod_postcode_box .btn-holder{
        padding-left: 0;
    }
    .slide-abso{
        right: 5%;
    }	
}
@media (max-width: 1350px) {
    header{
     	padding: 20px;   
    }
    .left_column.span3, .right_column.span9{
     	float: none;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
    .local_branch{
     	text-align: center;   
    }
    #logo{
     	padding: 10px;   
    }
    .navbar .nav{
        margin-top: 10px;
    }	
    .navbar .nav, .navbar .nav > li {
        float: none !important;
        display: inline-block;
        vertical-align: top;
    }
}
@media (max-width: 1175px){
 	#body{
        padding: 0 20px;
    }	
    .home #body{
     	padding: 0;   
    }
    #responsive-food-menu.affix{
        left: 0;
    }	
}
@media (max-width: 1175px){
    .slide-abso{
        max-height: 200px;
        left: 50px;
        -webkit-transform: none;
        -moz-transform: none;
        transform: none;
    }
    .column_modules.span4 {
        position: static;
        bottom: initial;
        left: initial;
        width: 100%;
        margin-left: 0;
    }
    .mod_postcode_box .lead {
        font-size: 40px;
    }
 	.prefooter-pizza{
     	display: none;   
    }
    .prefooter-pizza-tablet{
     	display: block;   
    }
}
/*---------------------portrait table and landscape desktop---------------------*/
@media (max-width: 979px) {
    header .navbar .brand {
        float: left;
        margin-top: 10px;
    }
    .nav-collapse .nav{
        float: none;
    }	
    .navbar .nav, .navbar .nav > li {
        display: block;
        text-align: center;
    }
    .navbar .nav>li>a{
        font-size: 30px;
     	padding: 10px 15px 10px; 
    }
    .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        background: none;
    }
    .carousel-control{
        left: 15px;
    }	
    .carousel-control.right {
       right: 15px;
    }
    .pizza-section {
        width: 100%;
        float: none;
    }
    .pizza-section, .pizza-section:nth-child(odd) {
        text-align: center;
    }
}

/*---------------------landscape phone and portrait tablet---------------------*/

@media (max-width: 767px) { 
     
    .mod_postcode_box {
        box-sizing: border-box;
        min-width: initial;
    }
    .btn-holder .btn{
     	margin-bottom: 20px;   
    }
    .prefooter {
        padding: 40px 0;
    }
    .tl, .tr, .copyright {
        text-align: center !important;
    }
    footer .tl, footer .tr, .copyright {
        text-align: center !important;
        padding: 10px 0;
    }
}
@media (max-width: 570px) {
    .social_media_links{
    display: block;
        margin-top: 30px;
    }
}
/*---------------------landscape phone and down---------------------*/
@media (max-width: 480px) {
    .slide-abso {
        max-height: 160px;
    }
    .mod_postcode_box .lead {
        font-size: 35px;
    }
}

.welcome #opening-status  { display:none !important; }
.blockUI.blockMsg.blockElement a { color:#000; text-decoration:underline; }

.row-product.muted {
 	color: #999 !important;   
}