@charset "utf-8";
/* html {scroll-behavior: smooth;} */       
* { font-family: 'Proxima Nova Regular';}
html {font-family:'Proxima Nova Regular'; font-weight:normal; font-size:12px; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; line-height: 1.6;}
a{text-decoration: none; }
a:hover{text-decoration: none; color: inherit;}
a:visited{text-decoration: none; }
a:focus{text-decoration: none; }
a:active{text-decoration: none; }
ol, ul {margin: 0; padding: 0; list-style-type: none;}
.body-grey{background: #e9ecee;}
.body-white{background: #ffffff;}
.background-white{background: #ffffff;}
.margin-top-10{margin-top: 10px;}
/*TOP MENU*/
header { position: fixed; top: 0; left: 0; width: 100%; height: auto; padding: 5px 0; z-index: 3; background: rgba(255,255,255,.81); transition: all .5s ease;}
.hide-before-load{display: block !important;}
header.sticky { background-color: #fff; -webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41); -moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41); box-shadow: 0 2px 10px -2px rgba(0,0,0,.41); z-index: 3; display: none;}
a#logo { float: left; margin-top: -15px; margin-left: -15px;}
.algy-box.place-right {float: left;padding-right: 10px;}
.logo-main{height: auto;width: 100%;max-width: 150px;background-color: #ffffff;}
.logo-main-scroll{ height: auto; width: 46.5%;}
.logo-small{ height: auto; width: 46.5%;}
.logo-small-scroll{ height: auto; width: 46.5%;}
.logo-mobile{ height: auto; width: 30%;}
img.mobile-logo{position: absolute; z-index: 999; width: 70px; top: 10px; left: 10px; border-radius: 10px; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.32); display: block;}
i.temp_menu_dwnarrow{ display: none;}
.main-menu ul{ list-style-type: none;}
.main-menu, .main-menu ul, .main-menu ul li{ position: relative; margin: 0; padding: 0;}
.main-menu ul li{ float:left;}
.main-menu ul li a { position: relative; margin: 0; padding: 8px; font-size: 14px; font-weight: 400; display: block;color: #36393c;}
.timeMarkerCircle{ position: absolute; top: 2px; right: 0px; z-index: 1;font-size: 11px; background: red; border-radius: 50%; color: #ffffff; width: 20px; height: 20px; text-align: center; vertical-align: middle; line-height: 19px;}
#cartLi a{ font-size: 23px; margin-top: -3px; margin-left: -9px;}
.view-mobile-menu a { transform: rotateY(180deg);}
.main-menu ul .menu-wrapper, .main-menu ul ul { position: absolute; display: none; z-index: 2; height: auto; left: -73px; top: 100%; margin: 0; padding: 0; background: #fff; min-width: 170px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175) !important; box-shadow: 0px 0px 9px -1px #999 !important;}
.main-menu ul ul:before { content: ""; position: absolute; top: 2px; right: 25px; box-sizing: border-box; border: 7px solid black; border-color: transparent transparent #ffffff #ffffff; transform-origin: 0 0; transform: rotate(136deg); box-shadow: -2px 2px 3px -1px rgba(0, 0, 0, 0.4);}
.main-menu ul ul li { border-bottom: 1px solid #ededed; width: 100%;}
.main-menu ul ul li a { font-size: 13px; color: #666; padding: 10px; display: block;}
.show_normal{ display: block !important;}
.order_online_button{background:#266abd; color: #fff !important;}
.order_online_button a{color: #fff !important;}
.order_online_button:hover, .order_online_button a:hover{background: #266abd9c;}
.book-tab {background: #6eb33e; color: #fff !important; margin-left: 10px !important;}
.book-tab a{color: #fff !important;}
.book-tab:hover, .book-tab a:hover{background: #67a939;}
.floatRight {float: right;}
.no-margin-padding{margin: 0; padding: 0;}


/*TOP STORE DESCRIPTION*/

.top-outside-wrapper { background-color: #171a29; color: #fff; padding-top: 93px; padding-bottom: 20px; }
.top-outside-wrapper-inner-left-img { height: 165px; width: 100%; }
.top-outside-wrapper-name { margin: 0; font-weight: 300; font-size: 32px; color:#ffffff; }
.top-outside-wrapper-address { margin: 0; font-weight: 300; font-size: 12px; color:#ffffffb3; }
.top-outside-wrapper-telephone { margin: 0; font-weight: 300; font-size: 12px; color:#ffffffb3; }
.top-outside-wrapper-content-wrapper { display: inline-block; margin-top: 21px; }
.top-outside-wrapper-content { display: inline-block; padding: 0 35px; border-right: 1px solid hsla(0,0%,100%,.2); }
.top-outside-wrapper-content:first-child { padding-left: 0; padding-right: 35px; }
.top-outside-wrapper-content:last-child { border-right:none; }
.top-outside-wrapper-content-row-one { color: inherit; font-weight: 600; font-size: 16px; }
.top-outside-wrapper-content-row-two { color: inherit; opacity: .7; font-weight: 400; font-size: 12px; margin-top: 5px; }
.top-outside-wrapper-content-star { margin-right: 6px; font-size: 12px; position: relative; top: -1px; }

/*BREADCRUMB*/

.breadcrumb { background-color: #fff; border-bottom: 1px solid #ededed; padding: 10px 0; font-size: 11px; float: left; width: 100%; padding-left: 30px; margin-bottom: 0px;}
.breadcrumb ul { margin: 0; padding: 0; }
.breadcrumb ul li { display: inline-block; padding-right: 3px; margin-right: 3px; position: relative; }
.breadcrumb ul li a { color: inherit; }
.breadcrumb-light{color: #babdc7;}
.breadcrumb-dark{color: #282c3f;}

/*LEFT ITEM MENU*/

.store-menucontainer{padding: 0px;width: 100%;}
.leftmenu-wrapper { position: relative; overflow: hidden; width: 100%; height: fit-content;}
.leftmenu-wrapper-padding { padding-right: 0px; padding-top: 30px; text-align: right; }
.leftmenu-item-div { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; display: block; font-size: 15px; color: #282c3f; padding-top: 5px; font-weight: 400; margin-right: 0px; padding-right: 30px;  border-right: 4px solid #ffffff;}
.leftmenu-item-div-selected { font-weight: 600; color: #fc8019; border-right: 4px solid #fc8019;}
.leftmenu-item-link { text-decoration: none; }
.leftmenu-item-link:hover .leftmenu-item-div { color: #fc8019; }
.leftmenu-item-right-bar { position: absolute; display: inline-block; right: 0px; top: 35px; width: 4px; height: 18px; background: #fc8019; z-index: 1; }
.store-right-menu, .your-order { padding-left: 0px; padding-right: 0px; }
.colmd_order { padding-left: 30px; padding-right: 30px; border-left: 1px solid #e9e9eb; }
.middle-menu .middle-menu-cat-wrapper {  width:100%; padding-bottom: 20px; border-bottom: 2px solid #282c3f; }
.middle-menu .middle-menu-cat-wrapper .middle-menu-cat { margin: 0; padding: 26px 0 0 0; clear:both; }
.middle-menu .middle-menu-cat-wrapper .middle-menu-cat-name { font-size: 22px; font-weight: bold; color:#282c3f; }
.middle-menu .middle-menu-cat-wrapper .middle-menu-cat-desc { margin-bottom: 20px; font-size: 13px; color: #686b78; font-weight: 500; }
.middle-menu .middle-menu-cat-wrapper .accordian-icon { float:right; }
.middle-menu .middle-menu-cat-wrapper .menu-icon-down { font-weight: bold;color: #282c3f;font-size: 22px; }
.middle-menu .middle-menu-cat-wrapper .menu-icon-up { font-weight: bold;color: #282c3f;font-size: 12px; }
.middle-menu .middle-menu-cat-wrapper .arrow-padding { padding:10px 0px; padding-bottom: 0;}
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .middle-menu-cat { margin: 0; padding: 10px 0 0 0; clear:both; }
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .middle-menu-cat-name { font-size: 19px; font-weight: normal; color:#282c3f; }
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .middle-menu-cat-desc { margin-bottom: 20px; font-size: 13px; color: #686b78; font-weight: 500; }
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .accordian-icon { float:right; }
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .menu-icon-down { font-weight: bold;color: #282c3f;font-size: 16px; }
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .menu-icon-up { font-weight: bold;color: #282c3f;font-size: 9px; }
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .arrow-padding { padding:10px 0px; padding-bottom: 0;}
.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper { border-bottom: 0px solid #e9e9eb; }
.product-details-div { margin: 0px; }
.product-details-div-name { font-size: 14px; font-weight: bold; color:#282c3f; padding-left: 18px;width:95%;}
.product-details-div-price { font-size: 14px; font-weight: bold; color:#282c3f;}
.product-details-div-desc { font-size: 12px; font-weight: normal; color:#686b78; padding-left: 20px;width:95%; }
.clear-fix-ten { height:10px; clear:both; }
.menu-type-non-veg { position: relative; font-size: 12px; color: #ad4728; float: left; padding-top: 4px;}
.menu-type-veg { position: relative; font-size: 12px; color: #60b246; float: left; padding-top: 4px;}
.product-padding { padding:5px 0px; }
.menu-button { margin-left: 5px; position: relative; }
.menu-button-reposition-main{margin-left: 0px; margin-right: 0px; width: 72px; height: 28px; float: right;}
.menu-button:hover{box-shadow: 0 2px 8px #d4d5d9;}
.menu-position {position: absolute; top: 0; right: 0; }
.menu-padding:last-child {padding-bottom: 0; }
.menu-inner-position {position: relative; }
.menu-border {height: 28px; width: 72px; border: 1px solid #d4d5d9; background-color: #fff; contain: content; overflow: hidden; position: relative; }
.menu-text {font-size: 13px; font-weight: 600; color: #60b246; text-align: center; line-height: 26px; }
.menu-quantity-container {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; contain: content; opacity: 0; pointer-events: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.menu-quantity-state {opacity: 1; pointer-events: auto; }
.menu-quantity-plus {position: absolute; right: 0; width: 24px; color: #60b246; font-weight: 600; text-align: center; line-height: 26px; font-size: 20px; }
.menu-quantity {position: absolute; width: 24px; text-align: center; line-height: 26px; color: #60b246; font-weight: 600; display: block; left: 24px; }
.menu-quantity-minus {position: absolute; left: 0; width: 24px; color: #60b246; font-weight: 600; text-align: center; line-height: 26px; font-size: 20px; }

/*CART*/

.checkout-page .basket-main{background: #fff; margin-top: 40px;}
.cart-header{font-size: 32px; font-weight: bold; color:#282c3f; padding-left:16px;}
.cart-header-fade{color:#7e808c;}
.takeaway-note{padding: 0 16px 0 16px;background-color: #ffffff;border-top: 1px solid #e9e9eb;margin-bottom: 15px;}
.takeaway-note-textarea {font-size: 12px;width: 100%;padding: 14px 0;outline: 0;resize: none;white-space: nowrap;overflow: auto;caret-color: #fc8019;font-weight: 300;border: 0;}
.takeaway-note-textdiv {font-size: 12px;width: 100%;padding: 14px 0;}
.coupon-wrapper{padding: 0 16px 0 16px;background-color: #ffffff; border-top: 1px solid #e9e9eb;margin-bottom: 0px; border-bottom: 1px solid #e9e9eb;}
.coupon-field {font-size: 12px;width: 70%;padding: 14px 0;outline: 0;resize: none;white-space: nowrap;overflow: auto;caret-color: #fc8019;font-weight: 300;border: 0;}
.coupon-button{width: 30%;display: block;float: right;padding: 15px 0px;text-align: right;color: #fc8019;}
.cart-page{padding-bottom: 200px;}
.cart-wrapper {padding: 15px 16px 0 16px;background: white;}
.cart-wrapper-scroller {max-height: 200px; overflow: auto;}
.cart-item-wrapper {padding-bottom: 10px;}
.cart-item {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-bottom: 10px;}
.cart-itemline{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-bottom: 0px;}
.cart-component{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding-bottom: 0px;}
.menu-button-reposition{margin-left:0px;margin-right:10px;width: 72px; height: 28px;}
.cart-item-name {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;padding-top: 5px;font-weight: 500;font-size: 14px;line-height: 16px;}
.cart-item-price {padding-top: 5px;font-weight: 500;font-size: 14px;padding-left: 10px;line-height: 16px;}
.cart-itemline-name, .cart-component-name {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;padding-top: 10px;font-weight: 500;font-size: 13px;line-height: 15px;}
.cart-itemline-price, .cart-component-price {padding-top: 10px;font-weight: 500;font-size: 13px;padding-left: 10px;line-height: 15px;}
.cart-itemline-remove, .cart-component-remove {font-weight: 500;font-size: 12px;line-height: 16px;text-decoration: none;padding-right: 10px;width: 85px;padding: 10px;color: #fc8019;text-transform: uppercase;}
.cart-complementary { padding-top: 10px; text-align: center; padding-bottom: 20px; }
.cart-complementary-quote { top: 20px; left: 20px; width: 15px; height: 10px; color: #282c3f; }
.cart-complementary-item{ font-size: 13px; top: 17px; left: 40px; width: 100%; pointer-events: none; color: #93959f; }
.bill-details{background: #fff;border-bottom: 1px solid #e9e9eb; border-top: 1px solid #e9e9eb; margin: 0px; padding: 0px}
.bill-details-inner{padding: 0 16px 0 16px;margin: 16px 0 0;padding-bottom: 20px;}
.bill-details-total{padding: 10px 16px 0 16px;margin: 0 0;padding-bottom: 10px;background: #fff;}
.bill-details-row{width: 100%;padding-bottom: 10px;height: 20px; font-size: 12px;}
.bill-details-total-row{width: 100%;padding-bottom: 10px;height: 20px;}
.bill-details-heading{font-weight: bold;font-size: 14px;padding-top: 10px;padding-bottom: 10px;}
.bill-details-text{width:70%;float:left;}
.bill-details-coupon{color:#60b246;}
.bill-details-price{width:30%;float:right;text-align: right;}
.bill-details-total-text{width:70%;float:left;font-size: 20px;font-weight: bold;}
.bill-details-total-price{width:30%;float:right;text-align: right;font-size: 20px;font-weight: bold;}
.bill-details-button-box {padding: 0px 1px 20px 1px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.bill-details-button-box-empty{padding: 0px; padding-bottom: 10px;}
.bill-details-button {outline: 0;height: 48px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05);font-size: 1rem;font-weight: 600;text-transform: uppercase;position: relative;overflow: hidden;background: #60b246;color: #fff;border: 1px solid #60b246;margin-right: 0px;height: 40px!important;width: 100%;}
.bill-details-button:hover{box-shadow: 0 2px 8px #d4d5d9; color:#fff; }
.instruction-wrapper{padding: 0 16px 0 16px;background-color: #ffffff; border-top: 0px solid #e9e9eb;margin-bottom: 0px; border-bottom: 0px solid #e9e9eb;}
.instruction-field {font-size: 12px;width: 85%;padding: 14px 0;outline: 0;resize: none;overflow: hidden;caret-color: #fc8019;font-weight: 300;border: 0;height:46px;}
.instruction-button{width: 10%;display: block;float: right;padding: 15px 0px;text-align: right;color: #fc8019;}
.menu-fixed-quantity{width: 30px;}
.menu-fixed-quantity-text{ font-weight: bold;}
.menu-border-no-border{border:0px solid;width: 85px;}

/*FORM ELEMENTS*/

.form-animate-underline::after{content:"";position: absolute;height:2px;width:100%;bottom:0px;left:0px;background: #fc8019;-webkit-animation: _4fuar .25s ease-in;animation: _4fuar .25s ease-in}
.form-label-animator {font-size: .8rem;-webkit-transform: translateY(-158%);-ms-transform: translateY(-158%);transform: translateY(-158%);}
.form-label-error {color: #fa4a5b;}
label, input {transition: all 0.2s;touch-action: manipulation;}
.form-wrapper {padding: 5px 16px;position: relative;}
.form-element-wrapper {margin: 30px 0;padding: 0;display:block;position: relative;-webkit-transform: translateZ(0);transform: translateZ(0);}
.form-element-wrapper-space{margin-right: 10px;}
.form-element-wrapper input {font-weight: 500;color: #000;opacity: 1;}
.form-element-wrapper input:focus{border-bottom: 1px solid #fc8019;}
.form-element-wrapper ::-webkit-input-placeholder {opacity: 0;transition: inherit;}
.form-element-wrapper input:focus::-webkit-input-placeholder {opacity: 0;}
.form-element-wrapper input:not(:placeholder-shown) + label,.form-element-wrapper input:focus + label {font-size: .8rem;-webkit-transform: translateY(-158%);-ms-transform: translateY(-158%);transform: translateY(-158%);}
.form-error-block { position: absolute; right: 0px; font-size: 10px; top: 18px;color:red;}
.form-input {background-color: transparent;line-height: normal;border: none;border-bottom: 1px solid #bebfc5;outline: 0;height: 42px;width: 100%;font-size: 15px;margin: 0;padding: 0;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 0;}
.form-input-error {border-bottom: 1px solid #fa4a5b;}
.form-span {position: absolute;top: 42px;left: 0;height: 2px;margin-top: -1px;width: 100%;background-color: #fc8019;-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);opacity: 0;will-change: transform,opacity;}
.form-label {color: #7e808c;position: absolute;bottom: 13px;left: 0;font-size: .93rem;cursor: text;-webkit-transition: .2s ease;-o-transition: .2s ease;transition: .2s ease;width: 100%;text-transform: uppercase;will-change: transform,color,font-size;pointer-events: none;}
.form-button-wrapper {position: relative;clear: both;-webkit-transform: translateZ(0);transform: translateZ(0);}
.resend-button-wrapper {font-size: .93rem; font-weight: 600; color: #fc8019; text-transform: uppercase; padding: 18px 16px 20px; background-color: #fff;}
.form-button {line-height: 48px!important;padding: 0!important;height: auto!important;border-radius: 1px!important;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,.12);box-shadow: 0 1px 3px 0 rgba(0,0,0,.12);font-weight: 600;opacity: 1;-webkit-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;}
.form-button-orange {width: 100%;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;border: none;background-color: #fc8019;color: #fff;line-height: 40px;height: 40px;padding: 0 2rem;}
.form-button-green {width: 100%;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;border: none;background-color: #7fc148;color: #fff;line-height: 40px;height: 40px;padding: 0 2rem;}
.form-button:before {position: absolute;left: 0;top: 0;bottom: 0;right: 0;background: #fc8019;z-index: -1;content: "";}
.form-header {margin: 0;padding: 16px;background-color: #d3dbea4d;height: 100px;position: relative;}
.form-header-text-wrapper {position: absolute;bottom: 10px;left: 10px;}
.form-header-text-one{font-size: 30px; font-weight: bold;}
.form-header-text-two{font-size: 14px; font-weight: bold;}
.header-link{color:#fc8019;}
.forgot-pass{color:#fc8019;}
.form-textarea {font-family: inherit; width: 100%; border: 0; border-bottom: 1px solid #bebfc5; outline: 0; font-size: 15px; color: #000; padding: 7px 0; background: transparent; transition: border-color 0.2s;}
.form-textarea::placeholder {color: transparent;}
.form-textarea:placeholder-shown ~ .form-textarea-label {font-size: .93rem; cursor: text; top: 20px;}
.form-textarea-label, .form-textarea:focus ~ .form-textarea-label {position: absolute; top: 0; display: block; transition: 0.2s; font-size: .8rem; color:#7e808c; background: #ffffff; width: 100%;}
.form-textarea:focus ~ .form-textarea-label {font-size: .8rem;}
.form-textarea:focus {border-bottom: 1px solid #fc8019;}
.cart-empty {display: block; margin-left: auto; margin-right: auto; width: 50%;}
.cart-empty-inner-h1 {font-size: 12px; color: #282c3f; text-align: center;}
.cart-empty-inner-h2 {font-size: 10px; color: #282c3f; text-align: center;}
.cart-empty img {width: 100%;}

/*CHECKBOX AND RADIO*/

label.radio-checked-opacity:after{ opacity: 1 !important;}
input[type=checkbox] { display: none;}
input[type="checkbox"]:checked+label:after { opacity: 1;}
input[type=radio] { display: none;}
input[type="radio"]:checked+label:after { opacity: 1;}
.checkbox+.checkbox, .radio+.radio { margin-top: 10px;}
.checkbox label:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; cursor: pointer; border: 2px solid #60656d; background: 0 0; -webkit-transition: background-color .3s; transition: background-color .3s; content: '';}
.checkbox label:after { position: absolute; top: 6px; left: 6px; width: 8px; height: 8px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; background: #276abe; content: '';}
.radio label { padding-left: 20px; cursor: pointer; font-size: 11px;}
label.radioStyle:before { border-radius: 50%;}
label.radioStyle:after { background: #276abe; border-radius: 50%;}
.form-group-checkbox-label{padding-left: 30px !important; font-size: 12px !important;}
.radio-checkbox-label{padding-left: 30px !important; font-size: 12px !important;}
.float-checkbox{float:left; padding-right: 20px;}
.checkbox-slogan{font-size: 12px; margin-top: 12px;}

/*LOGIN*/

.displaynone {display: none;}
a.fb {display: inline-block;font-size: 14px;padding: 14px 0px 14px 0px;background: #3c66c4;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 20, .4);text-decoration: none;line-height: 1;position: relative;width: 100%;margin-top: 20px;text-align: center;}
.facebook-button-icon {display: inline-block;vertical-align: middle;padding: 6px 0px 6px 0px;width: 20px;height: 20px;box-sizing: border-box;background: white;padding: 2px;border-radius: 2px;margin-right: 10px;}
a.google {display: inline-block;font-size: 14px;padding: 14px 30px 14px 44px;background: #cf4332;color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 20, .4);text-decoration: none;line-height: 1;position: relative;width: 100%;margin-top: 20px;text-align: center;}
.google-button-icon {display: inline-block;vertical-align: middle;padding: 6px 0px 6px 0px;width: 20px;height: 20px;box-sizing: border-box;background: white;padding: 2px;border-radius: 2px;margin-right: 10px;}

/*CHECK OUT*/

a.dropdown-item { float: left; width: 100%; padding: 10px; text-transform: uppercase; color: #282c3f;}
a.dropdown-item:hover{ color: #fc8019;}
.dropdown-menu{box-shadow: none; border: 1px solid #282c3f; border-radius: 0px; height: 300px; overflow-x: hidden; overflow-y:auto; z-index: 1;}
.container-grey{padding-left: 20px;padding-right: 20px;}
.checkout-design-block { position: relative; background: #fff; padding: 30px 40px; margin-top: 40px;}
.checkout-header{font-size: 32px; font-weight: 600; color: #282c3f;}
.checkout-selection-text-type-one{font-size: 16px; font-weight: 500; color: #282c3f;}
.checkout-selection-text-type-two{font-size: 12px; font-weight: 400; color: #93959f;}
.checkout-selection-text-type-three{color: #282c3f; font-size: 13px; font-weight: 500; margin-top: 15px; }
.checkout-selection-text-type-four { color: #282c3f; font-size: 13px; font-weight: 500; margin-top: 5px; text-align: center; width: 100%;}
.checkout-selection-text-type-five{font-size: 13px; font-weight: 500; color: #282c3f;}
.checkout-change-button { position:relative; width: 100%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; line-height: 50px; font-size: 14px; font-weight: 600; height: 50px; padding: 0 2rem; color: #fc8019; letter-spacing: 0; border: 1px solid #fc8019; width: auto; text-transform: uppercase; height: 40px; line-height: 40px; margin-right: 20px;}
.checkout-color-orange{color:#fc8019;}
.checkout-next-button { position:relative; width: 100%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; line-height: 50px; font-size: 14px; font-weight: 600; height: 50px; padding: 0 2rem; color: #fc8019; letter-spacing: 0; border: 1px solid #fc8019; width: auto; text-transform: uppercase; height: 40px; line-height: 40px; margin-right: 20px;}
.checkout-delivery-button{position:relative;  width: 100%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; line-height: 50px; font-size: 14px; font-weight: 600; height: 50px; padding: 0 2rem; color: #fff; letter-spacing: 0; border: 1px solid #60b246; width: auto; text-transform: uppercase; height: 40px; line-height: 40px; margin-right: 20px; background: #60b246;}
.checkout-finish-button{}
.checkout-add-address-button{position:relative;  width: 100%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; line-height: 50px; font-size: 14px; font-weight: 600; height: 50px; padding: 0 2rem; color: #60b246; letter-spacing: 0; border: 1px solid #60b246; width: auto; text-transform: uppercase; height: 40px; line-height: 40px; margin-right: 20px; background: #fff;}
.checkout-button{ position:relative;  width: 100%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; font-size: 14px; font-weight: 600; padding: 0 2rem; letter-spacing: 0; border: 1px solid #282c3f; color: #282c3f; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.12); text-transform: uppercase; height: 40px; line-height: 40px; border-radius: 0px;}
.checkout-button-selected{color: #60b246;border: 1px solid #60b246;}
.checkout-resend-otp {float: left; padding-left: 0px; padding-top: 0px; padding-bottom: 5px;}
.checkout-resend-voice-otp {float: right; padding-top: 0px; padding-bottom: 5px;}
.clear-1{clear:both;height: 1px;}
.clear-5{clear:both;height: 5px;}
.clear-10{clear:both;height: 10px;}
.clear-20{clear:both;height: 20px;}
.clear-30{clear:both;height: 30px;}
.clear-40{clear:both;height: 40px;}
.clear-84{clear:both;height: 84px;}
.clear-100{clear:both;height: 100px;}


.checkout-checked-icon{color: #60b246; font-size: 20px; padding-left: 20px;}
.checkout-checked-absolute-icon{color: #60b246; font-size: 20px; position: absolute; top: -8px; right: -8px; background: #ffffff; border-radius: 10px;}
.btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none;}
.saved-address-design-wrapper{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.saved-address-design-inner{position: relative; width: 324px; margin: 0 25px 25px 0; cursor: pointer;}
.saved-address-design{padding: 23px 30px 29px 0px;border: 1px solid #e9e9eb;display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1;}
.checkout-address-icon { font-size: 20px; padding-top: 4px;}
.checkout-address-label { margin-bottom: 4px; font-size: 17px; font-weight: 500; color: #282c3f; line-height: 1.18; text-transform: capitalize;}
.checkout-address-details { font-size: 13px; color: #93959f; margin-bottom: 8px; font-weight: 300; line-height: 16px; overflow: hidden;}
.saved-address-design:hover, .checkout-add-address-button:hover, .checkout-button:hover, .checkout-button-selected:hover, .checkout-delivery-button:hover, .checkout-next-button:hover, .checkout-change-button:hover {box-shadow: 0 2px 8px #d4d5d9;}
.saved-address-design-inner-new {position: relative; margin: 0 0px 25px 0; cursor: pointer;}
.saved-address-design-new {height: 200px;}
.saved-address-design-for-card {height: 132px; background: #ffffff;}
.saved-address-design-wrapper-new {margin-right: -15px; margin-left: -15px;}

/*ABOUT US*/

.store-timing-highlight-color{color:#60b246;}
.store-timing-header{font-size: 18px; font-weight: 500;}
.review-nopadding{ padding: 0px;}
.review-nopadding-left{ padding-left: 0px;}
.review-nopadding-right{ padding-right: 0px;}
.review-header{font-size: 32px; font-weight: 500;}
.review-description{font-size: 12px;}
.review-section{width: 100%; clear:both; float: left;}
.review-table{font-size: 12px;}
.review-content{font-size: 23px; float: left; line-height: 24px; padding-right: 10px;}
.review-star-container{float:left;}
.review-star{font-size: 18px; padding: 2px;}
.rating-label{float: left; font-size: 12px; width: 60px;}
.rating-star-container-small{float:left;}
.rating-star-small{font-size: 13px; padding: 2px;}
.rating-name{float: left; font-size: 16px; padding-right: 7px; font-weight: bold;}
.rating-date{float: left; font-size: 12px; padding-top: 2px;color: #93959f;}
.rating-content-quote {top: 20px; left: 20px; width: 15px; height: 10px; color: #282c3f;}
.rating-content-text {font-size: 13px; width: 100%;}
.review-change-button { position:relative; width: 100%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; line-height: 50px; font-size: 14px; font-weight: 600; height: 50px; padding: 0 2rem; color: #fc8019; letter-spacing: 0; border: 1px solid #fc8019; width: auto; text-transform: uppercase; height: 40px; line-height: 40px; margin-right: 20px;}
.icon-star {color: #fc8019;}
.review-map {width: 100%; height: 450px; border-bottom: 1px solid #ddd;}
.review-change-button:hover{color: #fc8019;box-shadow: 0 2px 8px #d4d5d9;}



/*ADDRESS TAG*/

.tag-wrapper {position: relative; width: 100%; overflow: hidden; padding-top: 12px; margin-bottom: 22px;}
.tag-heading {color: #7e808c; font-size: .9rem; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 1;}
.tag-element-wrapper {width: calc(200% + 10px); height: 38px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.tag-first-col {width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: inherit;}
.tag-element-wrapper-hide {-webkit-transform: translateX(calc(-50% - 10px)); -ms-transform: translateX(calc(-50% - 10px)); transform: translateX(calc(-50% - 10px));}
.tag-second-col {width: 50%; margin-left: 10px; position: relative; background: #fff; padding-bottom: 1px;}
.tag-icon-wrapper {position: relative; padding-bottom: 5px; border-bottom: 1px solid #93959f; color: #3d4152; font-size: 1.08rem;}
.tag-icon-select {font-weight: 500; color: #282c3f;}
.tag-icon-disable {color: #93959f;}
.tag-icon-margin {margin-right: 10px;}
.tag-second-col-icon {position: absolute; z-index: 1; top: 7px; left: 5px; font-size: 1.08rem; color: #282c3f;}
.tag-second-col-text {height: 26px; line-height: 18px; padding: 5px 0 5px 23px; color: #282c3f; font-weight: 400; border: 0; border-bottom: 1px solid #bebfc5; width: 100%; outline: 0; background: 0 0; caret-color: #fc8019; position: relative; font-size: 15px;}
.tag-second-col-cancel {font-size: 1rem; color: #5d8ed5; position: absolute; right: 0;}

/*ADDRESS LIST*/
.address-list {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow-y: scroll;padding-bottom: 90px;}
.address-list.address-list-no-padding{padding-bottom: 0px;}
.address-list .address-list-row {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 21px 0 0 16px;position: relative;overflow: hidden; border-bottom: 1px solid #bebfc5;}
.address-list .address-list-icon {margin-top: 3px;color: #282c3f;font-size: 20px;}
.address-list .address-list-content {-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;overflow: hidden;margin-left: 14px;padding-right: 16px;padding-bottom: 21px;}
.address-list .address-list-type {font-size: 1rem;font-weight: 500;color: #282c3f;margin-bottom: 4px;text-transform: capitalize;margin-right: 36px;}
.address-list .address-list-details {font-size: .86rem;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow-x: hidden;white-space: nowrap;color: #7e808c;margin-top: 2px;margin-right: 36px;}
.address-list .address-list-time {font-size: .86rem;color: #535665;text-transform: uppercase;padding-top: 3px;}



/*FOOTER*/

.footer-container .banner-section { width: 67%; height: 100px; -webkit-clip-path: polygon(0 29%, 0% 100%, 100% 100%); clip-path: polygon(0 29%, 0% 100%, 100% 100%); background: #7fc149; margin-bottom: -100px;}
.footer-container .angel-path { padding: 100px 0 0; clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 0vw), 0 100%); -webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 0vw), 0 100%); height: 100px; width: 100%; background: #171a29;}
.footer-container .clear-bottom-fix{clear:both; width:100%; height:45px;}
.footer-container footer { background-color: #171a29; padding: 35px 0;}
.footer-container footer h3 { color: #fff; font-size: 20px;}
.footer-container footer a { font-size: 13px; color: #fff;}
.footer-container footer div { font-size: 13px; color: #fff; padding-bottom: 10px; }
.footer-container footer span{ padding-left: 3px;}
.footer-container footer ul { margin: 0; padding: 0 0; list-style: none;}
.footer-container .footer-social ul li { float: left; background: #3d4152; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin: 0px 2px;}
.footer-container .footer-social ul{ margin:0 auto; width:100%; display: flex; justify-content: center;}
.footer-container .copyright{ padding-top: 10px; width:100%; text-align: center;}
.footer-container .footer-social ul li:hover{ background: #000;}
.footer-container .pay-icon-header{color: #fff; font-size: 20px; text-align: center;}
.footer-container .pay-icon {background: #3d4152;font-size: 58px;border-radius: 5px;float: left;margin: 3px;width: 30%;text-align: center;}
.footer-container .pay-icon:hover{ background: #000; color: #888;}
.footer-container .mobile-app-icon-header{padding-top:5px;}
.footer-container .mobile-app-icon{font-size:30px;}
.footer-container .dineorder-container {background: #ffffffe3; border-radius: 10px; margin: 0 20px 0 0; height: 79px; padding: 10px 10px; text-align: center;}
.footer-container .dineorder-container img{width: 185px;}
.footer-container .dineorder-container div{padding: 0px 0px 0px 53px; margin-top: -10px; color: #000;}
.footer-container-home {margin-top: -63px;}
.footer-mobile-container { clear: both; position: relative; float: left; width: 100%; margin-top: -10px;}
.footer-mobile-container .banner-section { width: 67%; height: 100px; -webkit-clip-path: polygon(0 0%, 0% 100%, 98% 12%); clip-path: polygon(0 0%, 0% 100%, 98% 12%); background: #7fc149; margin-bottom: -100px;}
.footer-mobile-container .angel-path { padding: 100px 0 0; clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 0vw), 0 100%); -webkit-clip-path: polygon(0 calc(0% + 7vw), 100% 0, 100% calc(100% - 0vw), 0 100%); height: 100px; width: 100%; background: #171a29;}
.footer-mobile-container .footer-mobile-container-wrapper { background: #171a29; width: 100%; position: absolute; top: 25px; text-align: center; vertical-align: middle;}
.footer-mobile-container .dineorder-container { border-radius: 6px; padding: 5px 0px; text-align: center; width: 110px; margin-left: auto; margin-right: auto;}
.footer-mobile-container .dineorder-container .dineorder-inner { padding: 0px 0px 0px 28px; margin-top: -12px; color: #fff; font-size: 7px;}

/*HYGEINE BOX*/

.hygiene-rating{ background:#6eb33f; width:100%; padding:0px;padding-bottom: 10px; border-radius: 5px;}
.hygiene-rating-row-one{ font-weight: bold; font-size: 16px; padding:10px; color: #000000; text-align: center}
.hygiene-rating-row-two{ border-top: 2px solid #000000;padding-top: 10px; display: flex; justify-content: space-around; }
.hygiene-rating-row-two-col{position: relative;}
.hygiene-rating-row-two-col-text { font-weight: bold; font-size: 21px; color: #000000; width: 30px; height: 30px; background: #ffffff; border-radius: 50%; border: 2px solid #000000; line-height: 25px; text-align: center;}
.hygiene-rating-row-two-col-text-active{color: #ffffff; background: #000000;}
.hygiene-rating-row-two-col-label { font-size: 10px; position: absolute; display: none; color: #000; font-weight: bold; background: #6eb33e; padding: 10px 20px 5px 20px; border-radius: 0px 0px 5px 5px; }
.hygiene-rating-row-two-col-label-zero-active{display: block; top: 33px; left: 10px; width: 80px;}
.hygiene-rating-row-two-col-label-one-active{display: block; left: 4px; top: 33px;}
.hygiene-rating-row-two-col-label-two-active{display: block; left: 0px; top: 33px;}
.hygiene-rating-row-two-col-label-three-active{display: block; top: 33px; left: 3px; width: 51px;}
.hygiene-rating-row-two-col-label-four-active{display: block; left: 0px; top: 33px;}
.hygiene-rating-row-two-col-label-five-active{display: block; left: -60px; top: 33px;}

/*SEARCH BOX*/

.search-box { box-shadow: 0 3px 15px 0 rgba(40,44,63,.1); border: 1px solid rgba(0,0,0,.04); background-color: #fff; color: #282c3f; float: left;}
.search-box-custom1{height: 40px; padding: 8px;width: 200px; margin-right: 20px;}
.search-box-custom2 { height: 40px; padding: 8px; width: 110px; margin-right: 20px;}
.search-box-custom3 { height: 40px; width: 90px;}
.search-box-outer-absolute{position: absolute;}
.search-box-magnifier { font-size: 16px; font-weight: 700; display: table-cell; vertical-align: middle; width: 45px; text-align: right; color: #282c3f; padding-right: 10px; padding-left: 10px;}
.search-box-textfield-wrapper { display: table-cell; width: 100%; height: 100%; vertical-align: middle;}
.search-box-clear { cursor: pointer; display: table-cell; text-align: center; width: 40px; display: none; color: #b1b1b1; font-size: 10px; vertical-align: middle; padding-left: 10px; padding-right: 10px; font-size: 14px;}
.search-box-textfield:focus { outline: none;}
.search-box-textfield { border: none; -webkit-appearance: textfield; -webkit-rtl-ordering: logical; vertical-align: middle; width: 100%; height: 22px; line-height: 22px; font-weight: 600; position: relative; top: -1px; caret-color: #fc8019; color: #fc8019;}
.veg-only-checkbox-wrapper { margin-top: 0px; margin-bottom: 0px;}
.veg-only-checkbox-label:after { background: #6eb33e !important;}
label.veg-only-checkbox-label { padding-left: 30px;}
.serch-box-delivery-type .dropdown-menu{height: 65px; overflow: hidden;}
.serch-box-delivery-type-button{background: none;padding-top: 10px; color: #282c3f; border: none;}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover, .btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { background: none; color: #282c3f; border: none;}


/*CONFIRM PAGE*/

.order-status-header-one{font-size: 24px; font-weight: bold; text-align: center;}
.order-status-header-two{font-size: 16px; font-weight: bold; text-align: center;}
.order-status-data{font-size: 12px; font-weight: normal; text-align: center;}
.order-status-data-number{font-size: 14px; font-weight: bold; text-align: center;}
.order-status-data-date{font-size: 12px; font-weight: bold; text-align: center;}
.confirm-page .cart-header{display: none;}
.confirm-page .cart-wrapper-scroller {height: auto; overflow-x: hidden; overflow-y: auto;}
.confirm-page .bill-details-button-box{display: none;}
.animation-ctn{text-align:center;}
.animation-ctn-right {padding-right: 15px;}
@-webkit-keyframes checkmark {0% {stroke-dashoffset: 100px; }100% {stroke-dashoffset: 200px;}}
@-ms-keyframes checkmark {0% {stroke-dashoffset: 100px; }100% {stroke-dashoffset: 200px;}}
@keyframes checkmark {0% {stroke-dashoffset: 100px; }100% {stroke-dashoffset: 0px;}}
@-webkit-keyframes checkmark-circle {0% {stroke-dashoffset: 480px;}100% {stroke-dashoffset: 960px;}}
@-ms-keyframes checkmark-circle {0% {stroke-dashoffset: 240px;}100% {stroke-dashoffset: 480px;}}
@keyframes checkmark-circle {0% {stroke-dashoffset: 480px;}100% {stroke-dashoffset: 960px;}}
@keyframes colored-circle { 0% {opacity:0;} 100% {opacity:100;}}
.inlinesvg .svg svg {display: inline}
.icon--order-success svg polyline {-webkit-animation: checkmark 0.25s ease-in-out 0.7s backwards; animation: checkmark 0.25s ease-in-out 0.7s backwards;}
.icon--order-success svg circle {-webkit-animation: checkmark-circle 0.6s ease-in-out backwards; animation: checkmark-circle 0.6s ease-in-out backwards;}
.icon--order-success svg circle#colored {-webkit-animation: colored-circle 0.6s ease-in-out 0.7s backwards; animation: colored-circle 0.6s ease-in-out 0.7s backwards;} 


/*Order Status*/


.order-display-bar {width: 100%; height: 200px; background: #ebebed;}
.order-display-row-content {position: relative; background: #fff; border-bottom: 1px solid #e9e9eb; border-top: 1px solid #e9e9eb; -webkit-transform: translate(0,0,0); -ms-transform: translate(0,0,0); transform: translate(0,0,0); margin-top: -1px;}
.order-display-row-content-last {position: relative; background: #fff; border-bottom: 1px solid #e9e9eb; border-top: 1px solid #e9e9eb; -webkit-transform: translate(0,0,0); -ms-transform: translate(0,0,0); transform: translate(0,0,0); margin-top: -1px;}
.order-display-row-content-border {border-bottom: 1px solid #e9e9eb;}
.order-display-row-content:after, .order-display-row-content:before {top: 100%; left: 30px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 400;}
.order-display-row-content:before {border-color: #d0d0d400; border-top-color: #d0d0d4; border-width: 10px; margin-left: -10px;}
.order-display-row-content:after {border-color: #d0d0d400; border-top-color: #ffffff; border-width: 9px; margin-left: -9px;}
.order-display-row-content-left {float: left; width: 60px; text-align: center; vertical-align: middle; font-size: 1.4rem; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.order-display-row-content-left-design {margin: -2px 16px 0;}
.order-display-row-content-done {display: block; padding: 2px 1px; border: 1px solid #5d8ed5; color: #5d8ed5; text-transform: uppercase; font-size: .57rem; width: 29px; margin-top: 4px; font-weight: 600; line-height: 1;}
.order-display-row-content-live {top: 33px; -webkit-transform: initial; -ms-transform: initial; transform: initial; background: #5d8ed5; color: #ffffff; border: 1px solid #000000;font-size: .57rem; font-weight: 600; padding-left: 5px; padding-right: 5px;}
.order-display-row-content-future {padding-left: 2px; padding-right: 2px;font-size: .57rem; font-weight: 600; top: 33px; -webkit-transform: initial; -ms-transform: initial; transform: initial; background: #ffffff; color: #a2a2a7; border: 1px solid #a2a2a7;}
.order-display-row-content-right {float: left; width: calc(100% - 115px); position: relative; padding: 36px 0; margin-left: 60px;}
.order-display-row-content-right-margin {margin-right: 24px; padding: 28px 0 30px; width: calc(100% - 150px);}
.order-display-row-content-right-normal {font-size: .85rem; color: #686b78; line-height: 1.35;}
.order-display-row-content-float {float: left; width: 50px; padding-top: 32px;}
.order-display-row-content-float-wrapper {position: relative; display: block; padding-bottom: 10px;}
.order-display-row-content-float-icon {height: 39px; width: 39px; background-size: 39px auto; background-repeat: no-repeat;}
.order-display-row-content-float-icon-design {display: block; position: absolute; height: 28px; width: 28px; text-align: center; background: #fc8019; color: #fff; border-radius: 20px; line-height: 30px; top: 20px; left: 20px; text-decoration: none;}
.order-display-row-content-right-design {font-size: .93rem; font-weight: 500; color: #282c3f;}
.order-display-row-content-right-bold {font-size: 1.3rem; font-weight: 600; margin-bottom: 9px;}
.order-display-clear {clear: both;}
.order-checked-icon { color: #60b246; font-size: 10px; padding-left: 12px;}
.order-stat-refresh {padding: 10px; font-size: 12px; color: #fc8019; position: absolute; z-index: 9999; top: 0px;}

/*MAP*/

.infoBox {width: 300px; background: #171a29; text-align: center; color: white; padding: 10px; border-radius: 10px;}
.marker_info img {width: 100px; margin-top: 10px; border-radius: 10px;}
.marker_info h3 {font-size: 16px; font-weight: bold;}
.marker_info span {font-size: 12px;}

/*FAQ*/

.faq-page .panel-group .panel {border-radius: 0px;}
.faq-page .panel-default > .panel-heading {background: #fff;}
.faq-title{font-size: 16px; font-weight: bold;}
.faq-page .panel-title {font-size: 14px;}
.faq-page .panel-body{font-size: 12px;}


/*PAYMENT PAGE*/

.saved-cards-mask {font-size: 45px; line-height: 0px; float: left; height: 25px; padding-right: 9px; color: black;}
.saved-cards-number {float: left; font-size: 13px; padding-top: 2px; font-weight: bold; color: black;}
.saved-cards-name {font-size: 12px; color: grey;}
.saved-cards-wrapper-inner {margin-bottom: 30px; padding: 10px; border: 1px solid #e2e2e2; background: #ffffff;} 	 
.saved-cards-wrapper-inner:hover {box-shadow: 0 2px 8px #d4d5d9;}
.saved-cards-wrapper-inner-opacity{opacity: 0.20;}
.saved-cards-number {float: left; font-size: 13px; padding-top: 4px; font-weight: bold; color: #282c3f;}
.saved-cards-name {font-size: 12px; color: grey;}
.saved-cards-green{color: #6eb33e;}
.saved-cards-green-border{border: 1px solid #6eb33e;}
.payment-header {font-size: 32px;font-weight: bold;color: #282c3f;padding-left: 26px;padding-bottom: 20px;}
.saved-sp-container { border: 1px solid #fc8019; padding: 0px 10px 0px 10px; height: 43px !important; margin-bottom: 20px;}
.saved-sp-container iframe {height: 40px !important;}
.new-sp-container {float: left; width: 100%; margin-bottom: 20px; padding: 10px;height: 210px !important;}
.new-sp-container iframe {height: 200px !important;}
.saved-confirm-button{outline: 0; -webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05); box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05); font-size: 1rem; font-weight: 600; text-transform: uppercase; position: relative; overflow: hidden; background: #60b246; color: #fff; border: 1px solid #60b246; margin-right: 0px; height: 40px!important; width: 100%; margin: 0 auto; text-align: center; display: block;}
.saved-confirm-button:hover{box-shadow: 0 2px 8px #d4d5d9;}
.new-confirm-button{outline: 0; -webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05); box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05); font-size: 1rem; font-weight: 600; text-transform: uppercase; position: relative; overflow: hidden; background: #60b246; color: #fff; border: 1px solid #60b246; margin-right: 0px; height: 40px!important; width: 300px; margin: 0 auto; text-align: center; display: block;}
.new-confirm-button:hover{box-shadow: 0 2px 8px #d4d5d9;}
.confirmcart-button{outline: 0; -webkit-box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05); box-shadow: 0 -2px 2px 0 rgba(0,0,0,.05); font-size: 1rem; font-weight: 600; text-transform: uppercase; position: relative; overflow: hidden; background: #60b246; color: #fff; border: 1px solid #60b246; margin-right: 0px; height: 40px!important; width: 300px; margin: 0 auto; text-align: center; display: block;}
.confirmcart-button:hover{box-shadow: 0 2px 8px #d4d5d9;}
.verify-button-wrapper {padding-top: 40px; text-align: center; padding-bottom: 40px;}
.verify-payment-button {width: 215px;}

/*TAKEAWAY MESSAGE*/

.footer-message { position: fixed; bottom: 20px; width: 100%; z-index: 999; opacity: 0; transition: opacity .3s,transform .3s; will-change: opacity,transform; pointer-events: none; }
.footer-message-display{	opacity: 1; }
.takeaway-message-wrapper { width: 400px; padding: 0; margin: 0 auto; background: #3d4152; position: relative;  pointer-events: auto; color: #fff; margin-bottom: 10px;border-bottom: 1px solid #20232d;}
.takeaway-message-middle { width: 100%; height: 100%; padding: 12px 15px; position: relative; box-shadow: 0 3px 15px 0 rgba(40,44,63,.3); min-height: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.takeaway-message-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 10px;padding: 10px; background: #60b246; font-size: 20px; border-radius: 50%;}
.takeaway-message-left-cookie{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 10px;font-size: 20px; border-radius: 50%;}
.takeaway-message-right { -ms-flex: 1; flex: 1;}
.takeaway-message-text{	font-weight: 500;font-size: 12px;}
.takeaway-message-description {font-size: 11px; color: #b9b4b4; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cookie-design {width: 38px;}

/*FOOTER FOOD STATUS*/

.food-message { position: fixed; bottom: 20px; width: 100%; z-index: 9999; opacity: 0; transition: opacity .3s,transform .3s; will-change: opacity,transform; pointer-events: none; }
.food-message-display{	opacity: 1; }
.food-message-wrapper { position:relative; width: 400px; padding: 0; margin: 0 auto; background: #3d4152; pointer-events: auto; color: #fff; margin-bottom: 10px;border-bottom: 1px solid #20232d;}
.food-message-middle { width: 100%; height: 100%; padding: 8px 15px; position: relative; box-shadow: 0 3px 15px 0 rgba(40,44,63,.3); min-height: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.food-message-left { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-right: 10px;padding: 10px 10px 10px 0px; font-size: 20px; }
.food-message-right { -ms-flex: 1; flex: 1;}
.food-message-text{	font-weight: 500;}
.food-status-label {font-weight: 600; font-size: 12px; text-transform: uppercase; margin-bottom: 4px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden;}
.food-status-label-content {background: #5d8ed5; color: #fff; font-weight: 600; font-size: 8px; text-transform: uppercase; border-radius: 2px; padding: 3px 5px 2px; margin-right: 10px; display: inline-block;}
.food-status-description {font-size: 11px; color: #b9b4b4; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.food-status-img {width: 32px; height: 32px;}
.food-message-close { position: absolute; top: 0px; right: 0px; padding: 20px;}
.food-message-agree { position: absolute; top: 33px; right: 8px; padding: 3px 10px; background: #60b246; font-size: 11px; border-radius: 2px;}
.food-message-dismiss { position: absolute; top: 22px; right: 8px; padding: 3px 10px; background: #fc8019; font-size: 11px; border-radius: 2px;}

/*COMMON ELEMENT*/
.common-design-block { position: relative; background: #fff; padding: 30px 40px; margin-top: 40px;}
.checkout-nopadding{ padding: 0px;}
.checkout-nopadding-left{ padding-left: 0px;}
.checkout-nopadding-right{ padding-right: 0px;}
.logout-panel {font-size: 14px; font-weight: 600; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px; background-color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; margin-top: 28px;}

/*MOBILE*/

/*MOBILE HEADER*/
.mobile-header {position: fixed; top: 0px; left: 0px; background-color: white; width: 100%; height: 50px; transition: all .5s ease; box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.1); z-index: 2; }
.mobile-header.header-white{background: #ffffff;}
.mobile-header.header-grey{background: #d3dbea4d;}
.mobile-header.header-noshadow{box-shadow: none;}
.mobile-header .header-text-color {float: left; font-size: 18px; color: #000; padding: 15px 10px 15px 10px; }
.mobile-header a.address {width: auto; height: auto; float: left; }
.mobile-header .header-text {float: left; font-size: 15px; color: #000000; padding: 14px 10px 15px 8px; }
.mobile-header .header-text-color {float: left; font-size: 15px; color: #7fc149; padding: 15px 10px 15px 10px; }
.mobile-header .header-text-icon {float: left; font-size: 17px; color: #000; padding: 17px 0px 15px 0px; }
.mobile-header .header-filter {float: right; width: 56px; height: 37px; text-align: center; padding-top: 13px; text-decoration: none; display: block; }
.mobile-header .header-filter span.icon-filter {font-size: 20px; color: #000000; }
.mobile-header .header-only-back-icon {float: left; font-size: 24px; color: #000; padding: 14px 20px 15px 10px; } 
.mobile-header .header-text-back-icon {float: left; font-size: 24px; color: #000; padding: 14px 0px 15px 10px; }
.mobile-header .header-search {float: right; width: 56px; height: 37px; text-align: center; padding-top: 13px; text-decoration: none; display: block; }
.mobile-header .header-search span.icon-magnifier-tool {font-size: 20px; color: #000000; }
.mobile-header .header-text-block-doubleline{float: left; font-size: 15px; color: #000000; padding: 4px 10px 4px 10px;width: calc(100vw - 120px);}
.mobile-header .header-text-block-doubleline-one {font-weight: bold;font-size: 15px;padding: 8px 0px 0px 0px;line-height: 14px;}
.mobile-header .header-text-block-doubleline-two {font-weight: bold;font-size: 11px;padding: 0px 0px;color: #7e808c;}
.mobile-header .search-takeaway {font-size: 14px;line-height: 20px;width: 100%;height: 40px;outline: 0;border: none;overflow: hidden;font-family: inherit;color: inherit;background: inherit;vertical-align: middle;}
.mobile-header .header-right-link {font-size: 12px;font-weight: 600;outline: 0;color: #fc8019;padding: 17px 12px;float: right;}
.mobile-header .header-text-block-singleline{float: left;font-size: 12px;color: #000000;padding: 17px 10px 12px 10px; width: calc(100vw - 140px);}
.mobile-header .header-text-close-icon {float: left;font-size: 14px;color: #000;padding: 20px 15px 15px 10px;}


/*FOOTER*/

.footer-container-mobile footer {position: fixed;bottom: 0;width: 100%;z-index: 200;-webkit-transition: -webkit-transform .3s ease-in;transition: -webkit-transform .3s ease-in;-o-transition: transform .3s ease-in;transition: transform .3s ease-in;transition: transform .3s ease-in, -webkit-transform .3s ease-in;-webkit-animation: _2RsLF .3s ease-in;animation: _2RsLF .3s ease-in;will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.footer-container-mobile footer .footer-wrapper {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;z-index: 120;background-color: #fff;height: 50px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;padding-top: 1px;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 -1px 1px 0 rgba(0,0,0,.1);}
.footer-container-mobile footer .footer-content {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width: 100%;height: 100%;}
.footer-container-mobile footer .footer-content-block {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;font-size: .73rem;text-transform: uppercase;width: 25%;font-weight: 600;height: inherit;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;color: #93959f;text-decoration: none;-webkit-font-smoothing: antialiased;overflow: hidden;position: relative;}
.footer-container-mobile footer .footer-content-block-selected {color: #e46d47;}
.footer-container-mobile footer .footer-icon {font-weight: 500;font-size: 22px;margin-bottom: 5px;}
.footer-container-mobile footer .footer-icon-cart-number {background: #e46d47;border-radius: 100%;color: #f4f4f5;position: absolute; top: -3px;right: -7px;font-size: 10px;text-align: center;height: 14px;width: 14px;padding: 2px 2px 2px 2px;line-height: 11px;-webkit-font-smoothing: antialiased;}
.footer-container-mobile footer .footer-do{margin-bottom: 0px;font-size: 22px;margin-left: 0px;}
.footer-container-mobile footer .footer-cart {position: relative; margin-bottom: 2px;}
.footer-spacer {height: 70px; clear: both;}

/*TOP HEADER Single Takeaway Box*/ 

.single-takeaway-box {width: 100%; position: relative; overflow: hidden; padding: 0px; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.1); background:#ffffff;}
.single-takeaway-box-banner{width:100%; height: 150px; background-size: cover; border-radius: 0px 0px 0px 0px; }
.single-takeaway-box .single-takeaway-box-image {position: relative; width: 80px; height: 80px; padding: 0px 0px 0px 0px; margin: -50px auto; }
.single-takeaway-box .single-takeaway-box-image img{width: 100%; height: 100%; border-radius: 5px; }
.single-takeaway-box .single-takeaway-box-content  {width: 100%; text-align: center; margin-top: 50px; padding-bottom: 10px; }
.single-takeaway-box .single-takeaway-box-name {color: #3d4152; margin-top: 1px; font-size: 17px; font-weight: 600; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.single-takeaway-box .single-takeaway-box-cuisine {color: #7e808c; width: 100%; font-size: 12px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-bottom: 10px;}
.single-takeaway-box .single-rating-string, .single-takeaway-box .single-distance-string, .single-takeaway-box .single-time-string {color: #7e808c; width: 100%; font-size: 14px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.single-takeaway-box .single-rating-icon, .single-takeaway-box .single-distance-icon, .single-takeaway-box .single-time-icon {color:#000; font-size: 14px; padding-right: 7px; }
.single-takeaway-box .single-takeaway-box-info-gap {text-align: center; padding-left: 5px; padding-right: 5px; color: #000; }
.takeaway-box-heart {position: absolute; font-size: 26px; top: 10px; right: 10px; padding: 5px; color: #000; }
.takeaway-box-heart-white {position: absolute; font-size: 26px; top: 10px; right: 10px; padding: 5px; color: #fff; }
.takeaway-box-heart-red {position: absolute; font-size: 26px; top: 10px; right: 10px; padding: 5px; color: #ef342c; }
.food-company {position: absolute; font-size: 26px; top: 10px; right: 10px; padding: 5px; color: #fff; background: #ffffffab; padding: 10px; border-radius: 8px;}
.food-company-logo{text-align: center;}
.food-company-rating{font-size: 10px; margin-top: -7px; font-weight: bolder; color: #000;}
.single-takeaway-box-checked-icon {color: #60b246; font-size: 12px; padding-left: 0px; padding-right: 9px;}
.single-takeaway-box-checked-white-icon {color: #fff; font-size: 12px; padding-left: 0px; padding-right: 9px;}

/*Old Orders*/

.old-order {background-color: #fff;width: 100%;}
.old-order-row-one {overflow: hidden; position: relative; padding: 20px 16px;}
.old-order-row-one-name {font-size: 12px; font-weight: 500;}
.old-order-row-one-content {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #93959f; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: 4px;}
.old-order-row-one-address {font-size: 12px; font-weight: 400; text-transform: capitalize;}
.old-order-row-one-price {font-size: 12px; font-weight: 500; margin-right: 8px; color: #7e808c;}
.old-order-row-one-arrow {font-size: 12px; color: #000000;}
.old-order-row-two {border-bottom: 1px solid #282c3f; margin: 0 16px; border-top: 1px dashed #d4d5d9; padding-bottom: 30px;}
.old-order-row-two-content {margin-top: 20px; color: #7e808c; font-size: 11px;}
.old-order-row-two-time {margin-top: 8px; color: #a9abb2; font-size: .86rem; padding-bottom: 10px;}
.old-order-more-button {font-size: .93rem; font-weight: 600; color: #fc8019; text-transform: uppercase; padding: 18px 16px 20px; background-color: #fff;}


/*PROFILE*/

.logout-panel {font-size: 14px; font-weight: 600; position: relative; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 16px; background-color: #fff; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-transform: uppercase; margin-top: 28px;}
.menu-option {position: relative;}
.menu-option-border {border-bottom: 1px solid #d4d5d9;}
.menu-option-wrapper {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; overflow: hidden; padding: 16px;}
.menu-option-content {width: 100%;}
.menu-option-content-back {width: 100%; padding-left: 20px;}
.menu-option-content-design {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.menu-option-content-design-name {font-size: 1.07rem; font-weight: 500;}
.menu-option-content-design-description{font-size: .86rem; font-weight: 400; margin-top: 2px; color: #7e808c;}
.menu-option-arrow {font-size: 16px; color: #93959f;}
.profile-details {padding: 0 16px; padding-top: 40px;}
.profile-details-row-one {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 20px;}
.profile-details-row-one-name {font-size: 1.88rem; font-weight: 600; text-transform: capitalize;}
.profile-details-row-two {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #93959f; margin-top: 8px; border-bottom: 2px solid #282c3f; padding-bottom: 26px;}
.profile-page-wrapper {background-color: #fff;}




.cart-fixed {position: fixed; bottom: 50px; left: 0; right: 0; z-index: 999; pointer-events: none; }
.cart-fixed .cart-menu {height: 64px; z-index: 1; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; contain: content; position: relative; -webkit-transform: translate3d(0,152px,0); transform: translate3d(0,152px,0); }
.cart-fixed .cart-menu-animation {-webkit-transform: translate3d(0,88px,0); transform: translate3d(0,88px,0); }
.cart-fixed .cart-menu-animation-more {-webkit-transform: translate3d(0,48px,0); transform: translate3d(0,48px,0); }
.cart-fixed .cart-menu-inner {position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 125px; height: 40px; pointer-events: auto; }
.cart-fixed .cart-menu-inner-design {width: 125px; height: 40px; border-radius: 30px; background: #2f4669; color: #fff; text-align: center; -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.3), 0 2px 1px 0 rgba(93,141,213,.2); box-shadow: 0 5px 10px 0 rgba(0,0,0,.3), 0 2px 1px 0 rgba(93,141,213,.2); font-weight: 600; font-size: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; }
.cart-fixed .cart-menu-inner-design-icon {margin-right: 10px; font-size: 14px; }
.cart-fixed .cart-menu-bar-gap {height: 40px; overflow: hidden; z-index: 2; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; contain: content; position: relative; -webkit-transform: translate3d(0,88px,0); transform: translate3d(0,88px,0); }
.cart-fixed .cart-bar {height: 48px; overflow: hidden; z-index: 3; -webkit-transition: -webkit-transform .25s ease; transition: -webkit-transform .25s ease; -o-transition: transform .25s ease; transition: transform .25s ease; transition: transform .25s ease, -webkit-transform .25s ease; will-change: transform; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); contain: content; position: relative; }
.cart-fixed .cart-bar-animate {-webkit-transform: translateZ(0); transform: translateZ(0); }
.cart-fixed .cart-bar-inner {height: 48px; background: #60b246; color: #fff; z-index: 2; position: relative; contain: content; pointer-events: auto; }
.cart-fixed .cart-bar-inner-wrapper {height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 16px; }
.cart-fixed .cart-bar-inner-wrapper-first-half {-webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-weight: 600; font-size: 12px; }
.cart-fixed .cart-bar-inner-wrapper-second-half {margin-left: 10px; text-transform: uppercase; font-size: 13px; font-weight: 600; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.cart-fixed .cart-text-separator {margin: 0 8px; font-weight: 300; }
.cart-fixed .cart-text-takeaway-name{font-size: 12px; font-weight: 300;}
.cart-fixed .cart-text-amount {}
.cart-fixed .cart-text-amount-gbp {font-size: 13px;}
.cart-fixed .icon-cart-design{font-size: 22px; padding-left: 5px; margin-top: -4px;}
.cart-fixed .cart-bar-inner-wrapper-first-line{padding-top: 5px; line-height: 20px;}




/*ANIMATION*/
.hide-for-now{display: none;}

.menu-animate {position: absolute; width: 18px; height: 2px; background-color: #60b246; right: 0; bottom: 0; -webkit-animation: menu-animate 1s ease infinite; animation: menu-animate 1s ease infinite; -webkit-transform: translateZ(0); transform: translateZ(0); }
.menu-animate-now{  animation: menu-animate-infine 1s infinite;}
@keyframes menu-animate-infine {
  0% {
    transform: translateX(-50px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(-50px);
  }
}
.button-animate-black {position: absolute; width: 18px; height: 2px; background-color: #282c3f; left: 0; bottom: 0; -webkit-animation: button-animate 1s ease infinite; animation: button-animate 1s ease infinite; -webkit-transform: translateZ(0); transform: translateZ(0); }
.button-animate-white {position: absolute; width: 18px; height: 2px; background-color: #ffffff; left: 0; bottom: 0; -webkit-animation: button-animate 1s ease infinite; animation: button-animate 1s ease infinite; -webkit-transform: translateZ(0); transform: translateZ(0); }
.button-animate-orange {position: absolute; width: 18px; height: 2px; background-color: #fc8019; left: 0; bottom: 0; -webkit-animation: button-animate 1s ease infinite; animation: button-animate 1s ease infinite; -webkit-transform: translateZ(0); transform: translateZ(0); }
.button-animate-green {position: absolute; width: 18px; height: 2px; background-color: #60b246; left: 0; bottom: 0; -webkit-animation: button-animate 1s ease infinite; animation: button-animate 1s ease infinite; -webkit-transform: translateZ(0); transform: translateZ(0); }
.button-animate-a{  animation: button-animate-a-infine 1s infinite;}
@keyframes button-animate-a-infine {
  0% {
    transform: translateX(87px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(87px);
  }
}


.button-animate-b{  animation: button-animate-b-infine 1s infinite;}
@keyframes button-animate-b-infine {
  0% {
    transform: translateX(60px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(60px);
  }
}

.button-animate-c{  animation: button-animate-c-infine 1s infinite;}
@keyframes button-animate-c-infine {
  0% {
    transform: translateX(80px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(80px);
  }
}

.button-animate-e{  animation: button-animate-e-infine 1s infinite;}
@keyframes button-animate-e-infine {
  0% {
    transform: translateX(90px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(90px);
  }
}

.button-animate-f{  animation: button-animate-f-infine 1s infinite;}
@keyframes button-animate-f-infine {
  0% {
    transform: translateX(155px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(155px);
  }
}


.button-animate-g{  animation: button-animate-g-infine 1s infinite;}
@keyframes button-animate-g-infine {
  0% {
    transform: translateX(112px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(112px);
  }
}

.button-animate-h{  animation: button-animate-h-infine 1s infinite;}
@keyframes button-animate-h-infine {
  0% {
    transform: translateX(90px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(90px);
  }
}

.button-animate-i{  animation: button-animate-i-infine 1s infinite;}
@keyframes button-animate-i-infine {
  0% {
    transform: translateX(120px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(120px);
  }
}
.button-animate-j{  animation: button-animate-j-infine 1s infinite;}
@keyframes button-animate-j-infine {
  0% {
    transform: translateX(140px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(140px);
  }
}

.button-animate-k{  animation: button-animate-k-infine 1s infinite;}
@keyframes button-animate-k-infine {
  0% {
    transform: translateX(70px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(70px);
  }
}

.button-animate-l{  animation: button-animate-l-infine 1s infinite;}
@keyframes button-animate-l-infine {
  0% {
    transform: translateX(145px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(145px);
  }
}
.button-animate-m{  animation: button-animate-m-infine 1s infinite;}
@keyframes button-animate-m-infine {
  0% {
    transform: translateX(160px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(160px);
  }
}


/*FLOATING MENU*/	    
.overflow-hidden {overflow: hidden;}
.dark-drop { z-index: 102499998; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(40,44,62,.6);}
.inner-menu { position: fixed; left: 50%; bottom: 100px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); pointer-events: auto; z-index: 102499999; -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; }
.inner-menu-wrapper { padding: 32px; max-height: 320px; width: 220px; overflow: auto; background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); will-change: transform,opacity; -webkit-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; opacity: 1; -webkit-animation: XvsvK .25s ease-out; animation: XvsvK .25s ease-out; border-radius: 6px;}
.inner-menu-item { margin-bottom: 20px; font-size: 14px; color: #3d4152; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden;}
.inner-menu-name { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-transform: capitalize; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}
.inner-menu-count { margin-left: 16px;}
.inner-menu-selected { font-weight: bold; color: #fc8019;}

/* Common Home Page */
#onepagecheckout{ background: #f5f5f5;}
#home_page_design .black-wrapper{display: none;}
#home_page_design a.button_for_slider {border: 2px solid #fff;color: #fff;background: rgba(5,6,1,.51);padding: 10px 23px; cursor: pointer;outline: 0;text-align: center;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;text-transform: uppercase;font-weight: 700;}
#home_page_design a.button_for_slider:hover{background:#fff;color:#000;}
#home_page_design .slide_header_1 {font-size: 60px;color: #fff;font-weight: 300;white-space: nowrap;}
#home_page_design .slide_header_2 {color: #fff;font-size: 40px; font-weight: normal;white-space: nowrap;}
#home_page_design .modal-design{border-radius:0px!important;background:black!important;height:175px!important;position:relative!important;width:300px!important;margin:150px auto}
#home_page_design img.appImg{position:absolute!important;top:-50px!important;left:-50px!important;width:50%}
#home_page_design .appTxt{padding-top:24px}
#home_page_design .appTxt h3{margin-right:23px!important;font-size:14px!important;color:white!important;text-align:right}
#home_page_design .appTxt p{margin-left:88px!important;font-size:11px!important;color:white!important;text-align:center!important;width:200px!important;margin-top:-4px!important;padding-top:0px}
#home_page_design .appbtn{padding-left:50px}
#home_page_design .appbtn img{margin-top:10px!important;width:40%}
#home_page_design .online_bg_line {background:#000;padding: 10px; text-align: center; width: 100%; border-radius: 0px;}
#home_page_design .button_for_header_mobile{color:#ffffff; /* font-size:12px; */font-weight: 900;font-size: 18px;}

/*PLACE HOLDER*/

.timeline-item {background: #fff; padding: 12px; }
@keyframes placeHolderShimmer{0%{background-position: -468px 0 } 100%{background-position: 468px 0 }}
.animated-background {animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px; height: 96px; position: relative;}
.background-masker {background: #fff; position: absolute;}
.timeline-wrapper-block-a .background-masker.header-top,
.timeline-wrapper-block-a .background-masker.header-bottom,
.timeline-wrapper-block-a .background-masker.subheader-bottom {top: 0; left: 40px; right: 0; height: 10px;}
.timeline-wrapper-block-a .background-masker.header-left, 
.timeline-wrapper-block-a .background-masker.subheader-left,
.timeline-wrapper-block-a .background-masker.header-right,
.timeline-wrapper-block-a .background-masker.subheader-right {top: 10px; left: 40px; height: 8px; width: 10px;}
.timeline-wrapper-block-a .background-masker.header-bottom {top: 18px; height: 6px;}
.timeline-wrapper-block-a .background-masker.subheader-left,
.timeline-wrapper-block-a .background-masker.subheader-right {top: 24px; height: 6px;}
.timeline-wrapper-block-a .background-masker.header-right,
.timeline-wrapper-block-a .background-masker.subheader-right {width: auto; left: 300px; right: 0;}
.timeline-wrapper-block-a .background-masker.subheader-right {left: 230px;}
.timeline-wrapper-block-a .background-masker.subheader-bottom {top: 30px; height: 10px;}
.timeline-wrapper-block-a .background-masker.content-top,
.timeline-wrapper-block-a .background-masker.content-second-line,
.timeline-wrapper-block-a .background-masker.content-third-line,
.timeline-wrapper-block-a .background-masker.content-second-end,
.timeline-wrapper-block-a .background-masker.content-third-end,
.timeline-wrapper-block-a .background-masker.content-first-end {top: 40px; left: 0; right: 0; height: 6px;}
.timeline-wrapper-block-a .background-masker.content-top {height:20px;}
.timeline-wrapper-block-a .background-masker.content-first-end,
.timeline-wrapper-block-a .background-masker.content-second-end,
.timeline-wrapper-block-a .background-masker.content-third-end{width: auto; left: 380px; right: 0; top: 60px; height: 8px;}
.timeline-wrapper-block-a .background-masker.content-second-line {top: 68px;}
.timeline-wrapper-block-a .background-masker.content-second-end {left: 420px; top: 74px;}
.timeline-wrapper-block-a .background-masker.content-third-line {top: 82px;}
.timeline-wrapper-block-a .background-masker.content-third-end {left: 300px; top: 88px;} 

.timeline-wrapper-block-b .background-masker.header-top,
.timeline-wrapper-block-b .background-masker.header-bottom,
.timeline-wrapper-block-b .background-masker.subheader-bottom {top: 0; left: 0px; right: 0; height: 10px;}
.timeline-wrapper-block-b .background-masker.header-left, 
.timeline-wrapper-block-b .background-masker.subheader-left,
.timeline-wrapper-block-b .background-masker.header-right,
.timeline-wrapper-block-b .background-masker.subheader-right {top: 10px; left: 0px; height: 8px; width: 10px;}
.timeline-wrapper-block-b .background-masker.header-bottom {top: 18px; height: 6px;}
.timeline-wrapper-block-b .background-masker.subheader-left,
.timeline-wrapper-block-b .background-masker.subheader-right {top: 24px; height: 6px;}
.timeline-wrapper-block-b .background-masker.header-right,
.timeline-wrapper-block-b .background-masker.subheader-right {width: auto; left: 300px; right: 0;}
.timeline-wrapper-block-b .background-masker.subheader-right {left: 230px;}
.timeline-wrapper-block-b .background-masker.subheader-bottom {top: 30px; height: 10px;}
.timeline-wrapper-block-b .background-masker.content-top,
.timeline-wrapper-block-b .background-masker.content-second-line,
.timeline-wrapper-block-b .background-masker.content-third-line,
.timeline-wrapper-block-b .background-masker.content-second-end,
.timeline-wrapper-block-b .background-masker.content-third-end,
.timeline-wrapper-block-b .background-masker.content-first-end {top: 40px; left: 0; right: 0; height: 6px;}
.timeline-wrapper-block-b .background-masker.content-top {height: 12px;top: 48px;}
.timeline-wrapper-block-b .background-masker.content-right {height: 10px;top: 38px; left: 200px;right: 0px;}
.timeline-wrapper-block-b .background-masker.content-first-end,
.timeline-wrapper-block-b .background-masker.content-second-end,
.timeline-wrapper-block-b .background-masker.content-third-end{width: auto; left: 380px; right: 0; top: 60px; height: 8px;}
.timeline-wrapper-block-b .background-masker.content-second-line {top: 68px;}
.timeline-wrapper-block-b .background-masker.content-second-end {left: 420px; top: 74px;}
.timeline-wrapper-block-b .background-masker.content-third-line {top: 82px;}
.timeline-wrapper-block-b .background-masker.content-third-end {left: 300px; top: 88px;} 

@keyframes placeHolderShimmer{0%{background-position: -468px 0 } 100%{background-position: 468px 0 }}
.animated-background-light {animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #1e2234; background: linear-gradient(to right, #1e2234 8%, #171a28 18%, #1e2234 33%); background-size: 800px 104px;margin-bottom: 10px;}
.animated-background-dark {animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #eeeeee; background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%); background-size: 800px 104px;margin-bottom: 10px;}
.animated-background-white {animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #ffffff; background: linear-gradient(to right, #ffffff 8%, #eeeeee 18%, #ffffff 33%); background-size: 800px 104px;margin-bottom: 10px;}
@keyframes placeHolderShimmerLarge{0%{background-position: calc(-100vw/2) 0 } 100%{background-position: calc(100vw/2) 0 }}
.animated-background-large-dark {animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmerLarge; animation-timing-function: linear; background: #1e2234; background: linear-gradient(to right, #1e2234 8%, #171a28 18%, #1e2234 33%); background-size: 100vw 104px;margin-bottom: 10px;}
.pictureFull{width: 100%; height: 400px;}
.picture80x80{width: 80px; height: 80px;}
.picture250x100{width: 250px; height: 100px;}
.picture250x150{width: 261px; height: 165px;}
.width100percent{width: 100%;}
.width20{width: 20px;}
.width40{width: 40px;}
.width60{width: 60px;}
.width80{width: 80px;}
.width100{width: 100px;}
.width120{width: 120px;}
.width140{width: 140px;}
.width160{width: 160px;}
.width180{width: 180px;}
.width200{width: 200px;}
.width220{width: 220px;}
.width240{width: 240px;}
.width260{width: 260px;}
.width280{width: 280px;}
.width300{width: 300px;}
.height8{height: 8px;}
.height10{height: 10px;}
.aligncenter{text-align: center; margin: 0px auto; margin-bottom: 10px;}
.animated-wrapper {padding: 10px;}


/*SMART BANNER*/
  
.smartbanner { position:fixed; top:0px; left:0; overflow-x:hidden; width:100%; height:84px; background-color:#f3f3f3 !important; font-family:Helvetica,sans,sans-serif; color:black !important; z-index: 1000;}
.smartbanner__exit { position:absolute; top:calc(50% - 6px); left:9px; display:block; margin:0; width:12px; height:12px; border:0; text-align:center;}
.smartbanner__exit::before,.smartbanner__exit::after{ position:absolute; width:1px; height:12px; background:#767676; content:' ';}
.smartbanner__exit::before{ -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.smartbanner__exit::after{ -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.smartbanner__icon{ position:absolute; top:10px; left:30px; width:64px; height:64px; border-radius:15px; background-size:64px 64px; background-color:#DDDFE2; overflow: hidden;}
.smartbanner__icon img{ width:64px; height:64px;}
.smartbanner__info{ position:absolute; top:10px; left:106px; display:-webkit-box; display:-ms-flexbox; display:flex; overflow-y:hidden; width:60%; height:64px; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.smartbanner__info__title{ font-size:14px;}
.smartbanner__info__author,.smartbanner__info__price{ font-size:12px;}
.smartbanner__button{ position:absolute; top:32px; right:06px; z-index:1; display:block; padding:0 10px; min-width:10%; border-radius:5px; background:#f3f3f3; color:#1474fc; font-size:18px; text-align:center; text-decoration:none;}
.smartbanner__button__label{ text-align:center;}


/*LINKERS AND GROUPS*/

.menu_header_box_cs { border-bottom: 2px solid #60b246; width: 100%; height: auto; display: block; clear: both;}
.menu_added_box_cs { width: 100%; height: auto; display: block; clear: both;}
.menu_box_cs { width: 100%; height: auto; display: block; clear: both;}
.menu_box_cs .nomargin_top { text-align: left; font-size: 12px; font-weight: bold; color: #282c3f; border-bottom: none; padding: 10px 10px; background: #edeff3ad; margin: 0px; text-transform: capitalize;}
.parent-menu-name, .menuName { font-size: 16px; text-align: left; padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px; font-weight: bold; color: #282c3f;}
.parent-menu-description, .menuDescription { text-align: left; padding: 0px 10px; font-size: 13px; color: #686b78;}
.menuAddedRow { width: 100%; border-bottom: 1px solid #edeff3; background: #fff; clear: both; display: table;padding-top: 5px; padding-bottom: 5px;}
.menuAddedRowLeft { background: #fff; width: 40px; display: table-cell; vertical-align: middle;}
.menuAddedRowLeftIcon { font-size: 20px; padding-left: 8px;color: #60b246;}
.menuAddedRowRight { text-align: left; color: #282c3f; padding: 5px 10px 4px 0px; display: table-cell;}
.menuAddedRowRight p { color: #282c3f; margin-bottom: 0px;}
.inside-menu{padding-bottom: 20px;}
.inside-menu-product-details{width: 70%; float: left;padding-right: 10px;}
.inside-menu-product-name{font-size: 14px; color:#282c3f}
.inside-menu-product-description{font-size: 11px; color:#686b78}
.inside-menu-product-price{width: 55px; float: right;font-size: 14px; color:#282c3f}
.inside-menu-product-button{width: 80px; float: right;}
.menu_box_cs .radio, .menu_box_cs .checkbox { position: relative; display: block; margin: 0px;}
.menu_box_cs .radio label, .menu_box_cs .checkbox label { position: relative; display: block; padding-top: 0px; padding-bottom: 0px; width: 100%; float: left; margin-bottom: 1px; padding-left: 0px; padding-right: 0px;}
.menu_box_cs .checkbox label:before { position: absolute; top: 0px; right: 0; left: auto; width: 20px; height: 20px; cursor: pointer; border: 2px solid #848691; background: 0 0; -webkit-transition: background-color .3s; transition: background-color .3s;}
.menu_box_cs .checkbox label:after { position: absolute; top: 0px; right: -1px; left: auto; width: 22px; height: 22px; padding-left: 3px; padding-right: 5px; padding-top: 0px; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #60b246; content: '\e901'; font-family: icomoon; background: white; border: 0px;}
.menu_box_cs .component-name { float: left; font-size: 12px; width: 75%; color: #282c3f;}
.menu_box_cs .component-price { float: left; margin-right: 35px; font-size: 12px; font-weight: bold; color: #282c3f;}
.menu_box_cs .component-label { float: left; font-size: 12px; width: 60%; padding-top: 5px; color: #282c3f;}
.menu_box_cs .component-box-price { float: left; font-size: 12px; padding-top: 5px; font-weight: bold;  color: #282c3f;}
.menu_box_cs .component-box-button { float: right;}
.menu_box_cs .component-check { padding-bottom: 10px; height: auto; float: left; width: 100%;}
.fancybox-footer-left_cs{padding-left: 10px;}
.fancybox-footer-section-div.fancybox-footer-section-div_cs { width: 100%; height: 62px; background: #edeff3; padding: 0px 0px; clear: both; float: left;}
.fancybox-footer-button{ background: #266abd; padding: 10px; margin: 0 10px 0 0; font-size: 14px; text-transform: uppercase; color: #fff; text-align: center; margin-top: 10px;margin-bottom: 10px;}
.fancybox-footer-button:focus,.fancybox-footer-button:active,.fancybox-footer-button:hover{ background: #2071d4; color: #fff;}
.fancybox-footer-right_cs {  font-size: 17px; padding: 18px 0px; font-weight: bold; text-align: right; padding-right: 10px;    height: 62px;}
.modal-popup a.close-link { font-size: 22px; position: absolute; top: 2px; right: 6px; color: #000; z-index: 9999; display: block;}
.cross-close { font-size: 18px; color: #565656; margin-top: 4px; float: left; margin-left: 12px;}
.component-div { width: 100%; height: auto; display: block;}
#mymenu .panel-body { padding: 10px 10px 0px 10px;}
.footer-section-div { background: white; width: 100%; height: auto; clear: both; display: block; float: left; border-top: 1px solid #ededed; padding: 10px;}
.modal-popup {border-radius: 0px;}
.complex-submenu .col-xs-7.col-sm-9.col-md-9.col-lg-9 {padding-left: 0px;}
.table_seat_err {display: none;}
.close-message-button { position: absolute; bottom: -65px; background: #1e2028; width: 40px; height: 40px; display: block; left: 50%; padding: 10px; border-radius: 50%; text-align: center; color: #fff; transform: translateX(-50%);}
.box-around{ min-height: 200px; padding: 10px; background: #1e2029; color: #fff;}    
.modal-width-100{width: 100%;}
.modal-resend-otp {float: left; padding-left: 0px; padding-top: 0px; padding-bottom: 5px;}
.modal-resend-voice-otp {float: right; padding-top: 0px; padding-bottom: 5px; padding-right: 0px;}
.labelbutton-div{margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; border-top: 2px solid #edeff3;}
.component-label-design { float: left; width: 100%;padding-top: 15px;}
.component-label-design .checkbox { padding-left: 0px; }
.label-name-design { font-size: 12px; }
.color-orange{color:#fc8019;}
.color-green{color:#60b246;}

/*TEMPLATE*/

.template1{background: #f2f2f3;}
.template2{background: #f2f2f3;}
.template3{background: #f2f2f3;}
.template4{background: #f2f2f3;}
.template5{background: #f2f2f3;}
.template6{background: #f2f2f3;}


/* footer */
.footer-mobile-container .banner-section {
    width: 67%;
    height: 100px;
    -webkit-clip-path: polygon(0 0%, 0% 100%, 98% 33%);
    clip-path: polygon(0 0%, 0% 100%, 98% 33%);
    background: #7fc149;
    margin-bottom: -87px;
}
.footer-mobile-container .angel-path {
    padding: 100px 0 0;
    clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% calc(100% - 0vw), 0 100%);
    -webkit-clip-path: polygon(0 calc(0% + 2vw), 100% 0, 100% calc(100% - 0vw), 0 100%);
    height: 100px;
    width: 100%;
    background: #171a29;
}


/* svg icon start */
.svgicon-star{
    float: left;
    width: 22px;
    margin-top: 0;
    display: inline-block;
}
.svgicon-distance{
	width: 22px;
    margin-top: 0;
    display: inline-block;
}

.svgicon-collection .st0{fill:none;stroke:#070707;stroke-width:11;stroke-miterlimit:10;}
.svgicon-collection .st1{fill:#070707;}
.svgicon-collection .st2{stroke:#000000;stroke-width:4;stroke-miterlimit:10;}

.svgicon-collection{
	width: 22px;
    margin-top: 0;
    display: inline-block;
}
.svgicon-checked{
	width: 22px;
    margin-top: 0;
    display: inline-block;
}
.single-takeaway-box-checked-icon {
    filter: invert(48%) sepia(41%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(45%);
}
span.svgicon-checked.single-takeaway-box-checked-white-icon {
    filter: brightness(0) invert(1);
}


.svgicon-veg-nonveg {
    width: 12px;}

.menu-type-veg{    filter: invert(48%) sepia(41%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(45%);}
.menu-type-non-veg{    filter: invert(67%) sepia(89%) saturate(7492%) hue-rotate(346deg) brightness(68%) contrast(100%);}


.svgicon-star-filled.bestseller-icon svg {
    fill: #f1ae11;
    width: 12px;
    float: left;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 3px;
}

.svgmenu-icon-up, .svgmenu-icon-down {
    width: 22px;}
.middle-cat-collapse .svgmenu-icon-up, .middle-cat-collapse .svgmenu-icon-down {
    width: 16px;}
    
.svgicon-close-modal{
	width: 20px;
	margin: 1rem 0.5rem;
}    

.svgicon-close-modal-black{
	width: 20px;
	filter: brightness(0) invert(1);
}   
/* svg icon end */

/*added on start 12-dec*/
.flex-pay{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-pay-left {
    max-width: 200px;
    min-width: 200px;
}
.flex-pay-middle{
    width: 10%;
}
.flex-pay-right{
    width: 50%;
    
    /*padding-left: 5rem;*/
    position: relative;
}

/*added on end 12-dec*/
/*added on start 13-dec*/
.pay-apple-btn {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 1rem;
    border: 0;
    background: #000 url(https://cdn.dineorder.com/button-pay.png) center;
    background-size: 100%;
    height: 50px;
    background-repeat: no-repeat;
    border-radius: 5px;
        transition: .5s ease-in-out;
}
.pay-apple-btn:hover {
    box-shadow: 0 7px 10px #211f1f78;
    transform: translateY(-0.25em);
}
/*added on end 13-dec*/
/*added on 14-dec*/
.or-devider {
    border-right: 1px solid #c3c5ca;
    min-height: 250px;
    width: 1px;
    padding-left: 5rem;
    position: relative;
}

.flex-or {
    position: absolute;
    top: 44%;
    left: 3.8rem;
    background: #fff;
    padding: 0.3rem 0.5rem;
    border: 1px solid #919195;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.flex-pay-left {
    display: flex;
    flex-direction: column;
}
.new-card-div.flex-card-form {
    width: 80%;
}
.pay-btns{ margin-bottom: 1rem; cursor: pointer; }
.g-pay{
    background: #000;
    color: #fff;
    text-align: center;
    padding: 1rem;
    border: 0;
    background: #000 url(https://cdn.dineorder.com/gpay-btn2.png) center;
    background-size: 100%;
    height: 50px;
    background-repeat: no-repeat;
    border-radius: 5px;
    transition: .5s ease-in-out;
}
.g-pay:hover {
    box-shadow: 0 7px 10px #211f1f78;
    transform: translateY(-0.25em);
}

.division-pay {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


/*ended on 14 dec*/
/* svg icon end */
    
@media only screen and (max-width: 991px) 
{  
	.modal-content {position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0px solid #999; border-radius: 0px; outline: 0; -webkit-box-shadow: none; box-shadow: none;}
	.single-takeaway-box-info { height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; font-size: 11px;}
	.single-takeaway-box-info-col-1{width: 100px; text-align: left;}
	.single-takeaway-box-info-col-2{width: 100px; text-align: left;}
	.single-takeaway-box-info-col-3{width: 100px; text-align: left;}
	.single-takeaway-box-info-col-1-row-2{padding-left: 20px;}
	.single-takeaway-box-info-col-2-row-2{padding-left: 0px;}
	.single-takeaway-box-info-col-3-row-2{padding-left: 0px;}
	.single-takeaway-box .single-takeaway-box-name { font-size: 14px;}
	.single-takeaway-box .single-takeaway-box-cuisine {font-size: 11px;}
	
	.colmd_order { padding-right: 0px; padding-left: 0px; border-left: 0px solid #e9e9eb; }
	.middle-menu .middle-menu-cat-wrapper { border-bottom: 1px solid #e9e9eb; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; }
	.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper { padding-left: 0px; padding-right: 0px; }
	.middle-menu .middle-menu-cat-wrapper .middle-menu-cat-name { font-size: 16px; font-weight: bold; }
	.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .middle-menu-cat-name { font-size: 14px; font-weight: bold; }
	.middle-menu .middle-menu-cat-wrapper .arrow-padding { padding: 0px 0px 10px 0px; height: 10px; }
	.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .arrow-padding { padding: 0px 0px 10px 0px; height: 10px; }
	.product-details-div-name, .product-details-div-price { font-size: 13px; font-weight: normal; }
	.middle-menu .middle-menu-cat-wrapper .middle-menu-cat { margin: 0; padding: 14px 0 14px 0; }
	.middle-menu .middle-nested-cat-menu .middle-menu-cat-wrapper .middle-menu-cat { margin: 0; padding: 10px 0 10px 0; }
	.container-grey { padding-left: 0px; padding-right: 0px; }
	.checkout-first-div { margin: 0px; padding: 0px; }
	.checkout-design-block { padding: 10px 10px; margin-top: 20px;}
	.common-design-block { padding: 0px 0px; margin-top: 0px;}
	.checkout-header { font-size: 16px; }
	.checkout-selection-text-type-one { font-size: 12px; }
	.checkout-checked-icon { font-size: 13px; padding-left: 6px; }
	.checkout-change-button, .checkout-next-button, .checkout-button, .checkout-delivery-button, .checkout-add-address-button { font-size: 12px; }
	.saved-address-design-inner { margin: 0 0px 10px 0; width: 100%; }
	.saved-address-design { padding: 10px 10px; }
	.checkout-address-label { font-size: 14px; }
	.checkout-address-details { font-size: 12px; }
	.checkout-checked-absolute-icon { font-size: 13px; top: -4px; right: -4px; }
	.checkout-preorder{width: 100%;}		
	.form-header-text-one {font-size: 20px;}
	.form-header-text-two {font-size: 12px;}
	.mobile-hide{display: none;}
	.modal-dialog{padding: 0; margin: 0;}
    .no-margin-padding-mobile{padding: 0; margin: 0;}
    .no-margin-mobile{margin: 0;}
    .no-padding-mobile{padding: 0; }
	.payment-header {font-size: 24px; font-weight: bold; color: #282c3f; padding-bottom: 20px; text-align: center; padding-top: 20px;}
	.food-message-wrapper, .takeaway-message-wrapper{margin-bottom: 0px; width: 100%;}
	.saved-address-design-new {height: auto;}
	.old-order-row-two-time {padding-bottom: 20px;}
	.inside-menu-product-details{width: 60%;}
	.new-confirm-button{width: 100%;}
	.faq-title {text-align: center; font-size: 12px; font-weight: bold;}
	.panel-title {font-size: 12px;}
	.faqcontainer p, .faqcontainer h3, .faqcontainer h4, .faqcontainer div, .faqcontainer{font-size: 12px;}
	.pictureFull{width: 100%; height: 150px;}
	.component-label-design .checkbox {padding-top: 5px; padding-bottom: 25px;}
    .component-label-design {padding-top: 10px; padding-bottom: 20px;}
    .labelbutton-div {border-top: 0px solid #fff;}
}
@media only screen and (max-width: 400px) 
{  
	.inside-menu-product-details{width: 50%;}
}

/* slide show carousel */
@media (max-width: 576px){

   #home_page_design .slide_header_1 {
    font-size: 30px;
    margin-bottom: 0px;
}
    #home_page_design .slide_header_2 {
        font-size: 20px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px){
#home_page_design .slide_header_1 {
    font-size: 40px;
    margin-bottom: 0px;
}
#home_page_design .slide_header_2 {
    font-size: 30px;
}
}

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

  #home_page_design .slide_header_1{font-size: 45px;margin-bottom: 0px;}
	#home_page_design .slide_header_2{font-size: 35px;}
	/*added on start 12-dec*/
    .flex-pay{ padding-left: 4rem; }
    /*added on end 12-dec*/

}
@media (max-width: 576px){

  img.mobile-logo{
    width:50px;
    top:4;
    left:3;
  }

   #home_page_design .slide_header_1 {
    font-size: 14px;
    margin-bottom: 0px;
   }
    #home_page_design .slide_header_2 {
        font-size: 13px;
    }
    .carousel-indicators{
      display:none;
    }
    .carousel-caption{
      bottom:5px;
    }
    .carousel-control .glyphicon-chevron-left, 
    .carousel-control .glyphicon-chevron-right, 
    .carousel-control .icon-next, .carousel-control 
    .icon-prev{
      top:70%;
      
    }
}
  
/*added on start 12-dec*/
@media (max-width: 767px){
    .flex-pay {
        flex-direction: column;
    }
    .flex-pay-right {
        width: 50%;
        border-left: 0;
        /*border-top: 1px solid #ddd;*/
        padding-left: 0;
        position: relative;
        padding-top:0;
        margin: 30px auto !IMPORTANT;
    }
   .flex-or {
    top: 60%;
    left: 46%;
}
   
.or-devider {
    border-right: 0;
    min-height: 1px;
    width: 80%;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding-top: 3rem;
}
.review-part .card-form-container{ width: 100% !important; }
.division-pay {
    flex-direction: column;
    width: 100%;
}
.new-card-div.flex-card-form{ margin: 0 auto; }
}
/*added on end 12-dec*/