@charset "utf-8";
 *{
     --primary-color: #D62300!important;
     --secondary-color: #D62300!important;
}

@font-face {
    font-family: 'titlefont';
    font-style: normal;
    font-weight:bold;
    src: url(fonts/titlefont-bold.ttf) format('opentype');
    font-display: swap;
  }

 .homeFilter {
     background-color: rgba(241, 241, 241, 0.15);
}
 .titleAndLegend .title {
     text-transform: uppercase;
     color: var(--secondary-color);
     font-weight: normal;
     font-family: titlefont;
     font-weight: normal!important;
}
 .zmdi-facebook:before{
    content: ''!important;
    background-image: url(images/facebook.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.menumob .zmdi-facebook:before {
    background-image: url(images/facebook_b.png);
}
 .zmdi-instagram:before{
    content: ''!important;
    background-image: url(images/instagram.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.menumob .zmdi-instagram:before {
    background-image: url(images/instagram_b.png);
}
 .zmdi-twitter:before{
    content: ''!important;
    background-image: url(images/twitter.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
}

.menumob .zmdi-twitter:before {
    background-image: url(images/twitter_b.png);
}
 label#hotLine:before{
    content: ''!important;
    background-image: url(images/phoneico.png);
    width: 27px;
    height: 25px;
    display: inline-block;
    background-size: cover;
}
   .fnb div#customizedModalID .wrap-c,.customizedID .head {
    background-color: #F5EBDC;
}
.column_cust .bTitle{
    /* border-top: 22px solid #F5EBDC; */
    text-transform: capitalize;
    font-size: 16px;
}
.column_cust .bTitle, #customizedModalID .addToFav{
    background-color: #fff8ec;
    color: #502313;
}

#customizedModalID .addToFav {
    background-color: #f5ebdc;
}
.customizedID .wrap{
    background-color: #fff8ec;
}
 @media only screen and (max-width: 768px) {
     body{
         visibility:visible;
    }

     .wrapCustom > .column_cust ~ .column_cust .bTitle {
        border-top: 22px solid #f1ebdd;
    }

.online-vouchers-title, .in-store-coupons-title {
    margin-top: -64px;
    font-weight: bold!Important;
}
    .column_cust .bTitle {
    border-top: 0px solid #F5EBDC;
}
    .reviewBox .left.rBox{
        
background-color: #fcf8f3;
    }
    .box_date {
        border-top:0px!important
    }
    .box_delivery .googleMap img {
    mix-blend-mode: darken;
    width: 159%;
    margin-left: 42px;
}
 
.header-loyalty-value {
    top: 11px!important;
    margin-right: -24px;
}

.offerclose {
    width: 20px;
    height: 20px;
    font-size: 26px;
}

.offers-category-wrap .offer-category .title {
    font-size: 30px!important;
}

.offers-category-wrap {
    margin-top: -22px;
}

.offers-category-wrap .offer-category {
    width: calc(100% - 33px);
    padding-top: 13px;
    padding-bottom: 13px;
    box-shadow: none;
    height: 158px;
}

.itemGrid .heart {
    /* top: -31px; */
}


.homePid .categories ul > li a.title {
    text-transform: capitalize;
    font-family: titlefont;
    font-weight: bold;
    font-size: 17px;
    color: #502313;
    padding-top: 6px;
    min-height: 26px;
    line-height: 26px;
}
}
 .deskmenu li a {
     font-family: titlefont;
     text-transform: capitalize;
     font-weight: bold;
}
 .large-menu-img .itemsList .itemGrid .descBlock .title {
     /* text-transform: uppercase; */
     font-weight: normal;
     color: var(--secondary-color);
}
 .large-menu-img .itemsList .itemGrid .descBlock .description {
     text-transform: capitalize;
     /* min-height: 44px; */
     color: #502313;
}
 .itemsList .genBtn {
     font-family: titlefont;
     font-weight: normal;
     font-size: 12px;
     letter-spacing: normal;
}
 .itemsList .genBtn.customize {
     border-color: var(--primary-color);
     color: var(--primary-color);
     background-color: transparent;
     /* font-weight: bold; */
     font-size: 14px;
}
 .homeFilter {
     background-color: rgba(44, 44, 44, 0.15);
}
 .itemsList .genBtn {
    background-color: var(--primary-color);
    border-radius: 26px;
    text-transform: capitalize;
}
 .customizedID .data .title{
     font-weight: normal;
     /* text-transform: uppercase; */
     color: var(--secondary-color);
}
 .customizedID .data .description {
     text-transform: capitalize;
     color: #502313;
}

.filter.normal input::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.69);
}

.filter.normal input ::-moz-placeholder {
 color: rgba(255, 255, 255, 0.69);
}
.filter.normal input :-ms-input-placeholder {
 color: rgba(255, 255, 255, 0.69);
}

label#hotLine {
    font-size: 34px;
    font-family: titlefont;
    font-weight: normal;
}

.nbHolding span {
    line-height: 28px;
}

.deskmenu li.selected a {
    font-weight: normal;
}

.deskmenu .menu li a {font-size: 17px;letter-spacing: 0.3px;}

.MenuParts .callUsNb {
    /* margin-top: -32px; */
    color: #f5ebdc;
}

.MenuParts .callUsNb.has-loyalty {
    margin-right: 68px;
}

.myBagModule .itemBags .itemBag .title {
    font-family: titlefont;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 20px!important;
    padding-top: 8px;
}

.mobileMenuWrap .lineLink.selected .ico, .mobileMenuWrap .lineLink .text {
    font-family: titlefont;
    /* font-weight: bold!important; */
    font-size: 20px;
    /* letter-spacing: 0.3px; */
    text-transform: capitalize!important;
}

.menuqlinks .text {
    font-family: textfont!important;
}

.genBtn:before, .genBtn:after {}

.loginRegisterID .mainTitle {
    font-family: titlefont;
    font-weight: normal;
    text-transform: uppercase;
}

.box_instruction .title {
    font-family: titlefont;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 29px;
    color: #502313!important;
}

.customDropDown .drop_title {
    font-family: titlefont;
    font-weight: normal;
    text-transform: uppercase;
    color: #d62300;
}

.editAddAddress .mainTitle {
    font-family: titlefont;
    font-weight: normal;
    text-transform: uppercase;
}

/*
roger changes
*/
.addRemove {
    display: none;
}

.locAddress .street{
    text-transform: uppercase;

}

.customizedID .data .title {
    font-size: 24px;
    margin-bottom: 5px;
}

.mainTitle {
    font-family: titlefont;
    font-weight: bold!important;
    text-transform: uppercase;
    color: #502313!important;
}

.formPart .input .label {
    font-size: 16px;
}

