@import url("0xbl_005.css");
@import url("svg.css");


/*--ribbon n frame--*/
#ribbon{position:fixed;z-index:5000;width:100%;height:60px; top:0;}
#ribbon.inactive{display:none;}
#ribbon.active{display:block;}

#ribbon>div{color:#fff;position:absolute;}
#ribbon .w60p{height:50px;}
#ribbon #title{width:100%;height:60px;padding:13px 5px;}
#ribbon #share{width:60px;height:60px;opacity:0.8;top:0;right:0;}

#ribbon #title img{height:40px;max-width:300px;}
.ricon > div{width:25px;height:2px;margin:auto;background:#fff;}
.ricon .a{margin-top:15px;}
.ricon .b{margin-top:7px;}
.ricon .c{margin-top:7px;}

#ribbon .icon{background-size:30px;height:60px;width:40px;}
#ribbon .ic_share{right:40px;}
#ribbon .ic_notif{right:0;}
/*--ribbon n frame--*/

.svg_defs{height:1px;width:1px;position:fixed;top:0;overflow:hidden;}



/*--flickity--*/
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19F}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}
.flickity-page-dots{position:absolute;width:100%;bottom:10px;padding:0;
	margin:0;list-style:none;text-align:center;line-height:1;}
.flickity-page-dots .dot{display:inline-block;transition:0.4s !important; background:#eee;box-shadow:0 0 10px 0 rgba(0,0,0,1); cursor:pointer; height:6px; width:6px; margin:5px; border-radius:50%;}
.flickity-page-dots .dot.is-selected{background:var(--theme);transform:scale(1.5);}

.carousel {background: #f1f1f1;}
.carousel *{transition:none !important;}
.cell{position: relative;width: 100%;padding-top: 50%;}
.cell .img{position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: calc(100% + 6px);background-size:cover;background-position:center;}
.belowCut{height:80px;width:100%;position:fixed;top:60px;left:0;}
.slider_holder{position:fixed;top:60px;left:0;padding:8px;width:100%;z-index:800;} 
#slider1{position:relative;}
/*--flickity--*/




/*--feature icon--*/
.padtop{position:relative;padding-top: 50%;height:100px;z-index:0;}
.padbottom{height:70px;}
.ficon_holder{width:100%;}

.ficon{padding:15px 8px;}
.ficon .child{display:inline-block;vertical-align:top; width:calc(33.33% - 16px);position:relative; margin:8px;color:#fff;}
.ficon .holder{position: relative;width: 100%;padding-top: 100%;max-width:150px;margin:auto;}
.ficon .holder>div{position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius:5px;}
.ficon .child .icon{position:absolute; height:60px;width:60px;border-radius:50%;top:calc(50% - 40px);left:calc(50% - 30px)}
.ficon .child .text{text-transform:capitalize;text-align:center;font-size:0.9em;position:absolute;bottom:10px;left:0;width:100%;}
.ficon a{color:#fff;}

.ficon .img{background:rgba(255,255,255,0.2);padding:10px;}
.ficon .text.test{background:rgba(255,255,255,0.2);color:transparent;width:70%;left:15%;}

/*--feature icon--*/



/*--dock--*/
.dock{background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.3); position:fixed;z-index:7000;width:100%;height:60px;bottom:0;left:0;padding:0 10px;}
.dock table{width:100%;border-collapse:collapse;}
.dock table td{width:20%;}
.dock table div{margin:auto;text-align:center;font-size:0.8em;}
.dock .img{height:30px;width:30px;margin-top:5px;border-radius:50%;}
.dock .icon{fill:#bbb;stroke-width:4;}
.dock .text{transition:none;}

.dock .active{color:var(--theme);}
.dock .active .icon{fill:var(--theme);}

.dock #indicator{height:30px;width:30px;border-radius:50%;opacity:0.2;position:absolute;top:6px;}
/*--dock--*/




/*---notfound smenu---*/
#notfound,
#smenu{position:fixed;width:100%;height:100%;top:0;left:0;overflow:hidden;transition:none;z-index:9000}
#notfound.inactive,
#smenu.inactive{height:0;}
#notfound.active,
#smenu.active{height:100%;}
#notfound .mask,
#smenu .mask{height:100%;width:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.6);}
#notfound .info{position:absolute;padding:30px 20px;width:80%;max-width:300px; background:#fff;border-radius:10px;top:50%;left:50%;}
#notfound.inactive .info{transform:translate(-50%,-45%);}
#notfound.active .info{transform:translate(-50%,-50%);}

#notfound li{position:relative;margin:5px 0 0 20px;}
#notfound li:before{content:'';background:#bbb;height:10px;width:10px;position:absolute;border-radius:50%;top:5px;left:-15px;}

/*---smenu---*/
#smenu .mask{background:transparent;}
#smenu.inactive ul{top:100px;opacity:0;}
#smenu.active ul{top:60px;opacity:1;}
#smenu ul{position:absolute;right:10px;background:#fff;border-radius:10px;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
#smenu li{padding:13px;}
#smenu a,#smenu li{text-decoration:none;color:#777;user-select: none;}
#smenu li:hover{background:rgba(0,0,0,0.1)}

.load div{background:rgba(255,255,255,0.4);}
.load .text{width:70%;height:10px}





/*----panel---*/
#panel{position:fixed;width:100%;height:100%;top:0;z-index:8000;overflow:auto;background:#fff;}
#panel.inactive{right:-100%;}
#panel.active{right:0;}



#panel{padding:60px 0 60px 0;}
#panel .item{display:-webkit-flex;display:flex;width:calc(100% - 40px);align-items:center;
margin:20px;padding:10px; min-height:80px; background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);border-radius:10px;}
#panel .item .icon{height:40px;width:40px; background-color:var(--theme);background-size:30px;border-radius:50%;}
#panel .item .text{width:calc(100% - 40px);padding-left:10px;}
#panel .item .text>div{white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
#panel .mw280{max-width:280px;}



#panel .title{position:fixed;width:100%;height:60px;top:-60px;left:0;overflow:hidden; background:#fff;}
#panel.active .title{top:0;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
#panel .title>div{display:inline-block;vertical-align:middle;}
#panel .title .text{text-transform:uppercase; text-align:center;color:var(--theme);font-size:1.2em;width:calc(100% - 120px)}


#panel .title{position:fixed;width:100%;height:60px;top:-60px;left:0;overflow:hidden; background:#fff;}
#panel.active .title{top:0;box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
#panel .title>div{display:inline-block;vertical-align:middle;}
#panel .title .text{text-transform:uppercase; text-align:center;color:var(--theme);font-size:1.2em;width:calc(100% - 120px)}

.back{height:60px;width:60px;padding:5px; background-size:30px;background-position:center;background-repeat:no-repeat;}




#panel #panel_content>div,
#ficon .notif{display:none;}

#panel.call .call,
#panel.sms .sms,
#panel.address .address,
#panel.app .app,
#panel.brand .brand,
#panel.offer .offer,
#panel.email .email,
#panel.gst .gst,
#panel.location .location,
#panel.phone .phone,
#panel.review .review,
#panel.scanpay .scanpay,
#panel.service .service,
#panel.social .social,
#panel.update .update,
#panel.upi .upi,
#panel.website .website,
#panel.notif .notif,
#panel.whatsapp .whatsapp{display:block !important;}


#panel .flex {align-items:center;padding:10px; border-radius:5px;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);margin:10px;width:calc(100% - 20px);}
#panel .flex .text{padding:10px;}
#panel .flex .icon{background-color:var(--theme);border-radius:50%;background-size:30px;background-position:center;background-repeat:no-repeat;}






@media screen and (min-width:600px){
	.ficon .child{width:150px;}
	.ficon .holder{height:150px;padding-top:0;}

}