::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.pac-container { z-index: 100000; position: fixed !important;}
.search_address {position: relative;}
h3 p{
    font-size: 14px !important;
    font-weight: 400;
    margin: 0;
    margin-top: 5px;
    line-height: 1;
}

/* Chrome, Safari, Edge, Opera */
#tablenumberinput input::-webkit-outer-spin-button,
#tablenumberinput input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#tablenumberinput input[type=number] {
  -moz-appearance: textfield;
}

/* tip radio button Style CSS */
.radio-driver-tip {
  margin: 10px 0;
}

.radio-driver-tip input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-driver-tip label {
    display: inline-block;
    background-color: #ffffff;
    padding: 3px 15px;
    font-size: 16px;
    border: 1px solid #444;
    border-radius: 4px;
}

.radio-driver-tip label:hover {
  background-color: #f9eded;
  border-color: #e30518;
}

.radio-driver-tip input[type="radio"]:focus + label {
    border-color: #e30619;
}

.radio-driver-tip input[type="radio"]:checked + label {
    background-color: #f9eded;
    border-color: #e30518;
}
/* end tip radio button Style CSS*/

.carousel-control-prev, .carousel-control-next{
	z-index: 2 !important;
}

.overlay{
	background: #e9e9e9 !important;
	position:  absolute;
	top: 0;
	right:  0;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	z-index: 99999;
}

.topping-calories{
	position: absolute;
	top: 20px;
	left: 30px;
	color: #636C77;
	width: 100px;
}
.item label:has(span.topping-calories){
	margin-bottom: 15px !important; 
}
.kcal-available{
	margin-bottom: 15px !important;
}

/*.topping-calories:parent(label){
	margin-bottom: 20px !important; 
}*/

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #FFFFFF;
	border: 1px solid #cacece;
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	
}

.regular-checkbox:checked + label {
	background-color: #e30518;
	border: 1px solid #e30518;
	color: #FFFFFF;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -4px;
	left: 3px;
	color: #FFFFFF;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}



.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}

/* RADIO */

.regular-radio {
	display: none;
}

.regular-radio + label {
	-webkit-appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #cacece;
	padding: 9px;
	border-radius: 50px;
	display: inline-block;
	position: relative;
}

.regular-radio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #e30518;
	text-shadow: 0px;
	left: 3px;
	font-size: 32px;
}

.regular-radio:checked + label {
	background-color: #FFFFFF;
	color: #99a1a7;
	border: 1px solid #adb8c0;
}

.regular-radio + label:active, .regular-radio:checked + label:active {
}

.big-radio + label {
	padding: 16px;
}

.big-radio:checked + label:after {
	width: 24px;
	height: 24px;
	left: 4px;
	top: 4px;
}

/* ------- IGNORE */

#header {
	width: 100%;
	margin: 0px auto;
}

#header #center {
	text-align: center;
}

#header h1 span {
	color: #000;
	display: block;
	font-size: 50px;
}

#header p {
	font-family: 'Georgia', serif;
}
#header h1 {
	color: #892dbf;
	font: bold 40px 'Bree Serif', serif;
}

#travel {
	padding: 10px;
	background: rgba(0,0,0,0.6);
	border-bottom: 2px solid rgba(0,0,0,0.2);
	font-variant: normal;
	text-decoration: none;
	margin-bottom: 20px;
}

#travel a {
	font-family: 'Georgia', serif;
	text-decoration: none;
	border-bottom: 1px solid #f9f9f9;
	color: #f9f9f9;
}

