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

body .visible-bristol { display:none !important; } 
body .hidden-bristol { display:inherit !important; } 
body.shop_bristol .hidden-bristol { display:none !important; }
body.shop_bristol .visible-bristol { display:inherit !important; }

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

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

	background-image:none;

	background-attachment: scroll;
}

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

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

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

/*---------------------resets/ display nones/ global---------------------*/
*{
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.how-im-ordering small,
.home h1, .contact-us h1,  #body-bottom-hr, 
.home  header, .ct_phone,.checkout h2, .main-menu .menu .caret,
.home .ct_user_status {
    display: none;
}
h1.welcome-h1{
 	display: block !important;   
}
hr {border:0px;}


#body {margin:0px;}
#container, body{
    padding: 0;
}
/*---------------------fonts---------------------*/
a, a:hover, a:focus{
    color: #f6ec11;
}
.navbar .brand, .ctrl-offcanvas_productmenu_toggle .text-info,
.help-block,  footer small, .prefooter p{
    color: #fff;
}
.gm-style-iw, .section-.well .muted, .hero-unit a{
    color: #000;
}
.well .muted {
    color:#fff;
}
/*---------------------containers---------------------*/
#container {
    width: 100%;
    background: none;
}
#body, #responsive-food-menu, .ct_details_bar, footer .row-fluid {
    max-width: 1170px;
    margin: 0 auto;
}
.home #body {
    max-width: 1920px;
    margin-top: 0;
    margin-bottom: 0;
}
header{
    padding: 20px 0 10px;   
}
.home header{
 	padding: 0;   
}
.carousel-inner>.item>img{
    width: 100%;
}	
.under-nav-square{
    text-align: center;   
}

.column_modules{
    background: none;    
    padding-top: 25px;
}

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

#myCarousel .carousel-inner img{
 	width: 100%;   
}
.carousel-control{
 	background: none;
    border-radius: 0;
    border: none;
    font-weight: bold;
    top: 50%;
}
.carousel-indicators li{
 	border-radius: 5px !important;   
}
.well {
    background: #FD0C17;
    color: #fff;
    border-radius: 0;
    border:0px;
}
#responsive-food-menu{
 	background: #EB1924;
}
#logo{
 	text-align: center;  
    margin-bottom: 50px;
}
.home #logo{  
    margin-bottom: 10px;
}
.hero-unit{
 	background: #F8EE11;     
}

