.prod-options {

	margin-left: -16px;

	margin-right: -16px;

}

.home-header-div

{

    height: 380px;

    background-image: url('home-header.jpg');

    width: 100%;

    margin-left: auto;

    margin-right: auto;

    background-position: center;

}

.flex{

    display:flex

}

.btn{

border-radius:0 !important;	

}

.border-left-side{

	border-left: 1px solid #e9ebee;

    margin-left: 9px;

    padding-left: 9px;

}

.closetime{

	opacity: 1;

    color: white;

    font-size: 52px;

    padding-right: 22px !important;

    padding-top: 22px !important;

}

#myTime .new-select-css {

    background: initial !important;

    border: 0;

    box-shadow: initial;

    color: white;

    font-family: sbold,Arial Narrow,Arial;

    font-weight: bold;

    font-size: 19px;

    width: 100% !important;

    /* display: inline-block; */

    padding-left: 37px;

    padding-bottom: 5px;

    position: relative;

    z-index: 9999;

}

#myTime .new-select-css option:first-child{

	color:white;

}

#myTime .new-select-css option{

	color:black;

}

.close-time-popup{

	    background: #e9ebee;

    border: 1px solid #d9dde3;

    margin-top: 23px;

    width: 100%;

    border-radius: 5px !important;

    font-size: 17px;

    padding: 9px 0;

}

.time-dropdown {

    color: white;

    font-size: 19px;

    position: absolute;

    right: 5px;

    bottom: 9px;

	z-index: 0;

}

.time-text-new{

	color: white;

    font-family: sbold,Arial Narrow,Arial;

    font-weight: bold;

    text-align: center;

    font-size: 22px;

}

.ord-onl-payment-div{

	background-color:transparent !important;	

}

.time-container{

	border-bottom: 1px solid white; 

}

.time-popup {

    color: white;

    font-size: 19px;

    display: inline-block;

    position: absolute;

    bottom: 10px;

    left: 5px;

}

#myTime .modal-content{

	box-shadow:initial !important;

	background:transparent !important;

	border:0 !important;	

	width:400px;

	margin:0 auto;

	margin-top: 30%;

}

#myOrder .modal-content{

	box-shadow:initial !important;

	background:transparent !important;

	border:0 !important;	

	width:400px;

	margin:0 auto;

	margin-top: 30%;

}

.time-for-deliv{

	border-bottom: 1px solid #e9ebee;

}

#menu-group-1 .order-online-prod-main-desc{

	min-height: 65px;

}

#menu-group-4 .order-online-prod-main-desc{

	min-height: 87px;

}

#menu-group-4 .order-online-main-prod-title{

	min-height: 32px;

}

#menu-group-3 .order-online-prod-main-desc{

	min-height: 84px;

}



#menu-group-6 .order-online-prod-main-desc{

	min-height: 68px;

}

.custom-button{

	position: absolute;

    top: 16px;

    right: -73px;

}

.custom-button .btn{

	background: rgba(255,255,255,0.8);

    width: 73px;

    color: black;

    font-size: 12px;

    padding: 5px 1px;

    border-radius: 30px !important;

}

.flex-col{

    flex-direction:column;

}

.order-online-btn-dropdown .order-online-main-btn-add{

	text-align:center !important;	

}

.order-online-btn-dropdown .order-online-main-btn-add .btn-add-txt{

	margin-right:0 !important; 	

}

.order-online-main-customize-it-mlds .order-online-main-btn-add{

	text-align:right !important;

}

.order-online-main-customize-it-mlds .order-online-main-btn-add .btn-add-txt{

	margin-right: 54px !important; 	

}

.display_product_menu_group{display: flex; flex-wrap: wrap; align-items: stretch; }





@media(max-width:600px){

	 

	

}

@media (min-width:601px) and (max-width:1200px){

	

}	

.checkout--cont{

    width:100%;

    margin-left:auto;

    margin-right:auto

}

.basket-value{

    text-align: right;

    position: absolute;

    right: 11px;

    top: 11px;

}



.mobile-navbar{

  display:none

}

.pg-header-logo .logo-home-mobile{display:none}

.pg-header-logo  .order-online-logo {

    width: 155px;

    display: inline-block;

}



.popular-deals {

    font-size: 24px;

    font-weight: 300;

    color: #313131;

    line-height: 18px;

    justify-content: center !important;

    -webkit-box-pack: center !important;

    -webkit-justify-content: center !important;

    justify-content: center !important;

    font-family: 'Chau Philomene One', sans-serif;

}



.popular_deals:before

{

    height: 1px;

    border: 1px solid #dfdfe3;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    top: -2px;

}



.div-popular-deals

{

    margin: 0 auto;

    width: 100%;

    text-align: center;

    max-width: 1060px;

}



.most-popular-deals-ad

{

    display: inline-block;

}



.home-page-ad

{

    margin-left: auto;

    margin-right: auto;

}



.home-ad

{

    width: 100%;

}



.footer

{

    background-color: #1a1a1a;

    display: flex;

    margin-top: 20px;

    padding-bottom: 50px;

}



.footer h5, .footer li

{

    color: #ffffff;

    text-decoration: none;

    font-family: Open Sans;

}



.footer h5

{

    font-weight: bold;

}



.footer ul

{

    list-style-type: none;

    margin: 0px;

    padding: 0px;

}



.footer-row

{

    margin: 0 auto;

    width: 100%;

    max-width: 1060px;

    padding-top: 20px;

    font-size: 14px;

}



.home-ad-description

{

    font-size: 10px;

    background-color: #e1e1e1;

    padding: 2px 5px;

    min-height: 32px;

    vertical-align: middle;

}



.logo-home

{

    background-image: url('home-logo-square.png');

    width: 120px;

    height: 120px;

    background-repeat: no-repeat;

    background-size: 100%;

    display: block;

    overflow: hidden;

    text-indent: -10000px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 62px;

}



.find-a-hut {

    margin-left: auto;

    margin-right: auto;

    width: 100%;

    max-width: 500px;

    height: 91px;

    background-color: #ffffff;

    border-radius: 5px;

    box-shadow: 0 6px 10px 0 rgba(0,0,0,.1), 0 1px 18px 0 rgba(0,0,0,.07), 0 3px 5px -1px rgba(0,0,0,.05);

    padding-left: 10px;

    padding-right: 10px;

    text-align: center;

    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);

}



