body {   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;   }
.logo { width: 120px; margin-left: 9vw; margin-top: -2vh; }  
.popup { margin-left:5%;margin-top:5%; width:88%; height: 120vw; min-height:400px ; overflow-x: hidden; border: solid 1px #000 !important; }
.login { margin-left:5%;margin-top:5%; width:88%; height: 120vw; min-height:400px ; overflow-x: hidden; border: solid 1px #000 !important; }
.login label { width: 100%;} 
.login b { color: red; } 
.login .form-group { margin-top:  -0px; } 
.topbar i { font-size: 22px; } 
.topbar .small { font-size: 9px !important; font-weight: normal; } 
.topbar .ml-auto  {  display: inline-block !important; position: absolute; } 
.topbar a:nth-child(5)  { right:85px !important; } 
.topbar a:nth-child(4)  { right:33px !important; }
.topbar a:nth-child(3)  { right:5px !important; }
.bg-primary {	background: #fff !important; } 
.topbar a { color: #000 !important;} 
.pac-container  { z-index: 9999999 !important; } 
.getlocation i {  background: #fa6604;font-style: normal; color: #fff; font-size: 11px; 
text-align: center;  padding: 3px 10px 6px 10px !important; border-radius: 20px; border: inset 1px #940101;  z-index: 9999999 !Important; margin: 0px 10px; }
.dotz {  float: right; margin: 3px 1px; width: 20px; height: 20px; display: none; z-index: 999999 !important; border-radius: 30px; }
.map-pin { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -100%);z-index: 10;font-size: 40px;color: red;pointer-events: none;}
.reg_btn { color: #000 !important; text-align: center; }
.reg_btn b{ color: #000 !important; display: block; color: #fff !important;  }
.reg_btn h5{ font-size: 16px; }
.rgbnt { float: right; margin-left: 100px; } 

#map {width: 100%; height: 100%; }
.register label { width: 100%;} 
.register b { color: red; } 
.register .form-group { margin-top:  -0px; } 
.edt { float: right; margin-top: -30px; font-size: 30px; margin-right: 10px; color:green }
.unfo { background: #ddd; margin: 10px; border-radius: 20px;;}
.unfo h5{ border-bottom: solid 1px #000; font-size: 16px; } 
.unfo h3{ font-size: 22px; } 
.welcome { color: green; font-size: 18px;; }

.cat-slider img { min-width: 80px; min-height: 80px;  max-width: 80px; max-height: 70px;  } 
.minicart { position: fixed; bottom: 0px; width: 100%; background: #eeff00; } 
.minicart img { min-width: 50px; min-height: 40px;  max-width: 50px; max-height: 40px; } 
.minicart .txl { font-size: 11px; text-align: center; width: 100%; display: inline-block; color:#000; font-weight: bold;  } 
.minicart .txl b {  margin-left: 20px; background: #ddd; font-size: 12px; color: #000; font-weight: normal !important; padding: 1px 10px; border-radius: 4px; font-weight: bold !important; } 
@keyframes fadeIn {   from { opacity: 0; }    to { opacity: 1; } }
.lazy-x {    opacity: 0;     animation: fadeIn ease-in 1s;    animation-fill-mode: forwards;     animation-duration: 0.5s;     animation-delay: 0.5s; }

.lbar { margin-top: 10px; line-height: 30px; margin-right: -28px;} 
.lbar a { font-size: 11px; color: #10ad02; margin: 0px !important; padding: 0px !important; float: right; } 
.lout { width: 100px; font-weight: bold; }
.sticky-top { background-image: linear-gradient(to top, #ddd 0%, #fff 50%) !important; padding-bottom: 30px !important;  }
a:hover { border-bottom: solid 1px #000; }
.tsldr .text-black{ font-size: 9px; text-align: left; overflow: hidden; height: 11px;  }
.mp { margin: 0px !important; padding:0px !important;  }
.mp-1 { margin: 1px !important; padding:1px !important;  }

.product {  border: solid 1px #000; padding: 4px; margin: -10px; margin-bottom: 20px; } 
.products .item-img { padding: 0px !important; margin:0px !important; width: 100%; }
.products .title { line-height: 10px; font-size: 11px; height: 20px; overflow: hidden; width: 99%; display: block; white-space: unset; text-align: center; font-weight: bold; }
.products .price  {  font-size: 12px;  display: inline-block; margin-bottom: 30px; margin-top: 7px; letter-spacing: -1px; width: 100%;  }
.products .price s {  display: block; display: inline; }
.products .price b {  display: block; display: inline; }
.products .atoc { float: right; margin-top: -27px; padding: 6px 15px; margin-right: -5px; }
.list-card { border: solid 1px #000; border-radius: 10px; padding: 5px; }

.img-box { width: 120%; height: 80%; overflow: hidden !important; border: solid 1px #000; margin: -6px; margin-bottom: 0px; }
.img-box  img { width: 120% !important; }

.img-box2 { width: 120%; height: 40%; overflow: hidden !important; border: solid 1px #000; margin: -6px; margin-bottom: 0px; }
.img-box2  img { width: 120% !important; }

.srchIcon { position: absolute; margin:1px 7px; color:#ff6633;  }
.keyword { width: 90%;}
.pcate { border: solid 1px #000; width: 120%; padding: 2px; }
.filter>div { margin:5px 0px; color: #fff;; }
.filter { background: #fd3f00; position: fixed; z-index: 8; width: 100%; margin-left: -16px; }
.celer .cat-item a { border: solid 1px #333;  }
.celer .cat-item a img { border-radius: 100px; border: solid 1px #ff4000;    }

.rbrd {  border-radius: 10px; border: solid 2px #ff4000; }
.slr .bnr { width: 120% !important; height: 200px; background-size: cover; background-position: center center; margin-bottom: 10px; border-radius: 10px; }
.slr { text-align: center; border: solid 3px #444 !important; border-radius: 30px; overflow: hidden; padding: 10px; background: #fdffa1; width: 104%; }
.slr p { color: #000; margin-top: 15px;  }
.slr h5 { border-bottom: solid 2px #777; padding-bottom: 5px; background: #ddd; border-radius: 30px; } 
.allp { color: blue; text-align: right; display: block; margin-bottom: 10px;  }
.qviewz { z-index: 999999999; }
.rcart { position: absolute; color: #fff; background: #940101; margin: 1px 2px; padding: 3px 5px; font-size: 9px; }

.pdtl .atoc { font-size: 12px !important; }
.pdtl { border: solid 1px #000; margin: 10px 0px;}
.vrfy h5 { font-size: 14px; line-height: 10px; margin: 0px; padding: 0px;  }
.vrfy h4 { font-size: 12px; line-height: 10px; margin: 0px; margin-top: 10px; padding:10px  0px;  }
.vrfy h5 i{  line-height: 1px; margin: 0px; padding: 0px;  }
.cart table{ width: 95%; }
.cart .qnty {  width: 30px; }
.brd { border: solid 1px #000;}
.acr { background: #d92662; padding: 10px; text-align: center;  }
.acr a { color: #fff; text-align: center; border: solid 1px #fff; padding: 1px 10px; width:100%; display: inline-block; margin-top: 10px; }
.acr a i{ float: left; margin-top: 1px; font-size: 16px; }
.mord td { font-size: 16px; text-align: center; }
.mord td small{ font-size: 10px;  }
.price { color:green; font-weight: bold;  }
.imgs { width: 100%; height: 90px; position: relative; overflow: hidden; }
.imgs img { width: 100%;  height: 100%; object-fit: cover;  }
.slrs b { height: 40px !important; display: inline-block;  }
.xhare  a { display: inline-block; text-align: left; border: solid 2px red; margin: 3px; font-size: 14px; font-weight: bold; padding: 7px 3px; border-radius: 10px; width: 45%; }
.xhare  a i { font-size: 25px; float: left; margin-right: 5px; margin-top: -4px; }
.bbrd img { border: solid 5px #8a7104; border-radius: 10px; }
.order {  margin: 0px; padding: 0px 20px; } 
.order table td { background: none; color: #fff;  margin: 0px; padding: 3px; vertical-align: middle; font-weight: bold; } 
.order table td input{ width: 100%; } 
.bold { font-weight: bold; } 
.edit input { border: solid 1px #333; } 
.edit textarea { border: solid 1px #333; } 
.loc a{ margin: 2px 10px; padding: 1px 10px; float: right;   } 
.route { display: none; } 
.route_table { width: 100%; background: #e7551b !important; } 
.route_table td{ background: #e7551b !important; color:#fff;  } 
.route_table img { width: 98%; } 
.reco i { font-size: 30px; margin-left: 10px; } 
.reco img  { width: 30px; border-radius: 100px; margin-top: -14px; display: none; } 
.category-btn { align-items: center; padding: 1px 12px; margin: 4px; border: 1px solid #fff; border-radius: 14px; cursor: pointer; transition: .2s; } 
.category-btn:hover { border-color: #ff6f00; box-shadow: 0px 3px 12px rgba(255,111,0,0.3); } 
.category-btn input[type=radio] { accent-color: #ff6f00; transform: scale(1.3); } 
.category-btn .icon { font-size: 15px; width: 24px; text-align: center; padding-bottom: 10px !important; }
.ordz { background: #ff9100; color: yellow;  padding: 2px 10px; border-radius: 15px;; }
.ordz b { background: #0353ff; position: absolute; margin:-5px 25px; border-radius: 10px; color: #fff; font-size: 16px; padding: 0px 5px; }
.products h5{  background: #d92662; font-size: 22px; color: #fff; margin: -5px; padding: 7px 5px; margin-bottom: 7px; border-radius: 20px; }
.offer { background: #d92662; color: #fff; margin: 5px; border-radius: 10px; }
.offer .t1{ font-size: 30px; color: yellow; }
.offer .t2{ font-size: 18px;  text-align: center; }
.offer .t3{ font-size: 18px; text-align: center; background: #ddd; color:#000; border-radius: 10px; }
.offer .t4{ font-size: 18px; text-align: center; }
.offer .img1 { width: 95%; border-radius: 50px; }
.offer .img2 { margin: 10px; width: 80%; }
.blink {    animation: blinker 1s linear infinite;}
@keyframes blinker { 50% { opacity: 0; }  }
.bgw td { background: #fff !important; color: #000;  margin: 0px; padding: 0px;  font-size: 11px;   }
.bgw label { font-size: 13px;}
.mg0 { height:170px; padding: 0px !important; margin: 0px !important;  }
.mg0 img{ width:100% !important;height:100%; }

.mg1 { height:300px; padding: 0px !important; margin: 0px !important;  }
.mg1 img{ width:95% !important;height:97%;object-fit:cover; border: solid 1px #000; }

.mg2 { height:200px; padding: 0px !important; margin: 0px !important; }
.mg2 img{ width:95% !important;height:97%;object-fit:cover;  border: solid 1px #000; }
.oview .col-6 { border: dotted 1px #000; }
.oview .order_title{ text-align: right;  }
.srv { background:#ddd; text-align:center; border-radius: 20px; background:#ff9100;font-size: 15px; text-transform: uppercase; border: solid 2px #000;  }

/* Preloader full screen */
#preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Spinner */
.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #ddd;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Animation */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.vndr img {  width: 100%; height: auto; }
.qr img { width: 100%; height: auto;  }