.myBagModule .nb.neartitle {
    font-size: 21px;
    margin-top: 11px;
    font-family: 'titlefont';
    margin-top: 7px!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.myBagModule .itemBags .customPart .type {text-transform: uppercase;width: 89px;}

.myBagModule .itemBags .for-free .type {
    display: none!important;
}

.myBagModule .itemBags .customPart .name {
    text-transform: initial;
    color: #502313c2;
    font-size: 12px;
}

.myBagModule .itemBags .customPart .elements {
    width: calc(100% - 126px);
}

.accname:before {
    content: "";
    /* background-image: url(images/bklogo.png); */
    position: absolute;
    /* top: -23px; */
    left: 50%;
    width: 64px;
    height: 62px;
    background-size: cover;
    color: #ee7f0d;
    visibility: visible;
    transform: translateX(-50%);
}

.accname {
    /* margin: auto; */
    /* color: #ee7f0d; */
    /* visibility: hidden; */
    /* margin-top: 1px; */
}

.menuMob .zmdi:before {
    background-image: url(images/menu.png);
    width: 34px!important;
    height: 27px!important;
    background-size: cover;
    color: #ee7f0d;
    display: block;
    content: ""!important;
}

.menuList.bag:before {
    background-image: url(images/bag.png);
    content: ""!Important;
    width: 32px;
    height: 40px;
    background-size: contain;
    background-color: transparent;
    margin-top: 2px;
    background-repeat: no-repeat;
    margin-right: -41px;
    position: absolute;
}

.nbHolding {
    background-color: transparent;
    margin-right: 0px;
    left: -4px;
    top: 5px;
}

.nbHolding span {
    color: #D52300;
    text-align: left;
    letter-spacing: -1px;
    width: 33px;
    text-align: center;
    font-family: 'titlefont';
}

@media (min-width: 769px){
    body{
        visibility:visible;
    }

.offers-wrap .offer .title {
    font-size: 19px!important;
}

.recommendedItems .modal-container .btnClose {
    bottom: -46px!Important;
}

.MenuParts .bag {
    margin-right: 24px;
    background-color: transparent;
}

.nbHolding {/* left: 1px; *//* top: 6px; */}
}

.zmdi-sort-amount-desc:before {
    background-image: url(images/menu.png);
    width: 28px!important;
    height: 24px!important;
    background-size: cover;
    color: #ee7f0d;
    display: block;
    content: ""!important;
    /* filter: invert(100%); */
    opacity: 0.8;
    margin-left: 0px;
}

.bagph:after {
    background-image: url(images/bagdesk.png);
    content: ""!important;
    width: 100px;
    height: 139px;
    background-size: cover;
    opacity: 0.7;
}

.locAddress .street:first-child {
    font-weight: normal!important;
    color: #d62300;
    text-transform: capitalize;
}

.flmenubtn {
    font-family: titlefont;
    font-weight: normal;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-transform: capitalize;
}

.recommendedItems .modal-container .title {
    text-transform: uppercase;
}

.generalMainTitle {
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'titlefont';
}

.pageMainTitle {
    font-weight: normal;
    font-family: titlefont;
    text-transform: uppercase;
}

#promotionId .btn-ctn {}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3), 
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2), 
@media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 3)
{ 
.customizedID.popCss .picture {
    margin-top: 40px;
}
}

.subPage .titleAndLegend {
    display: block!important;
    margin-top: 0px!important;
}

.subPage .offers-section .titleAndLegend {
    display: block!important;
    text-align: center;
    margin-bottom: 33px;
}

.subPage .titleAndLegend .title {
    display: none!important;
}

.offers-section .titleAndLegend .title {
    display: block!Important;
    font-size: 37px;
    font-weight: bold!important;
    margin-top: 42px;
}

.online-vouchers-page .titleAndLegend .title, .in-store-coupons-page .titleAndLegend .title {
    display: none!important;
}

.newsCtrl.subPage .titleAndLegend .title {
    display: none!Important;
}



#offerId .offer .title {
    font-size: 28px;
    /* text-transform: uppercase; */
    font-family: titlefont;
    font-weight: normal;
    color: var(--secondary-color);
    line-height: 28px;
    background-color: #fff;
    padding: 0px;
    margin: 17px;
    border-radius: 18px;
    padding: 17px;
    text-align: center;
    /* width: calc(100% - 34px); */
}

.instore-coupon-popup .title {
    color: #502313!important;
}

#offerId .offer .picture {
    background-color: #fff;
    /* width: calc(100% - 51px); */
    margin: auto;
    border-radius: 39px;
    box-shadow: none;
}

#offerId .offer .desc {color: #502313;font-size: 15px;}

#offerId .cont {
    color: #8C532E;
    background-color: #F5EBDC;
}

#offerId .offer .howitworks {
    color: var(--secondary-color);
    text-transform: uppercase;
    font-family: titlefont;
    font-size: 12px;
}

#offerId .offer .terms {
    font-size: 15px;
    /* text-transform: uppercase; */
    font-family: titlefont;
    color: var(--secondary-color);
    margin-top: 21px;
}

.offers-wrap .offer {
    background-color: #fff;
    vertical-align: top;
    position: relative;
    border-radius: 18px;
    border: 0px;
    cursor: pointer;
    overflow: hidden;
    box-shadow: none;
}

.offers-wrap .offer .title {
    background-color: #fff;
    margin: 4px;
    border-radius: 8px;
    font-size: 16px;
    font-family: titlefont;
    font-weight: normal;
    /* text-transform: uppercase; */
    color: var(--secondary-color);
    min-height: 39px;
    line-height: 17px;
    vertical-align: top;
    display: flex;
    border: 0px;
    padding: 6px;
    padding-top: 0px;
    align-items: flex-start;
}

.in-store-coupons-page .offers-wrap .offer .title {
    color: #502313;
}

.offers-wrap .offer .claimed {background-color: rgba(246, 236, 225, 0.76);}

.offers-wrap .offer .claimed span {background-color: transparent;color: var(--primary-color);text-transform: uppercase;font-family: titlefont;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);font-size: 23px;font-weight: normal;opacity: 1;right: auto;}

.in-store-coupons-page .claimed span {
    color: var(--secondary-color)!important;
}

.offers-wrap .offer .claimed span:before {display: none;}

#offerId .offer .genBtn {
    font-size: 49px;
    height: 70px;
    border-radius: 18px;
    display: inline;
    text-transform: capitalize;
    font-size: 35px;
    line-height: 36px;
    padding-bottom: 5px;
    color: #f5ebdc;
}

.instore-coupon-popup .genBtn {
    background-color: var(--secondary-color);
}

.aoffer .subject {
    font-family: titlefont;
    text-transform: capitalize;
    font-weight: bold!important;
}



.aoffer .title {
    /* text-transform: uppercase; */
    /* font-weight: bold; */
    font-size: 16px;
    white-space: normal;
    color: #502313;
}

.aoffer {
    background-color: #fff;
}

.loyaltyl {
    display: block;
}

.loyaltyl.loyaltyl-bottom{
    display: block;
}

.l-join {
    width: 100%;
    height: 100vh;
    background-color: #000000c2;
    position: fixed;
    bottom: -100vh;
    text-align: center;
    z-index: 99;
    opacity: 0;
    display: none;
}

.l-join.lj-fade {
    display: block;
    opacity: 1;
    transition: all 0.3s linear;
    bottom: 0;
}

.l-join img {
    width: 295px;
    margin: auto;
    margin-top: 34px;
}

@media only screen and (max-width: 375px) {
.l-join img {
    width: 268px;
    margin: auto;
    margin-top: 30px;
}
}
@media only screen and (max-width: 320px) {
    .l-join img {
        width: 235px;
        margin: auto;
        margin-top: 20px;
    }
    }
















    
.loyalty-w {
    background-color: #F5EBDC;
    background-image: url('images/loyalty-bg-light.png?3');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    min-height: calc(100vh - 124px);
    background-attachment: fixed;
    text-align: center;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
}

.loyalty-w .loyalty-logo img {
    width: 90px;
    height: auto;
    margin-top: 18%;
}

