@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%;overflow-x: hidden;}
body {margin: 0; line-height: 1.6;overflow-x: hidden;}
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 !important;}
.body-white{background: #ffffff !important;}
.background-white{background: #ffffff !important;}
.margin-top-10{margin-top: 10px;}
/*TOP MENU*/
header { width: 100%; height: auto; padding: 15px 0; z-index: 3; background: rgba(255,255,255,.81); transition: all .5s ease;}
.hide-before-load{display: block !important;}
header.sticky { position: fixed; top: 0; left: 0; 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;}
.header-home { position: fixed; top: 0; left: 0; width: 100%; height: 370px; padding: 15px 0 0 0; z-index: 3; background: #fff; transition: all .5s ease; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.1); transition: height 1.5s ease; max-height: 70%; height: 70%; clip-path: polygon(0 0, 100% 0, 100% 96%, 0 61%); -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 61%);}
.logo-anchor { float: left; height: 40px;}
.algy-box.place-right {float: left;padding-right: 10px;}
.logo-main { font-size: 40px; height: 100%; width: auto; transition: all 0.1s cubic-bezier(0.2, 0.8, 0.4, 1);}
.logo-main-scroll { font-size: 30px; line-height: 40px !important; transition: all 0.1s cubic-bezier(0.2, 0.8, 0.4, 1);}
.header-search-box { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; cursor: pointer; padding-right: 10px; padding-top: 12px; padding-left: 20px;}
.header-search-box-home { text-transform: uppercase; font-weight: 700; color: #3d4152; float: left; position: relative;}
.header-search-box-home-design { display: block; min-width: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.header-search-box-address { display: block; padding-left: 5px; margin-left: 5px; color: #686b78; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.header-search-box-address-arrow { font-size: 14px; padding-top: 5px; padding-left: 10px; color: #fc8019; font-weight: bold !important;}
.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 a.address {width: auto; height: auto; float: left; }
.mobile-header .header-text-color {float: left;font-size: 14px;color: #7fc149;padding: 15px 10px 15px 10px;max-width: 100px;text-overflow: ellipsis;height: 50px;white-space: nowrap;overflow: hidden;}
.mobile-header .header-text {float: left;font-size: 14px;color: #000000;padding: 14px 10px 15px 8px;width: 145px;text-overflow: ellipsis;height: 50px;white-space: nowrap;overflow: hidden;}
.mobile-header .header-text-icon {float: left;font-size: 15px;color: #000;padding: 17px 0px 15px 0px;}
.mobile-header .empty-header-text-color{font-size: 15px;padding: 15px 10px 15px 10px;height: 50px;width: calc(100vw - 60px);float: left;color: #000;padding-left: 20px;max-width: calc(100vw - 50px);}
.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;}
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;}
.filter-li {padding-right: 10px !important; padding-left: 10px !important; margin-top: -3px !important;}
.filter-li a{font-size: 20px !important;}
.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;}
.search-header {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; float: left; width: 100%;}
.search-header.header-white{background: #ffffff;}
.search-header.header-grey{background: #d3dbea4d;}
.search-header.header-noshadow{box-shadow: none;}
.search-header .header-text-color {float: left; font-size: 18px; color: #000; padding: 15px 10px 15px 10px; }
.search-header a.address {width: auto; height: auto; float: left; }
.search-header .header-text {float: left; font-size: 15px; color: #000000; padding: 14px 10px 15px 8px; }
.search-header .header-text-color {float: left; font-size: 15px; color: #7fc149; padding: 15px 10px 15px 10px; }
.search-header .header-text-icon {float: left; font-size: 17px; color: #000; padding: 17px 0px 15px 0px; }
.search-header .header-filter {float: right; width: 56px; height: 37px; text-align: center; padding-top: 13px; text-decoration: none; display: block; }
.search-header .header-filter span.icon-filter {font-size: 20px; color: #000000; }
.search-header .header-only-back-icon {float: left; font-size: 24px; color: #000; padding: 14px 20px 15px 10px; } 
.search-header .header-text-back-icon {float: left; font-size: 24px; color: #000; padding: 14px 0px 15px 10px; }
.search-header .header-search {float: right; width: 56px; height: 37px; text-align: center; padding-top: 13px; text-decoration: none; display: block;  color: #000000;}
.search-header .header-search span.icon-magnifier-tool {font-size: 20px; color: #000000; }
.search-header .header-text-block-doubleline {float: left; font-size: 15px; color: #000000; padding: 4px 10px 4px 10px; width: calc(100% - 136px);}
.search-header .header-text-block-doubleline-one {font-weight: bold;font-size: 15px;padding: 8px 0px 0px 0px;line-height: 14px;}
.search-header .header-text-block-doubleline-two {font-weight: bold;font-size: 11px;padding: 0px 0px;color: #7e808c;}
.search-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;}
.search-header .header-right-link {font-size: 12px;font-weight: 600;outline: 0;color: #fc8019;padding: 17px 12px;float: right;}
.search-header .header-text-block-singleline{float: left;font-size: 12px;color: #000000;padding: 17px 10px 12px 10px; width: calc(100vw - 140px);}
.search-header .header-text-close-icon {float: left;font-size: 14px;color: #000;padding: 20px 15px 15px 10px;}
.search-header-middle{padding: 20px 4px 0px 10px; }
.search-header-middle .search-header-middle-first-half{color:#3d4152; font-size: 12px; font-weight: bolder;}
.search-header-middle .search-header-middle-second-half{color:#3d4152; font-size: 12px; font-weight: normal;}
.search-header .header-clear-filter {float: right;width: 70px;height: 50px;text-align: center;padding-top: 13px;text-decoration: none;display: block;font-size: 11px;color: #e46d47;padding-right: 10px;padding-bottom: 20px;}
.cuisines-list {float: left;width: 100%;height: auto;background: white;padding-bottom: 20px;margin-top:20px;}
.filter-checkbox-wrapper {float: left;width: auto;padding-left: 10px;padding-right: 10px;padding-top: 10px;padding-bottom: 20px;}
.filter-name {text-align: center;position: absolute;bottom: -15px;height: 20px;text-overflow: ellipsis;width: 75px;overflow: hidden;font-size: 13px;}
.filter-img {width: 70px;float: left;border-radius: 50%;}
.filter-checkbox {position: relative;display: block;}
.filter-checkbox label{min-height: 20px;padding-left: 0px;margin-bottom: 0;font-weight: 400;cursor: pointer;width: 70px;height: 70px;border-radius: 50%;background-color: #eaebef;}
.filter-checkbox input[type=checkbox]{position: absolute;margin-top: 4px\9;margin-left: -20px;}
input[type=checkbox] { display: none;}
input[type="checkbox"]:checked+label:after { opacity: 1;}
.filter-checkbox+.filter-checkbox{ margin-top: 10px;}
.filter-checkbox label:before {position: absolute;bottom: 0;left: 0;width: 0;height: 0;cursor: pointer;content: '';background: none;border: none;}
.filter-checkbox label:after {position: absolute;top: 0px;left: 0px;width: 20px;height: 20px;opacity: 0;-webkit-transition: all .3s ease;transition: all .3s ease;background: #ffffff;content: "\e901";border-radius: 50%;font-family: icomoon;font-size: 22px;line-height: 19px;color: #60b246;}

/*TOP STORE DESCRIPTION*/

.top-outside-wrapper { background-color: #171a29; color: #fff; padding-top: 30px; padding-bottom: 20px; padding-left: 30px; }
.top-outside-wrapper-inner-left-img { 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: 0px solid #ededed; padding: 0 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; padding-top: 20px;}
.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;}
.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; }
.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-wrapper-float {float:left; width:100%; padding: 5px 16px;position: relative;}
.form-wrapper-float-grey {border-top: 15px solid #e9ecee; float:left; width:100%; padding: 5px 16px;position: relative;}
.form-wrapper-float-padding {float: left; width: 100%; padding: 5px 16px 16px 16px; position: relative; background: #fff;}
.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;}
.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 {position:relative;width: 100%;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;border: none;background-color: #fc8019;color: #fff;line-height: 40px;height: 50px !important;padding: 0 2rem;}
.form-button-green {position:relative; width: 100%;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;border: none;background-color: #7fc148;color: #fff;line-height: 40px;height: 50px !important;padding: 0 2rem;}
.form-button-orange:focus{box-shadow: none; outline: none;}
.form-button-green:focus{box-shadow: none; outline: none;}
.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-button-orange{color: #fc8019;border: 1px solid #fc8019;}
.checkout-button-green{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-50{clear:both;height: 50px;}
.clear-60{clear:both;height: 60px;}
.clear-70{clear:both;height: 70px;}
.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-inner-takeaway-new {position: relative; margin: 0 0px 10px 0; cursor: pointer;}
.saved-address-design-new {height: 200px;}
.saved-address-design-for-card {height: 132px; background: #ffffff;}
.saved-address-design-for-takeaway {height: 72px; 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; margin-top: 10px;}
.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;}
.no-border{border:0px solid !important;}


/*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: linear-gradient(to right, #03a69e , #ffff00); 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 .footer-container-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: none; 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: calc(100vw - 75px); height: 100%; padding: 8px 15px; position: relative; 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;}
.help-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; margin-top: 28px;}
.help-panel-no-margin {border-top: 1px solid #d4d5d9; 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; margin-top: 0px;}

/*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: -2px;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;}
footer .footer-do {margin-bottom: 0px;font-size: 28px;margin-left: 5px;}
.footer-do-text{padding-top: 3px;}
.footer-help{font-size: 27px !important;}
.footer-help-text {margin-left: -9px;margin-top: -4px;}
.do-path{font-family: icomoon;}


/*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;padding: 10px;border-radius: 8px;width: 50px;height: 72px;}
.food-wrapper-content {position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 8px;z-index: 1;}
.food-company-logo {text-align: center;padding-top: 10px;}
.food-company-rating {font-size: 10px;margin-top: -7px;font-weight: bolder;color: #000;text-align: center;}
.food-company-wrapper {position: absolute;width: 100%;height: 100%;background: #fff;opacity: 0.8;top: 0;left: 0;border-radius: 8px;z-index: 0;}
.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: 10px; 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: 12px; 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;}

/*SERVICE UNAVAILABLE*/

.service-error{font-size: 200px; text-align: center; margin-top: 50px; color: #fdcca4;}
.service-error-details{text-align: center; font-size: 18px;}

/*COUPON*/
.coupon-details-main { position: relative; margin: 0 0px 25px 0; cursor: pointer;}
.coupon-details { padding: 23px 30px 29px 0px; padding: 10px 10px; border: 1px solid #e9e9eb; width: 100%; margin-bottom: 20px; position: relative; display: flex; flex: 1;}
.coupon-details-wrapper-left { background: #60b2461a; width: 25%; text-align: center; font-size: 16px; color: #60b246; line-height: 20px; display: flex; justify-content: center; align-items: center; border: 2px dashed #60b246; border-radius: 5px; padding: 10px;}
.coupon-details-wrapper-right { width: 70%; padding-left: 20px;}
.coupon-details-label-top { margin-bottom: 4px; font-size: 14px; font-weight: 500; color: #282c3f; line-height: 1.18; text-transform: capitalize;}
.coupon-details-label-middle {color: #93959f; font-size: 12px; margin-bottom: 8px; font-weight: 300; line-height: 16px; overflow: hidden;}

/*SHARE*/
.share-details-code-detail {font-size: 19px; text-transform: capitalize; margin-bottom: 12px; padding: 15px 20px; border: 1px dashed #60b246; text-align: center; color: #333333;}
.share-details-code-detail-span {color: #60b246; font-size: 22px;}
.share-details-code-detail-orange {font-size: 19px; text-transform: capitalize; margin-bottom: 12px; padding: 15px 20px; border: 1px dashed #fc8019; text-align: center; color: #333333;}
.share-details-code-detail-orange-span {color: #fc8019; font-size: 22px;}
.share-details-title-left {font-size: 14px; color: #60b246; float: left; width:70%; text-align:left; font-weight: 600;}
.share-details-title-right {font-size: 14px; color: #fc8019; float: right; width:30%; text-align:right; font-weight: 600;}
.share-details-desc {font-size: 12px;}
.share-details-date {font-size: 10px;}
.share-details-load-more {padding-top: 15px; padding-left: 15px; color: #fc8019; padding-bottom: 15px; float: left; padding-right: 15px;}
.share-details-wrapper {float: left; width: 100vw; padding: 15px; border-bottom: 1px solid #d4d5d9;}
.share-details-orange-border{border: 2px dashed #60b246;}
.share-details-code-detail-redeem-button{position: absolute; bottom: 0; right: 25px; padding: 10px; background: #ffffff; color: #fc8019; border: 1px solid #fc8019;}
.share-background-orange{background: #fc80190a;}
.share-background-green{background: #60b2461a;}
/*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:8px 9px;text-align:center}
#home_page_design .button_for_header_mobile{color:#ffffff; font-size:12px;}


/*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;}
.animated-background-larger-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 calc(100vh / 2 - 50px);margin-bottom: 10px;}
.pictureFull{width: 100%; height: 400px;}
.pictureFullNew{width: 100%; height:calc(100vh / 2 - 50px)}
.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: 0px solid #fff;}
.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;}
.color-blue{color:#0038ae;}


/*DINEORDER*/
.faq-div{}
.faq-div p{font-size: 11px;}
.faq-div-sub-header-2{font-size: 14px; color: #fc8019;text-transform: uppercase;}
.faq-sub-header{font-size: 14px; color: #fc8019; text-transform: uppercase;}
.dineorder-banner-video { height: 100vh; min-height: 600px; width: 100%; float: left;}
.home-search-div-video{ position: absolute; top: 50%;  left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); min-width: 100%;  min-height: 100%;  width: auto;  height: auto; z-index: -1000;  overflow: hidden;}
.home-search-div { overflow: hidden; text-align: center; padding: 20px; background-color: #fffffff2; width: 500px; border-radius: 4px; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.16); box-shadow: 0 2px 8px 0 rgba(0,0,0,.16); z-index: 2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: top 0.5s ease;}
.home-search-div .search-div-title { font-size: 24px; line-height: 24px; color: #e46d47; margin-bottom: 8px; font-weight: 500;}
.home-search-div .search-div-subtitle { text-align: center; color: #282c3f; padding: 0 20px; font-weight: 300; font-size: 14px; line-height: 14px; font-weight: 500; margin-bottom: 20px;}
.home-search-div .custom-search-input-div { background: #fff; height: 45px; padding-right: 0; border-radius: 3px; padding-right: 0; border: 1px solid #282c3f;}
.home-search-div .custom-search-input-div .search-icon-pin { font-size: 17px; padding: 12px 4px; color: #282c3f; float: left;}
.home-search-div .custom-search-input-div .custom-search-input-field { width: 50%; border: none !important; color: #282c3f; font-size: 13px; float: left; padding: 12px; border: 0px solid #fff !important; height: 43px; -webkit-appearance: none; box-shadow: none !important; outline: none; outline-color: transparent; outline-style: none;}
.home-search-div .custom-search-button-div { float: right; width: 70px; height: 100%;}
.home-search-div .custom-search-button { background: #282c3f; height: 43px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer; width: 100%; float: left; position: relative;}
.home-search-div a.custom-search-button:hover { background: #7fc149;}
.home-search-div .custom-search-button-icon { color: #fff; padding-top: 15px;}
.home-search-div .custom-search-locate { float: right; width: 71px; padding: 15px 0px 13px 0px; font-size: 10px;}
.home-search-div .custom-search-locate-link{	color:#e46d47;}
.home-search-div .custom-search-locate-link:hover{	color:#e46d47;}
.home-search-div .custom-search-locate .custom-search-locate-icon { float: left; text-align: center; padding: 0px; margin: 0px; padding-top: 3px; padding-right: 5px;}
.home-search-div .custom-search-locate-text {float: left;}
.do-nopadding{ padding: 0px;}
.do-nopadding-left{ padding-left: 0px;}
.do-nopadding-right{ padding-right: 0px;}
.do-heading-middle {padding: 10px 0px 0px 15px; width: 100%; float: left;}
.do-heading-middle .do-heading-middle-first-half{color:#3d4152; font-size: 12px; font-weight: bolder;}
.do-heading-middle .do-heading-middle-second-half{color:#3d4152; font-size: 12px; font-weight: normal;}
.do-takeaway-box  {border-radius: 5px; margin-top:10px; margin-bottom:10px; width: 100%; background: #fff; position: relative; overflow: hidden; padding: 2.5%; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.1); }
.do-takeaway-box .do-takeaway-box-image  {position: relative; width: 80px; height: 80px; float: left; padding: 0px 0px 0px 0px; }
.do-takeaway-box .do-takeaway-box-image img{width: 100%; height: 100%; border-radius: 5px; }
.do-takeaway-box .do-takeaway-box-content {float: left; padding: 0px 0px 0px 10px; width: 70%; }
.do-takeaway-box .do-takeaway-box-name {color: #3d4152; margin-top: 1px; font-size: 14px; font-weight: 600; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.do-takeaway-box .do-takeaway-box-cuisine {color: #7e808c; width: 100%; font-size: 12px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.do-takeaway-box .rating-string, .do-takeaway-box .distance-string, .do-takeaway-box .time-string {color: #7e808c; width: 100%; font-size: 12px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.do-takeaway-box .rating-icon, .do-takeaway-box .distance-icon, .do-takeaway-box .time-icon {color:#000; font-size: 14px; padding-right: 7px; }
.do-takeaway-box .time-string{color: #7e808c;}
.do-takeaway-box .time-icon{color: #000;}
.do-takeaway-box .do-takeaway-box-info-gap {text-align: center; padding-left: 5px; padding-right: 5px; color: #000; }
.large-do-takeaway-box {border-radius: 5px; margin-top:10px; margin-bottom:10px; width: 100%; background: #fff;  position: relative; overflow: hidden; padding: 2.5%; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.1); }
.large-do-takeaway-box-banner{width:100%; height: 150px; background-size: cover !important; border-radius: 5px 5px 0px 0px; }
.large-do-takeaway-box-banner-gap{width:100%; height: 10px; }
.large-do-takeaway-box .large-do-takeaway-box-image {position: relative; width: 80px; height: 80px; float: left; padding: 0px 0px 0px 0px; }
.large-do-takeaway-box .large-do-takeaway-box-image img{width: 100%; height: 100%; border-radius: 5px; }
.large-do-takeaway-box .large-do-takeaway-box-content {float: left; padding: 0px 0px 0px 10px; width: 70%; }
.large-do-takeaway-box .large-do-takeaway-box-name {color: #3d4152; margin-top: 1px; font-size: 14px; font-weight: 600; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.large-do-takeaway-box .large-do-takeaway-box-cuisine {color: #7e808c; width: 100%; font-size: 12px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.large-do-takeaway-box .large-rating-string, .large-do-takeaway-box .large-distance-string, .large-do-takeaway-box .large-time-string {color: #7e808c; width: 100%; font-size: 12px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.large-do-takeaway-box .large-rating-icon, .large-do-takeaway-box .large-distance-icon, .large-do-takeaway-box .large-time-icon {color:#000; font-size: 12px; padding-right: 7px; }
.large-do-takeaway-box .large-time-string{color: #7e808c;}
.large-do-takeaway-box .large-time-icon{color: #000;}
.large-do-takeaway-box .large-do-takeaway-box-info-gap {text-align: center; padding-left: 5px; padding-right: 5px; color: #000; }
.search-do-takeaway-box {border-radius: 5px; margin-top:10px; margin-bottom:10px; width: 100%; background: #fff;  position: relative; overflow: hidden; padding: 2.5%; box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.1); }
.search-do-takeaway-box-banner{width:100%; height: 150px; background-size: cover; border-radius: 5px 5px 0px 0px; }
.search-do-takeaway-box-banner-gap{width:100%; height: 10px; }
.search-do-takeaway-box .search-do-takeaway-box-image {position: relative; width: 50px; height: 50px; float: left; padding: 0px 0px 0px 0px; background-color: #eaebef; border-radius: 5px;}
.search-do-takeaway-box .search-do-takeaway-box-image img{width: 100%; height: 100%; border-radius: 5px; }
.search-do-takeaway-box .search-do-takeaway-box-content {float: left; padding: 0px 0px 0px 10px; width: 68%; }
.search-do-takeaway-box .search-do-takeaway-box-name {color: #3d4152; margin-top: 1px; font-size: 14px; font-weight: 600; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.search-do-takeaway-box .search-do-takeaway-box-address {color: #3d4152; margin-top: 1px; font-size: 12px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.do-ribbon {position: absolute; top: 2px; left: -5px; right: -5px; text-transform: uppercase; text-align: center; background: #282c3f; color: #f4f4f5; font-size: .75rem; font-weight: 600; line-height: 1; padding: 4px 2px; border-color: #282c3f transparent; }
.do-ribbon-red {background: rgb(250, 74, 91); color: rgb(255, 255, 255); border-color: rgb(209, 42, 59) transparent; }
.do-ribbon-black {background: rgb(58, 60, 65); color: rgb(255, 255, 255); border-color: rgb(30, 32, 35) transparent; }
.do-ribbon:before  {position: absolute; bottom: -6px; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-color: inherit; border-width: 6px 0 0 6px; }
.do-ribbon:after  {position: absolute; bottom: -6px; right: 0; content: ''; width: 0; height: 0; border-style: solid; border-color: inherit; border-width: 6px 6px 0 0; }
.do-ribbon-text  {-o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.do-takeaway-box-heart {position: absolute;font-size: 26px;top: 24px;right: 29px;padding: 5px;color: #000;z-index: 1;background: #ffffff8c;border-radius: 3px;}
.do-takeaway-box-heart-white {color: #fff; }
.do-takeaway-box-heart-red {color: #ef342c; }
.do-takeaway-close {position: absolute;width: 100%;height: 100%;background: #1d202b;opacity: 0.8;top: 0;left: 0;z-index: 1;color: #fff;display: flex;justify-content: center;align-items: center;}
.string-default{padding-top: 10px;font-size: 12px; }
.added-filters {float: left;width: 100%;background: white;border-bottom: 1px solid #ededed;padding: 10px 0;font-size: 11px;float: left;width: 100%;padding-left: 30px;margin-bottom: 0px;}
.added-filters-single {float: left;padding: 5px 10px;font-size: 12px;background: #7fc149;margin: 2px 2px;color: #fff;border-radius: 20px;}
.added-filters-single-icon {font-size: 7px;padding-left: 10px;}
.popover{z-index: 3; border: 0px;font-size: 11px;}
.popover.bottom>.arrow {border-bottom-color: #cccaca8c;}
.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;}

/* food rating */
.food-rating {position: relative;width: 100%;padding: 0;margin: 0 auto;background: #3d4152;pointer-events: auto;color: #fff;clear: both;}
.food-rating-wrapper {width: 100%;background: #f7f8fd;border-top: 1px solid #edeef3;max-height: 100%;overflow-y: auto;}
.food-rating-content {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 17px 10px 16px 10px; border-top: 1px solid transparent; border-bottom: 1px solid #d1d2da; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.food-rating-content:after {content: '';display: block;clear: both;}
.food-rating-content-left {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;padding-right: 5px;width: calc(100% - 300px);height: 35px;}
.food-rating-content-left-header {color: #3d4152;font-weight: bolder; font-size: 12px; margin-bottom: 0px; margin-top: 0px;}
.food-rating-content-left-name {color: #7e808c; font-size: 10px; width: 100%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 1; height: 20px; padding: 0; margin: 0;}
.food-rating-content-right {width: 210px; margin-right: 8px;}
.food-rating-content-li {display: inline;font-size: 18px;padding: 10px 7px;}
.food-rating-content-li-empty-star {fill: transparent;stroke: #282c3f;stroke-width: 1.5px;}
.food-rating-content-li-fill-star {fill: #ffc400; stroke: #ffa700; stroke-width: 1.5px;}
.food-rating-content-feedback {padding: 4px 0 4px 0; width: 100%;}
.food-rating-content-feedback-textarea{display: block; background-color: transparent; border: none; outline: 0; height: 22px; 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; line-height: 1.1; color: #282c3f; resize: none;}
.food-rating-submit {position: relative; clear: both; -webkit-transform: translateZ(0); transform: translateZ(0); padding: 10px;}
.food-rating-submit-button {-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;width: 100%;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;border: none;background-color: #7fc149;color: #fff;line-height: 48px;height: 48px;padding: 0;}
.food-rating-submit-button-active{opacity: 1;-webkit-transition: opacity 1s;-o-transition: opacity 1s; transition: opacity 1s;}
.food-message-dismiss-bottom {position: absolute;top: 10px;right: 10px;padding: 14.5px 22px;background: #fc8019;font-size: 11px;border-radius: 2px;}
.ngshowonlyFirstContainer > .ngshowonlyFirst:not(:first-child) {display: none;}

/* splashscreen */
.splashscreen-image{width: 100%;}
.splashscreen-h1 { text-align: center;margin: 4px 25px 0;font-size: 24px;line-height: 28px;white-space: pre-wrap;color:#161929;}
.splashscreen-h2 {font-size: 13px;color: #161929;margin-top: 15px;text-align: center;}
.splashscreen-login {font-size: 13px;color: #161929;padding:20px 0px 5px 0px;text-align: center;}
.splashscreen-register {font-size: 13px;color: #161929;padding:15px 0px 5px 0px;text-align: center;}
.splashscreen-login-color{color: #fc8019;}
.splashscreen-button {border: none;outline: 0;text-align: left;background: 0 0;padding: 0;width: 100%;text-decoration: none;cursor: pointer;display: inline-block;text-align: center;background-color: #7fc149;color: #fff;line-height: 40px;height: 40px;padding: 0 2rem;outline: 0;width: 220px;height: 50px;margin: 0 auto;padding: 15px 0;line-height: 20px;font-size: 14px;font-weight: 600;display: block;margin-top: 0px;position: relative;overflow: hidden;}
.versionUpdate{position: fixed;top: 0px;height: 100vh;width: 100vw;background: white;z-index: 99999;}
.splashscreen-image-announcement{padding: 50px;width: 100%;}

/*ANNOUNCEMENT*/
.announcement {background-color: rgba(33,37,59,.93);border-top-left-radius: 40px;border-bottom-right-radius: 40px;color: #fff;text-align: center;z-index: 999;position: fixed;right: 16px;bottom: 50px;width: 190px;min-height: 176px;padding: 0 10px;opacity: 0;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0);}
.announcement-icon {width: 128px;height: 128px;margin: 0 auto;position: absolute;top: -83px;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background-image: url('../img/announce-home.png');background-repeat: no-repeat;background-size: cover;}
.announcement-header {margin-top: 48px;text-transform: capitalize;font-size: 1.2rem;font-weight: 600;}
.announcement-content {opacity: .7;margin-top: 12px;font-size: .86rem;font-weight: 500;}
.announcement-button {color: #fc801a;font-size: 1rem;text-transform: uppercase;font-weight: 600;margin: 16px 0 20px;}
.header-text-takeaway-wrapper{width: calc(100vw - 70px);padding: 15px 0px 15px 0px;line-height: 12px;display: block;float: left;}
.header-text-takeaway-icon{float: left;width: 40px;text-align: center;text-decoration: none;display: block;font-size: 20px;vertical-align: middle;color: #000;}
.header-text-takeaway-color{float: left;font-size: 14px;padding-top: 5px;padding-right: 10px;color: #000;}
.header-text-takeaway{float: left;font-size: 14px;padding-top: 5px;padding-right: 10px;color: #60b246;}
.header-search-takeaway{float: right;width: 56px;height: 37px;text-align: center;padding-top: 10px;text-decoration: none;display: block;font-size: 20px;color: #000;}
.help-panel-no-margin .icon-conversation{color:#000000;}
.no-bottom-border {border-bottom: 0px solid #20232d;}

/*JUMP CSS*/
.cab_selector{float: left; width: 100%;}
.cab_selector_heading{width: 100%;background: #161929;color: white;font-size: 12px;line-height: 18px;float: left;height: auto;padding: 8px;}
.cab_selector_heading_red{background: #fc4d19;}
.cab_selector_row{width: 100vw;overflow: hidden;float: left;height: auto;overflow-x: scroll;background: white;}
.cab_selector_row_scroll{width: auto; overflow-x: scroll;width: 1500px;}
.cab_selector_col{width:150px; height:auto; float: left;}
.cab_selector_active{background: #e9ecee;}
.cab_selector_cab_time{font-size: 12px;padding-top: 10px;text-align: center;}
.cab_selector_cab_image{width:100%;}
.cab_selector_cab_name{font-size: 19px;text-align: center; position: relative;}
.cab_selector_button{width: 100%; height:50px; float: left;}
.cab_pick_location {background: #fff;border: 1px solid #e6e6e6;width: 85%;position: absolute;top: 5%;min-height: 48px;left: 50%;transform: translate(-50%,0);border-radius: 4px;box-shadow: 2px 3px 4px rgba(197, 194, 194, 0.56);padding: 0px 8px 0px;}
.cab_pick_location_left{width: 88%;float: left;padding: 5px 0;}
.cab_pick_location_left_address{font-size: 15px; color: #7d7878; padding-left: 26px;}
.cab_pick_location_right{width: 32px;float: left;border-left: 1px solid #dcdcdc;padding-left: 9px;}.cab_pick_location_left_title{font-size: 16px;padding-left: 25px;}.cab_pick_location_left_dot{width: 10px;height: 10px;background: #81bc00;border-radius: 50%;position: absolute;top:9px;left:9px;}
.cab_location_bookmark {position: absolute;font-size: 26px;top: 5px;right: 5px;padding: 5px;color: #000;}
.cab_location_bookmark_red {color: #ef342c; }
.cab_drop_location { background: #fff; border: 1px solid #e6e6e6; width: 85%; position: absolute; top: 5%; min-height: 48px; left: 50%; transform: translate(-50%,0); border-radius: 4px; box-shadow: 2px 3px 4px rgba(197, 194, 194, 0.56);}
.cab_drop_location_wrapper_title{	padding-left: 25px; padding-top: 10px;}
.cab_drop_location_wrapper_title_address{ font-size: 12px; color: #7d7878; padding-left: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 0px; height: 22px;}
.cab_drop_location_dash{	border-right: 2px dashed; position: absolute; width: 2px; height: calc(100% - 42px); top: 13px; left: 21px; }
.cab_drop_location_wrapper { width: 100%; float: left; padding: 3px 0; border-bottom: 1px solid #ededed; padding-left: 10px;}
.cab_drop_location_wrapper_left_icon { width: 13px; height: 40px; position: relative; float: left; z-index: 1;}
.cab_drop_location_wrapper_dot { width: 10px; height: 10px; background: #fc8019; border-radius: 2px; position: absolute; top: 9px; left: 7px;}
.cab_drop_location_wrapper_left_content { width: calc(100% - 25px); float: left; position: relative;}
.cab_drop_location_wrapper_address { font-size: 12px; color: #7d7878; padding-left: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px; padding-top: 10px;}
.cab_drop_location_wrapper_delete { width: 25px; height: 25px; background: #e40000; border-radius: 50%; position: absolute; top: 9px; left: -1px; padding: 9px 8px 10px 6px; line-height: 0px; font-size: 45px; color: white;}
.cab_drop_location_wrapper_switch { width: 30px; height: 30px; box-shadow: 0 0px 10px 1px rgb(232, 232, 232); background: #ffffff; border-radius: 50%; position: absolute; top: -20px; right: 9px; border: 1px solid #e9ecee;}
.cab_drop_location_wrapper_switch_icon {padding-left: 7px !important; line-height: 29px !important;}
.cab_drop_location_wrapper_circle { width: 15px; height: 15px; border: 3px solid #7fc148; border-radius: 50%; position: absolute; top: 15px; left: 5px; background: white;}
.cab_estimate_heading { font-size: 14px !important; color: #505050; padding-top: 15px; padding-bottom: 0; text-align: center; height: 49px; float: left; width: calc(100% - 50px);}
.cab_estimate_map_wrapper { width: 100%; height: calc( 100vh - 358px); margin-top: 50px !important; float: left; overflow: hidden;}
.cab_estimate_map { width: 100%; height: 100%;}
.cab_estimate_details { position: relative; left: 0; width: 100%; z-index: 99; background: #fff; padding: 0px 0px 0px 0px; top: 0; overflow: hidden;}
.cab_estimate_details_handle_gap {width: 100vw; height: 210px; background: #ffffff;}
.cab_estimate_location { background: #fff; border: 1px solid #e6e6e6; width: 85%; position: absolute; top: 5%; min-height: 48px; left: 50%; transform: translate(-50%,0); border-radius: 4px; box-shadow: 2px 3px 4px rgba(197, 194, 194, 0.56);}
.cab_estimate_location_dash{	border-right: 2px dashed; position: absolute; width: 2px; height: calc(100% - 40px); top: 19px; left: 21px; }
.cab_estimate_location_wrapper { width: 100%; float: left; padding: 3px 0; border-bottom: 1px solid #ededed; padding-left: 10px;}
.cab_estimate_location_wrapper_left_icon { width: 13px; height: 40px; position: relative; float: left; z-index: 1;}
.cab_estimate_location_wrapper_dot_green { width: 10px; height: 10px; background: #7fc148; border-radius: 2px; position: absolute; top: 14px; left: 7px;}
.cab_estimate_location_wrapper_dot_orange { width: 10px; height: 10px; background: #fc8019; border-radius: 50%; position: absolute; top: 14px; left: 7px;}
.cab_estimate_location_wrapper_dot_red { width: 10px; height: 10px; background: #fd4219; border-radius: 50%; position: absolute; top: 14px; left: 7px;}
.cab_estimate_location_wrapper_left_content { width: calc(100% - 25px); float: left; position: relative;}
.cab_estimate_location_wrapper_address { font-size: 12px; color: #7d7878; padding-left: 26px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 40px; padding-top: 10px;}
.new-card-div{min-height: 100vh; padding-top: 50px; background: white;}
.new-card-details-wrapper{padding-left: 10px;}
.saved-card-div { padding-top: 70px; background: white; width: 100%; min-height: 100vh; float: left;}
.cab_estimate_details_wrapper { position: relative; width: 100%; background: #161929;}
.cab_estimate_details_offer { background: #fc8018; font-size: 12px; color: #fff; text-align: center; padding: 8px;}
.cab_estimate_details_heading { font-size: 18px; text-align: center; padding-top: 12px; color: #cfd1dc;}
.cab_estimate_details_price {text-align: center; font-size: 21px; color: #fff;}
.cab_estimate_details_button { width: 50%; padding: 0px 10px; height: 40px; background: #1d2033; border-right: 1px solid #000000; font-size: 14px; color: #cfd1dc; line-height: 20px; text-align: center; display: table-cell; vertical-align: middle; border-top: 1px solid #000000;}
.cab_estimate_details_button_wrapper { float: left; width: 100%; height: 40px; display: table;}
.pick-map-canvas { height: calc(100vh - 306px);}
.drop-map-canvas{  height: calc(100vh - 100px);}
.track-map-canvas{height: calc(100vh - 100px);}
.display-wrapper { padding: 5px 10px; position: relative;}
.display-wrapper-name { float: left; width: 50%;}
.display-wrapper-amount { float: left; width: 50%; text-align: right;}
a:hover, a:focus { color: #000000;}
.cab_estimate_details_button:hover,.cab_estimate_details_button:focus{color: #ffffff;}
.cab_estimate_heading_time { font-weight: bolder; color: #000;}
.cab_selector_row_trackride{width: 100vw; overflow: hidden; float: left; height: 150px; overflow: hidden; background: white; position: relative;}
.cab_selector_trackride_heading { width: 100%; background: #161929; color: white; font-size: 12px; line-height: 18px; float: left; height: auto; padding: 8px; text-align: center;}
.cab_selector_row_trackride_cab_image { position: absolute; top: -34px; left: -44px; width: 238px;}
.cab_selector_row_trackride_driver_image { position: absolute; top: 50px; left: 4px; width: 70px; height: 70px; background: white; border-radius: 50%; border: 4px solid #f3f3f3; box-shadow: 5px 5px 20px 0px rgba(96, 100, 103, 0.65);}
.cab_selector_row_trackride_driver_name{position: absolute; top: 94px; left: 55px; background: #151829; padding: 2px 5px; border-radius: 6px; color: #fff;}
.cab_selector_change{float: right; text-align: right; width: 100%; font-size: 14px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0px; padding-right: 10px; line-height: 15px; color: #fc8019;}
.cab_selector_row_trackride_cab_name { float: right; text-align: right; width: 100%; font-size: 20px; padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px; padding-right: 10px; line-height: 15px;}
.cab_selector_row_trackride_cab_color{float: right; text-align: right; width: 100%; padding-right: 10px;}
.cab_selector_row_trackride_cab_number{float: right; text-align: right; width: auto; margin-right: 10px; font-size: 19px; padding: 3px 13px; margin-top: 17px; border-radius: 10px; background-color: #fdfbe5; border: 1px dashed #969262;}
.cab_star_preview{color: #fff; padding: 0px 5px 0px 10px;}
.container-white{background: white; height: 100vh;}
.order-payment-amount { width: 200px; font-size: 20px; padding: 10px 10px; border-radius: 10px; background-color: #fdfbe5; border: 1px dashed #969262; text-align: center; margin: 20px auto;}
.old-order-row-one{font-size: 12px;}
.old-order-float-left{float:left;}
.old-order-float-right{float:right;}
.old-order-highlight{color:#fc8019;}
.no-margin-top{margin-top: 0px !important;}
.rating-div-icon-star{ padding-right: 4px;font-size: 14px;}
.rating-div{ padding-left: 10px;font-size: 14px; #fc8019}
.driver-waiting-confirm{text-align: center; color: #fff; font-size: 14px;}
.pac-container { background-color: #fff; position: absolute !important; z-index: 1000; border-radius: 0px !important; border-top: 1px solid #ffffff !important; font-family: Arial,sans-serif; box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; border-bottom: 1px solid #e6e6e6 !important; top: 49px !important; z-index: 9999!important;   height: calc(100vh - 48px); background: #ffffff;}
.pac-item {padding: 10px 20px !important; background: none !important;}
.pac-icon {font-family: 'icomoon' !important; background:none !important;}
.pac-icon:before {font-family: 'icomoon' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e924";}
.pac-icon{margin-right: 15px !important; font-size: 18px !important; line-height: 18px !important; float: left !important;}
.pac-logo:after{background:none !important;}
.sos-locate-me { width: 60px; height: 60px; position: fixed; right: 5%; border-radius: 50%; background: #fc4d19; text-align: center; display: table; font-size: 16px; color: #fff; line-height: 58px;top: calc(100vh - 320px);}
.whole-cover{position: absolute; width: 100vw; height: 100vh; background: #fc8018; top: 0; left: 0; z-index: 1111;}
.whole-cover-green{background: #60b246;}
.whole-cover-blue{background: #1e2938;}
.form-white-blue { width: 80%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; background-color: #ffffff; color: #1e2938; line-height: 40px; height: 50px !important; padding: 0 2rem; margin-left: calc((100vw - 80%) / 2); margin-top: 20px;}
.form-white-orange { width: 80%; text-decoration: none; cursor: pointer; display: inline-block; text-align: center; border: none; background-color: #ffffff; color: #fc8018; line-height: 40px; height: 50px !important; padding: 0 2rem; margin-left: calc((100vw - 80%) / 2); margin-top: 20px;}
.animation-ctn-reposition{margin: 150px auto 20px auto;}
.spinner {margin: 100px auto;width: 140px;height: 140px;position: relative;text-align: center;-webkit-animation: sk-rotate 2.0s infinite linear;animation: sk-rotate 2.0s infinite linear;}
.dot1, .dot2 {width: 60%;height: 60%;display: inline-block;position: absolute;top: 0;background-color: #fff;border-radius: 100%;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
.dot2 {top: auto;bottom: 0;-webkit-animation-delay: -1.0s;animation-delay: -1.0s;}
.cab_seats {width: 34px; padding-top: 4px; position: absolute; bottom: 3px; right: 0px;}
.icon-sitting-control {font-size: 17px; padding: 3px 0px 3px 0px; float: left;}
.cab_selector_cab_seat { font-size: 14px; float: left; padding-left: 3px; padding-top: 1px;}
.btn-half{width: 50%;float: left;}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}
@-webkit-keyframes sk-bounce {0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) }}
@keyframes sk-bounce {0%, 100% {transform: scale(0.0);-webkit-transform: scale(0.0);} 50% { transform: scale(1.0);-webkit-transform: scale(1.0);}}


/*CUSTOM CSS*/
.cartMessage {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 1051;color: #ffffff;font-size: 12px;text-align: center;}
.cartMessage-box{ background: #fc4022;width: 315px;min-height: 33px;padding: 10px;margin: 20px auto;border-radius: 2px;}
.cartMessage .cartMessage-box{ background: #60b246;}
.cartMessage.cartMessageError .cartMessage-box{background: #fc4022;}
.cartMessage-content{ float: left;width: 280px;}
.cartMessage_close {float: right;font-size: 12px;color: #fff;}
.ng_sub_btn{position:relative;outline:none;cursor:pointer;}
.ng_sub_btn:not([disabled]):hover{ background:#2ecc71;}
.ng_sub_btn[disabled]{background: #3c7d57;color: #ffffff3b;cursor: default;}
.ng_sub_btn:after{content:'';display:block;position:absolute;opacity:0;width:30px;height:30px;border:5px solid rgba(255,255,255,0.3);border-right-color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;left:-30px;top:5px;-webkit-animation-name: rotate; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;-moz-animation-name: rotate; -moz-animation-duration: .5s; -moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;transform:scale(2);}
.ng_sub_btn.ng_loading:after {opacity:1;left:15px;}
.password-view{cursor: pointer; pointer-events: all; right: 10px; top: 10px; font-weight: bold;}
.force-move { top: -23px !important; right: 0px !important;}
.notifications .notifications-container{z-index: 2000;}
.block-imp{display: block !important;}
.menuspinner:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: 4px; margin-left: -4px; border-radius: 50%; border: 2px solid #ccc; animation: menuspinner .6s linear infinite;}
a.accordion-toggle{display: block;}
.modal-content{border-radius: 0px;}
.cmp-multisel{cursor: pointer;}
.cntnt-loader-cntnr{ padding-left: 45% !important; padding: 2%;}
.cntnt-loader { border: 4px solid #f3f3f3; border-radius: 50%; border-top: 4px solid #7fc149; border-bottom: 4px solid #3d4152; width: 48px; height: 48px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite;}
.mobileShow { display: none;}
.mobileHide { display: inline;}
.fixed-div-lft { position: fixed; width: 25%;}
.fixed-div-rght { position: fixed; width: 33.33333333%;}
.page-change{ float:left; min-height: 100vh; width: 100%;}
.page-change.ng-leave { -webkit-animation:slideOutLeft 0.4s both ease-in; -moz-animation:slideOutLeft 0.4s both ease-in; animation:slideOutLeft 0.4s both ease-in; }
.page-change.ng-enter {  -webkit-animation:slideInRight 0.4s both ease-in; -moz-animation:slideInRight 0.4s both ease-in; animation:slideInRight 0.4s both ease-in; }
.footer-container { float: left; width: 100%;}
.leftmenu-item-div-bar{border-right: 4px solid #fc8019;}
.store-feedbacks-t4{background-repeat: no-repeat;}
.chk-instruction{padding: 0px 0px;margin-top: 20px;position: relative;background: #fff;}
.footer-container footer {background-color: #171a29;padding: 35px 0;margin-top: -1px;}
[ng\:cloak], [ng-cloak], .ng-cloak {display: none;}
[ng-click],[data-ng-click], [x-ng-click] {cursor: pointer;}
[ng-click][disabled]{cursor: not-allowed; opacity: 0.7;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes rotate {from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(360deg);}}
@keyframes menuspinner {to {transform: rotate(360deg);}}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); }}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}
@keyframes slideInRight {from { transform:translateX(100%); } to { transform: translateX(0); }}
@-moz-keyframes slideInRight {from { -moz-transform:translateX(100%); } to { -moz-transform: translateX(0); }}
@-webkit-keyframes slideInRight {from { -webkit-transform:translateX(100%); } to { -webkit-transform: translateX(0); }}
@keyframes slideOutLeft { to { transform: translateX(-100%);}}
@-moz-keyframes slideOutLeft {to { -moz-transform: translateX(-100%); }}
@-webkit-keyframes slideOutLeft {to { -webkit-transform: translateX(-100%);}}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){ .mobileShow { display: inline;}}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){  .mobileHide { display: none;}}
.hide-before-load{display: none;}
.store-menucontainer .cart-store-header{display: none;}
[ripple] {overflow: hidden;}
[ripple-rel] {position: relative; overflow: hidden;}
[ripple] .ripple--container, [ripple-rel] .ripple--container {top: 0; right: 0; bottom: 0; left: 0; }
[ripple] .ripple--container span, [ripple-rel] .ripple--container span {transform: scale(0); border-radius: 100%; position: absolute; opacity: 0.75; background-color: #fff; animation: ripple 500ms;}
@-moz-keyframes ripple {to {opacity: 0; transform: scale(2);}}
@-webkit-keyframes ripple {to {opacity: 0; transform: scale(2);}}
@-o-keyframes ripple {to {opacity: 0; transform: scale(2);}}
@keyframes ripple {to { opacity: 0; transform: scale(2);}}
.map-center-block {position: fixed; top: 30%; left: 49%; height: 50px; display: block; width: 50px; transform: translate(-50%, -50%);}
.map-center-point{ position: absolute; top: 50%; left: 50%; z-index: 1; margin-left: -10px; margin-top: -34px; height: 44px; width: 44px; cursor: pointer; background: #fff; border-radius: 50%; border:2px solid green; text-align: center; transition: all 600ms; transform: translateY(0px); transition: all 0.5s; -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1); line-height: 44px; font-size: 11px; margin-left: -20px!important; margin-top: -72px!important;}
.map-center-point:before { width: 2px; height: 8px; background: green; content: ''; position: absolute; bottom: -8px; right: 19px;}
.map-center-point:after { width: 8px; height: 8px; background: #fff; border: 1.4px solid green; border-radius: 50px; position: absolute; bottom: -15px; right: 16px; content: '';}
.map-center-loaderpoint{ margin-left: -18px !important; margin-top: -39px !important; background: none !important; font-size: 40px; border:none !important;}
.map-center-loaderpoint:before { display: none;}
.map-center-loaderpoint:after { display: none;}
.map-center-point-p { transform: rotate(135deg); transition: transform 0.5s;}
.map-locate-me{ width: 40px; height: 40px; position: fixed; top: calc(100vh - 425px); right: 5%; border-radius: 50%; background: #ffffff; text-align: center; display: block; display: table;}
.map-locate-me-new{ width: 40px; height: 40px; position: fixed; top: calc(100vh - 425px); right: 5%; border-radius: 50%; background: #ffffff; text-align: center; display: block; display: table;}
.map-locate-me-icon { color: #00000; font-size: 20px; vertical-align: middle; display: table-cell; vertical-align: middle;}
.customer-notif-wrapper {float: left; width: 100vw; padding: 15px; border-bottom: 1px solid #d4d5d9;}
.customer-notif-title {font-size: 14px; color: #e46d47;}
.customer-notif-title-desc {font-size: 12px;}
.customer-notif-title-date {font-size: 10px;}

.tip-block {
    margin-left: -15px;
    margin-right: -15px;
    background: #f3f3f7;
    padding: 15px;
    margin-bottom: 30px;
    height: calc(100vh - 300px);
}
.tip-block-header {
    font-size: 18px;
    text-align: center;
}
.tip-block-amount {
    display: flex;
    display: flex;
    justify-content: center;
}
.tip-block-amount-button {
    background-color: #ffffff;
    width: 15vw;
    height: 15vw;
    margin: 10px;
    text-align: center;
    line-height: 15vw;
    font-size: 30px;
    border-radius: 100%;
    color: #60b245;
    border: 2px solid #60b245;
}
.tip-block-amount-button-selected {
    color: #fff;
    background: #60b245;
}

/*COMMON MEDIA QUERY*/

@media only screen and (max-width: 992px)
{
	.home-search-div {width: 500px;top: 30%;}
	.home-search-div .search-div-title{font-size: 18px;}
	.profile-design-div{min-height: 100vh; overflow-x: hidden;}
}
@media only screen and (max-width: 768px)
{
	.home-search-div {width: 500px;top: 30%;}
	.home-search-div .search-div-title{font-size: 18px;}
	.profile-design-div{min-height: 100vh; overflow-x: hidden;}

}
@media only screen and (max-width: 639px)
{
	.home-search-div {width: 450px;top: 30%;}
	.home-search-div .search-div-title{font-size: 18px;}
	.profile-design-div{min-height: 100vh; overflow-x: hidden;}

}
@media only screen and (max-width: 479px)
{
	.home-search-div {width: 400px;top: 30%;}
	.home-search-div .search-div-title{font-size: 18px;}
	.profile-design-div{min-height: 100vh; overflow-x: hidden;}

}

@media only screen and (max-width: 400px)
{
	.home-search-div {width: 300px;padding-bottom: 0px;top: 30%;}
    .home-search-div .search-div-title{font-size: 15px;}
    .home-search-div .search-div-subtitle {font-size: 11px; margin-top: 10px;}
    .home-search-div .custom-search-locate {margin-top: 10px;}
	.do-takeaway-box .do-takeaway-box-image {width: 60px; height: 60px;}	
	.do-takeaway-box .do-takeaway-box-content {width: 78%;}
	.do-takeaway-box-info {font-size: 12px;}
	.large-do-takeaway-box .large-do-takeaway-box-image {width: 60px; height: 60px;}	
	.large-do-takeaway-box .large-do-takeaway-box-content {width: 78%;}
	.large-do-takeaway-box-info {font-size: 12px;}
	.do-ribbon {font-size: 8px; line-height: 7px;}
	.profile-design-div{min-height: 100vh; overflow-x: hidden;}
	.inside-menu-product-details{width: 50%;}
}
@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;}
    .profile-design-div{min-height: 100vh; overflow-x: hidden;}
	.string-default {padding-left: 10px;}
}
@media (max-width: 576px){

  	img.mobile-logo{width:50px; top:4; left:3;}
    .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%;}
}
@media (max-width: 1160px)
{
	.home-search-div-video {position: fixed;}
}
@media screen and (max-height: 500px) 
{
	.foot-height-hide {display: none;}
}

.order-display-row-content-last:after, .order-display-row-content-last:before{border: none;} 
 
/*For JUMP WEB*/
@media only screen and (min-width: 992px)
{
	.web-left-pane {height:100vh;}
	.web-right-pane {height: 100vh; overflow: scroll;}
	.profile-details { padding: 0 16px; padding-top: 0px; margin-top: -40px;}
}