.find-a-hut-message

{

    text-shadow: 0 1px 6px rgba(0,0,0,.8);

    font-size: 22px;

    font-weight: normal;

    line-height: 18px;

    color: #fff;

    text-align: center;

    font-family: 'Khand', sans-serif;

}



.fnd-address

{

    float: left;

    width: calc(100% - 30% - 5px);

    height: 40px;

}



.fnd-street

{

    width: 28%;

    float: left;

}



.fnd-area

{

    width: 28%;

    float: left;

}



.fnd-county

{

    width: 22%;

    float: left;

}



.fnd-search

{

    width: 28%;

    margin-left: 5px;

    margin-right: 0px;

    padding-left: 0px;

    padding-right: 0px;

    background: #0a8020;

    color: #fff;

    height: 40px;

}



.find-address-div

{

    padding-top: 29px;

    text-align: right;

    padding-left: 5px;

    padding-right: 5px;

}



.menu

{

    background-image: url('background.jpg');

    position: relative;

    width: 100%;

    margin-left: 0px;

    margin-right: 10px;

    background-color: #fff;

    height: 100%;

    background-repeat: repeat;

}



@media (min-width:992px)

{

    .md-show{}

    .basket-desktop

    {

        width: 290px;

        height: 100%;

        right: 0px;

        float: right;

        position: fixed;

        background-color: #ffffff;

        top: 0px;

        padding-left: 10px;

		    box-shadow: -1px 0 10px 0 rgba(0,0,0,.05);

    border-left: 1px solid #e9ebee;

    }

}



.container-order-online

{

    height: 100%;

    display: block;

    margin: 0px;

    padding: 0px;

    width: 100%;

}



.basket-header

{

    font-family: Khand;

    font-size: 23px;

    text-align: center;

    margin-top: 24px;

    margin-bottom: 24px;

}



@media (min-width:992px)

{

    .basket-desktop-min-delivery

    {

        bottom: 0px;

        position: relative;

        width: 100%;

        height: 54px;

        margin: 0px;

        padding: 0px;

        border-top: 1px solid;

    }

}



.minimum-delivery

{

    text-align: center;

    font-size: 12px;

    padding-top: 19px;

}



.basket-item-product-title

{

    font-size: 13px;

    margin-left: 0px;

    margin-right: 0px;

    padding-left: 0px;

    padding-right: 0px;

}



/* Custom styles */



/* Different positions */



/* Colors */



.basket-item-product-price

{

    font-size: 14px;

}



.icon-remove

{

}



.bsk-item

{

}



.basket-items

{

    width: 100%;

    position: absolute;

    overflow: scroll;

}



.item-basket

{

    margin-left: 0px;

    margin-right: 0px;

}



.basket-item-title

{

    width: calc(80% - 53px);

    display: inline-block;

    margin-left: 0px;

    margin-right: 0px;

	text-align: left;

}



.basket-item-price

{

    width: 53px;

    display: inline-block;

    text-align: right;

    margin-left: 0px;

    margin-right: 0px;

    font-weight: bold;

}



.basket-item-remove

{

    width: 20px;

    display: inline-block;

    text-align: center;

    margin-left: 0px;

    margin-right: 0px;

}



.sub-item

{

    font-size: 12px;

    color: #6b6e79;

    font-weight: normal;

}



.main-product

{

    padding-bottom: 5px;

}



.basket-item-total-title

{

    display: inline-block;

    font-size: 14px;

    width: 150px;

    font-weight: 600;

}



.basket-item-total-price

{

    font-size: 18px;

    display: inline-block;

    text-align: right;

    width: 72px;

    font-weight: 600;

}



.got-a-voucher

{

    width: 88%;

    border-style: dashed;

}



.basket-message

{

    padding-right: 20px;

    padding-left: 20px;

}



.order-online-header

{

    background-color: #ffffff;

    width: calc( 100% - 290px);

    

}



.order-onlne-header-bar

{

    max-width: 955px;

    margin-left: auto;

    margin-right: auto;

    position: relative;

        padding: 15px 10px 15px 5px;

}



@media (min-width:992px)

{

    .order-onlne-header-bar-menu-nav

    {  

        max-width: 100%;

        margin-left: auto;

        margin-right: auto;

       border-top: 1px solid #e9ebee;

    box-shadow: 0 1px 5px 0 rgba(0,0,0,.05);

       

    }

}



/* @media (min-width:480px)

{

    .order-online-logo

    {

        width: 155px;

        display: inline-block;

    }

} */



.store-info

{

    display: inline-block;

    float: right;

    font-family: Khand;

    font-size: 16px;

}



.order-online-category

{

    background-color: #db9595;

    height: 52px;

    margin-left: auto;

    margin-right: auto;

    text-align: center;

    min-width: 955px;

}



.order-online-menu-items

{

    width: calc( 100% - 305px);

}



.menu-product

{

    width: 100%;

	height: calc(100% - 5px);;

    background-color: #ffffff;

    margin: 5px;

    padding: 10px;

	border-radius:0 !important;

}



.order-online-products-div

{

    width: calc( 100% - 305px );

    padding-top: 10px;

    padding-left: 15px;

    padding-right: 15px;

}



.ord-menu-items

{

    max-width: 955px;

    margin-left: auto;

    margin-right: auto;

}



.prod-img

{

    max-width: 100%;

	/*max-height:144px;*/

	border-radius:0 !important;

}



.mobile-menu{

    list-style:none;

}



.order-online-prod-main-desc

{

    

    border-bottom: 1px solid #e8e8e8;

   

    position: relative;

    float: left;

    width: 100%;

  

}



.product_full_price {

    position: relative;

    color: red;

    font-weight: 600;

    text-decoration-color: red;

}



.product_full_price::before {

    content: '';

    position: absolute;

    top: 50%;

    left: -10%;

    right: -10%;

    border-top: 1px solid red;

    transform: rotate(-12deg);

    transform-origin: center;

}

.product_price{

	font-weight: 600;

	padding-left:10px;

}

.order-online-prod-main-desc {

    min-height: 42px;

    color: #6b6e79;

    font-size: 14px;

    font-weight: 200;

    line-height: 18px;

    padding-left: 6px;

}

