@font-face{
    font-family:grabull-bold;
    src:url('../gb-fonts/grabull-bold.woff') format("woff"),url('../gb-fonts/grabull-bold.ttf') format("truetype");
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family:grabullsans;
    src:url('../gb-fonts/grabullsans.woff') format("woff"),url('../gb-fonts/grabullsans.ttf') format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:grabullsans-bold;
    src:url('../gb-fonts/grabullsans-bold.woff') format("woff"),url('../gb-fonts/grabullsans-bold.ttf') format("truetype");
    font-weight:400;
    font-style:normal
}
html , body { margin:0; padding:0; overflow-x:hidden; }
.h1, .h2, .h3, h1, h2, h3 {	margin-top: 10px;margin-bottom: 10px;}
.font-grabull-bold,.font-grabull { font-family:grabull-bold; }
.font-grabull-sans { font-family:grabullsans; }
.font-grabull-bold-sans { font-family:grabullsans-bold; }
.font-15 { font-size:15px; }
.font-16 { font-size:16px; }
.font-17 { font-size:17px; }
.font-18 { font-size:18px; }
.font-19 { font-size:19px; }
.font-20 { font-size:20px; }
.font-22 { font-size:22px; }
.font-24 { font-size:24px; }
.font-26 { font-size:26px; }
.font-30 { font-size:30px; }
.font-35 { font-size:35px; }
.font-40 { font-size:40px; }
.font-45 { font-size:45px; }
.mt-1 { margin-top:5px; }
.mt-2 { margin-top:10px; }
.mt-3 { margin-top:15px; }
.mt-4 { margin-top:20px; }
.mt-5 { margin-top:25px; }
.mt-6 { margin-top:30px; }
.mt-7 { margin-top:35px; }
.mb-1 { margin-bottom:5px; }
.mb-2 { margin-bottom:10px; }
.mb-3 { margin-bottom:15px; }
.mb-4 { margin-bottom:20px; }
.mb-5 { margin-bottom:25px; }
.mb-6 { margin-bottom:30px; }
.mb-7 { margin-bottom:35px; }
.pt-1 { padding-top:5px; }
.pt-2 { padding-top:10px; }
.pt-3 { padding-top:15px; }
.pt-4 { padding-top:20px; }
.pt-5 { padding-top:25px; }
.pt-6 { padding-top:30px; }
.pt-7 { padding-top:35px; }
.pb-1 { padding-bottom:5px; }
.pb-2 { padding-bottom:10px; }
.pb-3 { padding-bottom:15px; }
.pb-4 { padding-bottom:20px; }
.pb-5 { padding-bottom:25px; }
.pb-6 { padding-bottom:30px; }
.pb-7 { padding-bottom:35px; }
.p-1 { padding:10px; } .p-2 { padding:20px; } .p-3 { padding:30px; } .p-4 { padding:40px; } .p-5 { padding:50px; } .p-6 { padding:60px; } .p-7 { padding:70px; } .p-8 { padding:80px; }
.m-1 { margin:10px; } .m-2 { margin:20px; } .m-3 { margin:30px; } .m-4 { margin:40px; } .m-5 { margin:50px; } .m-6 { margin:60px; } .m-7 { margin:70px; } .m-8 { margin:80px; }
.overflow-x-scroll::-webkit-scrollbar { display: none;}
.overflow-x-scroll{ -ms-overflow-style: none; scrollbar-width: none; }
.opacity-0 { opacity:0; }
.opacity-1 { opacity:1; }
.hidden { display:none; }
.text-dark { color:#000; }
.text-dark-light { color:#555; }
.text-green { color:green; }
.text-red { color:red; }
.text-orange { color:orange; }
.text-yellow { color:yellow; }
.text-black { color:#000; }
.text-white { color:#fff; }
.text-white-light { color:#67666b; }
.bg-orrange { background: #f7a000; }
.bg-orrange-light { background: #fcf1ed; }
.bg-white { background: #fff; }
.bg-dark { background: #151821; }
.bg-light-gray { background-color: #f3f4f7; }
.bg-sky-blue { background-color: #219bed; }
.border-4x1-ccc { border:1px solid #ccc; }
.border-radius-10 { border-radius:10px; }
.text-center { text-align:center; }
.page-hd-1 { font-family:grabull-bold; }
.h3, .h4 { font-weight:bold;color:#000; }
.ul-circle {list-style-type: circle;}
.ul-square {list-style-type: square;}
.ul-disc {list-style-type: disc;}
.ul-num {list-style-type: decimal;}
.ul-alfa-lower {list-style-type: lower-alpha;}
.ul-alfa-upper {list-style-type: upper-alpha;}
.btn-orange, .btn-orange:hover, .btn-orange:focus{color:#fff;  background-color:#f57c00 !important}
.btn-light-dark, .btn-light-dark:hover,.btn-light-dark:focus{color:#000;  background-color:#ccc !important}
.btn {
	align-items: center;
	border-radius: 12px;
	justify-content: center;
	padding: 15px 20px;
	transition: .3s cubic-bezier(.25,.8,.5,1);
	white-space: nowrap;
	font-weight: bold; max-width:100%;
	font-size: 22px; line-height:22px; text-overflow: ellipsis; overflow:hidden;  white-space:nowrap;
 }
.btn-width-200 { width:200px; max-width:100%; }
.btn-width-300 { width:300px; max-width:100%; }
.btn-width-400 { width:400px; max-width:100%; }
.btn-primary { background-color: #ff6501 !important;  border-color:#ff6501 !important;}
.btn-green { background-color: #82be0f !important;  border-color:#82be0f !important;}
.dot-seprator { margin:0 5px; }
.radius-6 { border-radius:6px; }
.radius-8 { border-radius:8px; }
.radius-10 { border-radius:10px; }
.radius-15 { border-radius:15px; }
img { max-width:100%; }
.store-banner img { width:100%; max-width:100%; }
html, body { margin:0; padding:0; }
.header { padding:10px 0; padding-left:50px; }
.header .logo-gb { height:50px; border-radius:6px; display:none; }
.header .header-logo { float:left; margin-top:10px; }
.header .logo-grabull { width:210px; }
.page-gtb-logo { max-width:86px;margin-top:4px; }
.gtb-footer-logo { max-width:180px;width:150px;border-radius:10px; }
.header .header-menu { padding:10px 0; }
.header .header-menu a { font-weight:bold; font-size:16px; margin:0 15px; color:#fff; display:inline-block; }
.header .get-the-app { padding:15px; border:1px solid #fff; border-radius:12px;  text-align:center; }
.header .get-the-app .fa { transform: rotate(-45deg); }
.header .sighn-in { padding:15px 20px; color:#fff; background:#000; border:2px solid #000; border-radius:12px;text-align:center; }

/****************Left Menu*************************/
.menu-btn { position: fixed;
	top: 10px; cursor:pointer;
	left: 0px;
	font-size: 50px;
	color: #fff;
	width: 40px;
	height: 40px;
	padding: 0px 9px 4px 11px;
	border-radius: 100px;
	transition: 0.3s;
	z-index: 999; -webkit-text-stroke: 1px #f7a000;
}
.menu-btn:hover { color: #000;-webkit-text-stroke: 1px #000; }
 .pushy{
    position: fixed;
    width: 250px;
    height: 100%;
    top: 0;
    z-index: 9999;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy-left{
    -webkit-transform: translate3d(-250px,0,0);
    -moz-transform: translate3d(-250px,0,0);
    -ms-transform: translate3d(-250px,0,0);
    -o-transform: translate3d(-250px,0,0);
    transform: translate3d(-250px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.menu-overlay{
    display: none;
}

.pushy-active .menu-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(16, 7, 29, 0.72);
    -webkit-animation: fade 500ms; 
    -moz-animation: fade 500ms; 
    -o-animation: fade 500ms;
    animation: fade 500ms;
}

@keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-moz-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

@-o-keyframes fade{
    0%   { opacity: 0; }
    100% { opacity: 1; }
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}

.pushy .profile{
    background:#fff; color:#000;
    padding:20px 0;
}
.pushy .profile:hover { color:#fe7c06; }
.pushy .profile .avatar{
    width:110px;
    background:#D82E26;
    height:110px;
    border-radius:100px;
    position:relative;
    margin:40px auto 0
}
.pushy .profile h3{
    text-align:center
}
.pushy .profile h3 a{
    font-weight:300;
    font-size:20px;
    color:#f96505
}
.pushy .profile h3 a:hover{
    color:#fe7c06;
    text-decoration:none
}
.pushy .profile .log_btn{
    width:100px;
    display:block;
    border:2px solid #FFF;
    text-align:center;
    padding:8px;
    border-radius:3px;
    margin:20px auto;
    color:#FFF
}
.pushy .profile .log_btn:hover{
    border:2px solid #fff;
    color:#fff;
    text-decoration:none
}
.pushy .profile .avatar img{
    width:110px;
    border-radius:100px;
    display:block;
    border:2px solid #FFF;
    padding:6px
}
.pushy .profile .avatar span{
    display:block;
    position:absolute;
    right:0;
    padding:5px 11px;
    background:#FFF;
    width:30px;
    height:30px;
    border-radius:100px;
    color:rgba(255,0,8,1);
    font-weight:500;
    top:80px
}
.pushy .side_menu{
    margin:10px 0;
    padding:0
}
.pushy .side_menu li,.pushy .side_menu li.profilename{
    margin-bottom:0;
    display:block;
    list-style:none
}
.pushy .side_menu li.profilename{
    font-weight:700;
    font-size:15px;
    color:#fff;
    padding:8px;
    text-align:center
}
.pushy .side_menu li a{
    color:#000;
    display:block;
    margin-bottom:-1px
}
.pushy .side_menu li a span{
    padding:12px 20px
}
.pushy .side_menu li a i,.pushy .side_menu li a:hover i{
    padding:12px;
    display:inline-block;
    margin-right:16px;
    font-size:14px;
    min-width:40px;
    text-align:center;
    transition:.3s
}
.pushy .side_menu li a i{
    color:#000;
    background:#fff;
}
 .pushy .side_menu li a:hover i{
    color:#fe7c06;
    background:#F0F0F0
}
 .pushy .side_menu li a:hover{
    color:#fe7c06;
    text-decoration:none;
    background:#FFF
}
/*********************************/
.bannerarea .banner-inner { text-align:left; padding:30px 0; min-height:250px; }
.bannerarea .heading { color:#fff;font-weight: bold;line-height: 68px;font-size: 62px; }
.bannerarea .heading-error { color:#000;font-weight: bold;line-height: 25px;font-size: 30px; }
.bannerarea .searchboxarea {  }
.bannerarea .searchboxarea input { border-radius: 10px;line-height: 36px;margin: 7px; }
.bannerarea .searchboxarea .mapicon { color:#ff5500;font-size: 22px; position: absolute;margin-top: 18px;margin-left: 18px; }
.bannerarea .searchboxarea .searchzip { padding-left:45px; padding-right:8px; }
.bannerarea .searchboxarea input::placeholder { font-weight:bold;color:#b0b1b5; }
.bannerarea .searchboxarea .searchicon { color:#fff;font-size: 24px;right:0; top:7px; position: absolute;margin-right: 7px;	padding: 10px 5px 10px 15px;cursor: pointer; }
.bannerarea .banner-box { text-align:center; padding:20px 12%; }
.bannerarea .box { background:#fff; border-radius:25px; margin-bottom:15px; text-align:left; overflow: hidden; }
.bannerarea .box > div { min-height:230px; padding:18px; }
.bannerarea .box .heading { color: #4a4a4a;font-size: 26px;text-transform: uppercase;font-weight: bold; line-height: 33px; }
.bannerarea .box .heading2 { color: #848484;font-size: 20px;text-transform: uppercase; margin-bottom: 15px; }
.bannerarea .box .discounts { background: #fee9e6;padding: 6px 8px;border-radius: 15px;color: #e4480d;text-transform: uppercase;font-weight: bold; }
.bannerarea .box .readmore { bottom: 26px; position: absolute; }
.bannerarea .box .readmore .fa { color: #ff4700;font-size: 33px; }
.banner-text-brk { display: block; }
.foodtype-slider { width:1024px; overflow: hidden; display: flex; flex-direction: row; justify-content: space-between; }
.foodtype-slider .foodSlides { padding:10px; max-height:110px; }
.foodtype-sliderbtn { text-align:right; }
.foodtype-sliderbtn .prevbtn, .foodtype-sliderbtn .nextbtn { font-size:24px; margin:4px; color:#999; cursor: default; line-height: 40px; }
.foodtype-sliderbtn .see-all { font-size:18px; font-weight:bold; color:#000;margin: 12px 25px 0 0; }
.heading-4 { color: #222; font-size: 26px; font-weight: bold; line-height: 33px; }
.successAlert { position: fixed; width: 300px; right: 10px; top: 65px; z-index: 999; max-width:100%; }
.successmsg { color:green; font-family:grabull-bold; font-size:22px;  }
.oppserror { color:#0697d7; font-family:grabull-bold; font-size:22px;  }
.oppserror b { color:red; }
.form-control.error { border-color:red !important; }
.modalheading {text-align: center;	width: 100%; }
.text-grabul, .text-grabull { font-family: grabull-bold; }
.text-href { cursor:pointer; }
.text-size-12, table .text-size-12 td { font-size:12px !important; }
.text-size-16 { font-size:16px; line-height:18px; }
.text-size-18 { font-size:18px; line-height:20px; }
.text-center { text-align:center; }
.text-danger {
	color: #ff6501 !important;  opacity:0.7;
}
.text-green { color: green !important; }
.text-orange { color: #ff6501 !important; }
.text-red { color: red !important; }
.text-danger:hover { opacity:1; }
.text-bold { font-weight:bold; }
.text-grabull-bold { font-weight:bold; font-family:grabull-bold; }
.text-blue { color:#0099FF; }
a.text-blue { color:#0099FF !important; text-decoration:underline !important; }
a.text-blue:hover { color:#ff6501 !important; }
.text-black { color:#000; }
.text-underline { text-decoration:underline; }
.table.dataTable tr.child { display:none !important; }
.btn.btn-pd-1 { padding: .84rem 1rem; }
.display-flexs { display:flex; }
.bgcolor-light-yellow { background: #fffce8; }
.bg-purple {
	background-color: #8e24aa !important;
}
.bgcolor-light-green { background: #ddffe5; }
.bgcolor-light-red { background: #ffdedd; }
.pt-1 { padding-top:10px; }
.pt-2 { padding-top:20px; }
.pt-3 { padding-top:30px; }
.pt-4 { padding-top:40px; }
.pt-5 { padding-top:50px; }
.pt-6 { padding-top:60px; }
.pt-7 { padding-top:70px; }
.pt-8 { padding-top:80px; }

.pb-1 { padding-bottom:10px; }
.pb-2 { padding-bottom:20px; }
.pb-3 { padding-bottom:30px; }
.pb-4 { padding-bottom:40px; }
.pb-5 { padding-bottom:50px; }
.pb-6 { padding-bottom:60px; }
.pb-7 { padding-bottom:70px; }
.pb-8 { padding-bottom:80px; }
.overflow-x-scroll { overflow-x:scroll; scroll-behavior: smooth; }

.fea_block .fea_item { margin-bottom: 62px; }
.fea_block .fea_item h3 {
	font-size: 18px;
	font-weight: bold;
	color: #33244A;
	margin-bottom: 20px;
}
.fea_block h3 a {color: #33244A;}
.fea_block .fea_item h3 i {
	font-size: 32px;
	margin-top: -5px;
	display: block;
	float: left;
	margin-right: 10px;
	color: rgba(255,0,8,1);
}
.grabull-restauarnt-mobile { display:none; text-align:center !important; }
.grabull-restauarnt-mobile img.img-responsive { width:500px; max-width:100%; }
.foootersealspacer { clear:both; height:180px; }
.sighn-in-desktop { float:right; }
.search-store .header .cart {
	padding:8px 15px;
	border: 1px solid #ff6501;
	border-radius: 12px; background:#ff6501;
	text-align: center; color:#fff;
}
@media screen and (max-width:1199px) and (min-width:992px) { .sealspace { clear:both; display:block; margin-bottom:15px; width:100%; } }
@media screen and (max-width: 1199px) 
{
   .bannerarea .heading { line-height: 65px; font-size: 58px; }
   .bannerarea .heading-error { line-height: 25px;font-size: 28px; }
   .bannerarea .box .heading { font-size: 23px; line-height: 26px; }
   .bannerarea .box .heading2 { font-size: 17px; }
   .foodtype-sliderbtn .prevbtn, .foodtype-sliderbtn .nextbtn { color:#337ab7; cursor:pointer; } 
}
@media screen and (max-width:991px) 
 {
     .bannerarea .heading { line-height: 50px; font-size: 48px; }
     .bannerarea .searchboxarea .mapicon { margin-top: 14px; }
     .bannerarea .searchboxarea .searchicon { margin-top: -7px; }
     .header .mobile-hide { display:none !important; }
     .header { padding-left:65px; }
     .foootersealspacer { clear:both; height:100px; }
 }
@media screen and (max-width:767px) 
 { 
     .page-gtb-logo { margin-top: 11px;}
     .search-store .header .cart { padding:7px 8px; }
     .header .header-logo .logo-grabull { display: none; }
     .header .logo-gb { display:block; }
     .bannerarea .heading { line-height: 45px; font-size: 38px;}
     .bannerarea .heading-error { line-height: 25px;font-size: 24px; }
     .bannerarea .box > div { min-height:200px; padding:18px; }
     .bannerarea .banner-inner,.bannerarea .banner-box { padding: 20px 0; }
     .grabull-restauarnt-desktop { display:none; } 
     .grabull-restauarnt-mobile .img-responsive { display: inline-block; } 
     .grabull-restauarnt-mobile { display:block; }
     .header .get-the-app { padding:12px 8px; margin-bottom:10px; }
     .header .sighn-in {padding: 14px 10px; width: auto; }
     .header .header-menu a { font-size: 15px; margin: 0px 4px; }
     .text-center-767 { text-align:center; }
     .gtb-footer-logo { width:100px; margin-top:30px; }
     .footerservicescolor .text-right { text-align:left; }
     .foootersealspacer { clear:both; height:60px; }
     .cart.topcart .fa {margin-right: 0 !important;}
 }
@media screen and (max-width:600px) 
 { 
     .bannerarea .heading { line-height: 40px; font-size: 36px;}
     .bannerarea .box > div { min-height:200px; padding:18px; }
     .page-gtb-logo { max-width:86px;margin-top:14px; }
     .grabull-restauarnt-desktop { display:none; } .grabull-restauarnt-mobile .img-responsive { display: inline-block; } 
     .grabull-restauarnt-mobile { display:block; }
 }
@media screen and (max-width:500px) 
 { 
     .page-gtb-logo { max-width:86px;margin-top:14px; }
     .footerLogo { width:100%; display:flex; }
     .footerLogo > div {display:flex; }
 }