/*************** 10-2-21 ****************/
.rangeslide_main{ margin:0; padding:20px 0 30px 0;}
.range{ position: relative; width:50%;}
.range input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; width: 100%; height: 22px; cursor: pointer; display: block; }
.range input[type=range]:focus { outline: none; }
.range input[type=range][disabled] { opacity: 0.3; cursor: default; }
.range .rangeslider { position: relative; height: 22px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.range .rangeslider:before { box-sizing: border-box; width: 100%; height: 6px; background: #cad0d7; border-radius: 100px; content: ""; position: absolute; top: 50%; transform: translateY(-50%); }
.range input::-webkit-slider-runnable-track { box-sizing: border-box; width: 100%; height: 4px; background: #e6e6e6; border-radius: 100px; margin: 11px 0; }
.range input::-moz-range-track { box-sizing: border-box; width: 100%; height: 4px; background: #e6e6e6; border-radius: 100px; margin: 11px 0; }
.range input::-ms-track { box-sizing: border-box; width: 100%; height: 4px; background: #e6e6e6; border-radius: 100px; color: transparent; padding: 11px 0; background: transparent; border-color: transparent; }
.range input::-ms-fill-lower, .range input::-ms-fill-upper { box-sizing: border-box; width: 100%; height: 4px; background: #e6e6e6; border-radius: 100px; }
.range input::-ms-fill-lower { background: #60cd18; }
.range .rangeslider-fill-lower { background-color: #e30518; border-radius: 100px; position: absolute; top: 50%; transform: translateY(-50%); height: 6px; will-change: width; }
.range input::-webkit-slider-thumb { box-sizing: border-box; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5); border: 6px solid #fff; height: 24px; width: 24px; border-radius: 100px; background: #333940; cursor: pointer; -webkit-appearance: none; appearance: none; transform: translateY(-50%); margin-top: 2px;}
.range input::-moz-range-thumb { box-sizing: border-box; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5); border: 6px solid #fff; height: 24px; width: 24px; border-radius: 100px; background: #333940; cursor: pointer;}
.range input::-ms-thumb { box-sizing: border-box; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5); border: 6px solid #fff; height: 24px; width: 24px; border-radius: 100px; background: #333940; cursor: pointer; }
.range .rangeslider-thumb { box-sizing: border-box; box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5); border: 2px solid #fff; height: 15px; width: 15px; border-radius: 100px; background: #e30518; cursor: pointer; position: absolute; touch-action: pan-x; top: 50%; transform: translateY(-50%); will-change: left; }
.range .range-output { position: absolute; left: 6px; top: 6px; transform-origin: 0 0; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.range .range-output .output { display: block; position: absolute; height: 26px; line-height: 25px; min-width: 52px; padding: 0 5px; top:-16px; transform: translate(-50%, -100%); background: #636c77; color: #fff; border-radius: 3px; white-space: nowrap; font-weight: 400; font-size: 14px; text-align: center; margin-left: -1px;}
.range .range-output .output:before { content: ""; position: absolute; bottom: -5px; left: 50%; border: 5px solid #636c77; border-bottom: none; border-left-color: transparent; border-right-color: transparent; transform: translateX(-50%); }


/******** ********/
.restaurent-ban.restu_bnr_main{ background:none; min-height:inherit; position:relative;}
.restaurent-ban.restu_bnr_main:before,.restaurent-info .modal-header:before{ content:""; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3);}
.restaurent-ban.restu_bnr_main .rest_bnr_img{ width:100%;}

/*
.restaurant-detail .no_detail.tabcontent ul li .text h4{ height: 1rem;  width: 50%;  border-radius: 3px; background:#c0c0c0;}
.restaurant-detail .no_detail.tabcontent ul li .text p{ height: 1rem;  width: 90%;  border-radius: 3px; background:#c0c0c0;}
.restaurant-detail .no_detail.tabcontent ul li .text .price{ height: 1rem;  width: 10%;  border-radius: 3px; margin-bottom:1rem; background:#c0c0c0;}
.restaurant-detail .no_detail.tabcontent ul li .img{ width:120px; height:120px; border-radius: 3px; background:#c0c0c0;}
*/

.card-image { margin: 0; padding: 0; height: 120px; width:120px; overflow: hidden; }
.card-image img { max-width: 100%; height: auto; }
.loading { position: relative; background-color: #E2E2E2; overflow:hidden;}
.loading.card-image { border-radius: 0; }
.loading:after { display: block; content: ""; position: absolute; width: 100%; height: 100%; transform: translateX(-100%); background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);-webkit-animation: loading 1.5s infinite; animation: loading 1.5s infinite;}
@-webkit-keyframes loading {  100% {
    transform: translateX(100%);
    }
}
@keyframes loading {  100% {
    transform: translateX(100%);
    }
}

.card-title.loading { height: 1.1rem; width:60%;}
.card-price.loading { height: 1rem; width:10%; margin-bottom:10px;}
.card-image.image { max-width: 100%; height: auto; }
.card-description.loading { height: 1.5rem; width:90%;}

/*********** ********/
.search_info{ padding:0; margin: 0 15px 0 5px; text-align:center; width: 234px; display:inline-block; position:relative; top:-2px;}
.search_info .dropdown{ position:relative;}
.search_info .dropdown > .btn.dropdown-toggle{ background: #FFFFFF !important; border: none; text-align: left; letter-spacing: 0px; color: #000000; text-transform: capitalize; opacity: 1;margin:0; padding:0 10px 0 0; border-right: 1px solid #DDDDDD; border-radius:0 0 0 0; box-shadow:none;}
.search_info .dropdown > .btn.dropdown-toggle i{ margin-left: 5px; font-size: 18px}
.search_info .dropdown > .btn.dropdown-toggle:after{ display:none;}
.search_info .btn-default{ width:50px; height:50px; padding:0 10px; font-size:16px; color:#03a9f4; background:#fff; border:none; box-shadow:none; border-radius:0;}
.search_info .serach_inner .btn-default:after{ content: "\f002"; font-family: 'FontAwesome'; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}
.search_info .dropdown.open .btn-default:after{ content: "\f00d"; font-size:20px;}
.search_info .drop_btn .btn-group .dropdown-toggle:active, .search_info .drop_btn .btn-group.open .dropdown-toggle{ background:#03a9f4; border:none; color:#fff;}
.search_info .btn-default:active, .search_info .btn-default.active, .search_info .open > .dropdown-toggle.btn-default{ background:#03a9f4; border:none; color:#fff;}
.search_info .dropdown-menu{ min-width:600px; padding:25px; background:#fff; border:none; border-radius:0; left:-110px; margin-top:10px;}
.search_info .serach_inner{ width:100%; max-width:100%; float:left; padding:0; margin:0;}
.search_info .input-group{ width:100%; float:left;}
.search_info .input-group .form-control{ height:38px; border-radius:0; box-shadow:none; border-color:#ccc !important;}
.search_info .input-group .btn-default{ width:auto; height:38px; padding:0 10px; color:#fff; font-size:14px; border:none; border-radius:0; background:#c10213; box-shadow:none; font-size:20px;}
.search_info .input-group .btn-default:after{ display:none;}
.search_info .input-group .btn-default:hover, .search_info .input-group .btn-default:focus{ color:#fff; background:#010101;}



@media (max-width:575px){
.range{ position: relative; width:100%;}

.restaurent-ban.restu_bnr_main .rest_bnr_img{ min-height:140px; object-fit:cover; position:relative;}
.search_area{width: 100%;}
}

@media (max-width:338px){
.restaurent-ban.restu_bnr_main .rest_bnr_img{ min-height:210px; object-fit:cover;}
}

/********* 11-2-21, 12-2-21 *********/
.radio_filter{ margin:0 0 20px 0; padding:0;}
.radio_filter .custom-radio{ margin:0 20px 0 0; padding:0;}
.radio_filter .custom-radio .custom-control-label{ margin:0; padding:0 0 0 33px; position:relative;}
.radio_filter .custom-radio .custom-control-label:before{ -webkit-appearance: none; background-color: #FFFFFF !important; border: 1px solid #cacece; padding: 9px; border-radius: 50px; display: inline-block; position: relative; box-shadow:none !important; position:absolute; left:0; top:2px;}
.radio_filter .custom-radio .custom-control-label:after{ box-shadow:none !important; background:#e30518 !important; content:' '; width:12px; height:12px; border-radius:50px; position:absolute; top:6px; left:4px; opacity:0;}
.radio_filter .custom-radio .custom-control-input:checked ~ .custom-control-label:after{ opacity:1;}

.restaurant-listing .tabcontent .head ul.desktop-sorting{ margin-top:-3px;}
.restaurant-listing .tabcontent .head .desk-search{ margin-bottom:26px; display:inline-block !important; width:100%; max-width:545px;}
.restaurant-listing .tabcontent .head .desk-search .select{ width:calc(100% - 45px);}

/*-- 16 Fab Change Replace start --*/
.frm_blck{ width:100%; float:left; position: relative; margin:0 0 15px 0; padding:0; text-align:left; clear:both;}
.frm_blck label { color: #bbb; font-size: 14px; text-transform: uppercase; position: absolute; z-index: 2; left: 10px; top: 10px; padding: 0 10px; pointer-events: none; background: #fff; -webkit-transition: -webkit-transform 100ms ease; -moz-transition: -moz-transform 100ms ease; -o-transition: -o-transform 100ms ease; -ms-transition: -ms-transform 100ms ease; transition: transform 100ms ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.frm_blck input, .frm_blck textarea, .frm_blck select { width:100%; font-size: 16px; color: #000; outline: none; border:1px solid #cad0d7; padding: 0 15px; border-radius: 0; position: relative; height:48px; box-shadow:none !important;}
.frm_blck textarea{ height: 100px; }
/*.frm_blck input:invalid + label { -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}*/
.frm_blck input:focus, .frm_blck textarea:focus { border-color: #333; }
.frm_blck input:focus + label, .frm_blck input:checked  label, .frm_blck textarea:focus + label, .frm_blck textarea:checked  label { font-size:11px; font-weight:500; color: #333; -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px); -o-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px); }
.frm_blck input.valided + label, .frm_blck textarea.valided + label{ font-size:11px; font-weight:500; color: #333; -webkit-transform: translateY(-24px); -moz-transform: translateY(-24px); -o-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px);}
/*-- 16 Fab Change Replace end --*/

.error{}
.error label{ color:#e30518 !important;}
.error input, .error textarea{ border-color:#e30518 !important; box-shadow:none !important; color:#e30518 !important;}
.error .input{ border-color:#e30518 !important; box-shadow:none !important; color:#e30518 !important;}
.error ::placeholder{ color:#e30518 !important; opacity:1;}
.error_msg{ margin:0; padding:0; display:block; font-size:12px; position:relative;}
.error_msg:after{ display: block; content: ''; width: 0; height: 0; border: 5px solid transparent; position: absolute; top:0; left: 16px; border-top: 4px solid #e30518;}

.login .right .box .frm_blck{ margin:15px 0 0 0;}

.restaurant-detail .right .item ul{ height:148px; overflow-y: auto;}


@media (max-width:1500px){
.login .right .box { padding: 80px 60px 0;}
.login .right .box .submit{ margin:40px 0 60px 0;}
.login .right .box .frm_blck{ margin-top:25px;}
.login .right .box .login-btn{ width:100%; margin-left:0; margin-right:0;}
.login .right .box h4{ margin-top:25px;}
}

/* iPad pro */
@media only screen 
    and (device-width : 1024px) 
    and (device-height : 768px) 
    and (-webkit-device-pixel-ratio : 2) {
    .login .right .box { padding: 50px 50px 0;}
    .login .right .box .submit{ margin:20px 0 20px 0;}
    .login .right .box h4{ margin-top:0;}
    .login .right .box .frm_blck{ margin-top:10px;}
}
@media (max-width:991px){
.login .right .box { padding: 50px 60px 10px; height: calc(100% - 80px);}
.login .right .box .submit { margin: 20px 0 30px 0;}
.login .right .box h4{ margin-top:0;}
.login .right .box .frm_blck{ margin-top:10px;}
}

/* iPad */
@media only screen 
    and (device-width : 768px) 
    and (device-height : 1024px) 
    and (-webkit-device-pixel-ratio : 2) {
    .login .right .box .frm_blck{ margin-top:10px;}
    .login .right{ height: calc(100vh - 285px);}
    .login.signup .right .box .frm_blck{ margin-top:25px;}
    .login.signup .right h4{ margin-top:10px;}
}

@media (max-width:767px){
.radio_filter .custom-radio{ margin:0 7px 0 0;}
.radio_filter .custom-radio .custom-control-label{ padding:0 16px; border: 2px solid #e30619; border-radius: 50px; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #e30619; line-height:32px;}
.radio_filter .custom-radio .custom-control-label:before, .radio_filter .custom-radio .custom-control-label:after{ display:none !important;}
.radio_filter .custom-radio .custom-control-input:checked ~ .custom-control-label, .radio_filter .custom-radio .custom-control-input:checked + .custom-control-label{ background:#e30619; color:#fff;}
.restaurant-listing .tabcontent .head ul.desktop-sorting{ display:block ; float:left; width:100%;}
.restaurant-listing .tabcontent .head ul.desktop-sorting li{ clear:inherit !important;}
.restaurant-listing .tabcontent .head ul.desktop-sorting li:last-child{ margin-right:0; float:right !important;}

.login .right .box { padding: 50px 20px 10px;}
}

@media (max-width:600px){
.restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:14px;}
}
@media (max-width:360px){
.restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:12px;}
}

/* iPhone XS Max iOS 12 and iPhone XR iOS 12 */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {
        .login .left .box{ padding:90px 15px;}
        .login .right .box{ padding-top:60px;}
        .login .right .box .submit{ margin:40px 0 70px 0;}
    	.login .right .box .login-btn{ width:100%; margin-left:0; margin-right:0;}
        .restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:14px;}
}
/* iPhone XS Max iOS 12 and iPhone XR iOS 12 */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) {
        .login .left .box{ padding:90px 15px;}
        .login .right .box{ padding-top:60px;}
        .login .right .box .submit{ margin:40px 0 70px 0;}
    	.login .right .box .login-btn{ width:100%; margin-left:0; margin-right:0;}
        .restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:14px;}
}
/* iPhone 6/7/8 Plus iOS 11 */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 736px) 
    and (-webkit-device-pixel-ratio : 3) {
    	.login .right .box .login-btn{ width:100%; margin-left:0; margin-right:0;}
        .restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:14px;}
}
/* iPhone X/XS iOS 12 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        .login .left .box{ padding:90px 15px;}
        .login .right .box .submit{ margin:20px 0 30px 0;}
    	.login .right .box .login-btn{ width:100%; margin-left:0; margin-right:0;}
        .restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:14px;}
}
/* iPhone 6/7/8 iOS 11 */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 667px) 
    and (-webkit-device-pixel-ratio : 2) {
        .login .left .box{ padding:50px 15px;}
        .login .right .box .login-btn img{ padding-right:10px;}
        .restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:14px;}
}
/* iPhone 5S/SE iOS 10.3.1 */
@media only screen 
    and (device-width : 320px) 
    and (device-height : 568px) 
    and (-webkit-device-pixel-ratio : 2) {
		.login .right .box .login-btn{ margin-left:2px; margin-right:2px;}
        .login .right .box .login-btn img{ padding-right:10px;}
        .restaurant-listing .tabcontent .head ul.desktop-sorting li a{ font-size:12px;}
}
/* Galaxy Fold */
@media only screen 
    and (device-width : 280px) 
    and (device-height : 653px) 
    and (-webkit-device-pixel-ratio : 3) {
		.login .left{ width:100%; height:inherit !important;}
		.login .right{ width:100%; }
        .login .left .box{ position: relative; top: auto; left: auto; transform: translate(0%,0%); -webkit-transform: translate(0%,0%); padding: 30px 15px 20px 15px;}
        .login .left h1{ font-size:26px; line-height:normal; margin:10px 0;}
        .login .left h2{ font-size:16px; line-height:normal;}
        .login .right .box{ padding-top:40px;}
        .login .right .box .frm_blck { margin-top: 10px;}
        .login .right .box span.remember, .login .right .box span.forgot{ font-size:14px;}
        .login .right .box form .clearfix.m-top{ padding-top:15px;}
        .login .right .box .submit{ margin:10px 0;}
        .login .right .box .h2{ font-size:28px; line-height:normal; margin-bottom:0;}
        .login .right .box .h2:before{ height:36px;}
}

/*----N---*/
.cbp-af-header.cbp-af-header-shrink{ z-index:99;}
.tab-box.sticky{ position:fixed; top:75px; z-index:98; background:#f7f7f7; width:75%;}
@media (max-width:1200px){
.tab-box.sticky{ width:715px!important;}
}
@media (max-width:991px){
.tab-box.sticky{ width:100%!important;}
}
@media (max-width:767px){
.tab-box.sticky{ top:60px; }
}

.cart_in {height:calc(100vh - 85px); overflow:auto; background:#FFFFFF;} /*-- 17-2 change --*/
@media (max-width:1400px){
/*.cart_in {height:580px;}*/ /*-- 17-2 change --*/
}
.restaurant-detail .right{ margin-top:0; /*top:-44px;*/}

/*---- 15-Fab ----*/
.mprice{ float: right; text-align: right; font: normal normal bold 18px/30px Source Sans Pro; letter-spacing: 0px; color: #424852; text-transform: uppercase; opacity: 1;}

.detail-view .modal-body .item ul li .regular-radio + label { margin: 0 10px 0 0; top: 4px;}
.detail-view .modal-body .item ul li span.m-dprice{ float: right; text-align: right; font: normal normal normal 16px/25px Source Sans Pro; letter-spacing: 0px; color: #424852; text-transform: uppercase; opacity:1; width:auto; padding:0 10px;}


.mdl-foot .qty{display: inline-block; border: 1px solid #ddd; border-radius: 5px; line-height: 0px; width:100%;}
.mdl-foot .qty input{ width: calc(100% - 56px); height: 44px; text-align: center; font-size: 26px; vertical-align: middle; border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:none;border-bottom:none;border-radius: 0; text-align: center; font: normal normal 600 16px/40px Source Sans Pro; letter-spacing: 0px; color: #FF0000; opacity: 1; margin:0; padding:0 5px; float:left;}
.mdl-foot span {cursor:pointer; }
.mdl-foot .number{margin:100px;}
.mdl-foot .minus, .mdl-foot .plus{ width: 28px; height: 44px; background: #f2f2f2; border-radius: 4px; padding: 0 5px; float:left; vertical-align: middle; text-align: center; font-weight: bold; color: #000000; line-height: 44px;}

.detail-view .modal-body .boxinn{ margin:0 0 10px 0; padding:0 5px; overflow:hidden;}
.detail-view .modal-body .boxinn .item{ margin-bottom:0;}
.prdct-list-req{ float:right; font-size: 12px; font-weight: 700; border-radius: 2px; background:rgba(39,111,191,0.1); color:#0067D9; text-transform: uppercase; padding:3px 8px 4px; margin:0; line-height:normal;}

/* validation */
.vldrq{ background:rgb(227, 5, 24, 0.06);}
.vldmsg{ margin:0; padding:0; font:normal 500 normal 15px/23px Source Sans Pro; color: #e30518; display:none;}
.vldrq .prdct-list-req{ background:#e30518; color:#fff;}
.vldrq .vldmsg{ display:block;}


@media (max-width:575px){
.detail-view .modal-body .head{ padding:10px; margin:0 -10px 20px;}
.detail-view .modal-body{ padding:0 10px 20px;}
}

/*---- 17-Fab ----*/
.opn_cls_lbl{ margin:18px 0 0 0; padding: 0 8px 1px 8px; display:inline-block; text-align: center; font: normal normal 600 14px/24px Source Sans Pro; line-height: 18px; letter-spacing: 0px; color: #FFFFFF; opacity: 1; background: #48c479; border-radius: 4px; text-transform:uppercase;}
.opn_cls_lbl.clsed{ background:#E30518; color:#fff;}

.card-title-main.loading { height: 1.1rem; width:30%;}
.card-nolist{ display:inline-block;}
.card-nolist.loading { height: 1rem; width:4rem;}

.restaurant-detail .left .tabcontent ul li .text .price{ line-height:normal; bottom:17px;}
.restaurant-detail .left .tabcontent ul li .text p { margin-bottom:30px;}

.more_link{ display:inline-block; margin:0; padding:0; color:#E30518;}
.more_link .rm0{ display:none;}
.more_link .rl0{ display:inline-block;}

.more_link.collapsed .rm0{ display:inline-block;}
.more_link.collapsed .rl0{ display:none;}

.alrtmodl{}
.alrtmodl .modal-dialog{ max-width: 600px;}
.alrtmodl .modal-content{}
.alrtmodl .modal-body{ padding:0;}
.alrtmodl .close{ color:#000; position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; opacity: 1;}
.alrtmodl .mdl-detail{ margin:0; padding:40px 20px 30px 20px; text-align:center;}
.alrtmodl .arlt_icon{ margin:0 0 10px 0; padding:0; font-size:80px; color:#E30518; font-style: normal; display: inline-block; line-height: 70px;}
.alrtmodl h3{ margin:0 0 5px 0; padding:0; font: normal normal 600 25px/30px Source Sans Pro; color:#E30518;}
.alrtmodl p{ margin:0; padding:0; font-size:16px; line-height:23px; color:#999;}
.alrtmodl .btn-block{ margin:30px 0 0 0; padding:0;}
.alrtmodl .btn-block a{ display:inline-block; line-height: 46px; /*width:45%;*/}
.alrtmodl .red-btn:hover{ color:#fff;}


.alrtmod2 .close{ color:#000; position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; opacity: 1;}
.alrtmod2 .mdl-detail{ margin:0; padding:0 20px 0 20px;}
.alrtmod2 .arlt_icon{ margin:0 0 10px 0; padding:0; font-size:80px; color:#E30518; font-style: normal; display: inline-block; line-height: 70px;}
.alrtmod2 h3{ margin:0 0 5px 0; padding:0; font: normal normal 600 25px/30px Source Sans Pro; color:#E30518;}
.alrtmod2 p{ margin-bottom: 10px; padding:0; font-size:16px; line-height:23px;}
.alrtmod2 .btn-block{ text-align: right;}
.alrtmod2 .btn-block a{ display:inline-block; line-height: 46px; /*width:45%;*/}
.alrtmod2 .red-btn:hover{ color:#fff;}

.restaurant-detail .right .item ul{ height:223px;}

#voucherListmodl{}
#voucherListmodl .modal-dialog{ max-width: 430px;}
#voucherListmodl .modal-content{}
#voucherListmodl .modal-body{ padding:0;}
#voucherListmodl .close { position: absolute; top: 10px; right: 10px; margin: 0; padding: 0; color: #FFF; opacity: 1;}
#voucherListmodl .mdlttl{ background: #E30518; opacity: 1; margin:0; padding: 10px 20px; color:#fff; font-size:23px; border-radius:5px 5px 0 0; font-weight:700;}
#voucherListmodl ul{ margin:0; padding:0;}
#voucherListmodl ul li{ margin:0; padding:20px 150px 20px 20px; display:block; border-bottom:1px solid #f1f1f1; position:relative; min-height:70px;}
#voucherListmodl ul li:last-child{ border:none;}
#voucherListmodl ul li p{ margin:0; padding:0; font-size:14px; line-height:21px;}
#voucherListmodl ul li .white-btn.voucherapply{ min-width:120px; margin:0; padding:0 10px; position:absolute; right:20px; top:13px; font-size:16px; text-transform:uppercase; background:#19b055; color:#fff; border:none;}
#voucherListmodl ul li .white-btn.voucherused{ min-width:120px; margin:0; padding:0 10px; position:absolute; right:20px; top:13px; font-size:16px; text-transform:uppercase; background:#E30518; color:#fff; border:none;}
#voucherListmodl ul li button:hover{ background:#068237; color:#fff;}


/*** 12 April start ***/
@media (max-width:991px){
.cart-box { display: none; -webkit-animation: hidecart 0.5s; animation: hidecart 0.5s;}
.cart-box.open { display: block; left: 0px; right: 0px; bottom: 0px; overflow: auto; -webkit-animation: showcart 0.5s; animation: showcart 0.5s;}
.restaurant-detail .right.cart-box{ top: 0; position: fixed !important; z-index: 9999; bottom: 0; height: calc( 100vh - 64px ); background: #fff; /*display:block;*/}
.restaurant-detail .right.cart-box .cart_in{ height:100%;}
.head .close-btn{display: block;}
.cart-page .restaurant-detail .right.cart-box .close-btn{top:18px; display: block;}

.cart-box.open .checkout-box { position: fixed; bottom: 0px; left: 0px; right: 0px; padding: 10px 0px; background: #fff;}

.sticky-view-cart.has-items { width:100%; display: block; padding: 0px; position: fixed; bottom: 0; right: 0; left: 0; border: none; z-index: 100;}
.sticky-view-cart .red-btn { width:100%; margin:0; line-height: 64px; height:auto;}

#checkoutForm .allergy, #checkoutForm .payment{margin-bottom: 100px}

::-webkit-scrollbar { display: none; }

}
/*** 12 April end ***/

/*-- Global Tag --*/
.taglb{ margin:0; padding: 0 8px 1px 8px; display:inline-block; text-align: center; font: normal normal 600 14px/24px Source Sans Pro; line-height: 18px; letter-spacing: 0px; color: #FFFFFF; opacity: 1; background: #ffc107; border-radius: 4px; text-transform:uppercase; position: absolute; top: 10px; left:20px;}

/*-- 18-2-21 --*/
#editAddressModal.detail-view .modal-header .close{ color: #000; }
#editAddressModal .chbxinf{ margin: 0; padding: 0; }
#editAddressModal .chbxinf .regular-checkbox + label{margin-bottom: -3px; margin-right: 5px;}

.table_order_info { margin: 0; padding: 10px 20px 20px 20px; }
.prmcpn_info{ margin:0; padding:20px; border-bottom: 1px solid #DDDDDD;}
.prmcpn_info .nav-tabs{ margin:0; padding:0; border:none; background:none;}
.prmcpn_info .nav-tabs .nav-item{ margin:0 10px 10px 0; list-style:none;}
.prmcpn_info .nav-tabs .nav-link{ margin:0; padding:0 13px; border: 1px solid #e30619; border-radius: 50px; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #e30619; line-height:27px; cursor:pointer;}
.prmcpn_info .nav-tabs .nav-item.show .nav-link, .prmcpn_info .nav-tabs .nav-link.active{ background:#e30619; color:#fff;}

.msginf{ margin:0; padding:0;}
.msginf .error_msg{ margin:0; padding:0; float:none;}
.msginf .dltmsg{ margin:0; padding:0; display:block; font-size:16px; color:#48c479;}
.msginf .dltmsg a{ margin-left:5px; display:inline-block; color:#48c479;}
.msginf .dltmsg a:hover{ color:#48c479;}

.cpnadlink{ font-size: 15px; color: #e30619;}

.btn_glbly{ margin:0; padding:0 16px; border: 2px solid #e30619; border-radius: 5px; text-align: center; font-size: 14px; font-weight: 600; color: #e30619; line-height:32px; cursor:pointer; display:inline-block; background:none;}
.btn_glbly:hover{ background:#e30619; color:#fff;}

.btn_glbly.cpnadlink{ background:#333; border-color:#333; color:#fff;}
.btn_glbly.cpnadlink:hover{ background:#e30619; border-color:#e30619; color:#fff;}

.curve_none:after{ display:none !important;}

.prmcpn_slct{ margin:0 0 20px 0; padding:0;}
.prmcpn_slct .custom-radio{ margin:0 5px 0 0; padding:0;}
.prmcpn_slct .custom-radio .custom-control-label{ margin:0; padding:0 16px; border: 2px solid #e30619; border-radius: 50px; text-align: center; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #e30619; line-height:32px; cursor:pointer;}
.prmcpn_slct .custom-radio .custom-control-label:before, .prmcpn_slct .custom-radio .custom-control-label:after{ display:none;}
.prmcpn_slct .custom-radio .custom-control-input:checked ~ .custom-control-label{ background:#e30619; color:#fff;}

/*-- 19-2-21 ---*/
.restaurant-detail .left .tabcontent ul li .plus-box .btn{ box-shadow:none;}
.restaurant-detail .left .tabcontent ul li .plus-box .btn img{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out;  -o-transition: all .5s ease-in-out;  transition: all .5s ease-in-out; vertical-align: middle;}
.restaurant-detail .left .tabcontent ul li .plus-box .btn:hover img{ transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1);}

.detail-view .regular-checkbox + label { display: inline-block; position: relative; background:none !important; color:#333 !important; border:none !important; padding:0 0 0 30px !important; margin:0; top:0 !important;}
.detail-view .regular-checkbox + label:before{ content:""; width:20px; height:20px; background-color: #FFFFFF; border: 1px solid #cacece; border-radius: 3px; position:absolute; left:0; top:3px;}
.detail-view .regular-checkbox:checked + label:before{ background-color: #e30518; border: 1px solid #e30518; color: #FFFFFF;}
.detail-view .regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: 0; left: 4px; color: #FFFFFF;}

.detail-view .regular-radio + label { display: inline-block; position: relative; background:none !important; color:#333 !important; border:none !important; padding:0 0 0 30px !important; margin:0; top:0 !important;}
.detail-view .regular-radio + label:before{ content:""; width:20px; height:20px; background-color: #FFFFFF; border: 1px solid #cacece; border-radius: 50px; position:absolute; left:0; top:3px;}
.detail-view .regular-radio:checked + label:before{ background-color: #fff; border:1px solid #adb8c0; color: #FFFFFF;}
.detail-view .regular-radio + label:after { top:7px; left:4px; font-size:inherit;}

.detail-view .modal-body .item ul li .qty span{ height:24px; line-height:24px; float:left;}
.detail-view .modal-body .item ul li .qty input{ float:left;}

/*** Listing Block ***/
.mb-20{ margin-bottom:20px !important;}
.restaurant-detail .left .tabcontent ul{height:100%; width:100%;}
.restaurant-detail .left .tabcontent ul li{ width:100%; min-height:inherit; height:100%; margin-bottom:0;}
.restaurant-detail .left .tabcontent ul li .text{ padding-right:20px; overflow:hidden; width:inherit;}
.restaurant-detail .left .tabcontent ul li .text .price{ bottom:8px;}
/*.restaurant-detail .left .tabcontent ul li .text h4{ overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}*/
.restaurant-detail .left .tabcontent ul li .text p{ overflow: hidden; width:100%; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.restaurant-detail .left .tabcontent ul li .img{ float:right;}
.restaurant-detail .left .tabcontent ul li .plus-box{ bottom:9px; right:9px;}

/*** Modal Title Scroll ***/
/*.detail-view .modal-content{ height:700px; overflow-y:auto;}*/

.detail-view .modal-body .head.fix{ position:fixed; width:100%; top:0; z-index:99;}
.detail-view .mdl-foot{ position:sticky; bottom:1px; background:#fff; border-radius:0 0 0 5px; padding:10px 4px;}

.detail-view .mdl-foot.store_foot{}
#modalPaymentSense .mdl-detail{padding: 0 20px 0px 20px;}
#modalStripePayment .mdl-detail{padding: 20px 30px 20px 20px;}

/*@media (max-width:575px){
.detail-view .modal-body{ padding-bottom:119px;}
.detail-view .mdl-foot { width: calc(100% - 18px);}
}*/
@media (max-width:479px){
.restaurant-detail .left .tabcontent ul li .img ~ .plus-box{ top:61px;}
}

/*- Alert Icon -*/
.alerticn{ font-size: 20px; display: inline-block; color: #e30518; font-style: normal;}

/*.store_head{ background:#fafafa; border-bottom:1px solid #efefef; text-align:center; padding:15px 0; display:none;}*/


.store_head{ position:fixed; width:100%; right:34px; left: 0; max-width:598px; top:0px; z-index:99; /*animation:slide-down 0.4s;*/ background:#fafafa; border-bottom:1px solid #efefef; text-align:center;  display:none; margin:0 auto; /*box-shadow: 0px 1px 0px #EFEFEF;*/ padding: 10px 20px;}


@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-50%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
.store_head h3{ margin:0; padding:0; text-align: left; font: normal normal 600 20px/25px Source Sans Pro; letter-spacing: 0px; color: #000000;}
.store_head .close{ color:#666666; float: right; margin: 4px 0 0 15px;}

@media (max-width:1200px){
.store_head{ right:0;}
}

@media (max-width:599px){
.store_head{ margin:0 10px; width:inherit; max-width:inherit;}
}

/****** 22-Fab ******/
.detail-view .modal-header .close{ width:30px; height:30px; display:inline-block; background:#fff; line-height:30px; color:#000; top:-10px; right:-10px; border-radius:50%;}

.smpl_link{ margin:0; padding:0; font-size:18px; color:#e30518;}

.addblock{ width:100%; float:left; margin:0 0 20px 0; padding:0; border:1px solid #dddddd; border-radius:6px; position:relative;}
.addblock .inndtl{ width:100%; float:left; margin:0; padding:40px 20px 20px 20px;}
.addblock p{ margin:0; padding:0; font: normal normal normal 15px/21px Source Sans Pro; letter-spacing: 0px; color: #424852;}
.addblock p strong{ font-weight:600; color:#18ac53; display:block;}
.addblock .edit9{ width:26px; height:26px; display:inline-block; line-height:26px; background:#424852; color:#fff; text-align:center; border-radius:5px; position:absolute; top:5px; right:5px; font-size:14px;}
.addblock.slctd .edit9:hover{ background: #e30518;}
.addblock .btns_link{ margin:0; padding:7px 10px; width:100%; text-align:center; font: normal normal normal 15px/20px Source Sans Pro; background:#424852; color:#fff; text-align:center; border-radius:0 0 6px 6px; display:inline-block;}

.addblock.slctd{ border-color:#18ac53;}
.addblock.slctd .edit9{ background:#18ac53;}
.addblock.slctd .btns_link{ background:#18ac53;}

.addblock.addadrs{ padding:50px 20px; text-align:center;}
.addlink{ width:40px; height:40px; border:1px solid #dddddd; border-radius:50%; font-size:30px; line-height:38px; display:inline-block; font-style:normal;}
.addblock.addadrs p{ text-transform:uppercase;}

.checkboxglbly{ width:100%; float:left; margin:0 0 15px 0; padding:0; text-align:left;}
.checkboxglbly .regular-checkbox + label { display: inline-block; position: relative; background:none !important; color:#333 !important; border:none !important; padding:0 0 0 30px !important; margin:0; top:0 !important;}
.checkboxglbly .regular-checkbox + label:before{ content:""; width:20px; height:20px; background-color: #FFFFFF; border: 1px solid #cacece; border-radius: 3px; position:absolute; left:0; top:3px;}
.checkboxglbly .regular-checkbox:checked + label:before{ background-color: #e30518; border: 1px solid #e30518; color: #FFFFFF;}
.checkboxglbly .regular-checkbox:checked + label:after { content: '\2714'; font-size: 14px; position: absolute; top: 0; left: 4px; color: #FFFFFF;}

.alrtmodl .modal-dialog.modal-dialog-sm{ max-width:440px;}

.modal{ z-index:99999;}

@media (max-width:600px){
#addrsModal .btn-block a{ line-height: 43px; padding: 0 15px; font-size: 16px;}
.store_head .close { margin: 4px -16px 0 0;}
}

/*======== Become a partner page 25-fab =========*/
.become_banner{ width:100%; margin:0; padding:260px 0 100px 0; background:#e01f26;}
.become_banner figure{ width:100%; float:left; margin:0; padding:0; text-align:right;}
.become_banner figure img{ max-width:100%;}
.become_banner .detail{ width:100%; max-width:740px; float:left; margin:0; padding:0 20px;}
.become_banner h2{ margin:0 0 50px 0; padding:0; font-size:66px; color:#fff; font-weight:700; font-family: 'Poppins', sans-serif;}
.become_banner p{ margin:0; padding:0; font-size:18px; color:#fff; line-height:23px; font-family: 'Poppins', sans-serif;}

.bdtl_form{ width:100%; margin:0; padding:74px 0 80px 0; background:rgba(96,96,96,0.08);}
.bdtl_form .container{ max-width:798px;}
.form_block{ width:100%; float:left; margin:0 0 20px 0; padding:0; position:relative;}
.form_block .icns{ margin:0; font-style:normal; position:absolute; left:0; top:10px; display:none;}
.form_block .form-control{ margin:0; padding:0 20px; height:52px; font-size:18px; color:#000000; border-radius:0; box-shadow:none; background:#c6c2c2; border-color:#606060; font-family: 'Poppins', sans-serif;}
.form_block .country_cod{ position:absolute; left:20px; top:16px; margin:0; padding:0 5px 0 0; font-size:18px; color:#000000; border-right:2px solid #000000; display:inline-block; font-family: 'Poppins', sans-serif; line-height:20px; /*opacity: 0.6;*/}
.form_block .country_cod ~ .form-control{ padding-left:70px;}
.form_block .form-control:focus ~ .country_cod{ opacity:1;}
button.xxl-btn{ height:62px; font-size:32px; border-radius:15px; min-width:252px; padding:0 20px; text-align:center;}

.global_title{ margin:0 0 50px 0; padding:0; font-size:36px; color:#e01f26; font-weight:600; clear:both; font-family: 'Poppins', sans-serif;}
.global_title strong{ font-weight:700;}
.global_title.white{ color:#fff;}

.save_sec{ width:100%; margin:0; padding:80px 0 0 0;}
.save_sec .container { max-width: 1680px;}
.save_sec .info{ margin:0 0 60px 0; padding:0; font-size:18px; color:#000; line-height:23px; font-family: 'Poppins', sans-serif; clear:both;}
.cal_form{ width:100%; float:right; max-width:547px; margin:0; padding:20px 50px 40px 50px; border:12px solid #e01f26; text-align:center;}
.cal_form h6{ margin:0 0 10px 0; padding:0; font-size:20px; color:#263238; font-family: 'Poppins', sans-serif; font-weight:400;}
.cal_form .form-control{ margin:0 0 40px 0; padding:0 20px; height:87px; font-size:19px; color:#000000; border-radius:15px; box-shadow:none; background:#c6c2c2; border:none; font-family: 'Poppins', sans-serif; text-align:center;}
.cal_form button{ height:52px; padding:0 20px; font-size:27px; border-radius:15px; font-family: 'Poppins', sans-serif; font-weight:800;}
.save_sec figure{ width:100%; float:left; margin:0; padding:60px 0 0; text-align:center;}
.save_sec figure img{ width:100%; max-width:472px;}

.bap_stps{ width:100%; margin:0; padding:0;}
.bap_stps .container { max-width: 1680px;}
.bap_stps .inner{ width:100%; margin:0 0 130px 0; padding:0 40px; background:url(../images/savecal_blck_curve.png) no-repeat center center; background-size:100% auto;}
.stps_block{ width:100%; float:left; max-width:308px; margin:0; padding:0; background:#e01f26; box-shadow:0 0 25px rgba(0,0,0,0.24); border-radius:25px; text-align:center; height:100%;}
.stps_links{ width:100%; float:left; margin:100px 0; padding:50px 20px; background:#fff;}
.stps_links li{ margin:0; padding:34px 0; float:left; width:100%; list-style:none; font-size:23px; font-weight:500; font-family: 'Poppins', sans-serif; position:relative;}
.stps_links li:first-child:before{ content:""; width:114px; height:1px; background:#a6a6a6; position:absolute; top:0; left:0; right:0; margin:auto;}
.stps_links li:last-child:after{ content:""; width:114px; height:1px; background:#a6a6a6; position:absolute; bottom:0; left:0; right:0; margin:auto;}
.stps_links li a{ color:#e01f26;}
.stps_links li a:hover{ color:#000;}

.stps_block2{ background:#fff; float:none; display:inline-block;}
.stps_block h3{ margin:0; padding:34px 10px; font-size:27px; color:#fff; font-weight:700; font-family: 'Poppins', sans-serif; background:#e01f26; clear:both; border-radius:25px 25px 0 0;}
.pricinputs{ width:100%; float:left; margin:0; padding:90px 50px 50px 50px; background:#fff; position:relative; border-radius: 0 0 25px 25px;}
.pricinputs:after{ top: 0; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(224, 31, 38, 0); border-top-color: #e01f26; border-width: 15px; margin-left: -15px;}
.prcinput_block{ width:100%; float:left; margin:0 0 40px 0; padding:0; position:relative;}
.prcinput_block:first-child:before{ content:""; width:114px; height:1px; background:#a6a6a6; position:absolute; top:-40px; left:0; right:0; margin:auto;}
.prcinput_block:last-child:after{ content:""; width:114px; height:1px; background:#a6a6a6; position:absolute; bottom:-40px; left:0; right:0; margin:auto;}
.prcinput_block label{ margin:0; padding:0; font-size:17px; color:#e3242a; position:absolute; top:10px; left:10px;}
.prcinput_block .form-control{ margin:0; padding:0 30px; height:44px; font-size:14px; color:#000; border-radius:15px; box-shadow:none; background:#d2d2d2; border:none; font-family: 'Poppins', sans-serif; text-align:center;}

.stps_block3{ background:#fff; float:right;}
.stps_block figure{ width:100%; float:left; margin:0; padding:28px 10px; background:#e01f26; border-radius:25px 25px 0 0;}
.stps_block figure img{ width:100%; max-width:124px;}

/***** Contact us page ******/
.bancap{ width:100%; float:left; margin:0; padding:40px 0 0 0; position:absolute; top:50%; left:0; transform:translateY(-50%); text-align:center; z-index:55;}
.bancap h2{ margin:0; padding:0; font-size:55px; color:#fff; font-weight:700; font-family: 'Poppins', sans-serif;}

.info_contact{ width: 100%; padding: 120px 0 120px 0; margin: 0;}
.info_contact .container { max-width: 1300px;}
.info_con_inn{ width:100%; padding:0; margin:0; background:#fff; box-shadow:0 0 40px rgba(0,0,0,0.08);}
.info_contact h2{ padding:0; margin:0 0 30px 0; font-size:34px; color:#000000; font-weight: 700; font-family: 'Poppins', sans-serif;}
.address_sec{ width:100%; float: left; padding:48px 0 0 0; margin:0; background: #e01f26; height:100%;}
.add_user{ width: 120px; height: 120px; line-height:120px; padding:0; margin: 0 auto 30px auto; display: block; text-align: center; background:#fff; border-radius: 50%;}
.add_user img{ width:100%; max-width:65px;}
.address_sec h2{ padding:0 20px; text-align: center; margin:0; color:#ffffff; font-family: 'Poppins', sans-serif;}
.a_block{ width: 100%; float: left; padding: 29px 20px 29px 93px; margin: 0; font-size: 15px; color:rgba(255,255,255,0.9); line-height: normal; letter-spacing: 0.5px; border-bottom: 1px solid rgba(255,255,255,0.1); position: relative; font-family: 'Poppins', sans-serif;}
.a_block i{ display:inline-block; font-style:normal; position: absolute; left: 55px; top: 35px;}
.a_block small{ font-size:13px; color: #fff; display: block;}
.a_block strong{ font-size:19px; font-weight:600;}
.a_block i.fa-envelope{ color:#fff; font-size: 16px; top:40px;}
.a_block a{ color:#fff;} 
.a_block a:hover{ color:#000;} 

.req_form{ width:100%; float:left; padding:50px; margin:0; position:relative; height:100%;}
.req_form:before{ content:""; width:100%; max-width:200px; height:100%; opacity:0.26; background:url(../images/delivery.svg) no-repeat left bottom; background-size:100% auto; position:absolute; left:30%; bottom:0;}
.form_ctrl{ width:100%; float:left; padding:0; margin:0 0 24px 0;}
.form_ctrl label{ padding:0; margin:0 0 5px 0; display: block; font-size: 16px; color: #2a2c32; letter-spacing: 0.2px; font-weight: 400; font-family: 'Poppins', sans-serif;}
.form_ctrl label span{ color: #f9140e;}
.form_ctrl .field{ width:100%; height: 60px; float:left; padding:0 20px; margin:0; font-size: 16px; color: #75777d; letter-spacing: 0.2px; border:1px solid #e5e5e5; background: #fff; font-family: 'Poppins', sans-serif; background:#fff;}
.submit_btn{ height: 60px; padding:0 40px; margin: 0; display: inline-block; font-size: 20px; color: #ffffff; text-transform: uppercase; font-weight: 700; border:none; letter-spacing: 0.5px; background: #f9140e; border-radius:15px; cursor:pointer; font-family: 'Poppins', sans-serif;}
.submit_btn:hover{ color: #ffffff; background: #c10213;}

.mapcntct{ width:100%; display:flex; margin:0; padding:0; line-height:inherit;clear:both; border-top:1px solid #ccc;}
.mapcntct iframe{ width:100%; float:left; margin:0; padding:0; line-height:inherit; clear:both;}

/***** ****/
@media (min-width:1601px){
.specing100{ margin-left:-50px; margin-right:-50px;}
.specing100 > div{ padding-left:50px; padding-right:50px;}
}

.bap_service{ width:100%; float:left; margin:0 0 50px 0; padding:0;}
.bap_service figure{ width:105px; float:left; margin:0; padding:0; background:#e01f26; border-radius:50%;}
.bap_service figure img{ width:100%;}
.bap_service .detail{ margin:0; padding:0 0 0 28px; overflow:hidden;}
.bap_service h4{ margin:0 0 10px 0; padding:0; font-size:21px; color:#e01f26; font-weight:600; font-family: 'Poppins', sans-serif;}
.bap_service p{ margin:0; padding:0; font-size:18px; color:#000; line-height:23px; font-family: 'Poppins', sans-serif;}

.calltoaction{ width:100%; margin:0; padding:50px 0 60px; text-align:center;}
.calltoaction .global_title{ font-size:39px; font-weight:700; margin-bottom:20px;}

@media (max-width:1500px){
.become_banner{ padding:200px 0 100px 0;}
.become_banner h2{ font-size:57px; margin-bottom:30px;} 
.become_banner p{ font-size:16px;}
.save_sec .info{ font-size:16px;}
.bap_service p{ font-size:16px;}

.info_contact{ padding-bottom:100px;}
}

@media (max-width:1300px){
.become_banner{ padding:160px 0 80px 0;}
.become_banner h2{ font-size:40px;} 
.become_banner p{ font-size:14px;}
.save_sec .info{ font-size:14px; margin-bottom:30px;}
.global_title{ font-size:30px;}
.calltoaction .global_title{ font-size:34px;}
.cal_form { max-width: 400px; padding: 20px 30px 30px 30px; border: 10px solid #e01f26;}
.cal_form .form-control { margin: 0 0 20px 0; height: 70px; font-size: 18px;}
.cal_form button{ font-size:18px;} 
.stps_links{ margin:60px 0;}
.pricinputs{ padding-left:30px; padding-right:30px;}
.stps_block h3 { padding: 15px 10px; font-size: 23px;}
.stps_block figure{ padding:14px 10px;}
.stps_block figure img{ max-width:80px;}
.stps_block{ max-width:240px;}

.req_form{ padding:40px 30px;}
.a_block{ padding:20px 20px 20px 53px; font-size: 15px;} 
.a_block i{ left: 20px; top: 21px;}
.a_block strong{ font-size:17px;}
.bancap h2{ font-size:45px;}
}

@media (max-width:991px){
.become_banner { padding: 100px 5% 60px 5%;}
.become_banner .detail{ padding:40px 0 0 0;}
.bdtl_form{ background:none; padding:60px 0;}
.bdtl_form .container{ width:90%; padding:0;}
.form_block .form-control{ background:none; border:none; border-bottom:1px solid #606060; padding:0 20px 0 40px;}
.form_block .icns{ display:inline-block;}
.form_block .country_cod ~ .form-control { padding-left: 90px;}
.form_block .country_cod{ left: 40px;}
.save_sec{ padding:0;}
.cal_form{ float:none; display:block; margin:0 auto 50px auto;}
.bap_stps .inner{ padding:0; background:none;}
.save_sec .container{ width:90%; padding:0;}
.cal_form h6{ font-size:16px;}
.cal_form .form-control{ font-size:16px; height:60px;}
.stps_links li{ padding:18px 0; font-size:14px;}
.prcinput_block{ margin-bottom:20px;}
.prcinput_block .form-control{ height:36px;}
.pricinputs { padding:70px 40px 40px 40px;}
.prcinput_block label{ top:5px;}
.prcinput_block:first-child::before { top:-20px;}
.prcinput_block:last-child::after { bottom:-20px;}
.bap_stps .inner{ margin-bottom:80px;}
.bap_stps .container{ width:90%; padding:0;}
.calltoaction{ padding:40px 0;}

.req_form{ padding:30px;}
.info_contact h2{  font-size: 26px;}
.info_contact{ padding:60px 0;}
.mapcntct iframe{ height:300px;}
.form_ctrl .field{ height:50px;}
}
@media (max-width:767px){
.global_title { font-size: 20px; margin-bottom:30px;}
.save_sec .info { font-size: 12px; line-height:normal;}
.become_banner h2 { font-size: 30px; margin-bottom:20px;}
button.xxl-btn { height: 52px; font-size: 30px; min-width: 200px;}
.become_banner p { font-size: 12px; line-height:normal;}
.stps_links{ padding:30px 20px;}
.pricinputs { padding: 51px 20px 30px 20px;}
.stps_block h3 { padding: 19px 10px; font-size: 18px;}
.calltoaction .global_title { font-size: 24px;}

.inner_banner img{ object-fit: cover; height: 120px;}
.inner_banner h1{ font-size:26px;}

.bnnr_cntct.in-ban.restaurent-ban{ min-height:200px;}
.bancap h2 { font-size: 30px;}

#modalPaymentSense .modal-dialog {max-width: 100%; height: auto; display: flex; margin: 0; min-height: 100%;}
#modalPaymentSense .modal-content{border-radius : 0;}
}

@media (max-width:600px){
.bap_service h4{ font-size:16px;}
.bap_service p{ font-size:13px; line-height:normal;}
.bap_service{ margin-bottom:40px;}
.bap_stps .inner{ margin-bottom:40px;}

.info_contact{ padding-top:50px;}
}

@media (max-width:575px){
.pricinputs { padding: 51px 25% 30px 25%;}
.bap_service figure{ width:80px;}
.bap_service .detail{ padding-left:15px;}
.calltoaction .global_title { font-size: 19px;}
.stps_block { max-width: 100%; height:auto; margin-bottom:30px;}
}

/*********** 1 March 2021 **********/

/* Global Radio Custom Button (NTW) */
.radioglbly{ margin:0; padding:0; position:relative;}
.radioglbly .regular-radio + label { display: inline-block; position: relative; background:none !important; color:#333 !important; border:none !important; padding:0 0 0 30px !important; margin:0; top:0 !important;}
.radioglbly .regular-radio + label:before{ content:""; width:20px; height:20px; background-color: #FFFFFF; border: 1px solid #cacece; border-radius: 50px; position:absolute; left:0; top:3px;}
.radioglbly .regular-radio:checked + label:before{ background-color: #fff; border:1px solid #adb8c0; color: #FFFFFF;}
.radioglbly .regular-radio + label:after { top:7px; left:4px; font-size:inherit;}

/*** Disabled ***/
.radioglbly .regular-radio:disabled + label:after{ content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 7px; left: 4px; background:#ddd !important;}
.radioglbly .regular-radio:disabled + label, .radioglbly .regular-radio:disabled + label span{ color:#c1c1c1 !important;}

.restaurant-detail .right ul.payment li{ width:100%; text-align:left;}
.restaurant-detail .right ul.payment li .radioglbly i{ margin:0; width: 34px; display: inline-block; text-align: center;}
.restaurant-detail .right ul.payment li .radioglbly i > img{ margin:0;}

.side_dropmsg{ margin:0; padding:0; text-align:left; border-top: 1px solid #DDDDDD; border-bottom: 2px solid #DDDDDD;}
.side_dropmsg .form-control{ padding: 10px 20px; margin:0; border:none; height:88px; box-shadow:none; font-size:14px; color:#000; line-height:normal;}

button.disabled{ background:#b5b5b5 !important; color:#fff !important; cursor:no-drop;}
.disabled-item{cursor: not-allowed !important; pointer-events: none !important}

.sid_alrtmsg{ margin:0; padding:10px 20px; background:#E30518; color:#fff; box-shadow:0 3px 13px #FF818D; font-size:14px; position:sticky; top:0; left:0; z-index:555; -webkit-animation-name:flash-cart-alert; -webkit-animation-name:5s; -webanimation-iteration-count:infinite; animation-name:flash-cart-alert; animation-duration:5s; animation-iteration-count:infinite;}
@keyframes flash-cart-alert{
  	0%{background-color:#E30518;}
  	50%{background-color:orange;}
  	100%{background-color:#E30518;}
}
@-webkit-keyframes flash-cart-alert{
	0%{background-color:#E30518;}
  	50%{background-color:orange;}
  	100%{background-color:#E30518;}
}
/*========= Thank You Page =========*/
.grey_sec{ padding:80px 0; background:#fafafa;}
.grey_sec .container{ max-width:999px;}
.thanku_box{ margin:0; padding:60px 100px; background:#fff; box-shadow:5px 5px 46px rgba(0,0,0,0.08); border-radius:10px; text-align:center;}
.thanku_box figure{ width:110px; display:block; margin:0 auto 30px auto;}
.thanku_box figure img{ max-width:100%;}
.thanku_box h2{ margin:0 0 10px 0; padding:0; font-size:50px; color:#1CB158; font-weight:700;}
.thanku_box p{ margin:0 0 50px 0; padding:0; font-size:16px; color:#999; line-height:23px; font-family: 'Poppins', sans-serif;}
.thanku_box .red-btn{ padding:12px 40px; height:inherit; font-size:18px; display:inline-block; line-height:inherit; border-radius:50px; text-transform:uppercase;}
.thanku_box .red-btn:hover{ color:#fff;}

/** Tooltip **/
.tooltip_link{ margin:0; padding:0; position:relative;}
.tooltipbox{width:180px; margin:0 0 0 10px; padding:0; background:#fff; border-radius:8px; filter:drop-shadow(0px 0px 16px rgba(0,0,0,0.2)); position:absolute; top:50%; left:100%; z-index:999; text-align:center; transform:translateY(-50%); display:none; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.tooltipbox:after { right: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 7px; margin-top: -7px;}
.tooltipbox strong{ margin:0; padding:5px 10px; display:block; font-size:16px; color:#fff; font-weight:700; background:#E30518; border-radius:0 8px 0 0;}
.tooltipbox .row > div:first-child strong{ border-right:1px solid rgba(255,255,255,0.25); border-radius:8px 0 0 0;}
.tooltipbox span{ margin:0; padding:3px 10px; display:block; font-size:14px; color:#666; border-top:1px solid #f1f1f1;}
.tooltipbox .row > div:first-child span{ border-right:1px solid #f1f1f1;}

.tooltipbox.tooltipleft{ left:auto; right:100%; margin-left:0; margin-right:10px;}
.tooltipbox.tooltipleft:after { left: 100%; border-color: rgba(255, 255, 255, 0); border-left-color: #fff;}

.tooltip_link:hover .tooltipbox{ display:block;}

/*=========== Voucher ==========*/
.voucher_sec{ width:100%; margin:0; padding:80px 0 50px 0;}
.voucher_block{ width:100%; float:left; margin:0 0 30px 0; padding:30px; box-shadow:0 0 17px rgba(0,0,0,0.1); border-radius:5px; text-align:center;}
.voucher_block i{ display:block; margin:0 0 15px 0; padding:0; color:#E30518;}
.voucher_block h3{ margin:0 0 30px 0; padding:0; font-size:18px; color:#333; font-family: 'Poppins', sans-serif;}
.order_id{ margin:0; padding:3px 10px; display:inline-block; background:#ecf3f4; color:#45514f; font-size:13px; text-transform:uppercase; border-radius:50px; font-family: 'Poppins', sans-serif; font-weight:500;}
.uselink{ min-width:100px; margin:0; padding:0 10px; height:40px; border-radius:5px; font-size:16px; background:#E30518; text-transform:uppercase; color:#fff; font-family: 'Poppins', sans-serif; font-weight:600; border:none; cursor:pointer;}
.uselink:hover{ background:#c10213; color:#fff;}

.uselink.green_btn{ background:#1CB158; color:#fff;}
.uselink.green_btn:hover{ background:#098E3F; color:#fff;}

/*=========== My Cards Page 3-march-21 ===========*/
.mycard_sec{ width:100%; margin:0; padding:80px 0 60px 0;}
.mycard_sec .container{ max-width:1500px;}
.mycard_sec .global_title{ margin:30px 0; color:#333; text-align:center;}
.mycard_sec .row{ margin-left:-10px; margin-right:-10px;}
.mycard_sec .row > div{ padding-left:10px; padding-right:10px;}
.mycard{ width:100%; float:left; margin:0 0 20px 0; padding:25px 20px; min-height:200px; border-radius:10px; background: linear-gradient(135deg, #e80002 0%,#c10100 40%,#6e0104 100%); position:relative;}
.mycard .removelink{ margin:0; padding:4px 8px 0 0; display:inline-block; position:absolute; right:0; top:0; color:#fff; opacity:0;}
.mycard figure{ margin:0; padding:0;line-height:normal;}
.mycard figure img{ width:100%; max-width:60px;}
.mycard .holdername{ margin:0; padding:0; text-align:right; font-size:16px; color:#fff; line-height:normal;}
.mycard .cardnumber{ margin:10px 0; padding:0; text-align:center; font-size:24px; color:#fff; line-height:normal;}
.mycard .cardnumber span{ margin:0 10px; display:inline-block;}
.mycard .cardname{ margin:0; padding:0; font-size:18px; color:#fff; line-height:normal; text-transform:uppercase;}
.mycard .cardname label{ margin:0 0 4px 0; font-size:12px; display:block; line-height:normal; letter-spacing:0.5px;}
.mycard:hover .removelink{ opacity:1;}

.mycard.mstrcard{ background: linear-gradient(121.67deg, #F4BC00 26.84%, #D78E00 100.9%);}
.mycard.amrcex{ background:linear-gradient(121.67deg, #1967E2 26.84%, #1B3B6D 100.9%);}

@media (max-width:1200px){
.voucher_block{ padding:30px 20px;}
.voucher_block h3 { font-size: 16px;}
}

@media (max-width:767px){
.grey_sec{ padding:40px 0;}
.thanku_box{ padding:40px 30px;}
.thanku_box h2{ font-size:40px;}
.thanku_box p{ font-size:14px; margin-bottom:30px;}
.voucher_sec{ padding:40px 0 10px 0;}
.mycard_sec{ padding:40px 0 20px 0;}
}

@media (max-width:600px){
.thanku_box { padding: 40px 20px;}
.thanku_box figure { width: 90px; margin: 0 auto 20px auto;}
.thanku_box h2 { font-size: 32px;}
.voucher_block{ padding:30px;}
.voucher_block h3 { font-size: 18px;}
}

/***/
.restaurant-listing .listing ul li .img .arrow > img:first-child{ display:none;}
.restaurant-listing .listing ul li .img .arrow.fvrit > img:first-child{ display:block;}
.restaurant-listing .listing ul li .img .arrow.fvrit > img:last-child{ display:block;}

.cursor-pointer{ cursor:pointer;}

/* 10-March-21 */
.restaurant-detail .right .subtotal p span{ position:relative;}
.tooltip_link{ display: inline-block; margin: 0 5px 0 0; padding: 0; border: 1px solid #cdcdcd; border-radius: 50%; font-size: 8px; width: 16px; height: 16px; line-height: 14px; text-align: center; position:relative; top: -2px;}
.tooltip_info{ width:250px; border: 1px solid #f1f1f1; border-radius: 5px; padding:10px 14px; background:#fff; z-index:555; position:absolute; right:-19px; bottom:100%; text-align:left; color:#666; filter: drop-shadow(0 5px 10px rgba(0, 0, 0,0.1)); margin-bottom:10px; line-height:18px; font-size:12px; opacity:0; display:none; cursor:auto;}
.tooltip_info:after, .tooltip_info:before {top: 100%; right: 18px; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; }
.tooltip_info:after {border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 7px; margin-left: -7px; }
.tooltip_info:before { border-color: rgba(241, 241, 241, 0); border-top-color: #f1f1f1; border-width: 8px;margin-left: -8px;}
.tooltip_link:hover .tooltip_info, .tooltip_link:focus .tooltip_info, .tooltip_link:checked .tooltip_info{ opacity:1; display:inline-block;}


/* Toggle Menu */
.header_main{}
.navbar-header{width: 180px;}
.header_main .navbar-header{ display:inline-block;}
.header_main .navbar { position: relative; width: auto; padding:0; justify-content:flex-end; margin-left:auto !important;}

.header_main .top-right.order-2{ position: relative !important; right: 0 !important; margin: 0 !important;}
.header_main .top-right .dropdown-menu a{color:#000 !important;}
.header_main .top-right ul li button{background: transparent;}


.offcanvas-header{ display:none; }
.screen-overlay { width:100%; height: 100%; z-index: 30; position: fixed; top: 0; left: 0; opacity:0;visibility:hidden;background-color: rgba(34, 34, 34, 0.6);transition:opacity .2s linear, visibility .1s, width 1s ease-in;}
.screen-overlay.show {transition:opacity .5s ease, width 0s;opacity:1;width:100%;visibility:visible;}

.navbar-light .navbar-nav{ margin:0;}
.navbar-light .navbar-nav li{ margin:0 0 0 20px; list-style:none;}
.navbar-light .navbar-nav .nav-link{ margin:0; padding:1px 0; font-size:16px; color:#fff;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{ color:#fff; border-color:#fff;}

.navbar-light .navbar-nav .dropdown-menu{ border-radius:0; border:none; box-shadow:0 0 12px rgba(0,0,0,0.1); padding:5px;}
.navbar-light .navbar-nav li:last-child .dropdown-menu{ left:auto; right:0;}
.navbar-light .navbar-nav .dropdown-item{ padding:8px 20px; font-size:16px; color:#333;}
.navbar-light .navbar-nav .dropdown-item:hover, header .dropdown-item.active{ background:#000; color:#fff;}

.innr_header.header_main .navbar{ margin-left: 0 !important; }
.innr_header .navbar-light .navbar-nav .nav-link{ color: #000; }
.innr_header .navbar-light .navbar-nav .nav-link:hover, .innr_header .navbar-light .navbar-nav .nav-link:focus, .innr_header .navbar-light .navbar-nav .show > .nav-link, .innr_header .navbar-light .navbar-nav .active > .nav-link, .innr_header .navbar-light .navbar-nav .nav-link.show, .innr_header .navbar-light .navbar-nav .nav-link.active{ color:#000; border-color:#fff;}

@media (max-width:991px){
.top-right.order-2{ order:inherit; margin-left:auto !important;}
.top-right ul li{ margin-left:10px;}

.top-right ul li a > span{ display:none;}
.header_main .navbar-brand{ width:100%; max-width:110px; font-size:inherit;}
.header_main .navbar-brand img{ width:100%;}
.header_main .navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height:33px;}
.header_main .navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.header_main .navbar-toggler span {display: block; background-color:#fff; height:3px; width:25px; margin-top:4px; margin-bottom:4px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1; padding:0; border:none;}
.header_main .navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}

.header_main .navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.header_main .navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.header_main .navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}  

.header_main .navbar-nav li{ margin-left:0;}
.header_main .navbar-nav .nav-link{ padding:8px 20px; /*border-bottom:1px solid rgba(0,0,0,0.1);*/ color:#000;}
.header_main .navbar-nav .dropdown-menu{ box-shadow:none; padding:0; margin:0;}
.navbar-light .navbar-nav .dropdown-item{ padding:6px 30px !important;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{ color: #e30518; border-color: #e30518;}
.innr_header.header_main .navbar-toggler span{ background: #000; }

.innr_header .navbar-light .navbar-nav .nav-link:hover, .innr_header .navbar-light .navbar-nav .nav-link:focus, .innr_header .navbar-light .navbar-nav .show > .nav-link, .innr_header .navbar-light .navbar-nav .active > .nav-link, .innr_header .navbar-light .navbar-nav .nav-link.show, .innr_header .navbar-light .navbar-nav .nav-link.active{ color: #e30518; border-color: #e30518;}

.header_main .navbar { position: fixed; margin-left:0; padding:10px 0 30px 0;}
.mobile-offcanvas.show{ background:#fff;transition-duration: 0.2s; width:80%; box-shadow:10px 0 30px rgba(0,0,0,0.1);}
/*.offcanvas-header{ display:none; content:""; display:block; position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.8);}*/
.mobile-offcanvas{visibility: hidden;transform:translateX(-100%); border-radius:0; display:block; position: fixed; top: 0; left:0; height: 100% !important; z-index: 9999 !important; width:80%; overflow-y: scroll; overflow-x: hidden;transition-duration: 0.2s;}
.mobile-offcanvas.show{visibility: visible;transform: translateX(0);transition-duration: 0.2s;}
.mobside_header{ padding:0 20px 10px 20px;}
}

.prcinput_block a{ display:none; font-size: 16px; font-weight: 500; font-family: 'Poppins', sans-serif; color:#e3242a;}

@media (max-width:575px){
.pricinputs { padding: 41px 20px 20px 20px;}
.prcinput_block a{ display:inline-block;}
.pricinputs::after { border-width: 10px; margin-left: -10px;}
.prcinput_block:after,.prcinput_block:before{ display:none;}
}

.navbar-toggler { padding: 0 !important; }
.dropdown-toggle::after {vertical-align: middle !important;}

/**** 15-3 ****/
.in-ban .ban-text .icon{ display:flex; float:left; justify-content:center;}
.in-ban .ban-text .icon span{ display:inherit; /*align-self:center;*/}
.in-ban .ban-text .icon span img{ max-width:100%; object-fit: cover;}

@media (max-width:991px){
.restaurant-listing .tabcontent .head ul.desktop-sorting{ display:block; float:left;}
.restaurant-listing .tabcontent .head ul.desktop-sorting li{ clear:inherit !important;}
.restaurant-listing .tabcontent .head ul.desktop-sorting li:first-child{ margin-left:0 !important;}
}
@media (max-width:767px){
/*.restaurant-listing .tabcontent .head ul.desktop-sorting { float: left; overflow: auto; display: flex !important; white-space: nowrap;}
.restaurant-listing .tabcontent .head ul.desktop-sorting li{ margin-left:20px;}
.restaurant-listing .tabcontent .head ul.desktop-sorting li:last-child{ position: sticky; right: 0;}
.restaurant-listing .tabcontent .head ul.desktop-sorting .btn{ padding:3px 5px 5px 5px; background:#fff; border:1px solid #f1f1f1;}*/

.in-ban .ban-text h1{ font-size:26px; line-height:normal; margin-bottom:7px;}
.in-ban .ban-text{ font-size:14px; line-height:normal;}
.about-img{text-align: center;margin-bottom: 40px;}
}

.restaurant-detail .left .tabcontent ul li.disabled{ background:#f5f5f5; cursor:default;}
.restaurant-detail .left .tabcontent ul li.disabled .text{ opacity:0.4;}
.restaurant-detail .left .tabcontent ul li.disabled .img, .restaurant-detail .left .tabcontent ul li.disabled .plus-box .btn{ opacity:0.5; cursor:default;}
.restaurant-detail .left .tabcontent ul li.disabled .plus-box .btn img{ background:#f1f1f1; filter: grayscale(100%) brightness(100%); transform:inherit;}

.privacy-content p{text-align: justify;}
.privacy-content h2 { font-size: 22px; border-bottom: 1px solid #e7e7e7; margin-bottom: 10px; padding-bottom: 10px; }
.privacy-content ul {padding-left: 17px;}
.privacy-content .inner-content{padding-left: 17px;}
.privacy-content h3{font-size: 27px; font-weight: 700; text-transform: uppercase;}
.about-img img{width: 250px;text-align: center;}
.about-info{align-items: center;}
.about-content p, .loyalty-info p{font-size: 20px;line-height: 1.4}
.about-content h3 {font-size: 26px;font-weight: 700;}
.loyalty-info .loyalty-img{text-align: center;margin-bottom: 30px;}
.loyalty-info .loyalty-img img{width: 100%;}
.loyalty-content{margin:0 auto;}

@media (max-width:480px){
	.privacy-content h2 { font-size: 20px; }
}

/*** 17-3 ***/
.info_error1{ position:relative; text-align:center; z-index:auto; margin-bottom:10px; line-height:normal;}

.tooltip_glby{ position:relative;}
/* tooltip left */
.tooltip_left.tooltip_info{ right:auto; left:0;}
.tooltip_left.tooltip_info:after, .tooltip_left.tooltip_info:before {right: auto; left:18px;}
.tooltip_left.tooltip_info:after { margin-left: 0; margin-right: -7px; }
.tooltip_left.tooltip_info:before { margin-left: 0; margin-right: -8px;}
/* tooltip center */
.tooltip_center.tooltip_info{ right:-50%;}
.tooltip_center.tooltip_info:after, .tooltip_center.tooltip_info:before {right: 50%;}

.tooltip_glby:hover .tooltip_info, .tooltip_glby:focus .tooltip_info, .tooltip_glby:checked .tooltip_info{ opacity:1; display:inline-block;}

.restaurant-detail .left .tab-box{ overflow:inherit !important; text-transform: capitalize;}

@media (max-width:600px){
.info_error1{ font-size:13px;}
}


.top-right.order-2 .btn{ background: none !important; }
.btn{ box-shadow:none !important; }
button, button.view-detail{ outline:inherit !important; }

@media only screen and (device-width : 768px) {
    .order-det { margin-left: 20px !important}
}

.text-color {color: #E30518; font-weight: 600}

/******* 20-3-21 ( some header changes upper side ) *******/
.innr_header .top-right{ padding:0;}
.innr_header.navbar.header .delivering{ height:auto;}
.innr_header .top-right ul li{ margin-left:16px; float:none; display:inline-block;}
.innr_header .top-right ul li .dropdown span{ position:relative; /*top:3px;*/ padding:0 12px 0 5px;}

.mobcart_link{ float:right;}
.mobcart_link img{ display:block;}

.profilepic-header {height:25px; width:25px; border-radius:50px; }

/******* 23-3-21 *******/
@media(max-width:769px){
.header.cbp-af-header{ height:100% !important;}
.header.cbp-af-header.cbp-af-header-shrink{ height:auto !important;}
}

.cbp-af-header.cbp-af-header-shrink{ z-index:999;}
.stylenone{ background: transparent; border:none; padding:3px;}

/*=========== Search section ==================*/
.rlist_filter{ margin:0; padding:10px 0;}
.rlist_filter .desk-search{background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #CAD0D7; border-radius: 100px; opacity: 1; width:100%; height: 42px; padding: 4px 15px; display:block;}
.rlist_filter .desk-search .input{border: none; background: transparent; font: normal normal normal 12px/35px Source Sans Pro; letter-spacing: 0px; color: #636C77; opacity: 1; width:90%;}
.rlist_filter .desk-search .submit{background:none;  height: 15px;  text-indent: -1000px; border:none; width: 15px; position: relative; top: 8px;}
.rlist_filter .desk-search .select{-webkit-appearance: none; -moz-appearance: none; appearance: none;  width:89%; border: none; text-align: left; font: normal normal normal 13px/17px Source Sans Pro; letter-spacing: 0px; color: #000000; text-transform: capitalize; opacity: 1; /*border-right: 1px solid #DDDDDD;*/ margin: 0; padding: 0;}
.rlist_filter .desk-search select::-ms-expand {display: none;}

@media(max-width:991px){
.restaurant-listing .tab-box a{ width:25%;}
.restaurant-listing .tab-box a .icon{ display:none;}
.restaurant-listing .tab-box a span{ min-height:inherit; margin:0;}

.innr_header.navbar.header .delivering{ width:100%; padding:10px 0; text-align:center;}
.cbp-af-header{ height:auto !important;}

.restaurant-listing .tab-box{margin-bottom:20px;}

.tab-box.sticky{ top: 50px; }
}

@media(max-width:767px){
.restaurant-listing .tab-box a{ padding:10px 11px !important; width:auto;}
.restaurant-listing .tab-box{ position: sticky; top: 106px; left: 0; z-index: 99; background: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
/*.rlist_filter{ position:relative; z-index: 99; background: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.rlist_filter.mobsticky_ntw{ position:fixed; left:0;}*/
.restaurant-listing .tabcontent .head .desk-search.d-none{ display: none !important; }
.rlist_filter{ padding-top:20px;}
}
@media(max-width:575px){
.rlist_filter {padding-top: 10px;}
.rlist_filter .desk-search .select{ width:calc(100% - 30px) !important;}
}
@media(max-width:479px){
	.navbar.header{ margin: 0; }
.restaurant-listing .tab-box{ top:99px;}
.tab-box.sticky{ top: 45px; }
}
@media(max-width:370px){
.tab-box.sticky{ top: 45px; }
.restaurant-listing .tab-box{ top:99px;}
.delivering .search_info{ /*width:100% !important;*/ margin:0; padding:0;}
.delivering .search_info .dropdown{ width:100% !important;}
.search_info .dropdown > .btn.dropdown-toggle{ border:none;}
}

@media(max-height:320px) and (max-width:568px){
	.home-ban #teaser-video.teaser-video {
	    display: block !important;
	}
	.home-ban .video-img {
    	display: none;
	}
	.rlist_filter .desk-search .select{width:87% !important;}
	.restaurant-listing .tab-box a{ padding: 10px 11px !important; width: auto; }
}

/***** *****/
.tabslider{ margin:0; padding:0 45px 0 30px;}
.tabslider .owl-carousel .owl-stage{ display: flex; white-space: nowrap;}
.tabslider .owl-carousel .owl-nav button{ width:auto; height:auto; font-size:0; display:block; border-radius:0%; position:absolute; top:12px; margin-top:0; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#b3b3b3 !important;}
.tabslider .owl-carousel .owl-nav button.owl-prev{ left:-25px;bottom: 12px;}
.tabslider .owl-carousel .owl-nav button.owl-prev:after{ content: "\eab5"; font-family:IcoFont; font-size:20px;}
.tabslider .owl-carousel .owl-nav button.owl-next{ right:-40px;bottom: 12px;}
.tabslider .owl-carousel .owl-nav button.owl-next:after{ content: "\eab8"; font-family:IcoFont; font-size:20px;}
.tabslider .owl-carousel .owl-nav button:hover{ color:#E30518 !important;}

.navbar.header .top-right ul li a{ position:relative;}
.noticount{ width:15px; height:15px; line-height:14px; display:inline-block; background:#48c479; border-radius:50%; font-size:11px; text-align:center; position:absolute; right:-5px; top:-1px; color:#fff;}

.restaurant-listing .listing ul li:hover .lazy { transform:inherit;}
.restaurant-listing .listing ul li{ margin-right:10px;}
.box_card{ width:100%; float:left; margin:0; padding:15px; border:1px solid transparent;}
.box_card:hover{ border-color: #d3d5df; box-shadow: 0 4px 7px 0 rgba(218,220,230,.6);}

@media(max-width:575px){
.restaurent-info .modal-header .ban-text h1{ font-size:18px; line-height:normal; margin-bottom:3px;}
.restaurent-info .modal-header .ban-text{ font-size:14px; line-height: normal;}
.restaurent-info .modal-header .ban-text .icon{ margin-left:0;}
}

@media(max-width:340px){
.restaurent-info .modal-header .ban-text{ padding:10px; bottom:auto; top:75%;}
.restaurent-info .modal-header .ban-text .icon{ width:80px; height:80px;}
.restaurent-info .modal-body { padding: 160px 10px 40px;}
}

/*------- 27-3 --------*/
.no_header .tab-box.sticky{ top:0 !important;}

.restaurant-detail .right .sidebar_loading { background: url("images/add_cart_loading.gif") center center no-repeat; background-size: 50%; pointer-events: none}
.restaurant-detail .right .sidebar_loading ul.tab li{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .item ul{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .subtotal p{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .prmcpn_info .nav-tabs{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .tab-content{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .total{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .allergy{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .delivery{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .side_dropmsg{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .free-delivery{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading ul.payment{ opacity:0.35;}
.restaurant-detail .right .sidebar_loading .checkout-box{ opacity:0.35;}

.auto-address-fill-loading{ background: url("images/add_cart_loading.gif") center center no-repeat; background-size: 50%; pointer-events: none}


@media(max-width:575px){
.store_head{ margin:0;}
.detail-view .modal-dialog { max-width: 100%; margin:0; border-radius:0px;}
.detail-view .modal-content{ border:none; border-radius:0px;}
.detail-view .modal-header .close{ top:0; right:0;}
.detail-view .mdl-foot{ bottom:0; padding:10px 0 5px 0;}
.detail-view .modal-body .red-btn { padding: 0 10px; font-size: 20px;}
.detail-view .modal-body .red-btn span { padding-left: 10px;}
.detail-view .mdl-foot .row{ margin:0 -5px;}
.detail-view .mdl-foot .row > div{ padding:0 5px;}
}

/**** 30-3 ****/
.detail-view .modal-body .close{ margin:3px 0 0 10px;}

.modaloverly{ margin:0; position:absolute; left:0; top:0; right:0; bottom:0; background:#fff; opacity:0.6; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out;}

.sidebar_field.form_block{ padding:10px 20px; border-bottom:1px solid #ddd; margin:0;}
.sidebar_field.form_block .form-control{background: #f7f7f7; border:1px solid #ddd; padding:0 20px !important;}
/*.form_ctrl label{ text-align:left;}*/

.order-history .tabcontent.manage-address ul{ height:100%; display:flex;}
.order-history .tabcontent.manage-address ul li{ margin:0; width:100%; height:100%;}
.order-history .tabcontent.manage-address .mb-30{ margin-bottom:30px;}

.addmoreadd{ margin:0; width:100%; height:100%; display:flex; padding: 30px; border: 1px solid #EFEFEF; border-radius: 5px; align-items: center; justify-content: center;}
.addmoreadd i{ margin:0 auto 7px auto; padding:0; font-style:normal; width:30px; height:30px; border:1px solid #E30518; border-radius:50%; text-align:center; font-size:25px; color:#E30518; display:block;}
.addmoreadd p{ margin:0; padding:0; font-size:16px; font-weight:600;}

.order-history .tabcontent.manage-address ul li a:hover{ color:#E30518;}
.order-history .tabcontent.manage-address ul li .button-set a{ margin-left:10px;}

.homelink{ margin:0; padding:0; position:absolute; top:1em; left:1em; color:#fff; font-size:30px;z-index: 999;}

.favmsg_modal{ margin:0; padding:0; top:auto;}
.favmsg_modal .modal-dialog{ margin:0 auto; padding:40px 20px; max-width:400px;}
.favmsg_modal .modal-content{ background-color: rgba(0,0,0,0.85); border:none;}
.favmsg_modal .modal-body{ color:#fff;}
.favmsg_modal ~ .modal-backdrop{ display:none !important;}

.restaurant-listing .listing ul li { width: 25%; margin: 0 0 20px 0 !important;}

@media (max-width:1500px){
.order-history .tabcontent.manage-address ul li { /*padding: 20px 20px 20px 50px;*/ }
.order-history .tabcontent.manage-address ul li img { left: 20px;top: 23px;}
}

@media (max-width:1300px){
.restaurant-listing .listing ul li { width: 33.333333%;}
}
@media (max-width:991px){
.restaurant-listing .listing ul li { width: 33.333333%;}
}
@media (max-width:767px){
.restaurant-listing .listing ul li { width: 50%;}
}

@media (max-width:600px){
.homelink{ top:12px; left:15px; font-size:23px;}
.restaurant-listing .listing ul li { width: 100%;}
}

/*
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}*/

/** 30-3-21 **/
.custom_alert ~ nav.cbp-af-header.home_header{ top:50px;}
nav.cbp-af-header.home_header.cbp-af-header.cbp-af-header-shrink{ top:0;}
.custom_alert{ width:100%; margin:0; background:#e30518 !important; border:none; border-radius:0; color:#fff; text-align:center; z-index:999;}
.custom_alert span{ display:inline-block; overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.custom_alert a{ color: #fff; text-decoration: underline; font-weight: 600}
.custom_alert a:hover{ color: #fff; text-decoration: none;  }
.custom_alert .close{ opacity:1;}

.custom_alert.custom_alert_sticky{ position:fixed; top:0;}
.custom_alert.custom_alert_sticky ~ .header.innr_header.cbp-af-header.cbp-af-header-shrink{ top:50px;}

@media (max-width:991px){
.custom_alert{ min-height: 60px; font-size: 14px; line-height: normal;}
.custom_alert ~ nav.cbp-af-header.home_header { top: 60px;}
.custom_alert.custom_alert_sticky ~ .header.innr_header.cbp-af-header.cbp-af-header-shrink{ top:60px;}
}

@media (max-width:767px){
.custom_alert ~ #content .restaurant-listing .tab-box{ top:159px;}
}

/* 2-4 */
.restaurent-info .modal-header .ban-text .icon{ display:inherit !important; padding:0 !important;}
.restaurent-info .modal-header .ban-text .icon span{ display:flex; height:100%;}
.restaurent-info .modal-header .ban-text .icon span img{ object-fit:cover;}

/* 3-4 */
.restaurant-detail .left .tabcontent ul li, .restaurant-detail .left .tabcontent ul li .text{ cursor:pointer;}
.restaurant-detail .right .allergy{ cursor:pointer;}

.restaurant-detail .right .subtotal { padding: 10px 20px; border-color:#DDDDDD;}
.restaurant-detail .right .delivery{ padding:15px 20px;}
.restaurant-detail .right .delivery p{ margin:0;}

/* 5-4 */
.order-detail .process ul li:after{ top:-18px;}
.order-detail .process ul li:first-child:after{ top:2px;}
.order-detail .process ul li:last-child:after { width: 3px; height: 1.6rem; top: auto; bottom: 90%; display: block;}

.edit9.tras{ right:36px;}
.restaurant-detail .right .delivery strong {display : block}

.restaurant-detail .right .delivery.addmising{ background:#f9eeef;}
.restaurant-detail .right .delivery.addmising p{ color:#e30518; font-weight:600;}

/*** ****/
.in-ban.restaurent-ban{ background:url(../images/inner-banner.jpg) no-repeat center center; background-size:cover;}
.in-ban.restaurent-ban:before{ content:""; position:absolute; top:0; bottom:0; right:0; left:0; background:rgba(0,0,0,0.4); z-index: 1}

.back_btn{ margin:0; padding:7px 20px; background:#e30518; color:#fff; font-size:14px; position:fixed; top:0; left:0; z-index:99; text-transform:uppercase; font-weight:700;}

.error_sec{ margin:0; padding:40px 0; text-align:center;}
.error_sec h1{ margin:0 0 30px 0; padding:0; font-size:90px; color:#1c1c1c; font-weight:700; line-height:70px;}
.error_sec figure{ margin:0 0 30px 0; padding:0;}
.error_sec figure img{ width:100%; max-width:700px;}
.error_sec h2{ margin:0 0 15px 0; padding:0; font-size:40px; color:#1c1c1c; font-weight:500;}
.error_sec p{ margin:0 0 30px 0; padding:0; font-size:16px;}

.error_sec .red-btn{ color:#fff !important;}

@media(max-width:991px){
.error_sec h1{ font-size:60px;}
.error_sec h2{ font-size:33px;}
}

@media(max-width:767px){
.error_sec h1{ font-size: 55px;}
.error_sec h2{ font-size:23px;}
}
.restaurant-detail .right .item ul li .price{ flex: auto; margin-right: 10px; font-size: 16px}
.promotion-item-value{font-size: 14px !important; color: #e30619 !important; text-decoration: line-through !important; line-height: 1 !important; font-weight: 500 !important; margin-bottom: 30px !important}
.promotion-item-value-oh{font-size: 14px !important; color: #e30619 !important; text-decoration: line-through !important; font-weight: 500 !important}
.promotion-subtotal-value{font-size: 14px !important; color: #e30619 !important; text-decoration: line-through !important;  font-weight: 500 !important; margin: 0 10px;}
.promotion-name{position: absolute; top: 45px; right: 0px; padding-right: 10px; text-align: right !important; color: #48c479 !important; width: 50% !important;}
.promotion-name-oh{top: 45px; right: 0px; padding-right: 10px; color: #48c479 !important; width: 85% !important;}
.promotion-name strong, .promotion-name-order-history strong{font-size: 10px !important}
.promotion-delivery-name{color: #48c479 !important;display: inline-block;vertical-align: top;width: 45%; text-align: left !important;}
.prmotionDiscount label{width: 80%}
.text-overflow-ellips{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.font-size-9{font-size:9px !important;}
.font-size-12{font-size:12px !important;}

.card-priz{ min-width:62px; display:inline-block; background:none;}
.card-priz:after{ display:none;}
.card-priz.loading{ padding-left:20px;}

.dot-typing {
margin:26px 10px 0 10px;
  position: relative;
  left: -9999px;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background-color: #fff;
  color: #9880ff;
  box-shadow: 9984px 0 0 0 #fff;
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff;
  }
  16.667% {
    box-shadow: 9984px -7px 0 0 #fff, 9999px 0 0 0 #fff;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff;
  }
  50% {
    box-shadow: 9984px 0 0 0 #fff, 9999px -7px 0 0 #fff;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff;
  }
  100% {
    box-shadow: 9984px 0 0 0 #fff, 9999px 0 0 0 #fff;
  }
}

.dot-typing-red {
  margin:10px 10px 0 10px;
  position: relative;
  left: -9999px;
  width: 7px;
  height: 7px;
  border-radius: 5px;
  background-color: #E30518;
  color: #9880ff;
  box-shadow: 9984px 0 0 0 #E30518;
  animation: dotTypingRed 1.5s infinite linear;
}

@keyframes dotTypingRed {
  0% {
    box-shadow: 9984px 0 0 0 #E30518, 9999px 0 0 0 #E30518;
  }
  16.667% {
    box-shadow: 9984px -7px 0 0 #E30518, 9999px 0 0 0 #E30518;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #E30518, 9999px 0 0 0 #E30518;
  }
  50% {
    box-shadow: 9984px 0 0 0 #E30518, 9999px -7px 0 0 #E30518;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #E30518, 9999px 0 0 0 #E30518;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #E30518, 9999px 0 0 0 #E30518;
  }
  100% {
    box-shadow: 9984px 0 0 0 #E30518, 9999px 0 0 0 #E30518;
  }
}

/*** 9 April ***/
.navbar-brand{ visibility: visible !important;}

/*** 12 April ***/
.navbar.header .top-right ul li .btn-primary img{ /*width:100%;*/ width:28px; height:28px; object-fit:cover; border-radius:50%; border:1px solid #cacaca;}
.header_main .navbar-toggler img{ /*width:100%;*/ width:28px; height:28px; object-fit:cover; border-radius:50%; border:1px solid #cacaca;}
.header_main .dropdown-toggle img{ /*width:100%;*/ width:28px; height:28px; object-fit:cover; border-radius:50%; border:1px solid #cacaca;}

.navbar.header .delivering{ width:auto !important;}
.delivering .search_info{ width:auto !important;}

.order-history .tabcontent.history ul li .text .address{ margin-bottom:5px;}
.order-history .tabcontent.history ul li .text p{ margin-bottom:5px;}
.order-history .tabcontent.history ul li .text .view-detail{ height:auto;}
.order-history .tabcontent.history ul li .img{ width:150px; height:100px; background: rgba(40,44,63,.05);}
.order-history .tabcontent.history ul li .img img{ object-fit:cover; height:100px; width:150px; object-position:center center; min-height:100%;}

.restaurent-filter.modal .modal-footer { padding: 15px 20px;}
.restaurent-filter.modal .modal-header { padding: 10px 30px 0 30px;}

.restaurant-listing .tab-box { margin-bottom: 30px;}

/*.restaurant-listing .listing ul li .img > img{ height: 167px; object-fit: cover;}*/

.overflow-ellipse1 {overflow: hidden !important; width:100% !important; display: -webkit-box !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical !important;}

@media (max-width:1200px){
.container{ width:90%; max-width:1170px; padding:0;}
.restaurent-filter.modal .modal-header{ padding: 10px 30px;}
.restaurent-filter.modal .modal-body{ padding: 15px 30px;}
.restaurent-filter ul.tab{ margin-bottom:20px;}
.restaurent-filter ul.cuisines{ margin-bottom:20px;}
.restaurent-filter .rangeslide_main { padding: 30px 0 20px 0;}
.restaurent-filter.modal .modal-footer{ padding:10px 20px;}
}
@media (max-width:991px){
.navbar.header .delivering {width: 100% !important;}
}

@media (max-width:767px){

}

@media (max-width:600px){
.restaurent-filter.modal .modal-footer button { margin: 0 5px; width: 100%; max-width: 125px;}
.restaurent-filter .head .search .input { width: calc(100% - 23px);}
}


/****** 13 April *******/
.rl_rating_checks .regular-checkbox + label{ width:100%; text-align:center; padding:3px;}
.rl_rating_checks .regular-checkbox:checked + label::after { display:none;}

/******* 14-4 *******/
/*.custom_alert{ position:fixed; top:0; left:0;}
.custom_alert ~ .cbp-af-header.cbp-af-header-shrink{ top:50px;}*/
.header.cbp-af-header-shrink ~ .custom_alert{ position:fixed; top:0; left:0;}
.custom_alert ~ #content .tab-box.sticky{ top:125px;}
.tab-box.sticky ~ .tabcontent{ margin-top:0px;}

.header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:75px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:125px;}

.header.cbp-af-header-shrink ~ #content{ margin-top:75px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:125px;}

.header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}

.header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:75px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:125px;}

@media (max-width:991px){
.custom_alert ~ #content .tab-box.sticky{ top:105px;}

.header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:170px;}

.header.cbp-af-header-shrink ~ #content{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:170px;}

.header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}

.header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:165px;}

}
@media (max-width:768px){
.header.cbp-af-header-shrink ~ #content{ margin-top:105px !important;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:167px !important;}
.breadcrumb { display: none !important;}
}
@media (max-width:639px){
.header.cbp-af-header-shrink ~ #content{ margin-top:0;}
.header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:0;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:195px;}

.header.cbp-af-header-shrink ~ #content{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:195px;}

.header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}

.header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:167px;}
}
@media (max-width:479px){
.header.cbp-af-header-shrink ~ #content{ margin-top:0;}
.header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:0;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb{ margin-top:195px;}

.header.cbp-af-header-shrink ~ #content{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:195px;}

.header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ .breadcrumb ~ #content{ margin-top:0;}

.header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:105px;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content.reslist_sec{ margin-top:160px;}

.header.cbp-af-header-shrink ~ #content{ margin-top:100px !important;}
.custom_alert_sticky ~ .header.cbp-af-header-shrink ~ #content{ margin-top:160px !important;}
}

/****** 15-4 *****/
.form_ctrl textarea.field{ height:100px; padding:10px 20px;}
.req_form .frm_blck textarea{ width: 100%; float:left;}

@media (max-width:1200px){
.submit_btn { height: 50px; padding: 0 20px; font-size: 15px;}
.req_form::before {max-width: 170px;}
}
@media (max-width:991px){
.req_form::before {max-width: 150px;}
}

@media (max-width:767px){
.req_form::before{ left:40%; max-width: 130px; bottom:6px;}
.submit_btn { height: 45px; padding: 0 15px; font-size: 14px;}

.restaurant-detail .left .tab-box a{ padding:0 5px; margin:0 7px;}
.restaurant-detail .left .tab-box a:focus{border-color:transparent; color: #636C77;}
.restaurant-detail .left .tab-box .tabLink.activeLink{ border-bottom: 3px solid #E30518; color: #E30518;}

.modal.detail-view{ padding-right:0;}
.restaurent-filter.modal .modal-header{ min-height: 74px; }
}
.item.activeLink a { border-bottom: 3px solid #E30518!important; color: #E30518 !important; }

@media (max-width:600px){
.req_form .frm_blck.mb-0{ margin-bottom: 15px !important;}

.req_form .submit_btn { position: relative; top: -10px;}

.req_form::before { max-width: 110px; left: 50%;}

.detail-view .modal-dialog{ height: 100%;}
.detail-view .modal-content{ min-height: 100%;}
.detail-view .modal-body{ display: flex; }
.detail-view .modal-body > form{ display: flex; flex-direction: column; justify-content: space-between;}
.detail-view .modal-body .box{ flex: auto;}
.detail-view .modal-body{ padding-bottom: 0; }
.detail-view .mdl-foot{ bottom: -1px !important; }
.store_head{ padding: 10px 20px 10px 10px; }
}

@media (max-width:414px){ 
	.req_form { padding: 30px 20px;}
	.search_address {width: 75% !important}
}

@media (max-width:367px){ 
	.search_address {width: 65% !important}
}

.frm_blck p{ margin: 0;}

.rating {border: none; float: left; }
.rating>input {display: none; }

.rating>label:before {margin: 0px 5px 5px; font-size: 1.2em; display: inline-block; font-weight: 900; cursor: pointer; }
.rating>.half:before {content: "\f089"; position: absolute; }
.rating>label {color: #d6d6d6; float: right; }

/***** CSS Magic to Highlight Stars on Hover *****/
.rating>input:checked~label,

/* show gold star when clicked */
.rating:not(:checked)>label:hover,

/* hover current star */
.rating:not(:checked)>label:hover~label {color: #e30613;}

/* hover previous stars in list */
.rating>input:checked+label:hover,

/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,

/* lighten current selection */
.rating>input:checked~label:hover~label {color: #b1131e; }

#ViewReviewModel .icofont-star, #AddReviewModel .icofont-star{font-size: 25px; margin-right: 3px; cursor: pointer; }

textarea{ padding-top: 10px !important }
.icofont-star.fill{color: #e30613;}
.icofont-star.unfill{color: grey;}
#addReviewForm .close, #ViewReviewModel .close, #viewRefund .close{padding: 0px !important; margin: 0px !important; border: none !important; width: 12px; height: 12px; top: 17px}
#ViewReviewModel .review{padding: 20px;}
#ViewReviewModel ul{margin: 0; padding: 0;}
#ViewReviewModel ul li{margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap;}
#ViewReviewModel ul li .userimg{margin-right: 20px}
#ratingError {margin-bottom: 20px}

.refund-history-inner{display: flex; justify-content: space-between; margin: 0 10px;border-bottom: 1px solid #ccc;}
.single-refund-history{width: 40%; padding: 5px;}
.single-refund-history:last-child{width: 20%}
.refund-history-inner.table-header{font-weight: 700;}

/*------ 11-5 ------*/
.restaurant-listing .tab-box .sorting_drop{ margin:0 5px 0 0; padding:0;}
.restaurant-listing .tab-box .sorting_drop .btn{ width:auto; margin:0; padding:5px 2px; display:inline-block; background:none;}
.restaurant-listing .tab-box .sorting_drop .btn img{ width:100%; max-width:22px;}
.restaurant-listing .tab-box .sorting_drop .dropdown-menu{ left:auto; right:0; padding:0; box-shadow:3px 3px 17px rgba(0,0,0,0.12); border:none; overflow:hidden;}
.restaurant-listing .tab-box .sorting_drop .dropdown-item{ margin:0; padding:8px 20px !important; width:100% !important; border:none !important; background:none; line-height:normal; font: normal normal normal 15px/21px Source Sans Pro;}
.restaurant-listing .tab-box .sorting_drop .dropdown-item.active, .restaurant-listing .tab-box .sorting_drop .dropdown-item:active, .restaurant-listing .tab-box .sorting_drop .dropdown-item:focus, .restaurant-listing .tab-box .sorting_drop .dropdown-item:hover{ background:#e30518; color:#fff;}

.order-det .ordertype{width: 20px !important;}

@media (max-width:767px){
/* NEW STICKY HEADER */
.cbp-af-header{ -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.scroll-down .cbp-af-header{ transform:translateY(-100%);}
.scroll-up .cbp-af-header{ transform:translateY(0%); animation:slide-down 0.4s;}

.scroll-down .restaurant-listing .tab-box{ position:relative; }
.scroll-up .restaurant-listing .tab-box{ position:sticky;}

.scroll-down .restaurant-listing .tab-box{ top: 0 !important;}
.scroll-up .restaurant-listing .tab-box { top: 108px !important;}

.scroll-down .custom_alert{ transform:translateY(-100%);}
.scroll-up .custom_alert{ transform:translateY(0%); animation:slide-down 0.4s;}

.scroll-down .custom_alert.custom_alert_sticky ~ .header.innr_header.cbp-af-header.cbp-af-header-shrink { top: 0px; }

.scroll-up .custom_alert ~ #content .restaurant-listing .tab-box{ top: 166px !important;}
.scroll-up .header.cbp-af-header.cbp-af-header-shrink, .scroll-down .header.cbp-af-header.cbp-af-header-shrink{box-shadow: none;} 
}

@media (max-width:479px){
/* NEW STICKY HEADER */
	.scroll-up .restaurant-listing .tab-box { top: 98px !important;}
	.scroll-up .custom_alert ~ #content .restaurant-listing .tab-box{ top: 158px !important;}
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

/***** 20-5 *****/
@media (max-width:991px){
.rlist_filter .desk-search{ position:relative; padding:4px 55px 4px 15px;}
.sort_filter_links{ position:absolute; right:15px; top:2px;}
}
@media (max-width:767px){
.rlist_filter .desk-search{ padding:4px 80px 4px 15px;}
}

/***** 02-06 *****/
.search_area #SearchError {text-align: left; font-size: 14px; bottom: -31px; background: #E30518; line-height: 14px; position: absolute; padding: 5px 15px; background-position: 6px; border-radius: 6px; color: #fff; z-index: 999; margin: 0; left: 5%;letter-spacing: 0.02em;}
#SearchError:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 0 7px 7px 7px; border-color: transparent transparent #E30518 transparent; position: absolute; bottom: 100%;}
@media (max-width:480px){
	.search_area #SearchError {top: -30px; bottom:auto;}
	#SearchError:before{content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0 7px; border-color: #E30518 transparent transparent transparent; position: absolute; top: 96%;
}


/*=============== 29-6 ===============*/
@media (max-width:1200px){
.in-ban.restaurent-ban{ background:url(../images/inner-banner_tab.jpg) no-repeat center center; background-size:cover;}
}

@media (max-width:767px){
.in-ban.restaurent-ban{ background:url(../images/inner-banner_mob.jpg) no-repeat center center; background-size:cover;}
}