.order-online-main-prod-title {

    text-align: left;

    font-weight: bold;

    margin-bottom: 14px;

    display: inline-block;

    font-family: sbold,Arial Narrow,Arial;

    font-size: 15px;

    position: relative;

    text-transform: uppercase;

    max-width: 166px;

    height: 39px;

    padding-left: 5px;

}



.prod-display-itm

{

    padding-left: 6px;

    padding-right: 6px;

    float: left;

    position: relative;

    min-height: 1px;

}



.order-online-main-price-bar

{

    width: 100%;

    text-align: right;

    height: auto;

}



.order-online-main-prod-bar-select

{

    width: 100%;

    height: 33px;

    margin-right: 2px;

    border-radius: 5px;

    border: 1px solid #444444;

    font-size: 12px;

}



.btn-customize-it

{

    border-radius: 5px;

    border: 0px;

    margin-right: 0px;

    margin-left: 0px;

    color: #0a8020;

    font-size: 0.7em;

    width: 100%;

    padding: 8px 5px;

}



.order-online-main-prod-price

{

    font-size: 16px;

    font-weight: bold;

    display: inline-block;

    position: relative;

    right: 0px;

    margin-top: 8px;

    font-family: Fira Sans Extra Condensed;

    float: right;

}



.order-online-btn-dropdown

{

    display: inline-block;

    margin-left: 0px;

    margin-right: 0px;

    width: 48%;

}



.btn-main-add

{

}



.order-online-main-add-to-basket

{

    display: inline-block;

    width: 48%;

    text-align: center;

}



.order-online-main-customize-it

{

    width: 100%;

    margin-top: 5px;

}



.order-online-main-btn-add

{

    background-color: #0a8020;

    width: 100%;

    color: #ffffff;

}



.flag

{

    position: absolute;

    top: 2px;

    left: 7px;

    width: 82px;

    height: 82px;

    overflow: hidden;

}



.flag__inner

{

    position: absolute;

    top: 24px;

    left: -28px;

    display: block;

    width: 126px;

    font-size: 11px;

    color: rgba(49,49,49,.6);

    text-align: center;

    line-height: 20px;

    box-shadow: 0 1px 8px -3px rgba(49,49,49,.6);

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    background-color: #ffdddd;

}



.basket-desktop-div

{

    height: calc( 100% - 150px);

    overflow-y: auto;

    overflow-x: hidden;

    min-width: calc( 100% - 15px);

}



.basket-desktop-sum

{

    margin-right: 20px;

    width: 100%;

}



.basket-desktop-discount-div

{

    padding-top: 5px;

    padding-bottom: 5px;

    margin-right: 4px;

    margin-left: 4px;

    border-top: 1px solid;

}



.basket-desktop-basket-item

{

    padding-top: 5px;

    padding-bottom: 5px;

    margin-right: 4px;

    margin-left: 4px;

}



body

{

    font-family: Open Sans;

    background-image: url(background.jpg);

}



