body {  color: #444; margin: 0px; line-height: 1.6; font-family: 'Hind Siliguri', sans-serif; font-size: 14px; background: #fff; letter-spacing: 0px; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
textarea, input.text, input[type="password"], input[type="text"], input[type="reset"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }
input[type="submit"] { width:auto; font-family: 'Hind Siliguri', sans-serif; cursor:pointer; }

a { color:#333; text-decoration:none; transition: all 0.5s ease 0s; }
a:hover { color:#474747; text-decoration:none; cursor:pointer; } 
a:active { outline-style:none; outline-width :0;}
h1, h2, h3, h4, h5 { font-weight:normal; margin:0; }
img { border: 0 }
input {  }
ul { margin:0; padding:0; }
ul li { padding:0; list-style:none; }
.clearfix {}
.clearfix::after { content: "."; display:block; line-height:0; height:0; clear:both; visibility:hidden; }
.mi { display:inline-flex; vertical-align:middle; margin-top:-3px; }
.pointer { cursor:pointer; }
.showMobile { display:none; }
#blur { position:absolute; z-index:998; top:0; right:0; background-color:#fff; } /* used in recommendation & category loading */

.menuTop { max-width:1500px; width:100%; position:relative; margin:0 auto; }
.menuTop .holderTop { padding: 0 25px; }
.menuTop .headerLeft { float:left; width:50%; }
.menuTop .headerRight { float:left; width:50%; }

a.top-nav { position:relative; display:block; text-align: center; height: 43px; width: 43px;  float: none; margin-left: 0; font-size: 40px; z-index: 2;
            color: #fff;
            text-shadow: 0px 0px 3px #000, 0px 0px 1px #000;
}
a.top-nav:hover { background-color:rgba(0,0,0,0.2); cursor:pointer; }
a.top-nav .material-icons { position: absolute; display:inline-block; left:9px; top: 10px; }

#acc { white-space:nowrap; text-align:right;  }
#acc #spAccount { position:relative; transition: all 0.5s ease 0s; }
#acc #spAccount #divMenuWelcome { display:none; position:absolute; right:0; bottom:-80px; z-index:10; box-shadow: 3px 3px 2px -2px  rgba(0, 0, 0, 0.4); }
#acc #spAccount #divMenuWelcome .mw { display:block; background-color:#fff; line-height:normal; padding:5px 10px; line-height:30px; text-align:left; min-width:100px; }
#acc #spAccount #divMenuWelcome .mw:hover { background-color:#f0f0f0; } 
#acc .iconClickTopMenu { height:43px; width:43px; text-align:center; } 
#acc .iconClickTopMenu .material-icons { display:flex; vertical-align:middle; padding-top:10px; }
#acc .mthover { font-size:14px; line-height:43px; padding:0 10px;
                color: #fff;
                text-shadow: 0px 0px 3px #000, 0px 0px 1px #000;
}
#acc .mthover:hover { background-color:rgba(0,0,0,0.1); cursor:pointer; }

#shopname { display:inline-block; position:absolute; top:15px; left:0; }
#shopname a { display:inline-block; height:81px; }
#shopname img { float:left; border:0;  margin-right:10px; display:block; }
#shopname h1 { float:left; font-size:42px; font-weight:500; color: rgb(48, 48, 48); display:inline-block; line-height:81px; }

.logo-mobile { text-align:center; }
.logo-mobile img { width:100%; max-width:218px; } 

.search { display:inline-block; padding-right:10px; }
.search .search-input { float:left; display: inline-block; height: 43px; margin-bottom:0 !important; box-shadow: none; border-radius: 0; border:none; border-bottom:solid 1px #eaeaea !important; background-color:transparent; 
                         width:190px !important; padding:12px 15px 12px 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search .search-input:focus { border-bottom:solid 1px #ffffff !important; box-shadow:none !important; }
.search .search-button { float:left; position: relative; height:43px; line-height:13px; padding:20px 10px 5px; font-size:16pt; font-weight:600; letter-spacing:0; background-color:transparent; border:none; 
                         color: #fff; text-shadow: 0px 0px 8px #000, 0px 0px 2px #000;
}

/* Slider Banner */
.banner-frame { float: left; min-height:320px; width:100%; }

/* Popup login panel */
/* Login Modal Popup */
.f-modalBackground { background-color:Black; filter:alpha(opacity=60); opacity:0.6; }
a.closePanel2 { right:-10px !important;  } /* for login */
a.closePanel { z-index:999; position:absolute; top:-10px; right:-10px; background:url('/images/close.png') no-repeat; width:30px; height:30px; display:inline-block; } /* for contact us */
.f-shadow {  -moz-box-shadow: 0px 0px 12px #000;
            -webkit-box-shadow: 0px 0px 12px #000;
            box-shadow: 0px 0px 12px #000; }

@media screen and (max-width: 768px) {
    .showMobile { display:inline-block; }
    .hidden-small { display:none !important; }

    .menuTop .holderTop { padding: 0; }
    .menuTop .headerLeft { float:left; width:25%; }
    .menuTop .headerCenter { float:left; width:50%; }
    .menuTop .headerRight { float:left; width:25%; }

    .banner-frame { min-height:unset; }
}

/* Combo */
.cof { background:unset !important; background-color:rgba(255, 216, 0, 0.8) !important; }
.cof:hover { box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.8); }


/* Footer */
.frame25 { float:left; width:25%; }
.frame33 { float:left; width:33%;}
.frame50 { width:50%; }
.footer-widget:not(:last-child) { margin-bottom: 20px; }
.footer-frame { padding:10px; }
.footer-subtitle { font-size:16px; color:#424242; letter-spacing:0.8px; font-weight:600; padding-bottom:20px; }
.footer-content { height:200px; }
.footer-content .info { color:#333; }
.footer-pages-link { color:#333; font-size:14px; display:block; line-height:30px; text-transform:uppercase; }
.footer-pages-link:hover { color:#888;  }

/* Footer: Newsletter */
.newsletter1 { position: relative; display:block; height:46px; border:solid 1px #cacecf; max-width:300px; }
.newsletter1 select { border:0; margin:0; padding:0; height:44px; }
.newsletter1 .topSubscribe { padding-left:60px; height:46px; width:calc(100% - 60px); }
.newsletter1 input { color: #666; border:0; padding-top:3px !important; margin-bottom:0 !important; border-bottom-width:0 !important; }
.newsletter1 input:focus { border-bottom-width:0 !important; box-shadow:none !important; }

.newsletter2 { position: relative; margin-top:3px; border:solid 1px #cacecf; max-width:300px; padding-left:10px; }
.newsletter2 input { color: #666; border:0; padding-top:3px !important; margin-bottom:0 !important; border-bottom-width:0 !important; }
.newsletter2 input:focus { border-bottom-width:0 !important; box-shadow:none !important; }
.newsletter2 .topSubscribe { height:46px; width:255px; display:inline-block }
.newsletter2 a.submit { height:46px; width:46px; display:inline-block; position:absolute; top:0; right:0; background-color:#444;  }
.newsletter2 a.submit .material-icons { display:flex; color:#fff; text-align:center; vertical-align:middle; padding:11px; }

/* Footer: copyright */
.copyright { text-align:center; color:#777; padding:40px 0; font-size:12px; } 
.copyright a { color:#777; } 
.copyright a:hover { color:#496161; }

/* Just Purchase */
.justPurchase { display:none; position:fixed; left:10px; bottom:-80px; width:320px; background-color:#fcfcfc; box-shadow:0px 0px 2px rgba(0,0,0,0.5); height:80px;
                border-radius:3px; border:solid 1px #259959; font-family:Arial; color:#555; z-index:50; text-decoration:none; }
.justPurchase .purchase-text { font-size:0.8rem; color:#555; line-height:18px; max-height:36px; overflow:hidden; }
.justPurchase .purchase-prod { font-size:0.8rem; height:18px; line-height:18px; color:#259959; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.justPurchase .purchase-time { font-size:0.7rem; color:#999; padding-top:3px; height:12px; line-height:12px; }

@media screen and (max-width: 768px) {
    .frame25, .frame33, .frame50 { width:100%; }
    .footer-content { height:auto; }
    .copyright { text-align:left; } 
}

/* Back to Top - icon circle */
#backToTop { display:none; position:fixed; bottom:180px; right:10px; }
#backToTop a.clickTop { display:block; background-color:#fff; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.4); width:46px; height:46px; padding:11px; border-radius:50%; }
#backToTop a.clickTop:hover { background-color:#f0f0f0; cursor:pointer; }

/* Just Purchase */
.justPurchase { display:none; position:fixed; left:10px; bottom:-80px; width:320px; background-color:#fcfcfc; box-shadow:0px 0px 2px rgba(0,0,0,0.5); height:80px;
                border-radius:3px; border:solid 1px #259959; color:#555; z-index:10000; text-decoration:none; }
.justPurchase .purchase-text { font-size:12px; color:#555; line-height:18px; max-height:36px; overflow:hidden; }
.justPurchase .purchase-prod { font-size:12px; height:18px; line-height:18px; color:#259959; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.justPurchase .purchase-time { font-size:10px; color:#999; padding-top:3px; height:12px; line-height:12px; }

/* UserControl ucMenuTPCC : top left menu */
/* User Profile */
.profile { display:block; border-bottom: solid 1px rgba(0,0,0,0.14); padding:24px 24px 12px 24px; position:relative; background-color:#fafafa; min-height:86px; }
.profile a { padding:0 !important; }
.profile .img { display:block; position:absolute; top:24px; left:24px; width:50px; height:50px; border-radius:50%;  }
.profile .img.guest { background-color:#999; text-align:center; }
.profile .img.guest .material-icons { color:#fff; font-size:40px; display:inline-flex; vertical-align:middle; }
.profile .info { display:inline-block; padding-left: 60px; width:236px; }
.profile .info { display:block; line-height:16px; }
.profile .info .name { font-weight:500; }
.profile .guest-login { font-weight:600; color:#000; }
.frname .lvlf { display:inline-block; padding:2px 7px 2px 5px; margin:3px 0; border-radius:2px; background-color:rgba(37, 153, 89, 1.0); color:#fff; }
.frname .lvlf .icoGoldStar16, .icoSilverStar16 { margin-bottom:-3px; }
/* UserControl ucMenuTPCC : top left menu */
/* Search */
.search-wrapper-button { position:absolute; top:0px; right:0; }
.search-wrapper-button i { padding:10px; }
.search-wrapper-field { background-color:#fff; border:solid 1px #cacaca; border-radius:3px; padding:0 10px; }
.search-wrapper-field input:focus { box-shadow: 0 0 0 0 #ffffff !important; }

/* Product Listing : Default & Collections */
.secTitle { display:block; position:relative; font-size:18px; text-transform:uppercase; font-weight:600; padding:15px 0; margin-bottom:20px; text-align:center; color:#333; }
.secTitle::after { content: "";  margin: auto; width: 30px; height: 3px; position: absolute; bottom: 0; left: 0;  right: 0; background: black; opacity: 0.2; }
.seemore { text-align:center; margin:0 0 60px 0; }
.seemore a { display:inline-block; padding: 8px 20px; font-size:16px; border:solid 1px #666; color:#666; border-radius:2px;}
.seemore a:hover { border:solid 1px #333; color:#333; }

.container-productlist { width:100%; padding-right:15px; padding-left:15px; margin:0 auto; max-width:1280px; }
.row { display: flex; flex-wrap: wrap; margin-right:-15px !important; margin-left:-15px !important; box-sizing:border-box; }
@media screen and (max-width: 400px) {
   .row { margin-left:0 !important; margin-right:0 !important; }
}

.product a:hover img {  -webkit-transform:scale(1.1); /*Webkit: Scale up image to 1.2x original size*/
                        -moz-transform:scale(1.1); /*Mozilla scale version*/
                        -o-transform:scale(1.1); /*Opera scale version*/
                        -moz-transition: all 0.5s ease 0s;
                        -webkit-transition: all 0.5s ease 0s;
                        -o-transition: all 0.5s ease 0s; }
.product a:hover .so { visibility:hidden;  -moz-transition: all 0.1s ease 0s;
                        -webkit-transition: all 0.1s ease 0s;
                        -o-transition: all 0.1s ease 0s; }
.product { flex: 0 0 33.333333%; max-width:33.333333%; margin-bottom:30px; padding:0 15px; box-sizing:border-box; width:100%; position:relative; }
.product a { display: block; font-size: 12px; color: #333 !important; border: none; }
.product .p-outer { display: table; #position: relative; margin:0 auto;height:383px; box-sizing:border-box; }
.product .p-middle { display: table-cell; #position: absolute; #top: 50%; #left:50%; vertical-align: middle; text-align:center; }
.product .p-inner { #position: relative;	#top: -50%; #left:-50%; }
.product_thumb { margin: 0; position:relative; }
.product_thumb .so { position:absolute; bottom:0; left:0; padding:0 10px; height:30px; line-height:30px; width:100%; z-index:1; 
                font-size:14px; text-align:center; background-color:#aaa; color:#fff; text-shadow: 0 1px 1px #777; }
.product_thumb .tag { position:absolute; top:-24px; left:0; width:100%; text-align:center;z-index:1; }
.product_thumb .tag  h5 { font-family:Arial; font-size: 11px; font-style: italic; color: #333;  text-align: center; text-shadow: 0 1px 2px rgba(255,255,255,.7);
                            display:inline-block; padding:0 5px; }
.product_thumb img { width:100%; min-width:280px; }
.product_thumb .tag-bottom { position:absolute; bottom:10px; right:0; }
.product_thumb .tag-bottom .tagSpecialOffer { display:none; width:60px !important; min-width:unset; z-index:10; }
.product_thumb .tag-bottom .tagSpecialOffer.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center 10px;
    float:left;
}
@keyframes swing {
    0% { transform: rotate(6deg); }
    100% { transform: rotate(-6deg); }
}

.prod_detail { margin-top:10px; text-align:center; }
.prod_detail h2 { font-size: 14px; display:block; line-height:20px; height:40px; overflow:hidden; }
.prod_detail h2.islamic { font-family: 'Anton', sans-serif; font-size:18px; }
.prod_detail h2 .pc { display:inline-block; background-color:#888; color:#fff; padding:0 5px; margin-right:5px; transition: all 300ms linear 0s; }
.prod_detail .pr { display:block; line-height:16px; }

/* Normal style */
.prod_detail .price { white-space:nowrap; color: #0f1111; font-size:18px; font-weight:bold; font-family: "Varela Round", sans-serif; }
.prod_detail .pricePromo { color: #0f1111; font-size:18px; font-weight:bold; font-family: "Varela Round", sans-serif; }
.prod_detail .strike {  text-decoration:line-through; font-weight:normal; color:#888;  font-size:14px; }
.prod_detail .et { font-size:11px; color:#259959; line-height:12px; height:12px; font-family: "Varela Round", sans-serif; margin-top:3px; }  /* Green */
.prod_detail .qty-left-color { font-size:11px; color:#b12704 !important; line-height:12px;  font-family: "Varela Round", sans-serif; margin-top:3px; } /* brown */

/* Group Sale Points */
.gspl {margin-top:5px;color:rgba(0,0,0,.7);font-size:14px}
.gspl .iconGroupSalePoints {width:18px;height:18px}
.gspl .dec {padding:0 3px}
.iconGroupSalePoints {background:url('/svg/icon-groupsalepoints.svg'); display:inline-block;}

/* Wholesale style */
.prod_detail .priceBFG { font-size:10px; color:#888 !important; line-height:normal; display:block; }
.prod_detail .ng { margin-bottom:6px; }
.prod_detail .priceN { font-size:12px; font-weight:bold; color:#888; font-family: "Varela Round", sans-serif; display:inline-block; }
.prod_detail .priceN .strike { font-size:12px; }
.prod_detail .priceW { color: #0f1111; font-size:18px; display:block; font-family: "Varela Round", sans-serif; }
.prod_detail .priceW .strike { font-size:14px; }
.prod_detail .lbl { display:block; font-size:11px; color:#888; font-weight:normal; }
.prod_detail .off { font-size:14px; color:#888; }
.prod_detail .cdf { font-size:12px; text-align:center; color:#888; }
.prod_detail .cdf .h { display:inline-block; padding-right:3px; }
.gstincl { font-size:9pt; color:#888; display:inline-block; margin:0 0 10px 10px; }

.prod-nav-con{ clear:both; font-size: 0.9em; padding: 40px 40px 0 0; text-align:right; }
.prod-nav-con .highlight { border:solid 1px #fff; background-color:rgb(100, 100, 100); color:#fff; padding: 8px 10px; width:60px; font-size:13px; 
                           -moz-border-radius: 4px;
                           -webkit-border-radius: 4px;
                           -khtml-border-radius: 4px;
                           border-radius: 4px; }
.prod-nav-con .backnext { border:solid 1px #f8f0ef; background-color:#ece6e9; padding: 8px 10px; font-size:13px; 
                            -moz-border-radius: 3px;
                            -webkit-border-radius: 3px;
                            -khtml-border-radius: 3px;
                            border-radius: 3px; }
.prod-nav-con .backnext:hover { background-color:#fff; }
.prod-nav-con a{ border: 1px solid #f8f0ef; background-color: #ece6e9;	color: #666; padding: 8px 10px; width:60px; font-size:13px; 
                 -moz-border-radius: 3px;
                 -webkit-border-radius: 3px;
                 -khtml-border-radius: 3px;
                 border-radius: 3px; }
.prod-nav-con a:hover{ background-color: #ffffff; cursor:pointer; }

@media screen and (max-width: 900px) {
    .container-productlist { max-width:600px; }
    .product { max-width: 50%; }
    .product_thumb img { min-width:270px; }
}

@media screen and (max-width: 768px) {
    .container-productlist { max-width:540px; }
    .product { max-width: 50%; }
    .product_thumb img { min-width:240px; }
}
@media screen and (max-width: 460px) {
    .container-productlist { max-width:370px; padding:0; }
    .product { max-width: 100%; margin:0 auto 30px; }
    .product_thumb img { width:100%; min-width:270px; }
}

/* new category menu using ajax */
.bc-wrap { position: relative; padding:20px 0 10px; }
#breadcrumb { display:block; color:#333; line-height:40px; font-size: 16px; padding:0; position:relative; margin:16px 0; }
#breadcrumb span { margin:0 3px; }
#breadcrumb a { color: #333; font-size: 16px; text-decoration: none; letter-spacing:1.4px; display:inline-block; }
#breadcrumb a:hover { color:#000000; }
#breadcrumb a:last-child { font-size:18px; font-weight:600; }



/* Pages */
.sub-title { color:#333; padding:40px 0 10px; font-size:20px; letter-spacing:1px; font-weight:500; }
.page-bg { margin: 0 0 20px 0; padding:0; }
.page-section { margin-bottom:40px; color:#333; }
.page-section:before, .page-section:after { content: ""; display: table; }
.page-section:after { clear: both; }
.page-section p { word-wrap:break-word; }
.page-bg img { width:100% !important; height:unset !important; max-width:max-content!important; max-height:max-content !important; }

/* Popup TNC at First Page */
.popupTNCWrapper {display:none; position: fixed; background-color:#fff; font-size:12px;}
.popupTNCWrapper .popupTNCHeader {height:40px;line-height:40px; padding:0 10px; background-color:#ff0000; color:#ffffff; font-weight:bold; text-transform:uppercase}
.popupTNCWrapper .innerScrollTNCContent {overflow:auto;}
.popupTNCWrapper .popupTNCContent {padding:10px; padding-bottom:0;}
.popupTNCWrapper .popupTNCButtonAgree {display:inline-block;background-color:#ff0000; color:#fff; padding:10px 16px; font-size:14px;cursor:pointer}

/* Popup AROT at First Page */
.popupAROTWrapper {display:none; position: fixed; background-color:#fff; font-size:20px;}
.popupAROTWrapper .innerScrollAROTContent {overflow:auto;text-align:center}
.popupAROTWrapper .popupAROTContent {padding:10px; padding-bottom:0;}
.popupAROTWrapper .popupAROTButtonAgree {display:inline-block;background-color:#ff0000; color:#fff; padding:10px 16px; font-size:14px;cursor:pointer}
.popupAROTWrapper .inline-flex-center { display:inline-flex; vertical-align: middle; margin-top:-3px;}