.loyalty-w .loyalty-logo {
    text-align: center;
    margin-top: 0%;
}

.lvl1 td.l-name:before {
    content: "Rook";
}

td.l-name {
    text-align: right;
    /* padding-right: 22px; */
}

.lvl2 td.l-name:before {
    content: "Knight";
}

.lvl3 td.l-name:before {
    content: "King";
}

.lvl1 td.l-icon {
    background-image: url("images/level-1.png");
    background-size: 100px 100px;
    height: 186px;
    width: 184px;
    background-repeat: no-repeat;
    background-position: center;
}

.lvl2 td.l-icon {
    background-image: url("images/level-2.png");
        background-size: 100px 100px;
    height: 186px;
    width: 184px;
    background-repeat: no-repeat;
    background-position: center;
}

.lvl3 td.l-icon {
    background-image: url("images/level-3.png");
        background-size: 100px 100px;
    height: 186px;
    width: 184px;
    background-repeat: no-repeat;
    background-position: center;
}

.current-level{
    vertical-align: middle;
    font-size: 49px;
    font-family: titlefont;
    font-weight: normal;
    position: relative;
    display: block;
    text-align: center;
    line-height: 34px;
    margin-top: 8px;
    min-height: 45px;
    background-color: transparent;
    color: #000;
    padding: 0px;
margin-left:auto;
margin-right:auto;
}

.current-level-unit{
    vertical-align: middle;
    font-size: 30px;
    font-family: titlefont;
    font-weight: bold;
    position: relative;
    display: block;
    color: #FFAA00;
    text-align: center;
    margin-top: -9px;
}

.p2next {
    text-align: center;
    color: #502313;
    margin-top: 10px!important;
    font-family: titlefont;
    font-size: 14px;
    margin-top: -4px;
    min-height: 17.6px;
}

.lvl1 .p2next .nln:before {
    /* content: "Rook"; */
}

span.nln {
}

.lvl1 span.nln:before {
    content: "Silver";
}

.lvl2 span.nln:before {
    content: "Gold";
}

.lvl3 .p2next {
    display:none;
}

.p2nexti li {
    list-style: none;
    display: inline-block!important;
    /* float: left; */
}

.p2nexti li.active {
    opacity: 1;
}

li.lvl-1 {
    opacity: 0.6;
}

.p2nexti li img {
    width: 45px;
}

.p2nexti li .name {font-family: titlefont;font-size: 14px;position: relative;display: block;text-align: center;margin-top: 3px;text-transform: capitalize;}

.p2nexti li.lvl-1 .name {
    color: #AD7139;
}
.p2nexti li.lvl-2 .name {
    color: #91989E;
}
.p2nexti li.lvl-3 .name {
    color: #F5A71D;
}




.p2nexti li.bar1, .p2nexti li.bar2 {
    width: 88px;
    height: 6px;
    margin-top: 15px;
    background-image: url('images/progressbar-bg.png');
    vertical-align: top;
    margin-left: -9px;
    margin-right: -9px;
}

.p2nexti li.bar1 .bfiller, .p2nexti li.bar2 .bfiller {
    height: 6px;
    margin-top: 0px;
    background-image: url(images/progressbar-bg-orange.png);
}

.loyalty-w .p-summary {
    display: block;
    float: none;
    margin-top: 10px;
    text-align: center;
    padding: 11px;
    color: #666;
}

.p2nexti {
    margin-top: 20px;
    text-align: center;
}

.p2nexti .l1 {
    text-align: center;
}

.l-dynamics .ld-title {
    color: #a61815;
    background-color: #fff;
    display: block;
    text-align: center;
    margin: auto;
    margin-top: -9px;
    width: 193px;
    font-weight: bold;
    font-size: 15px;
}

.l-dynamics {
    border-top: 1px solid #a0a0a0;
    margin-top: 24px;
    padding-bottom: 96px;
}

.d-desc {
    text-align: center;
    padding: 16px;
    color: #666;
}

/* .lvl1 .d-desc:before {
    content: "You're a \003c b\003e ROOK</b>! Keep an eye out for instant freebies and exclusive offers!";
}

.lvl2 .d-desc:before {
    content: "You're a <b>KNIGHT</b>! You're entitled to <strong>5% cashback on any order</strong>, which you can accumulate and redeem on any future order of your choosing!";
}


.lvl3 .d-desc:before {
    content: "You're a <b>KING</b>! You're entitled to <strong>10% cashback on any order</strong>, which you can accumulate and redeem on any future order of your choosing!";
} */

.p-summary .lking {
    color: green;
    display: none;
}

.lvl3 .p-summary .r-k {
    display: none;
}

.lvl3 .p-summary .lking {
    display: block;
}

.l-footer {
    text-align: center;
    background-color: #D62300;
    padding-top: 21px;
    position: fixed;
    width: 100%;
    height: 56px;
    padding-left: 30px;
    padding-right: 30px;
    box-sizing: border-box;
    bottom: 0;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    font-weight: bold;
}