.heading-hr--dotted:after, .heading-hr--dotted:before {

    border: none;

    background-image: -webkit-linear-gradient(left,#000 33%,hsla(0,0%,100%,0) 0);

    background-image: linear-gradient(90deg,#000 33%,hsla(0,0%,100%,0) 0);

    background-position: bottom;

    background-size: 3px 1px;

    background-repeat: repeat-x;

}



.heading-hr--dotted:after, .heading-hr--dotted:before, .heading-hr:after, .heading-hr:before

{

    content: "";

    height: 6px;

    border: 0px solid #dfdfe3;

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    position: relative;

    top: 7px;

}



.heading-hr, .heading-hr--dotted, .xs-flex {

    display: -webkit-box!important;

    display: -webkit-flex!important;

    display: -ms-flexbox!important;

    display: flex!important;

}



.heading-hr--dotted:before, .heading-hr:before

{

    margin-right: 10px;

}



.heading-hr--dotted:after, .heading-hr:after

{

    margin-left: 10px;

}



.total-hr

{

}



.order-online-desktop-basket-item

{

    margin-left: 0px;

}



@media screen and (min-width:768px) and (max-width:991px){

    .menu{

    width: 80%;

    float: right;

    margin: 0;

    }

    .mobile-navbar{

        width: 20%;

        background-color:#313131;

        display:block;

        float: left;

        position: fixed;

        z-index: 400;

        height: 100%;

    }

    .mobile-navbar .mob-menu{

      padding: 0;

      margin: 0;

    }

    .mobile-navbar .mob-menu li{

      background: none;

      padding: 15px 60px 0 40px;

      line-height: 54px;

      font-size: 1.6rem;

      color:#fff

    }

    .mobile-navbar .mob-menu li.nav-btn-active{

       color:#da291c !important;

		font-weight: bold;

    }

    .order-online-products-div .menu-product{

        

    }

    .basket-desktop1{

        width:268px !important

    }

}



@media (max-width:991px)

{

    .order-onlne-header-bar{display:flex;align-items:center;-webkit-justify-content:center;justify-content:center}

    .pg-header-logo {width:initial;}

    .pg-header-logo  .order-online-logo{display:none}

    .pg-header-logo  .logo-home-mobile{display:block;width: 47px;}

    .pg-header-store-info{}

    .mob-store-info{display:block;position: absolute;right: 0;font-size: 15px;}

    .mob-store-info span{display: inline-block !important;padding-left: 10px;}

    .sm-hidden{

        display: none !important;

    }

    .order-online-products-div

    {

        width: 100%;

        padding-bottom: 100px;

        padding: 11px 28px;

    }

    .order-online-header

    {

        width: 100%;

        padding: 0 17px;

    }

}



null

{

}



@media (min-width:992px)

{

    .prod-display-itm { width: 25%; }

	.prod-display-itm_20 { width: 20%; }

}



@media (max-width:991px)

{

    .prod-display-itm

    {

        width: 25%;

    }

}



@media (max-width:767px)

{

    .prod-display-itm

    {

        width: 33.33333333%;

    }

}



@media (max-width:609px)

{

    .prod-display-itm

    {

        width: 50%;

    }

}



@media (max-width:479px)

{

    .prod-display-itm

    {

        width: 50%;

    }

}



@media (max-width:991px)

{

    .basket-desktop

    {

        display: none;

    }

}



@media (min-width:480px)

{

    .meal-deal

    {

        width: 50%;

    }

}



@media (min-width:768px) and (max-width:1210px)

{

    .order-online-main-prod-title

    {

        font-size: 16px;

        width: 72%;

    }

    .order-online-main-prod-price

    {

        font-size: 1em;

    }

}



@media (min-width:480px) and (max-width:609px)

{

    .order-online-main-btn-add

    {

        padding-top: 10px;

        padding-bottom: 10px;

    }

}



@media (min-width:992px)

{

     .mob-store-info{

  display: none !important;

}

    .main-menu

    {

        list-style-type: none;

        margin: 0px auto;

        padding: 0px;

		max-width:972px;

    }

}



@media (max-width:480px)

{

    .prod-display-itm {

		width: 100%;

	}

	.prod-img{

		width: 100%;

	}



}

.prod-itm-display-flex {

	display: flex;

	flex-wrap: wrap;

	align-items: stretch;

}

.main-menu li {

    text-align: center;

    margin-left: 0px;

    margin-right: 0px;

    float: left;

    padding: 17px 15px 15px;

   font-weight:bold;

    font-family: sbold,Arial Narrow,Arial;

    font-size: 15px;

    /* text-transform: uppercase; */

    /* letter-spacing: -1px; */

    border-right: 1px solid #e9ebee;

    cursor: pointer;

    min-width: 110px;

    color: black;

}



.menu-nav-desktop

{

    margin-left: auto;

    margin-right: auto;

}



@media (max-width:991px)

{

    .main-menu

    {

        display: none;

    }

}



@media (max-width:479px)

{

    .order-online-btn-dropdown

    {

        width: 100%;

        padding-bottom: 2px;

    }

    .order-online-main-add-to-basket

    {

        width: 100%;

    }

}



.remove-basket-icon

{

    font-size: 16px;

}



.nav-btn-active

{

       

        color: #ffffff !important;

        background-size: auto 100%;

}

.icon-location1 {

    background-size: 100%;

	opacity: .5;

    background-repeat: no-repeat;

    background-position: 50%;

    display: inline-block;

    background-image: url(img/icon-location.eaca8749e4ad11bb2f95aa7ef8ff3844.svg);

    height: 17px;

    width: 12px;

    background-size: 12px;

	position: relative;

    top: 3px;

    left: -2px;

}

.delivery-method1{

	border-bottom:1px solid #e9ebee;

}

@media (max-width:991px)

{

    /* .order-online-mobile-menu-bar

    {

        display: none; 

        position: -webkit-sticky;

        position: sticky;

        bottom: 0px;

        background-color: #ffffff;

        width: 100%;

        text-align: center;

        margin-bottom: 0px;

        padding-bottom: 0px;

        padding-top: 5px;

    } */



    .order-online-mobile-menu-bar

    {

        position: -webkit-sticky;

        position: sticky;

        bottom: 0px;

        background-color: #ffffff;

        width: 100%;

        text-align: center;

        margin-bottom: 0px;

        padding-bottom: 0px;

        padding: 0px 0 0;

    }

    .order-online-mobile-menu-bar  .busket-mob{padding: 10px;padding-bottom: 0;}

    .busket-mob a {background-color: #0a8020;color: #fff;position: relative;padding: 12px 0;width: 100%;font-weight: bold;font-size: 1.7rem;display: block;border-radius: 6px;}

}



@media (min-width:992px)

{

    .nav-btn-active{ background-image: url(img/side-bg.jpg);}

    .order-online-mobile-menu-bar

    {

        display: none;

    }

}



.order-online-mobile-min-del

{

    color: #ffffff;

    background-color: #313131;

    font-size: 13px;

    margin: 10px 0 0;

}



.order-online-mobile-checkout-btn

{

    background-color: #0a8020;

    margin-bottom: 3px;

    color: #ffffff;

    width: 73%;

}



.order-online-mobile-checkout-btn-text

{

    font-weight: 600;

}



.order-online-mobile-checkout-btn-value

{

    font-weight: 600;

    padding-left: 25px;

}



.order-online-mobile-dropdown-menu

{

    width: 100%;

    text-align: center;

}



@media (max-width:479px)

{

    .order-online-logo

    {

        display: none;

    }

    .logo-home-mobile

    {

        width: 37px;

    }

}







@media (max-width:479px)

{

    .order-onlne-header-bar

    {

        padding-top: 5px;

        padding-bottom: 5px;

    }

    .store-name

    {

        /*display: none;*/

        text-align: right;

    }

    .order-online-main-prod-title

    {

        width: 100%;

        font-size: 14px;

    line-height: 20px;

    margin-bottom: 12px;

    }

    .order-online-main-prod-price

    {

        font-size: 12px;

    }

	.order-online-prod-main-desc{

		padding-bottom: 8px;

	}

}



.mobile-menu

{

    width: 25%;

    float: left;

}



.mobile-menu-ul

{

    width: 100%;

    text-align: center;

}



.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {

	font-size: 20px;

}



.mobile-menu-ul li a

{

    font-weight: bold;

    padding-top: 9px;

    padding-bottom: 9px;

}

.

@media (max-width:479px)

{

    .order-online-main-btn-add

    {

        font-size: 14px;

		padding-top: 10px;

		padding-bottom: 10px;

    }

}



@media (min-width:610px) and (max-width:668px)

{

    .order-online-main-prod-title

    {

        width: 75%;

    }

}



.desktop-coupon-message

{

    font-size: 12px;

    font-style: italic;

}



@media (min-width:992px)

{

    .mobile-basket-total

    {

        display: none;

    }

}



@media (max-width:991px)

{

    .mobile-basket-total

    {

        /*display: block;*/

        text-align: right;

        font-weight: normal;

        font-family: Open Sans;

        font-size: 14px;

        color: #e13c3f;



    }

    .mobile-basket-total2

    {

        display: block;

        text-align: center;

        font-weight: normal;

        font-family: Open Sans;

        font-size: 14px;

        color: #e13c3f;

    }

}



.order-online-product-modal-left-panel

{

    width: 250px;

    float: left;

    position: absolute;

    min-height: 1px;

    margin-left: 15px;

    background-image: url('prod-bg.jpg');

    background-repeat: repeat-y;

    height: 100%;

}



@media (min-width:992px)

{

    .order-online-product-modal-right-panel

    {

        float: right;

        position: relative;

        min-height: 1px;

        font-size: 14px;

        /*width: 491px;

        padding-right: 22px;

        padding-left: 16px;*/

		width: 100%;

        position: relative;

        padding-left: 30px;

        padding-right: 30px;

        max-height: 100%;

    }

}



.order-online-product-modal

{

}



@media (min-width:992px)

{

    .order-online-modal-product-container

    {

        width: 800px !important;

        margin-left: auto;

        margin-right: auto;

    }

}



.order-online-product-modal-x

{

    display: inline-block;

    margin-top: 10px;

    margin-right: 15px;

}



.order-online-product-modal-title

{

    font-family: Fira Sans Extra Condensed;

    font-size: 20px;

    display: inline-block;

    margin-left: 15px;

    text-transform: uppercase;

}



.order-online-product-modal-desc

{

    color: #6b6e79;

    font-size: 12px;

}



.order-online-product-modal-components

{

    padding-left: 15px;

}



.order-online-product-modal-cat

{

    border-top: 1px solid #6b6e79;

}



.order-online-product-modal-components .row

{

    width: 525px;

    padding-top: 5px;

    padding-bottom: 5px;

}



.order-online-product-modal-components .row .row

{

    width: 525px;

}



.order-online-product-topp-bg

{

    background-color: #e9ebee;

}



.ord-onl-green

{

    color: #0a8020;

}



.ord-onl-green-btn

{

    background-color: #0a8020;

}



.ord-onl-mid

{

    margin-top: 11px;

    margin-bottom: 11px;

}



.order-online-prod-modal-cat

{

    padding-top: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e9ebee;

    width: 525px;

    padding-left: 18px;

}



.ord-onl-prod-item

{

}



.ord-onl-bg-grey

{

    background-color: #e9ebee;

}



.ord-onl-prod-modal-cat

{

    display: block;

}



.text-middle

{

    text-align: center;

}



.order-online-prod-image

{

    max-height: 592px;

    height: 100%;

    position: relative;

    margin-left: -70%;

}



.order-online-modal-prod-items

{

    margin-bottom: 25px;

}



.order-online-modal-prod-items .row

{

    padding-top: 10px;

    padding-bottom: 10px;

    border-top: 1px solid #e9ebee;

}



.ord-onl-grey

{

    color: #6b6e79;

}



.ord-onl-btn-change

{

    font-size: 12px;

    text-decoration: underline;

}



@media (max-width:991px)

{

    .order-online-product-modal-left-panel

    {

        display: none;

    }

    .order-online-product-modal-right-panel

    {

        width: 100%;

        position: relative;

        padding-left: 30px;

        padding-right: 30px;

    }

    .mobile-basket-total{position: absolute;left: 13px;background-color: rgba(0, 0, 0, 0.2);margin-left: 0px;margin-right: auto;border-radius: 3px;padding: 2px 10px;color: #fff;border: 0 solid #e9ebee;top: 10px;font-size: 1.6rem;}

}



.mod-top-img

{

    width: 30px;

    display: inline-block;

}



.mod-top-title

{

    /*width: 185px;*/

    display: inline-block;

	font-size: medium;

}



.mod-top-value

{

    display: inline-block;

}



.mod-top-btns

{

    display: inline-block;

    float: right;

}



.ord-onl-topp-btn

{

    border-radius: 5px;

    font-size: 12px;

    box-shadow: 0px;

    height: 27px;

}



@media (min-width:992px)

{

    .modal-dialog

    {

        /*width: 800px;*/

    }

}



.pizza-split-active

{

    background-color: #c5c5c5;

    border-radius: 5px;

}



.pizza-split-active span

{

    color: #fff;

    font-weight: bold;

}



.ord-onl-modal-prod-sub-title

{

    font-weight: 600;

    background-color: #ebebeb;

    padding-top: 15px;

    padding-bottom: 15px;

}



.ord-onl-product-modal-footer

{

    text-align: right;

    padding-bottom: 8px;

}



.btn-full-width

{

    width: 100%;

}



@media (max-width:479px)

{

    .modal-dialog

    {

        margin: 0px;

    }

    .modal-content

    {

        border-radius: 0px;

    }

}



.ord-onl-topp-btn-clicked

{

    background-color: #0a8020;

    color: #fff;

}



.order-online-modal-prod-items a

{

    color: #000;

}



.basket-desktop1

{

    position: fixed;

    top: 0px;

    right: 0px;

    width: 100%;

    text-align: center;

    height: 100%;

    z-index: 1;

    margin: 0px;

    display: block;

    background-color: #fff;

}



.ord-onl-close-basket

{

    color: #6b6e79;

    font-size: 12px;

    text-decoration: underline;

    float: right;

    margin-right: 20px;

    margin-top: 10px;

}



@media (min-width:992px)

{

    .ord-onl-close-basket

    {

        display: none;

    }

}



.ord-onl-basket-bg

{

}



.bsk-container

{

}



.ord-onl-add-more-items

{

    width: 88%;

    border-style: dashed;

}



.ord-onl-halves-btn

{

    padding-top: 10px;

    padding-bottom: 10px;

}



.ord-onl-prod-img-div

{

    height: 100%;

    overflow: hidden;

}



.order-online-product-modal-value

{

    font-family: Fira Sans Extra Condensed;

    font-size: 20px;

    display: inline-block;

    margin-left: 10px;

}



ord-onl-modal-close-bar

{

    margin-top: 0px;

    margin-bottom: 0px;

    padding-top: 0px;

    padding-bottom: 0px;

    position: inherit;

}





/* .modal-fullscreen */



.modal-fullscreen

{

    background: transparent;

}

/*

.modal-fullscreen .modal-content

{

    background: transparent;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

}

*/

.modal-backdrop.modal-backdrop-fullscreen

{

    background: #ffffff;

}



.modal-backdrop.modal-backdrop-fullscreen.in

{

    opacity: .97;

    filter: alpha(opacity=97);

}



/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

/*

.modal-fullscreen .modal-dialog

{

    margin: 0;

    margin-right: auto;

    margin-left: auto;

    width: 100%;

}

*/

@media (min-width: 768px)

{

    .modal-fullscreen .modal-dialog

    {

        width: 750px;

    }

}



@media (min-width: 992px)

{

    .modal-fullscreen .modal-dialog

    {

        width: 970px;

    }

}



@media (min-width: 1200px)

{

    .modal-fullscreen .modal-dialog

    {

        width: 1170px;

    }

}

/*NKM - sets whole screen to white-out*/

.bg-white

{

    background-color: #fff;

}



.modal-checkout

{

    max-width: 500px;

    padding-left: 30px;

    padding-right: 30px;

}



.ord-onl-payment-div

{

    text-align: center;

    background-color: #525252;

    padding-top: 4px;

    padding-bottom: 4px;

    /*width: 100%;*/

    display: inline-block;

    border-radius: 5px;

}



.ord-onl-payment-div .btn

{

    width: 100%;

    margin-top: 0px;

    margin-bottom: 0px;

    padding-left: 0px;

    padding-right: 0px;

    height: 50px;

}



.ord-onl-div-border

{

    /*

	border-left: 1px solid #bcc1c6;

    border-right: 1px solid #bcc1c6;

    border-top: 1px solid #bcc1c6;

    border-bottom: 1px solid #bcc1c6;

    border-radius: 5px;

    margin-bottom: 10px;

	*/

	margin: 10px;

}



.checout-bg

{

    background-image: url('background.jpg');

}



.checkout-header-text

{

    font-size: 20px;

}



.ord-onl-txt-red

{

    color: #ff0000;

}



@media (max-width:991px)

{

    .basket-add-more-items-btn-mobile

    {

        padding-top: 5px;

        padding-bottom: 5px;

        margin-right: 4px;

        margin-left: 4px;

        border-top: 1px solid;

    }

}



@media (min-width:992px)

{

    .basket-add-more-items-btn-mobile

    {

        display: none;

    }

}



.ord-onl-opening-hours-ul

{

    float: left;

    padding-left: 15px;

}



.ord-onl-opening-hrs-btn

{

    display: block;

    float: left;

    list-style: none;

    text-align: center;

    background-color: #fed03b;

    border-radius: 5px;

    width: 100%;

    padding-top: 7px;

    padding-bottom: 7px;

}



@media (max-width:479px)

{

    .ord-onl-opening-hours-ul

    {

        padding-left: 0px;

    }

}



.ord-onl-opening-hours-ul li

{

    display: block;

    float: left;

    list-style: none;

    text-align: center;

    width: 58px;

    margin: 2px;

}



.hrs-active

{

    background-color: #0a8020;

    color: #fff;

}



.ord-onl-conf-msg-p

{

    text-align: center;

    font-size: 14px;

}



.ord-onl-header

{

    background-color: #313131;

    color: #fff;

    border-radius: 5px;

    margin-top: 5px;

    margin-bottom: 5px;

}



.ord-onl-header span

{

    color: #fff;

}



.ord-onl-header-close

{

    color: #ffffff;

    opacity: 1;

}



.ord-onl-footer-p

{

    text-align: center;

    font-size: 12px;

}



.onl-ord-opt-selected

{

    background-color: #c5c5c5;

}



.home-ad-description p

{

    vertical-align: middle;

}



.footer-link a:link, .footer-link a:hover, .footer-link a:visited, .footer-link a:active

{

    color: #fff;

}



.font-md

{

    font-size: 26px;

}



.prod-options

{

    border: 1px solid #000;

    border-radius: 10px;

    padding-left: 16px;

    padding-right: 16px;

}



@media (min-width:768px)

{

     .xs-show{display:none}

    .base-desc

    {

        font-size: 12px;

        font-style: italic;

        display: inline;

        padding-left: 10px;

    }

}



@media (max-width: 767px)

{

    .base-desc

    {

        display: none;

    }

	.modal-dialog.full-screen .modal-content {

		left: 0px !importnat;

		right: 0px !importnat;

		top: 0px !important;

		bottom: 0px !important;

    }

    .xs-mobie-menu{

         background-color: #000;

         padding: 0;

    }

    .xs-mobie-menu .mob-menu{

        list-style: none;

        margin: 0;

        padding: 0;

        text-align: center;

        white-space: nowrap;

        overflow: auto;

    }

    .xs-mobie-menu .mob-menu li{

        display: inline-block;

        color: #fff;

        padding: 9px 8px;

    }

    .xs-mobie-menu .mob-menu li.nav-btn-active{

        background-color: #da291c;

    }

}



@media screen and (min-width:640px){

    .checkout--cont{max-width:640px}

}



.store-details

{

    color:#333;

	border-bottom:1px solid #e9ebee;

}



.store-details:hover

{

   

}



.store-details:visited

{

    

}



.store-details:active

{

   

}

/*NKM added*/

.shake {

   -webkit-animation: shake .2s linear 0s 4;

   animation: shake .2s linear 0s 4;

}





@-webkit-keyframes shake {

   0% { transform: translateX(-5px); }

   50% { transform: translateX(5px); }

}

@keyframes shake {

   0% { transform: translateX(-5px); }

   50% { transform: translateX(5px); }

}



/* new modal layout - TEST */

.modal-dialog.full-screen {

    position:fixed;

    //width:auto;  // uncomment to make the width based on the left/right attributes.

    margin:auto;                        

    left:0px;

    right:0px;

    top:0px;

    bottom:0px;

}



.modal-dialog.full-screen .modal-content {

      position:absolute;

      left:10px;

      right:10px;

      top:10px;

      bottom:10px;

}

@media (max-width:767px)

{

	.modal-dialog.full-screen .modal-content {

		left: 0px;

		right: 0px;

		top: 0px;

		bottom: 0px;

	}

}



.modal-dialog.full-screen .modal-content .modal-header {

        height:55px;  // adjust as needed.

}



.modal-dialog.full-screen .modal-content .modal-body {

        overflow-y: auto;

		overflow-x: hidden;

	   /*   position: absolute;*/

	      top: 0;

	      bottom: 0;

        left:0;

        right:0;

	     /* margin-top: 55px; // .modal-header height*/

		 /* overflow: scroll;*/

		  height: calc( 100% - 140px );



}



.modal-dialog.full-screen .modal-content .modal-footer {

        height:80px;  // adjust as needed.

        position:absolute;

        bottom:0;

        left:0;

        right:0;

}



.modal.in .modal-dialog {

	background: transparent;

}

.row-no-margin {

	margin-right: 20px;

	margin-left: 20px;

}

#order_details {



	height: calc( 100% - 150px);

	display: block;

    overflow-y: auto;

    overflow-x: hidden;

}

.modal-header {

    padding: 0px 20px;

}

.modal-header .close {

    margin-top: 9px;

}

.modal-dialog.full-screen .modal-content .modal-header {

    height: 77px;

}

.txt-center{

	text-align: center;

}



@media (max-width:480px)

{

	.mod-top-img { width: 0%; visibility: hidden;}

	.mod-top-title { width: 40%; }

	.mod-top-value { width: 0%; visibility: hidden;  vertical-align: top; }

	.mod-top-btns { width: 60%; }

	.prod-options .row {

		

	}

	.order-online-modal-prod-items .row {

		padding-top: 5px;

		padding-bottom: 5px;

	}

	.prod-options {

		padding-left: 15px;

		padding-right: 15px;

	}

	.modal-dialog.modal-checkout {

		padding-left: 0px;

		padding-right: 0px;

	}

	.store-details {

    color: #333;

    border-bottom: 0;

    font-size: 12px;

}



span.store-name{display:block !important;} 

.order-online-mobile-menu-bar{

padding-top:0 !important;	

}

.menu-product{

	margin-left:0 !important;

	margin-right:0 !important;	 

}

.order-online-products-div{

	padding:10px 20px !important;	

}

.prod-display-itm {

    width: 50%;

    padding: 3px;

}

.custom-button {

    position: absolute;

    top: 16px;

    right: -43px; 

}

#menu-group-1 .order-online-prod-main-desc {

    min-height: 85px;

	display: none;

}

.order-online-main-prod-title{

	min-height: 40px !important;

}

#menu-group-1 .prod-img{

	height:120px !important;	

}

#menu-group-4 .order-online-prod-main-desc{display:none;}

.menu-product{margin-bottom:0 !important;}

#menu-group-3 .order-online-prod-main-desc {

    min-height: 136px !important;

	display: none;

}

#menu-group-5 .order-online-prod-main-desc {

    display:none;

}