.menu h2 a small {
    color:#292874 !important;
    font-size:20px;
}
/*---------------------home nav styles---------------------*/
.home #container.container{
    width:100%;
    max-width: 1920px;
    margin: 0 auto;
}
.home #logo{ 
    width: 60%;
    margin: 0 auto 20px;
}
.home .ct_details_bar{
    width: 75%;
    margin: 0 auto;
    margin-top:10px !important;
}	
.ct_user_status, .ct_local_branch_details{
    line-height: 30px;   
}
.home .main .column_modules{
    background: #fff200;
    background: -moz-linear-gradient(top, #fff200 30%, #ffc30e 99%);
    background: -webkit-linear-gradient(top, #fff200 30%,#ffc30e 99%);
    background: linear-gradient(to bottom, #fff200 30%,#ffc30e 99%);
    height:100%;
}
.home .span3.column_modules{
    width: 24% !important;  
	position: fixed;
	top: 0;
    bottom: 0;
}

.home .span9.column_homecontent{
    width: 76% !important;  
    background: white;
    margin-left: 24% !important;
}
.home .navbar .nav{
    float: none;
    margin-right: 0;
}
.home .navbar .nav>li{
    width: 100%;   
}
.home .nav>li>a{
    width: 70%;
    margin: 10px auto !important;
    text-align: center;
}
.home-about .well{
 	margin-bottom: 0;   
    text-align: center;
    background: #292874;
    padding: 35px 0;
}
.home-about .well p{
 	font-size: 20px;  
    line-height: 27px;
    margin: 0 auto;
    width: 60%;	
    color: #f6ec11;
}
.home-about .well h1{
 	text-transform: uppercase;  
    color: #fff;
}
.opening-times{
 	margin: 20px 0 !important;
}
/*---------details bar info-----------*/
.home .ct_user_status small,
.home .ct_local_branch_details small{
    color:#333366;
    font-size: 22px;
    line-height: 31px;
}
.ct_details_bar{
    color: #fff;   
}
.login:hover{
 	text-decoration: underline;   
}
/*---------------------nav styles---------------------*/
.navbar .brand{
    margin-left: 3px;   
}
.navbar-inner{
    background: none;
    border: none;
}
.navbar .nav>li>a{
    background: #292874;
    color: #fff;
    border: none;
    font-size: 28px;
    margin: 0 10px;
    font-weight:normal;
    border: 4px solid #292874;
    text-transform: uppercase;
    box-sizing: border-box;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a, .dropdown-submenu:focus>a {
    background:#C50F18;
    color:#fff;
}
.navbar .nav>.active>a, .navbar .nav>.active>a:hover,
.navbar .nav>.active>a:focus, .navbar .nav>li>a:focus,
.navbar .nav>li>a:hover, .navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.active>.dropdown-toggle,
.navbar .nav li.dropdown.open.active>.dropdown-toggle{
    color: #f6ec11;
    background: #292874;
    font-weight:normal;
}
.navbar .nav>li.login>a{
 	background: none;   
    color: #292874;
    font-size: 24px;
}
.home .main-menu .dropdown-menu {
    left: 80px;
}
.main-menu .dropdown-menu>li>a {
    font-size: 17px;
}
/*---------------------caret colour---------------------*/
.navbar .nav li.dropdown > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret{
    border-top: 4px solid #fff;
}

.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{
    border-top: 4px solid #fff;
}
/*---------------------nav list---------------------*/
.nav-header, .nav-list>li>a {
 	color: #292874;
}
.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: #292874;
  color: #f8ee11;
}
.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");
}
/*--------nav button---------------------*/
.btn.btn-navbar {
    color:#fff;
    background:none;
    border-color:#292874;
}
.navbar .btn-navbar .icon-bar { background-color:#292874; }
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
    color: #ffffff;
    background:none;
}
.navbar .btn-navbar:hover .icon-bar { background-color:#3736AB; }


.home .btn.btn-navbar {
    color:#fff;
    background:none;
    border-color:#fff200;
}
.home .navbar .btn-navbar .icon-bar { background-color:#fff200; }
.home .navbar .btn-navbar:hover, .home .navbar .btn-navbar:focus, .home .navbar .btn-navbar:active, .home .navbar .btn-navbar.active, .home .navbar .btn-navbar.disabled,
.home .navbar .btn-navbar[disabled] {
    color: #ffffff;
    background:none;
}
.navbar .btn-navbar:hover .icon-bar { background-color:#3736AB; }


//ffc30e 

.home .navbar .btn-navbar {
  background: none;
  text-shadow: none;
  border-color: white;
  border-radius: 0;
}
.home .navbar .btn-navbar:hover, .home .navbar .btn-navbar:focus, .home .navbar .btn-navbar:active,
.home .navbar .btn-navbar.active, .home .navbar .btn-navbar.disabled, .home .navbar .btn-navbar[disabled] {
  background: #f6ec11;
}
.navbar .btn-navbar:hover .icon-bar{
 	background: #292874;    
}

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

/*---------------------dropdown menu---------------------*/
.dropdown-menu{
    background: #EB1C24;
    border-radius: 0;
}
.members .span6 .dropdown-menu {
    left:0px;
    width:20%;
    min-width:80px;
}

.dropdown-menu>li>a{
    color: #fff;
    text-align: center;
}
.dropdown-menu>li>a:hover{
    background: #EB1C24;
    color: #f6ec11;
}
/*---------------------opening status---------------------*/
.status-CLOSED{
    color: #fff !important;
    background: #fd0c17 !important;
    border-color: #fd0c17 !important;
}
.status-OPEN{
    color: #fff !important;
    background: #24d320 !important;
    border-color: #24d320 !important;
}
/*---------------------postcode box---------------------*/
.postcode-wrapper{
 	background: url(/myimages/352/concret_bg.jpg);   
}
.mod_postcode_box{
    background: none;
    border-radius: 0;
    width: 100%;
    color: #292874 !important;
}
.well.mod_postcode_box{
    margin-bottom: 0;   
    padding: 105px 0 0 0;
}
.mod_postcode_box .lead{
    font-size: 45px;
    line-height: 100%;
    text-transform: uppercase;
}

.mod_postcode_box .col3{
 	width:75%;
    margin: 0 auto;
    font-size: 19px;
}
.mod_postcode_box input{
 	background: #fff;
    color: #939191;
    font-size: 22px;
    line-height: 100%;
}
.mod_postcode_box .btn{
    font-size: 20px;
}
.mod_postcode_box input, .mod_postcode_box .btn{
 	height: 50px;   
    border: none;
    border-radius: 0 !important;
    margin-bottom: 10px;
}
.mod_postcode_box > .input-append {
    max-width: 100%;
    width: 80%;
}
.mod_postcode_box .btn.btn-success.dropdown-toggle{
    background: #EB1C24;
    color:#f6ec11;
    font-weight:bold;
    text-transform: uppercase;
}
.btn-group.open .btn-success.dropdown-toggle{
    background: #D2030B;
}
.mod_postcode_box .btn-group .caret {border-top: 4px solid #f6ec11;}
.kebab-img{
    padding: 30px 0 20px;   
}
.right-img-holder{
 	position: relative;
}
.delivery-badge{
 	position: absolute;
    top: -110px;
    right: 40px;
}
/*---------------------table stripped fix---------------------*/

/*-----------------------checkout------------------------------*/
.checkout .well-basket .text-success {
    color: #5AEA5C;
}
.checkout .well-basket .text-error {
    color: #150706;
}
.checkout .well .text-info {
    color: #BDBDBD;
}

.loyaltypoints_box {
    background: #9b1b45 !important;
    background: -moz-linear-gradient(-45deg, #aa2a56 0%, #9b1b45 50%, #84163c 51%, #a8204d 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#aa2a56), color-stop(50%,#9b1b45), color-stop(51%,#84163c), color-stop(100%,#a8204d)) !important;
    background: -webkit-linear-gradient(-45deg, #aa2a56 0%,#9b1b45 50%,#84163c 51%,#a8204d 100%) !important;
    background: -o-linear-gradient(-45deg, #aa2a56 0%,#9b1b45 50%,#84163c 51%,#a8204d 100%) !important;
    background: -ms-linear-gradient(-45deg, #aa2a56 0%,#9b1b45 50%,#84163c 51%,#a8204d 100%) !important;
    background: linear-gradient(135deg, #aa2a56 0%,#9b1b45 50%,#84163c 51%,#a8204d 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa2a56', endColorstr='#9b1b45',GradientType=1 ) !important;
}

.loyaltypoints_box .lead {
    color: #4c061e;
}

.loyaltypoints_box .row-credits .well {
    border:1px solid #4c061e !important;
}

.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{
 	/*background: #fff;   */
    background:none;
}

/*---------------------menu page popovers---------------------*/
.popover-title{
    background: #f8ee11;
    color: #292874;
}
.popover {
    color:#1d1d1d;
}

/*---------------------modal---------------------*/
.modal-header {
    background: #f8ee11;
    color: #292874;
}
.modal-body{
    background: #fff;
    color: #111;
}
.modal-footer{
    background: #292874;
    color: #f8ee11;
}
.modal fieldset{
    background: #fff;
    color:#4c061e;
    border: none;
}
/*---------------------alerts & buttons---------------------*/
.btn{
    background-image: none;
}
.alert{
    color: #292874;
    background: #f6ec11;
    border: none;
}
/*--------success--------*/
.btn-success{
    background: #12BB12;
}
.btn-success:hover, .btn-success:focus{
    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: #b7141a;
}
.btn-danger:hover, .btn-danger:focus{
    background: #800000;
}
/*--------warning--------*/
.btn-warning{
    background: #fbae24;
}
.btn-warning:hover, .btn-warning:focus{
    background: #CC5400;
}
/*---------------------prefooter---------------------*/
.prefooter {
    background:#4c061e;
}
.prefooter-image img{
    width: 100%;   
}
.prefooter h2{
    margin: 0 0 10px;
    font-size: 38.5px;
    padding:20px 0 0 0;
    line-height: 40px;
    color:#fbae24;
}
.prefooter p {
    width: 96%;
    margin: 0 auto 20px;
    line-height: 21px;
    font-size: 19px;
    font-weight:normal;
}
/*---------------------footer---------------------*/
footer{
    background: #f8ee11;   
    padding: 20px 10px;
    margin-top: 20px;
}
.label-copyright, footer a{
    color: #292874 !important;
}
.home footer{
    margin-top: 0 !important;
    background: #292874; 
}
.home .label-copyright{
    color: #fff !important;
}
.home footer a{
    color: #f6ec11 !important;
}
.cards, .vendor{
    padding-top: 5px;
}
/*---------------------fixes---------------------*/

/*---------------------pending etc---------------------------*/
.row-order-complete- {
    color:#fff;
    margin-bottom:100px;
}
.error-500 h1, .error-500 h2, .error-500 p,.information h1 {
    color:#fff;
    font-weight:bold;
}
.error-500 h1 {
    margin-top:50px;
    color:#fbae24;
}
.error-500 p {
    margin-bottom:50px;
    font-size:20px;
}
.information h1 small, .menu-selection h1 {
    color:#f6ec11;
    text-align: center;
    text-transform: uppercase;
}
.menu h1 {
    font-size:54px;
    line-height:100%;
}
legend {
    color:#fff;
}
.form-horizontal .muted {
    color:#fff;
}
.form-horizontal small {font-size:100%;}
.menu-selection .row-fluid {margin-bottom:200px;}

.information .page-header {
    margin:0px;
    border-bottom:0px;
}
#help-o-oc-oa, #help-o-oc-or {
    font-size:18px;
}
#help-o-oc-oa{
    color:#3cb64b;
}
#help-o-oc-or {
    color:#ed2228;
}
.menu-selection {
    margin:50px 0px;
}
.menu-selection h1 {
    margin-bottom:30px;
    font-weight:bold;
}
.menu-selection .alert {margin-bottom:20px !important;}
/*---------------------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;
}
.box-opening-hours{
 	margin-top: 20px;
}
.ui-state-default {
 	box-sizing: border-box;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}
.deliveryFromImg {
    display: none;
    margin-bottom: 10px;
}
.bottom-banners img{
	width: 100%;
    max-width: 1450px;
}
/*---------------------media queries---------------------*/
/*---------------------large desktop---------------------*/
@media (max-width: 1500px) {
    .home .nav>li>a {
        width: 100%;
        margin: 10px auto;
        text-align: center;
        line-height: 100%;
    }
    .delivery-badge{
     	display: none;   
    }
    .home-about .well p{
     	width: 90%;   
    }
}
@media (max-width: 1450px) {
    .well.mod_postcode_box{
        padding: 50px 20px;
    }	
}
@media (max-width: 1200px){
    .home .span3.column_modules{
        width: 100% !important;
        position: static;
    }
    .home .span9.column_homecontent{
        width: 100% !important;
        margin-left: 0 !important
    }
    .pizza-box, .opening-times{
     	display: none;   
    }
    .home .navbar{
     	background: #292874;  
        padding: 10px 0 ;
        margin-top: 10px;
        margin-bottom: 0 !important;
    }
    .home .nav>li>a{
     	margin: 0 !important;
        width: 100%;
    }
    .home .navbar .nav>li{
        width: auto;
    }	
    .navbar .nav>li.login>a{
        color: #F6EC11;
        border-color: #F6EC11;
    }
    .navbar .nav>li>a, .navbar .nav>li.login>a{
     	font-size: 15px;   
    }
    .navbar .nav>li.login>a{
     	margin-left: 10px !important;   
    }
}
/*---------------------portrait table and landscape desktop---------------------*/
@media (min-width: 979px) {
    .navbar .nav,
    .navbar .nav > li {
        float:none !important;
        display:inline-block;
        vertical-align: top;
    }
    .navbar-inner {
        text-align:center;
    }

}

@media (max-width: 979px) {
    .navbar .nav>li.login>a {
        margin-left: 0 !important;
    }
    .nav-collapse .dropdown-menu a {
        color: #fff;
    }
    .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
        color: #f6ec11;
        background: none;
    }
    .navbar .nav>li>a, .navbar .nav>li.login>a {
        font-size: 24px;
    }
    header {
        padding:10px !important;
    }

}

/*---------------------landscape phone and portrait tablet---------------------*/
@media (max-width: 767px) {
    .right-img-holder {
     	display: none !important;   
    }
    .tl, .tr, .copyright {
        text-align: center !important;
    }
    footer .tl, footer .tr, .copyright {
        text-align: center !important;
        padding: 10px 0;
    }
    .mod_postcode_box > .input-append {
        width: 100%;
    }
}


/*---------------------landscape phone and down---------------------*/
@media (max-width: 480px) {
    .mod_postcode_box .lead, .welcome-h1 {
        font-size: 28px;
    }
    .home-about .well p {
        font-size: 14px;
    }
    .input-append input[class*="span"]{
     	width: 70%;   
    }
    .mod_postcode_box .btn, .mod_postcode_box input{
        font-size: 18px;
    }
    .mod_postcode_box > .input-append {
        margin-left: -20px;
    }
}
.deliveryFromImg{display: none;}
.home .website-image{
 	margin-bottom: 0;   
    text-align: center;
}

.blockMsg a {
 color:#EB1924;
    text-decoration:underline;
}
.checkout .ctl-forgotPassword {
    display:none; 
}
.social_mod{
 	background: #292874;  
}
.social_media_links {
  max-width: 1000px;
  margin: 0 auto;
  padding: 10px 0;
  text-align: center;
}
.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;
}


.home li.menu.collection a {
    line-height:110%;
}

.alert.alert-danger.idx-0.sys-alert {
    background: #c7101a;
    text-align: center;
    /* font-size: 80px; */
    border: DASHED 2px #f67b81;
}

.alert.alert-danger.idx-0.sys-alert p {
    color: #fff;
}
 
.alert.alert-danger.idx-0.sys-alert p > span {
    font-weight:bold;
    color:#f6ec11;
    text-decoration:underline;
}
.div-center {
    text-align:center;
}