.rd-title {position: relative;display: block;text-align: center;font-family: titlefont;font-size: 21px;margin-bottom: 6px;color: #502313;margin-top: calc(100vh - 644px);}

.rd-amount {position: relative;display: flex;text-align: center;align-items: center;justify-content: center;}
.rd-amount .l-btn {position: relative;display: inline-block;text-align: center;background-color: #D62300;min-width: 150px;margin-left: auto;margin-right: auto;color: #f5ebdc;font-family: titlefont;font-size: 32px;padding-top: 4px;padding-bottom: 4px;width: auto;border-radius: 22px;padding-right: 15px;padding-left: 15px;align-items: center;justify-content: center;min-height: 41px;}

.rd-button {
    display: block;
    margin-top: 41px;
    background-color: #a61815;
    color: #fff;
    height: 53px;
    line-height: 53px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    border-top: 1px solid #e06868;
}

@media only screen and (min-width: 769px) {
    .loyalty-w{
        /* width: calc(100vw - 622px); */
        margin:auto;
        height: calc(100vh + 22px);
        padding-top: 82px;
        width: calc(100% - 604px);
        vertical-align: top;
        background-position: center 630px;
        /* background-repeat: repeat-x; */
        background-size: 632px;
    }
.loggedin .subTotalBox .totalPrice{
    
/* width: calc(100% + 30px)!important; */
    
/* padding-right: 0px!important; */
    
/* margin-left: -11px!important; */
}
    .header-loyalty-value{
        
margin-top: 14px;
        
margin-right: 17px;
        
position: absolute;
        
right: 71px;
    }

    .loyalty-details h2.l-title{
    }

.loyalty-details .loyalty-w {
    background-image: none!Important;
}

     .rd-title{
        
margin-top: 62px!important;
    }
    .loyalty-w .loyalty-logo{
    margin-top: 0px;
}

    .loyalty-w .loyalty-logo img{
        
margin-top: 22px;
    }

.loyalty-popup {width: 460px;height: 647px;padding-top: 0px;transform: translateY(-50%);top: 50%;min-height: auto!important;}
    .loyalty-popup .l-footer {
        display:block;
    }


    .l-footer{
        display:none;
    }
}

.rd-how-it-works{
    position: relative;
    display: inline-block;
    text-align: center;
    font-family: 'textfont';
    font-size: 14px;
    padding-bottom: 14px;
    margin-top: 31px;
    text-decoration: none;
    color: #D62300;
    font-weight: bold;
}

.rd-how-it-works.expiry:after {
    display: none;
}

.rd-how-it-works.expiry {
    font-size: 15px;
}

.rd-how-it-works:after {content: '';position: absolute;bottom: 14px;left: 0px;height: 2px;width: 100%;background-color: #D62300;}

@media (max-width: 768px){
    .box_instruction.paymentMethods{
        padding: 0px!important;!importan;!importa;!import;!impor;!imp;!im;!i;!;
    }
#wrapper {
    height: auto;
    /* min-height: calc(100vh - 143px); */
    background-color: #f5ebdc;
}
    .checkoutID #wrapper ,.checkoutID .content{
        background-color:#fbf8f3!important;
    }
.subPage .titleAndLegend {
    display: none!important;
}
    .customDropDown.open .drop_options{
        background-color:#fbf8f3!important;
    }

    .reviewBox .myBagModule .itemBags .itemBag{
    padding-top: 10px;
}
    .checkoutID .sumhead{
        /* font-size: 25px!important; */
    }
}


.loyalty-details .loyalty-w .loyalty-logo img {
    width: 190px;
    height: auto;
    margin-top: 19px;
}

.loyalty-details h2.l-title {
    vertical-align: middle;
    font-size: 27px;
    font-family: titlefont;
    font-weight: bold;
    position: relative;
    display: block;
    color: #d62300;
    text-align: center;
    margin-top: 25px;
    text-transform: capitalize;
}

.loyalty-details .l-description {
    position: relative;
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.loyalty-details .loyalty-w {
    background-image: none;
}

.loyalty-details p.l-details {font-size: 15px;color: #502313;font-weight: 500;line-height: 19px;margin-top: 8px;}

.loyalty-details p.l-details img{
    
position: relative;
    
display: block;
    
margin-left: auto;
    
margin-right: auto;
    
width: 33px;
    
margin-top: 11px;
    
margin-bottom: 15px;
}

.loyalty-more-details .loyalty-w {
    background-image: none;
    margin-bottom: 59px;
}

.loyalty-more-details .l-description{padding-bottom: 100px;max-width: 773px;}


.loyalty-w li.lvl-2, .loyalty-w li.lvl-3  {
    opacity: 0.6;
}
.loyalty-w li.lvl-2.active,.loyalty-w li.lvl-3.active {
    opacity: 1;
}

    .header-loyalty-value{
        display: block;
        background-image: url('images/loyalty-crown.png?2');
        background-repeat: no-repeat;
        background-position: center;
        height: 35px;
        width: 49px;
        /* position: absolute; */
        /* right: 60px; */
        background-size: contain;
        top: 25px;
        padding-top: 13px;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-size: 16px;
        color: #d62300;
        font-weight: bold;
        margin-left: 15px;
        cursor: pointer;
        background-color: transparent;
        font-family: 'titlefont';
        line-height: 22px;
        margin-top: 2px;
    }

.header-loyalty-value:before {
    display: none;
}

.box_delivery .btm .loyalty{
    display:none;
}

body:has(.lp-points-container .checked) .loggedin .totalPrice[data-text="Total"]{
    margin-top: 56px!important;
}

.kangaroo-loyalty-points .lp-points-container{

position: relative;

display: block;

height: 102px;

background-color: #D62300!Important;

background-image: url('images/checkout-loyalty-crown.png?3');

background-repeat: no-repeat;

background-size: auto 100%;

background-position: center right;
}


.kangaroo-loyalty-points .lp-points-container .lp-title {font-family: titlefont;color: #f5ebdc;font-size: 24px;margin-left: 20px;position: relative;display: block;padding-top: 16px;font-weight: bold;}

.kangaroo-loyalty-points .lp-points-container .input {
    margin-left: 20px;
    position: relative;
    display: block;
    margin-top: 13px;
    padding-left: 20px;
    z-index: 2;
}

.kangaroo-loyalty-points .lp-points-container .input .label {
    font-size: 17px;
    font-weight: bold;
    color: #f5ebdc;
    top: 5px!important;
}

.kangaroo-loyalty-points .lp-points-container .input .zmdi-dot-circle {
    color: #fff;
    font-size: 20px;
    width: 17px;
    height: 17px;
}

.kangaroo-loyalty-points .lp-points-container .input  .zmdi-circle-o {
    color: #fff;
    font-size: 20px;
    width: 17px;
    height: 17px;
}

.kangaroo-loyalty-points .lp-points-container .input .check {top: 1px;}

.lp-redeemable-amount {
    position: absolute;
    display: block;
    margin-top: 29px;
    margin-left: 0;
    margin-bottom: 20px;
    height: 28px;
    margin-right: 5px;
    max-width: unset;
    padding-left: 0;
    padding-top: 0;
    bottom: -25px;
}

.lp-redeemable-amount.off {
    margin-top: -44px;
    margin-bottom: 40px;
}

.lp-redeemable-amount .lpr-title {
    position: relative;
    display: block;
    color: #D62300;
    font-family: titlefont;
    float: left;
    font-size: 17px;
}

.off .lpr-title {
    display: none;
}

.lpr-amount-container {
    position: relative;
    display: flex;
    float: right;
    margin-top: 39px;
    margin-right: -3px;
}

.off .lpr-value {
    background-color: transparent!important;
    width: 128px;
    text-align: center;
    font-size: 15px!important;
    color: #fcf8f3!important;
    opacity: 0.9;
    margin-top: -80px!important;
}

.lpr-amount-container .lpr-minus {
    background-color: #D62300;
    position: relative;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 25px;
    margin-right: 5px;
    cursor: pointer;
    user-select: none;
    margin-top: -8px;
}

.lpr-amount-container .lpr-plus {
    background-color: #D62300;
    position: relative;
    color: #fff;
    font-size: 18px;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 23px;
    margin-left: 5px;
    cursor: pointer;
    user-select: none;
    z-index: 1;
    margin-top: -9px;
}

span.lpr-minus {}

.lpr-amount-container .lpr-value {
    background-color: #D62300;
    position: relative;
    color: #f5ebdc;
    font-size: 18px;
    border-radius: 12px;
    padding: 8px;
    height: 17px;
    line-height: 16px;
    margin-top: -76px;
    font-family: titlefont;
    letter-spacing: 0.89px;
    min-width: 50px;
    margin-top: -10px;
    transition: all 0.2s;
}

.lpr-amount-container .disable-btn {
    cursor: default;
    opacity: 0.6;
}





.loyalty-popup h2.l-title {
    vertical-align: middle;
    font-size: 28px;
    font-family: titlefont;
    font-weight: normal;
    position: relative;
    display: block;
    color: #f5ebdc;
    text-align: center;
    margin-top: 57px;
    line-height: 32px;
    width: 255px;
    margin-left: auto;
    margin-right: auto;
}

.loyalty-popup .l-description {
    position: relative;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.loyalty-popup .loyalty-w {
    background-image: url('images/loyalty-bg.png');
}

.loyalty-popup p.l-details {font-size: 15px;color: #8C532E;font-weight: 600;line-height: 16px;margin-top: 8px;}

.loyalty-popup p.l-details img{
    
position: relative;
    
display: block;
    
margin-left: auto;
    
margin-right: auto;
    
width: 33px;
    
margin-top: 11px;
    
margin-bottom: 15px;
}

.loyalty-sub-logo img {
    width: 65px;
    margin-top: 13px;
}

.loyalty-sub-logo {
    text-align: center;
}

.loyalty-popup {
    background-position: center bottom;
    min-height: 100vh;
    background-image: url(images/loyalty-bg.png);
    position: relative;
    display: block;
    background-attachment: unset;
    background-color: #D62300;
}

.loyalty-popup .loyalty-header{
    position: relative;
    display: block;
    height: 100px;
    background-color: #D62300;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center right;
    background: none;
}
.loyalty-popup .loyalty-header .l-header-text{
    
vertical-align: middle;
    
font-size: 35px;
    
font-family: titlefont;
    
color: #f5ebdc;
    
padding-left: 0;
    
padding-top: 101px;
    
text-align: left;
    
font-size: 22px;
    
text-align: center;
}

.loyalty-popup .loyalty-logo img {
    width: 261px;
    margin-top: 59px;
}

.loyalty-popup .l-footer {
position:absolute;
}
@media (max-width: 360px){
    .loyalty-popup h2.l-title{
        padding-left: 0px;
        padding-right: 0;
    }
    .loyalty-popup .loyalty-logo img {
        width: 160px;
        margin-top: 21px;
    }
    .loyalty-popup h2.l-title {
        margin-top: 13px;
    }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.loggedin .totalPrice:before {
    /* content: 'TOTAL TO PAY'; */
    /* font-family: titlefont; */
    color: #D62300;
    /* font-weight: normal; */
    font-size: 17px;
    /* position: absolute; */
    /* left: -10px; */
}

.kangaroo-loyalty-points .totalPrice:before {
    content: 'Sub Total';
    /* text-transform: capitalize!important; */
    font-size: 17px;
}

.loggedin .subTotalBox .totalPrice {
    /* text-align: right; */
    margin-top: -11px!Important;
    /* padding-right: 15px; */
    font-size: 18px;
}

.kangaroo-loyalty-points {
    /* padding-top: 25px; */
}

.kangaroo-loyalty-points .wrap {
    position: relative;
    display: block;
}

.kangaroo-loyalty-points .wrap .totalPrice {
    /* margin-top: -32px; */
}

.kangaroo-loyalty-points .loggedin .totalPrice:before {
    content: 'SUB TOTAL';
}

.loading-opacity{
    opacity: 0.3;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

@media (max-width: 1270px) and (min-width: 769px){
    .loyalty-w{
        
width: calc(100% - 289px);
        
margin-right: 0px;
    }
}

div#offersHowItWorksId .cont strong {
    font-family: titlefont;
    font-weight: normal;
    color: var(--primary-color);
    font-size: 30px;
    margin-bottom: 27px;
    margin-top: 21px;
    display: block;
    line-height: 26px;
}

div#offersHowItWorksId .cont .brownt strong {
    color: var(--secondary-color);
}

.instoreterms strong {
    color: var(--secondary-color)!important;
}

.instore-coupon-popup strong {}

div#offersHowItWorksId .cont p {
    color: var(--secondary-color);
    font-size: 15px;
    line-height: 23px;
}

div#offersHowItWorksId .cont {
    text-align: center;
}

.offerslist::-webkit-scrollbar {
    height: 7px;

}

.offerslist::-webkit-scrollbar-track {
    height: 12px;
   
}

.offerslist::-webkit-scrollbar-thumb {
    opacity: 0.3;
    background: rgb(237, 120, 0);
    border-radius:5px;

}

.deskmenu .pages li {
    font-size: 22px!important;
    padding-top: 10px!important;
    color: var(--secondary-color)!important;
}

img.bkcimg {
    width: 46px;
    height: auto;
    margin-top: -14px;
}

.myBagModule .itemBags .icons .ico {
    left: -14px;
}

.bagph .myBagModule .itemBags .icons .ico {
    /* left: -58px; */
}

.myBagModule .itemBags .icons {
    /* margin-left: -73px; */
}

.socials.menuList.mobi {
    margin-top: 7px;
    padding-bottom: 0px;
}

.offers-category-wrap .offer-category .title {
    font-size: 27px;
    font-family: "titlefont";
    font-weight: normal;
    text-transform: uppercase;
    color: var(--primary-color);
    line-height: 28px;
    display: none;
}

.offers-category-wrap .offer-category.in-store-coupons .title {
    color: var(--secondary-color);
}

.offers-category-wrap .offer-category.online-vouchers .image {
    background-image: url("images/delivery-ico.png?1");
    background-repeat: no-repeat;
    height: 191px;
    margin: auto;
    width: auto;
    background-size: contain;
    margin-top: 8px;
}

.offers-category-wrap .offer-category.in-store-coupons .image {
    background-image: url(images/instoreico-ico.png?1);
    background-repeat: no-repeat;
    height: 191px;
    margin: auto;
    width: auto;
    background-size: contain;
    margin-top: 1px;
}

.countdown-container .date {
    background-image: url("images/time-ico.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
    line-height: 61px;
    padding-right: 11px;
    font-family: titlefont;
    font-weight: normal;
    width: 115px;
    margin: auto;
}

.online-vouchers-title {
    color: var(--primary-color);
    text-transform: capitalize;
}

.aoffer .inner-aoffer:after {content: "";position: absolute;bottom: 0px;right: 0px;width: 30px;height: 28px;background-image: url(images/bike.png);background-size: 22px;background-repeat: no-repeat;}

@media (max-width: 1270px) and (min-width: 769px){
.homeFilter {
    /* width: calc(100% - 445px); */
    /* right: 146px; */
    /* left: auto; */
    /* transform: none; */
}
}

.hot-line {
    font-size: 26px;
}

.MenuParts .bag {
    /* padding-left: 22px; */
    background-color: transparent;
    margin-left: -5px;
}

i.zmdi.loyalty-icon {
    display: none;
}

.accname {
    /* transform: translateX(-50%)!important; */
    /* left: 50%!important; */
}

.current-level:after {
    display: none;
}
.current-level {
    background-color: transparent !important;
    font-weight: bold;
}
.header-loyalty-value{
    background-color: transparent !important;
}


.homePid .categories ul > li {
    background-color: #fff;
}

.go-back .zmdi {
    color: #f89500;
}

.mobileMenuWrap .lineLink .text {
    color: #502313;
    font-weight: bold!important;
}

.menuqlinks .text {
    font-size: 12px!important;
}

.socials.mobi {
    filter: none!important;
    opacity: 1;
}

.fnb .mobileMenuWrap .menuqlinks .lineLink .text {
    font-weight: normal;
    text-transform: capitalize;
    color: #502313!important;
    font-family: 'textfont'!important;
    font-size: 13px!important;
    font-weight: normal!important;
}

.zmdi-star-outline:before {
    /* content: ''; */
    /* background-image: url(../config/images/favs.png); */
    height: 18px;
    width: 18px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: -5px;
}

.zmdi-assignment-o:before {
    content: '';
    background-image: url(../config/images/orders.png);
    height: 18px;
    width: 18px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.menuqlinks .zmdi-replay:before {
    content: '';
    background-image: url(../config/images/re-order.png);
    height: 18px;
    width: 18px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

body {
    background-color: #f5ebdc;
}

.itemsList .itemGrid {
    background-color: transparent;
}

.fnb .itemGrid .heart .zmdi {
    /* top: -12px; */
}

.heart.fav .zmdi.type:first-of-type {
    /* top: -17px; */
}

.mobileMenuWrap .lineLink {
    height: 38px;
}

i.zmdi.zmdi-account {
    color: #502313;
}

@media (max-width: 768px){
.categoryPid .gITems {
    padding-top: 58px;
}

.content{
    background-color:#F5EBDC;
}

.categoryPid .subempty .gITems {
    padding-top: 0px;
}
}
.subcats {
    background-color: #f5ebdc;
    box-shadow: none;
}

.wrap1260 {}

.subcats a {
    height: 16px;
}

.subcats li {
    padding-top: 2px;
}

.orderdetails .reviewBox .left.rBox {
    background-color: #fcf8f3;
}

.box_instruction.paymentMethods {
    /* background-color: #fcf8f3; */
    /* border-top: 0px; */
    /* border-bottom: 0px; */
    padding: 2px;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;
}

.box_instruction .label, .formPart .input .label {
    color: #502313;
}

.check .zmdi-circle-o, .check .zmdi-square-o {
    color: #502313;
}

.coupons .inp {
    background-color: #f5ebdc;
    border-bottom: 0px;
}

.coupons input {
    background-color: transparent;
}

.box_instruction {
    background-color: #fcf8f3;
}

.box_instruction.notesCss .textarea textarea:focus {
    background-color: #fcf8f3;
    border: 1px solid transparent!important;
    background-color: #f5ebdc;
    padding-left: 11px;
    color: #502313;
    margin-top: 2px;
}

.box_instruction.notesCss .textarea textarea::placeholder {
    color: rgb(80 35 19 / 36%);
}

.box_date {
    background-color: #fcf8f3;
    border-top: 12px solid #f6ecde;
}

.selection .selectDate select {
    background-color: transparent;
}

.reviewBox .rBox.right {
    background-color: #fcf8f3;
}

.openning-date {
    background-color: transparent;
}

.box_instruction.specialInstructions {
    margin-top: 18px!important;
    padding-left: 23px;
}

.myBagModule .itemBags .itemBag .casedata .title, .myBagModule .itemBags .itemBag .casedata .brand {
    text-transform: inherit;
    color: #502313;
}

.myBagModule .itemBags .itemBag .casePic .picture {
    border: 0px;
}

.myBagModule .itemBags .itemBag,.myBagModule .itemBags .itemBag .part {
    background-color: #f5ebdc;
}

.myBagModule .itemBags .customPart .line {
    background-color: #f5ebdc;
}

.itembagfooter {
    background-color: #f5ebdc;
    border-top: 0px solid #fcf8f3;
}

.myBagModule .itemBags .price {
    color: #502313;
}

.myBagModule .itemBags .customPart .type {
    color: #502313;
    text-transform: initial;
    font-size: 12px;
}

.myBagModule .itemBags .customPart .price {
    color: #502313;
}

.myBagModule .itemBags .icons .ico .zmdi {
    color: rgb(80 35 19 / 54%);
}

.myBagModule .itemBags .itemBag .casedata .title, .myBagModule .itemBags .itemBag .casedata .brand {
    color: #D62300;
    /* line-height: 19px; */
    /* padding-bottom: 9px; */
}

.orderdetails  .casedata .title {
    margin-top: -18px;
}

.myBagModule .itemBags .total {
    color: #D62300;
}

.box_delivery .boxData {
    background-color: #fcf8f3;
}

.openning-date .delivery-span {
    background-color: #ffff;
    border: 0px;
    border-radius: 19px;
}

.box_delivery .googleMap img {
    /* mix-blend-mode: darken; */
    /* width: 159%; */
    margin-left: 0px;
}

.box_delivery .googleMap {
    background-color: #fcf8f3;
    border-bottom: 1px solid #fcf8f3;
}

.box_delivery {
    background-color: #fcf8f3;
}

.checkoutbag .clear-bag {
    color: #50231354;
    font-size: 14px;
    padding-bottom: 12px;
    margin-top: -9px;
    display: block;
    /* background-color: #f5ebdc; */
    margin-bottom: -8px;
    padding-top: 10px;
}

.delivery-date {
    color: #502313!important;
    text-transform: lowercase;
    font-family: 'titlefont';
    font-weight: normal;
}

.subTotalBox .totalPrice {
    color: #502313;
    padding-bottom: 4px!important;
}

.orderdetails .subTotalBox .totalPrice {
    text-align: center;
    margin-top: -12px;
}

.box_date.pickordel {
    border-bottom: 1px solid #fcf8f3;
    border-top: 0px;
}

.openning-date .delivery-span:before {
    color: #502313;
    text-transform: capitalize;
    font-size: 12px;
}

.customDropDown .drop_description {
    color: #502313;
}

.bagScroll {
    background-color: #fcf8f3;
}

.bagph {
    background-color: #fcf8f3;
}

.deskmenu li a {
    color: #502313;
}

@media (min-width: 769px){
body.checkoutID {background-color: #f6ecde;}
}

.closed {
    background-color: #fff;
    color: #502313;
    border: 0px;
}

.delivery-date {
    display: none!important;
}

.box_date .title {
    color: #502313;
    font-family: 'titlefont';
    font-size: 23px;
    font-weight: normal;
}

.selection {
    margin-top: 19px;
}

select {
    color: #502313!important;
}

.totalPrice:before {
    text-transform: capitalize!important;
}

.for-free .customized .textCustom, .customized.offer .textCustom {
    background-color: #502313;
}

.coupons input::placeholder {
    color: #502313;
}

.aoffer {
    border: 0px;
    box-shadow: none;
}

.loggeduser .zmdi-account-circle {
    color: #502313;
}

.loggeduser .text {
    color: #502313;
}

.mobileMenuWrap ul li a {
    color: #502313;
}

.whiteBox .boxes .box {
    background-color: #fff;
}

.orders .order .orderNb {}

.orders .order {
    background-color: #fcf8f3;
}

.orderdash {
    background-color: #fcf8f3;
}

.orderReview .orders .order {
    background-color: transparent;
}

.noordertracking .orderdet {border: 0px;background-color: #fcf8f3;}

.editMode .location .edit .description {
    line-height: 17px;
    color: #502313;
}

.orderdetails .location .edit .title {
    color: #D62300!important;
    font-size: 21px;
    font-family: 'titlefont';
    font-weight: normal;
    margin-bottom: 14px;
}

.noordertracking .orderdetails .orders .order .withTitle {
    font-family: 'titlefont';
}

.orderdetails .zmdi:before {
    color: #f89500;
}

.orderdetails .googleMap {
    display: none;
}

.orderdetails .location.editM {
    padding-left: 25px;
}

.userbar {
    background: linear-gradient(to bottom, #f5ebdc 47%, rgb(245 235 220 / 0%) 100%)!important;
}

.footer {
    background-color: transparent;
    border-top: 1px solid #fcf8f3;
    box-shadow: 0px 55px 0px 43px #f4ebdb;
}

.itemsList .itemGrid:hover {
    /* background-color: transparent; */
}

.d-w {
}

.box_date .radio .label {
    font-size: 22px;
    font-family: 'titlefont';
    color: #502313;
    font-weight: normal;
}

.radio.checked .label {
    color: #d62300;
}

.pickordel .label:last-child {
    line-height: 15px;
}

.checkoutID .bagph {
    background-color: #fcf8f3;
}

.customDropDown .drop_arrow .zmdi {
    color: #502313;
}

.normalForm .input {
    background-color: #fcf8f3!important;
}

.genBtn {
    border-radius: 18px;
}

.reviewBox .rBox.left {
    background-color: #fcf8f3;
}

.notloggedin .reviewBox .rBox.left {padding-top: 0px;/* padding-bottom: 122px; *//* min-height: 418px; */}

.fnb .customizedID .cont {
    background-color: #fff8ec;
}

.customizedID .data .price {
    color: #502313;
}

.customizedID .addToFav .txt {
    color: #502313;
}

.smallType1 .genBtn, .smallType1 .moreBtn, .modal.smallType2 .genBtn, .modal.smallType2 .moreBtn {
    border-radius: 18px;
}

.show-pickup-identifiers .pickup-identifier-container {
    background-color: #f5ebdc;
}

.orderdetails .box_feedback {
    background-color: #fcf8f3;
}

.orderdetails .homeFilter .zmdi:before {
    color: #fff!important;
}

.itemsList .itemGrid .picture {
    background-color: #f5ebdc;
}

.addtobagbtn {
    border-radius: 0px!important;
}

.reachLocations .item {
    background-color: transparent;
    box-shadow: 0px 0px 9px rgb(224 207 168 / 64%);
}

.itemsList .itemGrid .priceWrap .wrap {
    border-top: 0px;
}

.input.checked span.caladd {
    display: none;
}

.in-store-coupons-title {
    color: #502313;
}

.in-store-coupons-page .offerclose {
    color: #502313;
}

.homePid .categories ul>li a.picture {
    background-color: #f5ebdc;
}

.categoryPid .withBagOnRight .gridSystem .wrap1260.subempty {
    margin-top: -42px;
}

.header-loyalty-value span {
    color: #D52300;
}

.genBtn {
    color: #f5ebdc;
}

.customDropDown .drop_options .drop_item {
    background-color: #fcf8f3;
}

.addAddress .newAddress .ico .zmdi {
    color: #502313;
}

.homePid .titleAndLegend .title {
    color: #d62300!important;
    text-transform: capitalize;
    font-weight: bold!IMportant;
}

.coupons input:focus {
    background-color: #f5ebdc;
}

.coupons input:focus::placeholder {
    color: transparent!important;
}

.inputWrap.verifymobilewrap {
    background-color: #fcf8f3;
    border-color: #fcf8f3;
}

.verifymobilewrap .input {
    border-bottom: 0px;
}

.box_instruction.notesCss .textarea textarea {
    background-color: #fcf8f3;
    color: #502313;
    margin-top: -6px;
    font-family: 'textfont';
    padding-left: 29px;
}

.box_instruction.notesCss .textarea textarea::placeholder {
    color: #502313!important;
}

.sumhead div {
    color: #502313;
    font-size: 16px;
    font-family: 'titlefont';
}

.box_delivery .name.loadinga {
    filter: hue-rotate(165deg);
}

.coupons .zmdi:before {
    color: #502313;
}

.box_instruction.paymentMethods .title {
    font-size: 28px!important;
}

.newAddress.nonead.add.mafiad {
    background-color: #fcf8f3;
}

.disable-mobile-verification .intl-tel-input {
    background: #fcf8f3;
}

.locAddress .street p {
    color: #502313;
    text-transform: none;
}

.box_feedback .items .item .text {
    background-color: #f5ebdc;
}

.box_feedback .items .item .text .desc {
    color: #502313;
}

div#createAccountModalID .inputWrap.date .label {
    background-color: #fcf8f3;
}

.normalForm input {
    color: #502313;
}

.normalForm .label {
    color: rgb(80 35 19 / 41%);
}

.calIco {
    background: #fcf8f3;
}

.registerbtn.moreBtn {
    border-radius: 17px;
}

.deskmenu .logo img {
    margin-left: -26px;
    max-width: calc(100% - 55px);
}



@media (min-width: 769px){
    .box_instruction.hosted-session{
        min-height:100px;
    }
.box_instruction.hosted-session .other-payments {
    top: 37px;
}
.box_instruction.hosted-session .hosted-payment-wrapper .input-field.cardnumber{
    background-color:#fcf8f3;
}
.box_instruction.hosted-session .hosted-payment-wrapper .input-field.month{
    background-color:#fcf8f3;
}
.box_instruction.hosted-session .hosted-payment-wrapper .input-field.year{
    background-color:#fcf8f3;
}
.box_instruction.hosted-session .hosted-payment-wrapper .input-field.cvv{
    background-color:#fcf8f3;
}

.box_instruction .input.saved-card{
    background-color:#fcf8f3;
}
.box_instruction.hosted-session.byDefaultSavedCard .other-payments {
    top: 56px;
}
}

@media (max-width: 768px){
    .box_instruction.hosted-session.byDefaultSavedCard .other-payments {
        top: 9px;
    }
.box_instruction.hosted-session.paymentMethods .title {
    margin-bottom: 15px;
    display: none;
}
.box_instruction.hosted-session .other-payments {
    top: 18px;
}
.box_instruction.paymentMethods.hosted-session {
    /* padding-bottom: 0; */
    min-height: 62px;
    background: none;
    /* border: none; */
    /* padding-top: 17px; */
}
}

@media (min-width: 769px){
.pickup-identifier-container {
    background-color: #fcf8f3 !important;
    margin-bottom: 65px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}
.pickup-identifier-container .bTitle{
    background-color: transparent !important;
    margin-bottom: 0;
}
    .orderdetails .location.editM{
    background-color: #fcf8f3 !important;
    height: auto;
    }
}

.signupform .input {
    background-color: #fcf8f4!important;
}

.signupform .disable-mobile-verification .iti {
    background: #fcf8f4;
}

.deskmenu .pages li a {
    color: var(--secondary-color)!important;
    font-size: 13px;
    cursor: pointer;
    box-sizing: border-box;
    font-family: inherit;
    color: #666;
    line-height: 42px;
    font-weight: normal;
    font-size: 19px!important;
    /* line-height: 94px; */
}

div#wrapper {
    background: #f4ebdb!important;
}

.MenuParts .parts .bot{
    background-color: #FF8631;
}

@media(max-width : 768px){
    .homePid .titleWrp{
        background-color: #FF8631;
    }
    .header-loyalty-value span{
        color: #d62300;
    }
    .menuMob .zmdi:before{
        width: 40px !important;
    }
}

.tabled::-webkit-scrollbar-thumb {
    background-color: rgb(249 248 248);
    border-radius: 16px;
    border: 9px solid #f4ebdc;
    border-top: 150px solid #f4ebdc
}

.tabled::-webkit-scrollbar-track {
    background: rgb(244 235 219);
}

.tabled::-webkit-scrollbar {
    background-color: #e2e2e2;
    width: 22px;

}

.fnb .checkoutID .tabled::-webkit-scrollbar-thumb {
    background-color: rgb(244 235 219);
    border-radius: 16px;
    border: 9px solid #f4ebdb;
    border-top: 150px solid #f4ebdb
}

.fnb .checkoutID .tabled::-webkit-scrollbar-track {
    background: rgb(244 235 220);
}

.cordova .MenuParts.fix::before, .webapp .MenuParts.fix::before {
    background-color: #ff8631;
    height: 21px;
}

.itemsList .itemGrid .descBlock {
}

/* #region Christmas 24 (moved to tag manager) */
/* .menuMob .cell::before{
    content: '';
    background-image: url(https://burgerking.weevi.com/c/burgerking/images/christmas24_house.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 100%;
    top: 10px;
    background-size: contain;
    width: 140px;
    height: 100px;
    z-index: 0;
}

@media(max-width: 400px) {
    .menuMob .cell::before{
        width: 120px;
        top: 14px;
    }
}

@media(max-width: 365px) {
    .menuMob .cell::before{
        width: 100px;
        top: 14px;
    }
    .accname::before{
        width: 38px;
        left: 106%;
    }
}

.accname::after{
    content: '';
    background-image: url(https://burgerking.weevi.com/c/burgerking/images/christmas24_lights.png);
    background-repeat: no-repeat;
    position: absolute;
    right: -34px;
    top: -12px;
    background-size: contain;
    width: 60px;
    height: 60px;
}

.accname::before{
    content: '';
    background-image: url(https://burgerking.weevi.com/c/burgerking/images/christmas24_snowman.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 113%;
    top: 5px;
    background-size: contain;
    width: 46px;
    height: 60px;
}

.menuMob .cell::after{
    content: '';
    background-image: url(https://burgerking.weevi.com/c/burgerking/images/christmas24_snowman2.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 37px;
    top: 0;
    background-size: contain;
    height: 50px;
    width: 50px;
} */
/* #endregion */

@font-face {
    font-family: 'Flame';
    src: url('./fonts/Flame-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Flame';
    src: url('./fonts/Flame-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FlameVariable';
    src: url('./fonts/FlameVF.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.pbody .page-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #D62300;
    position: relative;
    padding: 34px;
    margin-top: 130px;
    box-sizing: border-box;
    margin-bottom: 50px;
   }
   .pbody .page-header::before{
       content: '';
       position: absolute;
       top: -145px;
       left: 63%;
       background-image: url("./images/cool-crown.png");
       background-repeat: no-repeat;
       background-size: cover;
       width: 262px;
       height: 210px;
       display: block;
   }
   .pbody .page-header .welcome-text{
        font-size: 5vw;
        font-family: 'Flame', sans-serif !important;
        font-weight: bold;
        position: absolute;
        top: -96px;
        left: 16%;
        color: #4F2516;
    }
   
   
   .pbody .page-header .king-junior{
       font-family: 'FlameVariable', sans-serif !important;
       font-weight: normal !important;
       font-size: 88px;
       color: #F5EBDC;
       line-height: 88px !important;
   }
   .pbody .page-header .club{
       font-family: 'FlameVariable', sans-serif !important;
       font-weight: normal !important;
       font-size: 222px;
       line-height: 182px !important;
       color: #FFAA00;
   }

   @media(max-width:900px){

    .pbody .page-header::before{
        width: 146px;
        height: 117px;
        top: -78px;
        left: 67%;
    }
    .pbody .page-header .welcome-text{
        font-size: 42px;
        top: -57px;
        left: 20%;
    }
   }
   @media(max-width:767px){
    .pbody{
        padding: 0 !important;
    }
    .pbody .page-header{
        max-width: 377px;
        border-bottom-right-radius: 15px;
        padding: 10px !important;
    }
    .pbody .page-header .king-junior{
        font-size: 58px !important;
        line-height: 58px !important;
    }
    .pbody .page-header .club{
        font-size: 123px !important;
        line-height: 123px !important;
    }
    .pbody .page-header .welcome-text{
     left: 6px;   
    }
    .pbody .page-header::before {
        width: 146px;
        height: 117px;
        top: -85px;
        right: 0;
        left: unset;
    }
   }
.pbody .join-club-text{
    font-family: 'Flame', sans-serif !important;
    font-weight: bold;
    font-size: 60px;
    width: 100%;
    text-align: center;
    line-height: 60px !important;
    margin-bottom: 50px
}

@media(max-width:920px){
    .pbody .join-club-text{
        font-size: 50px;
        line-height: 50px !important;
    }
}

@media(max-width:767px){
    .pbody .join-club-text{
        font-size: 34px;
        line-height: 29px !important;
        margin-top: 0px;
    }
}
.pbody .listing{
    width: 100%;
    text-align: center;
    font-family: 'Flame', sans-serif !important;
    font-weight: normal !important;
    font-size: 46px;
    list-style: none !important;
    line-height: 46px;
}
.pbody .listing .listing-header{
    color: #D62300;
}
@media(max-width:767px){
    .pbody .listing{
        font-size: 22px;
        line-height: 22px !important;
    }
}

.footer-image-container{
    width: 100%;
    display: none;
    padding: 0 !important;
    margin: 0 !important;
}
.footer-image-container img{
    width: 100%;
    object-fit: cover;
    vertical-align: bottom;
}
@media(max-width:768px){
    .footer-image-container{
        display: block;
    }
}
.pheadline{
    display: none;
}

.conditions-header{
    font-family: 'Flame', sans-serif !important;
    font-weight: bold !important;
    color: #4F2516 !important;
    text-align: center !important;
    width: 100%;
    font-size: 43px !important;
    margin-top: 75px;
}
.banner{
    width: 100%;
    margin: 0;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #D62300;
    box-sizing: border-box;
    margin-top: 25px;
    text-align: center;

}

.banner .banner-content{
    font-family: 'Flame', sans-serif !important;
    font-weight: bold !important;
    color: #F5EBDC !important;
    font-size: 31px !important;
    text-align: center;
}

.conditions-body{
    display: flex;
    flex-direction: column;
    gap: 45px;
    padding-right: 30px;
    padding-left: 30px;
    align-items: center;
    justify-content: center;
    margin-top: 25px !important;
}
.conditions-body li::marker {
    content: "" !important;
    font-variant-numeric: unset !important;
}
.conditions-body li {
    list-style: none !important;
}
.conditions-body .levels{
    font-family: 'Flame', sans-serif !important;
    font-weight: bold !important;
    font-size: 22px !important;
    list-style: none !important;
    text-align: center !important;
    line-height: 22px;

}
.conditions-body .levels .level-header{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}
.conditions-body .levels .level-header span{
    color: #A5A4A4;
    font-size: 22px !important;
    font-family: 'Flame', sans-serif !important;
    font-weight: bold !important;
}
.conditions-body .levels .level-header.gold span{
    color: #FFAA00 !important;
}
.conditions-body .levels .level-header.silver span{
    color: #828282 !important;
}
.conditions-body .levels .level-header.bronze span{
    color: #CC6017 !important;
}

.conditions-body .levels .deals .deal.first{
    color: #D62300 !important;
    font-weight: bold !important;
}
.conditions-body .levels .deals .deal{
    color: #4F2516;
    font-weight: normal !important;
}

@media(min-width:768px){
    .banner{
        padding-left: 263px;
        padding-right: 263px;
    }
    .banner .banner-content{
        font-size: 60px !important;
    }
    .conditions-body .levels .level-header span {
        font-size: 40px !important;
    }
    .conditions-body .levels {
        font-size: 40px !important;
        line-height: 40px;
    }
    .conditions-header {
        font-size: 60px !important;
}
}

@media(max-width:768px){
    .conditions-body{
        background-image: url("https://burgerking.weevi.com/c/burgerking/images/low_opacity_footer.png?v=1");
        background-repeat: no-repeat;
        background-size: contain;
        background-position-y: 104%;
        gap: 15px;
    }
}

.conditions-body .levels .level-header img{
    width: 10%;
}
@media(max-width:768px){
    .conditions-body .levels .level-header img{
        width: unset !important;
    }
    .conditions-header{
        margin-top: 25px;
    }
}
.box_instruction.notesCss .textarea {
    display: none;
}