#menu-group-7 .order-online-prod-main-desc {

    display:none;

}

#menu-group-6 .order-online-prod-main-desc {

    min-height: 117px !important;

	display: none;

}

#menu-group-15 .order-online-prod-main-desc {

    display:none;

}

}

@media (max-width:1200px){

	.prod-img{height:auto !important;}

}

@media (min-width:481px) and (max-width:610px){

	.mod-top-img { width: 0%; visibility: hidden;}

	.mod-top-title { width: 40%; }

	.mod-top-value { width: 0%; visibility: hidden;  vertical-align: top; }

	.mod-top-btns { width: 60%; }

	.prod-options .row {

		

	}

	.order-online-modal-prod-items .row {

		padding-top: 5px;

		padding-bottom: 5px;

	}

	.prod-options {

		padding-left: 15px;

		padding-right: 15px;

	}

	.modal-dialog.modal-checkout {

		padding-left: 0px;

		padding-right: 0px;

	}

	.store-details {

    color: #333;

    border-bottom: 0;

    font-size: 12px;

}

span.store-name{display:block !important;} 

.order-online-mobile-menu-bar{

padding-top:0 !important;	

}

.menu-product{

	margin-left:0 !important;

	margin-right:0 !important;	 

}

.order-online-products-div{

	padding:10px 20px !important;	

}

.prod-display-itm {

    width: 50%;

    padding: 3px;

}

.custom-button {

    position: absolute;

    top: 16px;

    right: -43px; 

}

#menu-group-1 .order-online-prod-main-desc {

    min-height: 72px;

}

.order-online-main-prod-title{

	min-height: 40px !important;

}

#menu-group-1 .prod-img{

	

}

#menu-group-4 .order-online-prod-main-desc{display:none;}

.menu-product{margin-bottom:0 !important;}

#menu-group-3 .order-online-prod-main-desc {

    min-height: 82px !important;

}

#menu-group-5 .order-online-prod-main-desc {

    display:none;

}

#menu-group-7 .order-online-prod-main-desc {

    display:none;

}

#menu-group-6 .order-online-prod-main-desc {

    min-height: 117px !important;

}	

#menu-group-15 .order-online-prod-main-desc {

    min-height: 117px !important;

}

#menu-group-1 .prod-img{

	height:176px !important;

}

	

}

@media (min-width:611px) and (max-width:1079px){

.menu-product{

margin-bottom:3px !important;

margin-left:0px !important;	

margin-right:0px !important;	

}

.prod-display-itm{

    padding-left: 4px;

    padding-right: 4px;	

}

.order-online-products-div{

padding: 11px 21px;	

}

.checkout--cont{

	max-width:100% !important; 	

}

.custom-button {

    position: absolute;

    top: 16px;

    right: -59px;

}

.prod-display-itm {

    width: 33.33333333% !important;

}

.order-online-main-prod-title{width:100%;}

.order-online-main-prod-title{

	min-height:35px !important;	

}

#menu-group-1 .prod-img{

	min-height:153px;	

}

#menu-group-4 .prod-img{

	min-height:147px;	

}

#menu-group-6 .order-online-prod-main-desc {

    min-height: 80px;

}

#menu-group-15 .order-online-prod-main-desc {

    min-height: 80px;

}

}

@media(max-width:990px){

#menu-group-2 .prod-display-itm{

	width: 100% !important;

}	

}

@media (min-width:707px) and (max-width:767px){

#menu-group-1 .prod-img {

    min-height: 167px;

}

#menu-group-4 .prod-img {

    min-height: 169px;

}	

}

@media (min-width:1081px) and (max-width:1210px){

.order-online-main-prod-title{width:100% !important;}

#menu-group-1 .prod-img {

    min-height: 143px;

}

.custom-button {

    position: absolute;

    top: 16px;

    right: -63px;

}

#menu-group-3 .order-online-prod-main-desc {

    min-height: 102px;

}

.order-online-main-prod-title{

height:34px !important;	

}

}



@media(min-width:991px) and (max-width:1080px){

	#menu-group-2 .prod-display-itm.meal-deal {

    width: 50% !important;

}

	#menu-group-2 .order-online-prod-main-desc{

		    min-height: 59px;

	}

	#menu-group-2 .prod-display-itm.basket-header{

		width:100% !important;

	}

}



@media(min-width:991px) and (max-width:1210px){

	.main-menu li {

    padding: 17px 17px 15px !important;

    min-width: initial !important;

		font-size: 13px !important;

}

}





@media(min-width:991px){

.time-mob{display:none;}	

}

@media(max-width:990px){

.time-mob{

	    width: 20%;

    text-align: left;

}

.pg-header-logo { width: 36%;margin: 0 auto; }	

}

@media(max-width:770px){

	#myTime .modal-content {

    box-shadow: initial !important;

    background: transparent !important;

    border: 0 !important;

    width: 100% !important;

    margin: 0 auto;

    margin-top: 30%;

    padding: 0 39px;

}

}

@media (min-width:771px) and (max-width:990px){

.modal-sm {

    width: 500px !important;

}	

}

@media(min-width:1010px) and (max-width:1080px){

#menu-group-1 .prod-img {

    min-height: 169px !important;

}

}

@media(min-width:880px) and (max-width:980px){

#menu-group-1 .prod-img {

    min-height: 169px !important;

}

}

@media(min-width:1210px) and (max-width:1260px){

#menu-group-6 .order-online-main-prod-title {

    height: 33px;

}

}

@media(min-width:1080px) and (max-width:1280px){

#menu-group-6 .order-online-prod-main-desc {

    min-height: 87px;

}

#menu-group-15 .order-online-prod-main-desc {

    min-height: 87px;

}

}

@media(min-width:1080px) and (max-width:1110px){

#menu-group-6 .order-online-prod-main-desc {

    min-height: 102px;

}

#menu-group-15 .order-online-prod-main-desc {

    min-height: 102px;

}

}

@media(min-width:1080px) and (max-width:1115px){

#menu-group-4 .order-online-prod-main-desc {

    min-height: 104px;

}

}

@media(min-width:1079px) and (max-width:1080px){

#menu-group-4 .order-online-main-prod-title {

    min-height: 53px;

}

#menu-group-1 .order-online-main-prod-title {

    height: auto;

    min-height: 34px;

}

	#prod_display_row #menu-group-1 .prod-img {

    min-height: 132px !important;

		

}

	.custom-button {

    position: absolute;

    top: 16px;

    right: -51px;

}

}

@media(min-width:400px){

	.basketWidth { width: 100%; }

}



.btn-grey { background-color:#0f0f0f; }

#jp_upsell_section { overflow-x: auto; white-space: nowrap; width: 100%; }

.upSellImg img { width: 100%; }

.upSellPanel { width: 100px; height: auto; display: inline-block; height: 200px; margin-right: 10px }

.upSellBody {  height: 70px;  text-wrap: balance;  font-size: small;  line-height: 17px; }

.upSellPrice { width: 50px; }



.topping-itm { margin-left: 0px; margin-right: 0px; padding-left: 5px; padding-right: 0px; }

.topping-itm2 { margin-left: 0px; margin-right: 0px; padding-left: 5px; padding-right: 0px; }

.no-bg { background-color: transparent; }

@media(max-width:400px){

	.mod-top-btns { width: 50%; }

	.mod-top-title { width: 35%; }

}



/* style-new.css defines .full-screen-modal/.mdl-body-checkout etc. but is never linked

   from index.php, so these checkout/card-payment modals had no scroll behaviour at all.

   Two earlier attempts here tried to replicate style-new.css's own percentage-height

   chain (.full-screen-modal2 > .full-screen-modal-content > .mdl-body-checkout, each

   needing height:100% from its parent to make sense of the next) - that chain turned out

   to be broken even in the original, unused stylesheet (full-screen-modal2 never had a

   height rule there either) and forcing one in caused a new regression (the modal's white

   background stopped filling the bottom of the screen). Replaced with a simpler, more

   robust rule that doesn't depend on any ancestor having a defined height at all: cap the

   actual scrollable element to the viewport height directly. */

.mdl-height { height: 100%; }

.mdl-body-checkout {

  max-height: 100vh;

  overflow-y: auto;

}

.full-screen-modal {

  width: 100%;

  padding: 0;

  margin: 0;

}

.full-screen-modal2 {

  width: 100%;

  padding: 0;

  margin: 0;

}

.full-screen-modal-content {

  border: none;

  border-radius: 0;

}

.full-screen-modal .modal-body {

  max-height: 100vh;

  overflow-y: auto;

}

.modal-dialog-checkout {

  width: 100%;

  max-width: 700px;

  height: 100%;

  margin: 0px auto;

}

@media (min-width: 768px) {

  .modal-dialog-checkout {

    width: 400px;

    margin: 0px auto;

  }

}

@media (max-width: 767px) {

  .modal-dialog-checkout {

    width: 100%;

    margin: 0px;

  }

}

/* checkout 'Please wait' spinner (replaces the 505 KB loading.gif) */
.pz-spinner {
	width: 48px;
	height: 48px;
	margin: 10px auto;
	border: 5px solid #e5e5e5;
	border-top-color: #e31837;
	border-radius: 50%;
	animation: pz-spin 0.8s linear infinite;
}
@keyframes pz-spin {
	to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
	.pz-spinner { animation-duration: 2.4s; }
}

/* Deals buttons ('Get Started' / 'Collection Only' / 'Delivery Only') have no price next to the text,
   so drop the 54px gap .btn-add-txt keeps for the price (style_custom.php) and centre the text */
.order-online-main-btn-add .btn-add-txt[data-available] {
	margin-right: 0 !important;
}

/* product buttons switched off by the Delivery/Collection choice ('Collection Only' / 'Delivery Only') */
.order-online-main-btn-add.order-collection:disabled,
.order-online-main-btn-add.order-delivery:disabled {
	background-color: #9e9e9e !important;
	border-color: #9e9e9e !important;
	color: #ffffff !important;
	opacity: 1;
	cursor: not-allowed;
}