@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&display=swap');





body {  font-family: "Google Sans Code", monospace;}
canvas { display: block; vertical-align: bottom; }
.count-particles { background: rgb(0, 0, 34); position: absolute; top: 48px; left: 0px; width: 80px; color: rgb(19, 232, 233); font-size: 0.8em; text-align: left; text-indent: 4px; line-height: 14px; padding-bottom: 2px;  font-weight: bold; }
.js-count-particles { font-size: 1.1em; }
#stats, .count-particles { }
#stats { background: rgb(30, 1, 5); }
.count-particles { border-radius: 0px 0px 3px 3px; }
#particles-js { width: 100%; height: 100%; background: url("../image/bg.jpg") 100% 100% / cover no-repeat rgb(38, 37, 36); }
.inside { /* margin-top: 8%; */}
.particals-section { left: 0; position: absolute; top: 20%; right: 0;z-index: 10; }
.inside .inside-logo { text-align: center; }
.inside .inside-logo img { width: auto; max-width: 100%; }
.inside .inside-logo .mainlogo{display:inline-block;}
.inside .inside-logo .hoverlogo{display:none;}
.inside .inside-logo:hover .mainlogo{display:none;}
.inside .inside-logo:hover .hoverlogo{display:inline-block;}
.inside .inside-logo:hover h1{color: #ed1b2e;}


.inside .inside-info { padding-top: 0px; text-align: center; }
.inside .inside-info h1 {   color: #2b2a29; font-size: 48px; }
.inside .particals-btn { padding-top: 66px; }
.inside .indise-btn-noresult { padding-top: 6px; padding-left: 0px; }
.inside .indise-btn-noresult .indise-btn { padding: 0px; }
.inside .indise-btn-noresult .indise-btn ul { padding: 0px; }
.inside .indise-btn-noresult .indise-btn ul li { padding: 19px 18px; list-style: none; }
.inside .indise-btn-noresult .indise-btn ul li a {   min-width: 170px; padding: 12px 46px; color: white; font-size: 15px; border: 1px solid white; }
.btn-5 { border: 0px solid; box-shadow: rgba(255, 255, 255, 0) 0px 0px 20px inset; outline: rgba(255, 255, 255, 0.5) solid 1px; outline-offset: 0px; text-shadow: none; transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.btn-5:hover { background: gray; border: 1px solid; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 20px inset, rgba(255, 255, 255, 0.2) 0px 0px 20px; outline-color: rgba(255, 255, 255, 0); outline-offset: 15px; text-shadow: rgb(66, 115, 136) 1px 1px 2px; }
.product-cart-head { background: rgb(30, 1, 5); }
.product-cart-head .product-cart-head-paenl { }
.product-cart-head .product-cart-head-paenl .product-cart-left { }
.product-cart-head .product-cart-head-paenl .product-cart-left img { width: 100%; }
.product-cart-head .product-cart-head-paenl .product-cart-right { padding: 47px 0px; text-align: right; }
.product-cart-head .product-cart-head-paenl .product-cart-right a { font-size: 23px; color: white; }
.product-cart-head .product-cart-head-paenl .product-cart-right a i { }
.product-cart-head .product-cart-head-paenl .product-cart-right span { }
.product-cart-main-heading { padding: 25px 0px; background: rgb(30, 1, 5); }
.product-cart-main-heading .pro-cart-name { text-align: center; }
.product-cart-main-heading .pro-cart-name h2 {   color: white; }
.product-cart-main-heading .pro-cart-name h2::after { top: 65px; content: ""; width: 80px; right: 0px; border-bottom: 3px solid rgb(238, 176, 91); left: 0px; display: inline-block; margin: 0px auto; position: absolute; }
.product-cart-section { }
.product-cart-section .product-cart { }
.product-cart-section .product-cart .product-cart-panel { }
.container .card { position: relative; width: 320px; height: 450px; background: rgb(35, 35, 35); border-radius: 20px; overflow: hidden; }
.container .card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(27, 191, 233); clip-path: circle(150px at 80% 20%); transition: all 0.5s ease-in-out 0s; }
.container .card:hover::before { clip-path: circle(300px at 80% -20%); }
.container .card::after { content: ""; position: absolute; top: 30%; left: -20%; font-size: 12em; font-weight: 800; font-style: italic; color: rgba(255, 255, 255, 0.04); }
.container .card .imgBx { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1000; width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.container .card:hover .imgBx { top: 0%; transform: translateY(-25%); }
.container .card .imgBx img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(1deg); width: 270px; }
.container .card .contentBx { position: absolute; bottom: 0px; width: 100%; height: 100px; text-align: center; transition: all 1s ease 0s; z-index: 90; }
.container .card:hover .contentBx { height: 210px; }
.container .card .contentBx h2 { position: relative; font-weight: 600; letter-spacing: 1px; color: rgb(255, 255, 255); }
.container .card .contentBx .size, .container .card .contentBx .color { display: flex; justify-content: center; align-items: center; padding: 8px 20px; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden; }
.container .card:hover .contentBx .size { opacity: 1; visibility: visible; transition-delay: 0.5s; }
.container .card:hover .contentBx .color { opacity: 1; visibility: visible; transition-delay: 0.6s; }
.container .card .contentBx .size h3, .container .card .contentBx .color h3 { color: white; font-weight: 300; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin-right: 10px; }
.container .card .contentBx .size span { width: 26px; height: 26px; text-align: center; line-height: 26px; font-size: 14px; display: inline-block; background: rgb(255, 255, 255); margin: 0px 5px; transition: all 0.5s ease 0s; color: rgb(17, 17, 17); border-radius: 4px; cursor: pointer; }
.container .card .contentBx .size span:hover { background: rgb(185, 0, 0); }
.container .card .contentBx .color span { width: 20px; height: 20px; background: rgb(255, 255, 0); border-radius: 50%; margin: 0px 5px; cursor: pointer; }
.container .card .contentBx .color span:nth-child(2) { background: rgb(27, 191, 233); }
.container .card .contentBx .color span:nth-child(3) { background: rgb(27, 47, 233); }
.container .card .contentBx .color span:nth-child(4) { background: rgb(8, 4, 129); }
.container .card .contentBx a { display: inline-block; padding: 10px 20px; background: rgb(255, 255, 255); border-radius: 4px; margin-top: 10px; text-decoration: none; font-weight: 600; color: rgb(17, 17, 17); opacity: 0; transform: translateY(50px); transition: all 0.5s ease 0s; }
.container .card:hover .contentBx a { opacity: 1; transform: translateY(0px); transition-delay: 0.7s; }
.play, .pause {width: 70px;height: 70px;display: inline-block;}
.play { background: url("../860889.png") 0% 0% / cover no-repeat transparent; }
.pause { background: url("../860888.png") 0% 0% / cover no-repeat transparent; display: none; }
.musictogglebtn {position: fixed;z-index: 999;right: 20px;bottom: 14%;}
.musictogglebtn span { }
.main-menu-panel { margin-top: 0; position: absolute;top: 130px;left: 0;right: 0;}
.main-menu-panel h3{font-size: 4em;margin-bottom: 10px;color: #fff; }
.main-menu-panel ul.mainmenu  { display: inline-block; padding: 0;}
.main-menu-panel ul.mainmenu > li {display: inline-block;margin-bottom: 55px;padding: 0 5px;}
.main-menu-panel ul.mainmenu > li > a {


color: rgb(255, 255, 255);

font-size: 3em; border-radius: 50px;min-width: 300px;background: rgb(43, 42, 41); padding: 15px 0; border: 3px solid #383838;display: inline-block; position: relative; transition: all 220ms linear 0ms !important; text-align: center;}




.main-menu-panel ul li a span {position: absolute;background: none;display: block;font-weight: 800;width: 100%;font-size: 15px;left: 0;opacity: 0;top: 0px;padding: 5px 10px;color: #00bcd4;}
.main-menu-panel ul li a:hover span {opacity: 1;top: -43px;transition: all 220ms linear 0ms !important;}
.headerpanel {background: #fff;padding: 15px 0px;/* box-shadow: 0px 4px 50px 0px rgb(236 236 236 / 9%); */box-shadow: 0 2px 15px rgb(0 0 0 / 35%);}
.headerpanel .logopanel {padding: 0;}
.headerpanel .logopanel img {width: 80px;}
.newheader .menu-panel {text-align: center;}
.newheader .menu-panel > ul {display: block;margin: 0;padding: 0;}
.newheader .menu-panel > ul > li { text-align: left; display: inline-block; position: relative; }
.newheader .menu-panel > ul > li:hover > a {background: rgb(237 27 46);color: rgb(255, 255, 255);}
.newheader .menu-panel > ul > li > a { padding: 20px 8px;color: rgb(255 255 255);text-transform: uppercase;font-size: 16px;display: inline-block;text-decoration: none;}
.newheader .menu-panel > ul > li > ul { position: absolute; background: rgb(255, 255, 255); padding: 26px 0px; top: 100%; left: 0px; margin-top: 0px; margin-bottom: 0px; min-width: 230px; z-index: 99; visibility: hidden; opacity: 0; list-style: none; box-shadow: rgba(58, 66, 104, 0.14) 0px 8px 63px; transition: all 220ms linear 0ms; border-radius: 0px 0px 5px 5px; clip: rect(1px, 1px, 1px, 1px); transform: scaleY(0); transform-origin: 0px 0px 0px; }
.newheader .menu-panel > ul > li > ul > li { padding: 0px 32px; white-space: nowrap; }
.newheader .menu-panel > ul > li > ul > li > a { font-size: 14px; font-weight: 500; line-height: normal; padding: 9px 0px; position: relative; border-bottom: 1px solid rgba(58, 66, 104, 0.11); display: block; text-decoration: none; color: rgb(0, 0, 0);  transition: all 220ms linear 0ms !important; }
.newheader .menu-panel > ul > li:hover ul { visibility: visible; opacity: 1; clip: inherit; transform: scaleY(1); }
.newheader .menu-panel > ul > li > ul > li > a:hover { color: rgb(165, 54, 146); padding-left: 6px; }
.headerpanel .usericons {text-align: right;padding-top: 20px;display: flex;gap: 16px;justify-content: flex-end;}
.headerpanel .usericons a {font-size: 22px;color: #ed1b2e;display: inline-block;position: relative;text-decoration: none;top: 5px;padding-left: 5px;text-transform: capitalize;}
.headerpanel .usericons a span {position: absolute;top: -7px;background: rgb(237 27 46);color: rgb(255, 255, 255);padding: 1px 6px;border-radius: 18px;right: -10px;font-size: 14px;line-height: normal;}

.productlist-grid{
    padding: 20px 0;
    /* padding-bottom: 0; */
    /* background: linear-gradient(to right, #ed1b2e 0%, white 100%); */
    }
.productlist-grid .pagehead{
    padding: 10px 0;
    margin-bottom: 0;
}
.productlist-grid .pagehead h3{
    text-align: CENTER;
    text-transform: uppercase;
    font-size: 30px;

    color: #000000;
}
.productlist-grid .innerboxgrid{
    border-radius: 3px;
    padding: 15px 10px;
    background: none;
    min-height: 435px;
}
.productlist-grid .innerboxgrid figure{
    padding: 0;
}
.productlist-grid .innerboxgrid figure img{
    width: 100%;
}
.productlist-grid .innerboxgrid .detailbox{
    text-align: CENTER;
    min-height: 140px;
    padding: 0;
}
.productlist-grid .innerboxgrid .detailbox h3{color: #000000;padding: 8px 1px;text-align: CENTER;font-size: 16px;font-weight: 300;MIN-HEIGHT: revert-layer;margin-bottom: 0;}
.productlist-grid .innerboxgrid .detailbox .currentprice{
    display: block;
    color: #000000;
    text-align: center;
    font-size: 30px;
    margin-bottom: 10px;
    }
.productlist-grid .innerboxgrid .detailbox .offerprice{
    display: block;
    color: #fff;
    text-align: center;
    font-size: 20px;
    text-decoration: line-through;
}
.productlist-grid .innerboxgrid .detailbox button{
    display: block;
    transition: all 220ms linear 0ms;
    margin-top: 5px;
    text-transform: uppercase;
    padding: 10px 20px;
    border: none;
    background: #000000;
    font-size: 12px;
    color: #fff;

    letter-spacing: 2px;
    width: 100%;
    }

.productlist-grid .innerboxgrid .detailbox select{/* border: none; */padding: 10px;width: 100%;font-weight: 700;margin-bottom: 5px;outline: none;text-transform: uppercase;}
.productlist-grid  .outerbox{
    padding: 0 5px;
padding-bottom: 15px;}
.productlist-grid .innerboxgrid:hover {}
.padd0{padding:0;}
/*********** POPUP ***********/
.cover {
    background-color: black;
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
}
.popupquickview {
    position: fixed;
    border: solid 1px white;
    width: 700px;
    min-height: 360px;
    max-width: 100%;
    top: -100%;
    padding: 15px;
    margin: 0 auto;
    opacity: 0;
    visibility: hidden;
    transition: all 1s cubic-bezier(.77,0,.175,1);
    background-color: white;
    z-index: 999;
    left: 0;
    right: 0;
}

.popupquickview  .popupproductdetail{ }
.popupquickview  .popupproductdetail .dataarticle{}
.popupquickview  .popupproductdetail .dataarticle h3{

    font-size: 12px;
    padding-top: 5px;
    font-weight: 400;
    margin: 0;
    letter-spacing: 2px;

    }
.popupquickview  .popupproductdetail .currentprice{}
.popupquickview  .popupproductdetail .offerprice{}
.popupquickview  .popupproductdetail .head{}
.popupquickview  .popupproductdetail .head h2{

    margin: 0;
    font-size: 20px;
    letter-spacing: 1px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: normal;
    }

.popupquickview  .popupproductdetail	.pricedata{
    padding-bottom: 10px;
}
.popupquickview  .popupproductdetail	.pricedata .currentprice{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0px;
    display: inline-block;
    }
	.popupquickview  .popupproductdetail	.pricedata .offerprice{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1;
    display: inline-block;
    color: #8c8c8c;
    text-decoration: line-through;
    margin-left: 5px;}

.popupquickview  .popupproductdetail .weightpanel{
    margin-top: 5px;
    border-top: 1px solid #eee;
    padding-top: 5px;
}
.popupquickview  .popupproductdetail .weightpanel span{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.popupquickview  .popupproductdetail .weightpanel ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.popupquickview  .popupproductdetail .weightpanel ul li{}
.popupquickview  .popupproductdetail .weightpanel ul li button{
    width: 100%;
    border: none;
    padding: 10px;
    border: 1px solid #c71458;
    background: #e1216a;
    font-size: 18px;
    color: #fff;
}
.popupquickview  .popupgridslider{
    padding-right: 0;
}
.popupquickview  .popupgridslider img{width:100%;}

.popupquickview  .addtocarpopup{
    padding: 10px 0px 0 0;
}
.popupquickview  .addtocarpopup button{
    width: 100%;
    padding: 15px;
    width: 100%;
    margin-top: 0;
    background: #000;
    border: none;
    color: #fff;

    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}
.popupquickview  .extratext{}
.popupquickview  .extratext span{
    margin-bottom: 8px;
    display: block;
    font-size: small;
}
.popupquickview  .extratext p{}
.popupquickview  .selectbox select{
    width: 100%;
    margin-bottom: 6px;
    padding: 8px;
    border: 2px solid #000;
}


.closebtnpopup {
    position: absolute;
    right: 5px;
    top: 5px;
    background: none;
    border: none;
    font-size: 22px;
    color: #000;
    z-index: 99;
}


/************* PRODUCT PAGE DATA *********************/
.productlist-grid2{
    /* background: #262524; */
    padding: 40px 0;
    }
.productlist-grid2  .popupproductdetail{ }
.productlist-grid2  .popupproductdetail .dataarticle{}
.productlist-grid2  .popupproductdetail .dataarticle h3{
     font-size: 12px;
     padding-top: 5px;
     font-weight: 400;
     margin: 0;
     letter-spacing: 2px;
     color: #000000;
    }
.productlist-grid2  .popupproductdetail .head{}
.productlist-grid2  .popupproductdetail .head h2{
   margin: 0;
   font-size: 20px;
   letter-spacing: 1px;
   color: #000000;
   margin-bottom: 10px;
   font-weight: 400;
   line-height: normal;
   }

.productlist-grid2  .popupproductdetail	.pricedata{
    padding-bottom: 10px;
}
.productlist-grid2  .popupproductdetail	.pricedata .currentprice{
    font-size: 30px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0px;
    display: inline-block;
    }
	.productlist-grid2  .popupproductdetail	.pricedata .offerprice{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1;
    display: inline-block;
    color: #8c8c8c;
    text-decoration: line-through;
    margin-left: 5px;}

.productlist-grid2  .popupproductdetail .weightpanel{
    margin-top: 5px;
    border-top: 1px solid #eee;
    padding-top: 5px;
}
.productlist-grid2  .popupproductdetail .weightpanel span{
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
.productlist-grid2  .popupproductdetail .weightpanel ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.productlist-grid2  .popupproductdetail .weightpanel ul li{}
.productlist-grid2  .popupproductdetail .weightpanel ul li button{
    width: 100%;
    border: none;
    padding: 10px;
    border: 1px solid #c71458;
    background: #e1216a;
    font-size: 18px;
    color: #fff;
}
.productlist-grid2  .popupgridslider{
    padding-right: 0;
}
.productlist-grid2  .popupgridslider img{width:100%;}

.productlist-grid2  .addtocarpopup{
    padding: 10px 0px 0 0;
}
.productlist-grid2  .addtocarpopup button{
    width: 100%;
    padding: 15px;
    width: 100%;
    margin-top: 0;
    background: #000;
    border: none;
    color: #fff;

    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
}
.productlist-grid2  .extratext{
    color: #fff;
}
.productlist-grid2  .extratext span{
    margin-bottom: 8px;
    display: block;
    font-size: small;
    color: #000;
}
.productlist-grid2  .extratext p{}
.productlist-grid2  .selectbox select{
    width: 100%;
    margin-bottom: 6px;
    padding: 8px;
    border: 2px solid #000;
text-transform: uppercase;}





.crthead{
	text-align: center;
    display: block;
    padding: 15px;
    background: #4caf50;
    color: #fff;
	}


/********* CART CHECKOUT ACCOUNT **********/
/***************************************************************************/
/****************** CART *************************/
 .cartpanel{
    padding: 70px 0;
    background: #262524; padding-bottom:20%;
}
.cartpanel .carhead{
    padding: 10px 0;
    margin-bottom: 0;
}
.cartpanel .carhead h3{ margin: 0;font-size: 24px;color: #000;font-weight: 300;}
.cartpanel .carhead h3 span{ }
.cartpanel .carhead .cartemtytxt{
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 2px;
    color: #fff;

}
.cartpanel .carhead .cartemtytxt2{
    color: #fff;
    margin: 0;

}
.cartpanel .tablehead{
    padding: 5px;
    background: #f7f7f7;
    margin-bottom: 2px;
}
.cartpanel .tablehead h4{
    font-size: 14px;

    font-weight: 700;
    letter-spacing: 1px;
}
.cartpanel .tablebody{
    padding-bottom: 10px;
}
.cartpanel .tablebody .carticon{
    padding: 0;
}
.cartpanel .tablebody .carticon img{width: 140px;height: 140px;border-radius: 10px;margin-top: 5px;}
.cartpanel .tablebody .cartdet{ padding-top: 10px;}
.cartpanel .tablebody .cartdet h3{
    margin: 0;
    font-size: 18px;
}
.cartpanel .tablebody .cartdet h5{}
.cartpanel .tablebody .cartdet .pricetag{
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.cartpanel .tablebody .cartdet .smalltag{
    display: block;
}


.cartpanel .tablebody .inp{position:relative;margin-left: 0;display: inline-block;margin-top: 10px;}
.cartpanel .tablebody .inp:after{content:"+";position:absolute;right: -25px;top: 5px;font-size: 29px;color: #ffffff;}
.cartpanel .tablebody .inp:before{content:"-";position:absolute;left: -15px;top: 5px;font-size: 30px;color: #ffffff;}
.cartpanel .tablebody .inp input[type='text']{
    width: 50px;
    padding: 7px;
    border: 1px solid;
    padding-right: 7px;
    height: 50px;
    font-size: 20px;

    font-weight: 300;
    text-align: CENTER;
}
.cartpanel .tablebody .inp i{
    position: absolute;
    right: 8px;
    top: 12px;
    font-style: normal;
    font-size: 20px;

}
.tableprice {padding-top:15px;}
.tableprice .pricetag{
    display: block;
    font-size: 14px;
    font-weight: 600;
}
.summarypanel{}
.summarypanel .head{ margin:0;color:#000;margin-bottom: 14px;}

.summarypanel  .nav{
    display: inline-block;
    border: none;
}
.summarypanel  .nav > li{
    /* margin-left: 0; */
}
.summarypanel .nav > li > a{

    text-transform: capitalize;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
    padding: 10px 15px 10px 10px;
    letter-spacing: 0px;
    margin: 0;
    border-radius: 0;
}
.summarypanel  .nav > li:hover a, .summarypanel  .nav > li:focus a{
    background: none;
    border: none;
    border: 1px solid #fff;
}
.summarypanel  .nav > li.active > a{
    border: none;
    border: 1px solid #8f0101;
    color: #fff;
    background: #8f0101;
    border-radius: 0;

}

.summarypanel .voucherfrm{
    padding: 15px 2px;
}
.summarypanel .voucherfrm input{
    width: 100%;
    border: none;
    padding: 11px;
    background: #eee;
}
.summarypanel .voucherfrm button{
    width: 100%;
    padding: 11px;
    border: none;
    letter-spacing:1px;
    background: #8f0101;
    color: #fff;
}
.summarydetails{ padding-top: 15px;}
.summarydetails h3{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
}
.summarydetails h4{
    margin: 0;
    font-size: 20px;
    color: #000;
}
.summarydetails .youpay{
    padding-top: 20px;
    margin-bottom: 15px;
}
.summarydetails .youpay h2{
    font-size: 24px;
    color: #8f0101;
    margin: 0;
}
.summarydetails .incltag{
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 800;
}
.summarydetails .proceedbtn{
    display: block;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #8f0101;
    background: #8f0101;
    color: #fff;
    letter-spacing: 2px;
    text-align: CENTER;
}
.summarydetails .cntbtn{display: inline-block;margin-bottom: 30px;letter-spacing: 2px;border-bottom: 1px solid #000;}
.btncntnu {
    display: inline-block;
    padding: 10px 23px;
    background: #ffffff;

    color: #2b2b31;
    letter-spacing: 2;

    margin-bottom: 15px;
    font-weight: 600;
    border: 2px solid #2b2b31;
    border-radius: 5px;
}

.cart-widget-grid{
    padding: 0;
}
.cart-widget-grid .innergrid{
    padding: 0;
    padding-right: 10px;
    border-right: 1px solid #eee;
}
.cart-widget-grid .innergrid .listgrid{
    border: 1px solid #eee;
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #eaeaec;
    margin-bottom: 15px;
    border-bottom-width: 2px;
}
.cart-widget-grid .innergrid .listgrid h3{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1;
    padding: 10px 0;
}
.cart-widget-grid .innergrid .listgrid button{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    display: inline-block;
    padding: 8px 15px;
    background: #ffffff;
    color: #724093;
    letter-spacing: 2;

    margin-bottom: 15px;
    font-weight: 600;
    border: 2px solid #724093;
    border-radius: 5px;
}
.cart-widget-grid .innergrid .cartgrid{
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #eaeaec;
    margin-bottom: 10px;
}
.cart-widget-grid .innergrid .cartgrid figure{
    width: 25%;
    float: left;
}
.cart-widget-grid .innergrid .cartgrid figure img{width:100%;padding: 0 7px;}
.cart-widget-grid .innergrid .cartgrid .prodet{
    width: 75%;
    float: left;
}
.cart-widget-grid .innergrid .cartgrid .prodet h3{
    margin: 0;
    font-size: 16px;
    color: #fff;
    font-weight: 500;

}
.cart-widget-grid .innergrid .cartgrid .prodet .skucode{
    display: block;
    letter-spacing: 2px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
.cart-widget-grid .innergrid .cartgrid .prodet .pricecart{
    display: block;
    font-size: 18px;
    font-weight: 100;
}
.cart-widget-grid .innergrid .cartgrid .prodet .pricecarttotal{}
.cart-widget-grid .innergrid .cartgrid .closebtn{
    /* position: absolute; */
    /* right: 12px; */
    /* top: 10px; */
    background: none;
    font-size: 14px;
    border: none;
    display: block;
    text-align: center;
    border: 1px solid #fdfdfd;
    padding: 5px 5px;
    text-transform: capitalize;
    border-radius: 4px;
    color: #fff;
    margin-top: 5px;

}
.outerboxcart{
    /* border-left: 1px solid #eee; */
}
.outerboxcart .rightcartgrid{}
.outerboxcart .rightcartgrid .coupanbox{
    position: relative;
    /* height: 30px; */
}
.outerboxcart .rightcartgrid .coupanbox i{
    font-size: 20px;
    position: absolute;
    top: 5px;
    color: #fff;
}
.outerboxcart .rightcartgrid .coupanbox span{
    display: block;
    line-height: normal;
    padding-left: 28px;
    font-weight: 500;
    padding-top: 5px;
    font-size: 15px;
    letter-spacing: 1;
    margin-bottom: 15px;
    color: #fff;
}
.outerboxcart .rightcartgrid .coupanbox button{
    display: inline-block;
    padding: 3px 15px;
    background: #262524;
    color: #fdfdfd;
    letter-spacing: 2;

    margin-bottom: 0;
    font-weight: 500;
    border: 2px solid #fdfdfd;
    border-radius: 6px;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0;
}
.outerboxcart .rightcartgrid .headcoupan{
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 600;

    color: #fff;
}
.outerboxcart .rightcartgrid .coupanbox p{    margin: 0;
    text-align: CENTER;
    color: #000000;}
.outerboxcart .rightcartgrid .coupanbox p a{color: #8f0101;
    font-weight: 600;}
.cartpricedet{}
.cartpricedet .headprice{
    font-weight: 500;
    letter-spacing: 1;
    margin-bottom: 5px;
    display: block;
    color: #fff;
    margin-top: 10px;
}
.cartpricedet ul{
    list-style: none;
    padding: 0;
}
.cartpricedet ul li{
    padding: 5px 0;
    font-weight: 600;
    letter-spacing: 1px;
    position: relative;

    color: #fff;
}
.cartpricedet ul li span.pricespan{
    position: absolute;
    right: 0;
}
.cartpricedet ul li span.disspan{
    position: absolute;
    right: 0;
    color: #ed1b2e;
}
.cartpricedet ul li span.appspan{
    position: absolute;
    right: 0;
    color: #e80505;
}
.cartpricedet ul li span.conspan{
    position: absolute;
    right: 0;
}

.cartpricedet ul li.total-list{
    border-top: 1px solid #eee;
    font-size: 16px;
    font-weight: 500;
    /* letter-spacing: 1px; */
    padding-top: 10px;
    padding-bottom: 10px;
}
.cartpricedet ul li.total-list span.totalamt{
    position: absolute;
    right: 0;
}
.tablebox{
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 5px;
    margin-bottom: 10px;
    border-bottom-width: 2px;
    background: #fdfdfd;
}
.tablebox .tablehead{
    background: none;
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin: 0;

}
.tablebox .itemdet{
    padding: 0;
}
.tablebox .pricedet{
    text-align: right;
}
.tablebox .qtydet{
    padding: 0;
    text-align: right;
}
.tablelisthead{
    font-size: 16px;
    font-weight: 500;
    color: #fff;
}




.placeorder {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    background: #F44336;
    cursor: pointer;
    text-align: center;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px;
    margin-top: 15px;
    }
.placeorder:hover{color:#fff;}
#removeCart{}
#removeCart .modal-content{border-radius:0;box-shadow:none;border: none;}
#removeCart h3{
    margin: 0;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
}
#removeCart button.btnopenclose{
    display: inline-block;
    padding: 5px 30px;
    border: none;
    font-size: 16px;
    background: #8f0101;
    color: #fff;
    margin-right: 0;
    margin-bottom: 15px;
    display: inline-block;
    padding: 3px 23px;
    background: #ffffff;
    color: #2b2b31;
    letter-spacing: 2;

    margin-bottom: 15px;
    font-weight: 500;
    border: 2px solid #2b2b31;
    border-radius: 5px;
}
.delcartitemmsg .alertmsg-success{
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 10px;
    background: #4caf50;
    color: #fff;
}
	.checkoutpage{
    padding: 0;

}
.checkoutpage .innerboxcheckoutpage{
    border-right: 1px solid #eee;
    padding-top: 30px;
}
.checkoutpage .innerboxcheckoutpage h3{
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin: 0;
    padding: 10px 0;
    padding-bottom: 0;
}
.checkoutpage .innerboxcheckoutpage h3 button{
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 8px 16px 7px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.checkoutpage .addresstag{
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #535766;
    letter-spacing: 1;
    margin: 10px 0;
    display: block;
    }
.checkoutpage  .checkoutgridbox-address{border: 1px solid #d4d5d9;box-shadow: 0 0 5px rgb(40 44 63 / 5%);padding: 20px;border-radius: 4px;margin-bottom: 10px;}

.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress{
    border: 2px solid #8f0000;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 20px;
}
.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress input[type='radio']{
    position: absolute;
    opacity: 0;

}
.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress.active:after{content:"";position: absolute;width: 10px;height: 10px;background: #8f0000;left: 3px;top: 3px;border-radius: 15px;}
.checkoutpage  .checkoutgridbox-address h4{
    margin: 0;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}
.checkoutpage  .checkoutgridbox-address h4 span{
    display: inline-block;
    font-size: 13px;
    padding: 5px;
    /* font-size: 10px; */
    padding: 5px 8px;
    border-radius: 20px;
    color: #03a685;
    font-weight: 500;
    border: 2px solid #03a685;
    margin-left: 8px;
    line-height: 12px;
}

.checkoutpage  .checkoutgridbox-address ul{
    padding: 0;
    list-style: none;
    padding-left: 30px;
    font-size: 14px;
}
.checkoutpage  .checkoutgridbox-address ul li{}

.checkoutpage  .checkoutgridbox-address .btncheckoutaddress{
    padding-left: 30px;
}
.checkoutpage  .checkoutgridbox-address .btncheckoutaddress .removeaddress{
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 5px 16px 5px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.checkoutpage  .checkoutgridbox-address .btncheckoutaddress .editaddress{
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 5px 16px 5px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.addnewaddress{box-shadow: 0 0 4px rgb(40 44 63 / 8%);
    height: 72px;
    padding: 15px;
    margin-bottom: 25px;
    vertical-align: top;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: 1px dashed #d4d5d9;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    text-align: left;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 18px;}
.checkoutpage .rightcheckwidget{
    padding-top: 30px;
}
.checkoutpage .rightcheckwidget ul.listprod{
    padding: 0;
    list-style: none;
    padding-left: 15px;
}
.checkoutpage .rightcheckwidget ul.listprod li{
    padding: 4px 0px;
    display: flex;
    border-bottom: 1px solid #eee;
}
.checkoutpage .rightcheckwidget ul.listprod li img{
    width: 60px;
    float: left;
    border: 1px solid #eee;
    padding: 0;
    margin-right: 13px;
}
.checkoutpage .rightcheckwidget ul.listprod li h5{
    padding-left: 0;
    float: left;
}
.headright h4{font-size:14px;}

#addModaladdress{}
#addModaladdress .modal-dialog{width:400px;border-radius: 0;}
#addModaladdress .modal-dialog .close{
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 28px;
    color: #000;
    opacity: 12;
}

#addModaladdress .modal-dialog .modal-content{border-radius:0px;}
#addModaladdress .modal-dialog .modal-content label{
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 5px;
}
#addModaladdress .modal-dialog .modal-content input[type='text'], #addModaladdress .modal-dialog .modal-content select{
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
}

#addModaladdress .modal-dialog .modal-content span{
    display: inline-block;
    padding: 3px 10px;
    border-radius: 5px;
    border: 2px solid #000;
    display: inline-block;
    font-size: 13px;
    padding: 5px;
    /* font-size: 10px; */
    padding: 5px 8px;
    border-radius: 20px;
    color: #03a685;
    font-weight: 500;
    border: 2px solid #03a685;
    margin-left: 0;
    line-height: 12px;
}
 .boxpopup{max-height:300px; overflow:Auto;}
 	.boxpopup .addtype{position:relative;display: inline-block !important;font-size: 13px;padding: 5px;/* font-size: 10px; */padding: 5px 10px;border-radius: 20px;color: #787878;font-weight: 500 !important;border: 2px solid #787878;margin-left: 8px;line-height: 12px;/* padding-left: 10px; */}
 	.boxpopup .addtype input[type='radio']{left: 7px;opacity: 0;position:absolute;top: 0;}
	.boxpopup .addtype.active{    color: #03a685 !important;
    font-weight: 500; color:#03a685 !important;
    border: 2px solid #03a685 !important;}
.btnaddnew {
    display: block;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    background: #ed1b2e;
    color: #fff;
    border-radius: 2px;
    border: none;
}
.lognbtn {
    padding: 5px 20px;
    border: none;
    text-transform: uppercase;
    background: #fff;
    color: #000;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
    border: 2px solid #000;
    border-radius: 5px;
    margin-top: 15px;
}
.checkouthead {
    padding-top: 30px;
}
.checkouthead h3{
    margin: 0;
}
.checkhead{color: #03a685;
    padding: 12px;
    border: 2px solid #03a685;
    border-radius: 6px;
    margin-bottom: 15px; position: relative;}
	.logguest{
    position: absolute;
    right: 0;
    top: 0;
    padding: 13px;
    background: #03a685;
    color: #fff;
    border: none;
    }
	.boxpopup {
    max-height: 300px;
    overflow: Auto;
}

.otpbtn{width: 100%;
    padding: 15px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 10px; border-radius: 30px;}

 .regmsg{padding: 0 30px;
    padding-bottom: 10px;}
.regmsg span, .logmsg span, .logmsg2 span, .logmsg3 span{  display: block;
    text-align: center;
    font-size: 16px;
    font-weight: 400;

   }
  span.errormsg,   span.errormsg{

	color: #b50000;
}
 span.sussfrm,  span.sussfrm{ color:#4caf50;}
 .resendtext{
    font-size: 16px;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-top: 5%;
}
.resendtext button{
    display: inline-block;
    margin-left: 0px;
    border: none;
    background: none;
}

.accountpanel{padding:40px 0; background:#fff; padding-bottom:40%;}
.accountpanel .leftpan{}
.accountpanel .leftpan h3{
    font: 30px  'Poppins', sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;
}
.accountpanel .leftpan h3 button{
    display: none;
}
.accountpanel .leftpan ul{
    padding: 0;
    list-style: none;
}
.accountpanel .leftpan ul li{
    padding: 10px 0;
}
.accountpanel .leftpan ul li a{
    line-height: normal;
    text-transform: none;
    letter-spacing: 0;
    padding: 5px 0px;
    display: inline-block;
    font-weight: 600;

    font-size: 16px;
    /* border-bottom: 1px solid #fff; */
color: #000;text-decoration: none;}
.accountpanel .leftpan ul li a:hover{
    border-bottom: 1px solid #1c1b1a;
    color: #000;
text-decoration: none;}
.accountpanel .leftpan ul li a.active{}
.accountpanel .rightpan{}
.accountpanel .rightpan h3{
    font: 30px 'Poppins', sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;
    }

.accountpanel .rightpan .grid-divider{
    padding-bottom: 20px;
    border-bottom: 1px solid #b9b9b9;
}
.accountpanel .rightpan p{

    font-size: 16px;
    padding-right: 19%;
}


.accountpanel .rightpan .detbox-panel{
    padding: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #b9b9b9;
}
.accountpanel .rightpan .detbox-panel h4{
    font: 32px 'Poppins', sans-serif;
    margin-top: 0;
    font-weight: 400;
    color: #000;
    }

.accountpanel .rightpan .tablebox{display: table;
    width: 100%;}
.accountpanel .rightpan .tablebox .tblbody{display: table-row-group;}
.accountpanel .rightpan .tablebox .tblrow{display: table-row;}

.accountpanel .rightpan .tablebox .tblrow .tblcell{padding: 8px 0;}
.accountpanel .rightpan .tablebox .tblrow .tblcell .subtext{
    font-size: 16px;

    }
.accountpanel .rightpan .tablebox .tblrow .tblcell .subhead{
    font-weight: bold;
    font-size: 16px;

    }
.accountpanel .rightpan .tablebox .tblrow .tblcell .subbtn{
    font-size: 14px;
    text-transform: uppercase;
    padding: 0px 0 3px 0px;
    display: inline-block;
    border-bottom: 1px solid #000;
    font-weight: 400;

    }



	.accountpanel .rightpan .recentorder{
    padding: 0;
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #b9b9b9;
}
.accountpanel .rightpan .recentorder h4{
    margin-top: 0;
    font-weight: 400;
    color: #000;
    }

#changepasswordmodal{}
#changepasswordmodal .modal-dialog{
    width: 500px;
}
#changepasswordmodal .modal-dialog .modal-content{
    border-radius: 0;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body{
    border-radius: 0;
    padding: 30px;
    padding-bottom: 50px;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body h3{
    margin: 0;
    /* font-size: 28px; */
    font: 18px 'Poppins', sans-serif;
    margin-bottom: 15px;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng{}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng label{
    display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng input[type='password']{
    padding: 10px;
    margin-bottom: 30px;
    width: 100%;
    background: #eee;
    border: 1px solid #eee;
}
#changepasswordmodal .modal-dialog .modal-content .modal-body .frmchng input[type='submit']{
    display: block;
    padding: 15px;
    background: #000;
    width: 100%;
    border: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.chngpassbtn{
    width: 100%;
    border: none;
    padding: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #000;
    color: #fff;
    font-size: 13px;
}
span.mandatory{position: absolute;
    top: -35px;
    display: block;
    right: 0;
    font-weight: 600;}

	.updtinfomartionform{}
.updtinfomartionform label{
    display: block;
    letter-spacing: 2px;
    font-weight: 400;
}
.updtinfomartionform select{
    width: 100%;
    padding: 15px;
    outline: none;
    border: none;
    background: #eee;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    background-image: url(../image/selicon.svg);
    background-repeat: no-repeat;
    background-position: 100% center;
    -webkit-background-size: 35px 7px;
    -moz-background-size: 35px 7px;
    -o-background-size: 35px 7px;
    background-size: 35px 7px;
    padding-right: 30px;
    margin-bottom: 10px;
    font-size: 16px;
}
.updtinfomartionform input[type='text']{
    width: 100%;
    padding: 15px;
    outline: none;
    border: none;
    font-size: 16px;
    background: #eee;
    margin-bottom: 10px;
}
.updtinfomartionform input[type='submit']{
    width: 100%;
    padding: 15px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 15px;
    }
	.txtad {
    display: block;
    text-align: center;
    font-size: 18px;
    padding: 10px 0px;
    background: #6958a3;
    border-radius: 2px;
    color: #fff;
}



.accountcrediential{padding: 40px 0;background: #f6e9e9a1; padding-bottom: 30%;}
.accountcrediential .innerbox{
    margin: 0 auto;
    float: inherit;

}
.accountcrediential .innerbox .logobox{margin-bottom: 40px;}
.accountcrediential .innerbox .logobox img{width: 150px;}
.accountcrediential .loginputbox{border: none;padding: 10px 20px;/* padding-top: 0; */background: #fff;border-radius: 3px;/* min-height: 270px; */border-bottom: 2px solid #efd8d8;}

.accountcrediential .loginputbox .signuphead{position: absolute;top: -26px;margin: 0 auto;left: 0;right: 0;width: 125px;padding: 10px;background: #fff;text-align: center;}

.accountcrediential .loginputbox .signuphead.otphead{    width: 270px;}

.accountcrediential .loginputbox .signuphead h3{ margin: 0;color: #000; font-weight: 300;letter-spacing: 2px;}

.accountcrediential .loginputbox .frmbox{
    padding: 0;
}
.accountcrediential .loginputbox .frmbox label{
    display: block;
    letter-spacing: 2px;

    font-weight: 400;
}
.accountcrediential .loginputbox .frmbox p{ margin-bottom: 15px;}
.accountcrediential .loginputbox .frmbox p a{color: #000000;font-weight: 500; }
.accountcrediential .loginputbox .frmbox select{
    width: 100%;
    padding: 15px;
    outline:none;
    border: none;
    background: #eee;

}
.accountcrediential .loginputbox .frmbox input[type='text'],.accountcrediential .loginputbox .frmbox input[type='email'],.accountcrediential .loginputbox .frmbox input[type='password']{
    width: 100%;
    padding: 10px;
    border: none;
    outline:none;
    border-bottom: 1px solid #a9a9a9;
    background: #fff;
    border-radius: 0;
    margin-bottom: 15px;

    font-size: 16px;

    }
	.accountcrediential .loginputbox .frmbox .logintype{
    position: absolute;
    background: #000000;
    bottom: 30px;
    right: 0;
    border: 1px solid #000000;
}
	.accountcrediential .loginputbox .frmbox .logintype span{
    position: relative;
    font-weight: 100;
    display: inline-block;
    padding: 3px 5px;
    width: auto;
    background: #fff;
    color: #000;

    color: #000000;
    border: none;
}
	.accountcrediential .loginputbox .frmbox .logintype span.active{
    background: #000000;
    color: #fff;
}
.accountcrediential .loginputbox .creadinnerbox{}
.accountcrediential .loginputbox input[type='submit']{
    width: 100%;
    padding: 15px;
    border: 1px solid #8f0000;
    background: #8f0000;
    color: #fff;
    letter-spacing: 2px;
    font-size: 14px;
    margin-top: 10px;
    border-radius: 3px;
    }
.accountcrediential .loginputbox .checkboxstyle label{
    letter-spacing: 0;
    font-size: 12px;
    text-transform: capitalize;
    display: inline-block;
}
.accountcrediential .loginputbox .checkboxstyle label i{font-size: 16px;color: #4caf50;}
	.frgtbtn{position: absolute;
    right: 0;
    top: 0;}
	.logbtn-panel{
    padding: 5px 15px;
    padding-top: 20px;
}
	.logbtn-panel button{
    display: block;
    padding: 10px;
    width: 100%;
    border-radius: 2px;
    margin-bottom: 0;
    border: 1px solid #ed1b2e;
    background: #ed1b2e;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 400;
    text-transform: uppercase;
}

.logbtn-panel span{
    position: absolute;
    width: 50px;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-weight: 600;
}
.logbtn-panel hr{border-top: 1px solid #000;}
.logsocial{
    text-align: center;
}
.logsocial h3{
    margin: 0;
    font-size: 14px;
    text-align: CENTER;
    padding: 20px;
    color: #000;
    font-weight: 700;
}
.logsocial a{
    display: inline-block;
    width: 48%;
    /* float: left; */
    padding: 15px;
    background: #000;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
}
.logsocial a.facebook:hover{
    background-color: #3b5998 !important;}
.logsocial a.google:hover{background-color: #db3236 !important}

.accountcrediential .loginputbox .frmbox .countrycode{width: 60px !important;position: absolute;background: #eeeeee !important;}
.accountcrediential .loginputbox .frmbox .mobnum{padding-left: 70px !important;}
.accountcrediential .tabloginpanel{
    padding: 0;
    list-style: none;
}

.accountcrediential .tabloginpanel li{
    float: left;
    width: 50%;
    border-bottom: 3px solid #eee;
}
.accountcrediential .tabloginpanel li a{
    padding: 10px;
    text-align: CENTER;
    display: block;
    font-weight: 400;
    position:relative;
    font-size: 18px;

    color: #444;

}
.accountcrediential .tabloginpanel li a.active{
    color: #ed1b2e;
}
.accountcrediential .tabloginpanel li a.active:before{content:"";position:absolute;width: 100%;height: 4px;background: #ed1b2e;bottom: 0;left: 0;right: 0;bottom: -3px;}

.frgrtpass{font-weight: 500;color: #ed1b2e !important;margin-bottom: 15px;display: block;}
.otherlogin{
    text-align: center;
    padding-top: 15px;
}
.otherlogin h4{
    font-weight: 300;
    display: inline-block;
    position: relative;

}
.otherlogin h4:before{content:"";position:absolute;width: 50px;height: 1px;background: #6a6666;right: -60px;top: 8px;}
.otherlogin h4:after{content:"";position:absolute;width: 50px;height: 1px;background: #6a6666;left: -60px;top: 8px;}
.otherlogin a{
    display: inline-block;
    width: 48px;
    height: 48px;
    background: #eee;
    border-radius: 50px;
    padding-top: 11px;
    font-size: 20px;
    margin-left: 3px;
}
.otherlogin a.facebookbtn{
    background: #4267B2;
    color: #fff;
}
.otherlogin a.googlebtn{
    background: #db4a39;
    color: #fff;
}

.contactpanel{padding:30px 0;}
.contactpanel h3{}
.contactpanel h4{}
.contactpanel p{
    font-size: 16px;
    text-align: justify;
}
.contactpanel .frmgrp{}
.contactpanel .frmgrp label{
    display: block;
    text-transform: uppercase;
}
.contactpanel .frmgrp label span{color:red;}
.contactpanel .frmgrp input[type='text'], .contactpanel .frmgrp textarea{
    padding: 10px;
    border: 2px solid #eee;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;
}
.contactpanel .frmgrp select{
	padding: 10px;
    border: 2px solid #eee;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 15px;

}

.contactpanel .frmgrp input[type='submit']{display: inline-block;
    padding: 8px 25px;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    border-radius: 2px;
    background: #6e4b9a;}



/***********************************************************************************/

.totalratingsreview{
    padding-bottom: 10px;
    text-align: center;
}
.totalratingsreview i{
    font-size: 24px;
    color: #262262;
}
.totalratingsreview span{
    display: inline-block;
    font-size: 16px;
    padding-left: 5px;
}
.reviewbtnpanel{
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.reviewbtnpanel button{
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 8px 15px;
    background: none;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 1px;

    border-radius: 5px;
    font-weight: 500;
}
.reviewbtnpanel button i{
    color: #262262;
    font-size: 16px;
}
.reviewbtnpanel button:hover{background:#f3f1f1;}
.reviewform{
    padding-top: 20px;
    display: none;
}
.reviewform h3{
    margin: 0;

    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px;
}
.reviewform label{
    display: block;
    font-weight: 100;
    position: relative;
    padding-left: 15px;
}
.reviewform label span{
    color: #950f0f;
    font-size: 18px;
    position: absolute;
    left: 0;
}
/*************** RATING *************/
.tab-product-description .rate-area {
    float:left;
    border-style: none;
    background: none;
    padding: 0;
}

.tab-product-description .rate-area:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.tab-product-description .rate-area:not(:checked) > label {
    float: right;
    width: .80em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 40px;
    line-height: 32px;
    color: lightgrey;
    margin-bottom: 10px !important;
    padding: 0;
}

.tab-product-description .rate-area:not(:checked) > label:before {
    content: '';
}

.tab-product-description .rate-area > input:checked ~ label {
    color: #950f0f;
    text-shadow: none;
}

.tab-product-description .rate-area:not(:checked) > label:hover,
.tab-product-description .rate-area:not(:checked) > label:hover ~ label {
    color: #e8262d;

}

.tab-product-description .rate-area > input:checked + label:hover,
.tab-product-description .rate-area > input:checked + label:hover ~ label,
.tab-product-description .rate-area > input:checked ~ label:hover,
.tab-product-description .rate-area > input:checked ~ label:hover ~ label,
.tab-product-description .rate-area > label:hover ~ input:checked ~ label {
    color: #950f0f;
    text-shadow: none;
}

.tab-product-description .rate-area > label:active {
    position:relative;
    top:0px;
    left:0px;
}


.rating {
  /* display: flex; */
  /* width: 100%; */
  justify-content: center;
  overflow: hidden;
  /* flex-direction: row-reverse; */
  /* height: 150px; */
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 40px;
  height: 40px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}

.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
  width: 100%;
  text-align: center;
  height: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
  content: "";
  height: 15px;
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
}

.emoji-wrapper:before {
  top: 0;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji-wrapper:after{
  bottom: 0;
  background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji {
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: .3s;
}

.emoji > svg {
  margin: 15px 0;
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }


.feedback {
  /* max-width: 360px; */
  background-color: #fff;
  width: 100%;
  padding: 0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  /* box-shadow: 0 4px 30px rgba(0,0,0,.05); */
}

.inputformreview{}
.inputformreview label{
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1;
    font-weight: 600;
    color: #262262;
}
.inputformreview   input[type='text']{
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 10px 10px;
    color: #666;
    border-radius:4px;
    width: 100%;
    margin-bottom: 11px;
    }
.inputformreview   textarea{
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    padding: 5px 10px;
    color: #666;
    border-radius:4px;
    width: 100%; outline:none;
    height: 100px;
    }
.inputformreview input[type='submit']{
    display: inline-block;
    border: 1px solid #262262;
    padding: 8px 35px;
    background: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;

    border-radius: 3px;
    font-weight: 500;
    margin-top: 15px;
    margin-right: 8px;
    background: #262262;
}
.inputformreview button{
    display: inline-block;
    border: 1px solid #e0e0e0;
    padding: 8px 15px;
    background: none;
    color: #444444;
    text-transform: uppercase;
    letter-spacing: 1px;

    border-radius: 3px;
    font-weight: 500;
    margin-top: 15px;
}
.individualreview{
    display: flex;
    flex-direction: row;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
    }
	.individualreview:last-child{border-bottom:none;}
.individualreview .review-icon{
    display: block;
    padding: 0 1rem 0 0;
}
.individualreview .review-icon span{
    background: #262262;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    object-fit: cover;
    color: #fff;
    text-transform: uppercase;
    width: 60px;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    }
.individualreview .review-det h5{
    margin: 0;
    font-weight: 600;
    margin-bottom: 4px;
}
.individualreview .review-det .stricon{}
.individualreview .review-det .stricon i{
    color: #262262;
}
.individualreview .review-det .reviewtime{}
.individualreview .review-det p{
    margin: 0;
    margin-top: 5px;
}
.bethereview{
    display: inline-block;
    border: 1px solid #262262;
    padding: 8px 35px;
    background: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;

    border-radius: 3px;
    font-weight: 500;
    margin-top: 15px;
    margin-right: 8px;
    background: #262262;
    }
.showfrmreview{display:block;}
	.loginpopupmsg{    padding: 10px;
    background: #e24b4b;
    color: #fff;
    margin-top: 15px;
    border-radius: 5px;
    text-align: CENTER;}
	.loginpopupmsg i{
    display: inline-block;
    background: #fff;
    width: 24px;
    border-radius: 13px;
    text-align: center;
    color: #e24b4b;
    font-weight: 900;
}
.successpopupmsg{   padding: 10px;
    background: #4caf50;
    color: #fff;
    margin-top: 15px;
    border-radius: 5px;
    text-align: CENTER;}
.reviewpanel{    padding: 29px 0;
    border-top: 1px solid #eee;}


.checkoutheader{
    /* border-bottom: 1px solid #eee; */
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 5%);
}
.checkoutheader .checklogo{padding: 10px 0;}
.checkoutheader .checklogo img{width: 150px;}
.checkoutheader .detcheck{
    padding-top: 25px;
}
.checkoutheader .detcheck h3{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    letter-spacing: 2px;
}
.checkoutheader .detcheck span{
    letter-spacing: 1px;
    display: inline-block;
}
.checkoutheader .detcheck span a{
    text-decoration: underline;
    display: inline-block;
    padding: 1px 0;
}

.checkoutstep{
    padding-top: 40px;
}
.checkoutstep .heading{ padding-bottom: 20px;border-bottom: 1px solid #000;}
.checkoutstep .heading h3{font-size:14px;letter-spacing: 1px;font-weight: 500;margin: 0;}
.checkoutstep .liststep{
    padding: 0;
    padding-bottom: 50px;
}
.checkoutstep .liststep ul{
    padding: 0;
    list-style: none;
}
.checkoutstep .liststep ul li{
    padding: 20px 0;
    border-bottom: 1px solid #000;
}
.checkoutstep .liststep ul li .head{}
.checkoutstep .liststep ul li .head span{
    float: left;
    width: 40px;

    height: 40px;
    border: 1px solid #000;
    text-align: center;
    padding: 5px 5px;
	position: relative;
    font-size: 20px;
    border-radius: 38px;
    margin-right: 10px;
}
.checkoutstep .liststep ul li .head h3{
    margin: 0;

    font-size: 24px;
    padding-top: 2px;
    line-height: normal;
    float: left;
    font-weight: 300;
}
.checkoutstep .liststep ul li .head span i{position: relative;
    top: 4px;}

.checkoutstep .liststep li .checkbox-widget{
    padding-left: 55px;
}
.checkoutstep .liststep li .checkbox-widget p{



font-size: 16px;

font-weight: 400;
}

.checkoutstep .liststep li .checkbox-widget h4{

    font-size: 28px;
    color: #000;
}
.checkoutstep .liststep li .checkbox-widget form{}
.checkoutstep .liststep li .checkbox-widget form label{
    display: block;
    font-size: 12px;
    /* font-weight: 200; */

    font-size: 12px;
    font-weight: 400;
    margin-bottom: 4px;
    letter-spacing: 2;
}
.checkoutstep .liststep li .checkbox-widget form input[type='text'], .checkoutstep .liststep li .checkbox-widget form input[type='email']{
	 display: block;
	 padding: 14px 15px;
	 border: none;
	 background: #eee;
	 width: 100%;
	 background: #f6f6f6;
	 margin-bottom: 35px;
	 color: #000;

	 font-size: 16px;
}
.checkoutstep .liststep li .checkbox-widget form select{
    display: block;
    padding: 14px 15px;
    border: none;
    background: #f6f6f6;
    width: 100%;
    outline: none;
    margin-bottom: 35px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0;
    background: #f6f6f6 url('../image/selicon.svg') no-repeat;
    background-position: 100% center;
    -webkit-background-size: 35px 7px;
    -moz-background-size: 35px 7px;
    -o-background-size: 35px 7px;
    background-size: 35px 7px;
}
.checkoutstep .liststep li .checkbox-widget form label.checkdet{
    color: #000;
    font-size: 16px;
    letter-spacing: 0;

    margin-bottom: 25px;
}
.checkoutstep .liststep li .checkbox-widget form label input{margin-right:10px;}

.checkoutstep .liststep li .checkbox-widget form button	{display: inline-block;
    padding: 15px 25px;
    border: none;
    background: #000;
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;}
	.checkoutpage{
    padding: 0;
}
.checkoutpage .innerboxcheckoutpage{
    border-right: 1px solid #eee;
    padding-top: 30px;
}
.checkoutpage .innerboxcheckoutpage h3{
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin: 0;
    padding: 10px 0;
    padding-bottom: 0;
}
.checkoutpage .innerboxcheckoutpage h3 button{
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 8px 16px 7px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.checkoutpage .addresstag{
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #535766;
    letter-spacing: 1;
    margin: 10px 0;
    display: block;
    }
.checkoutpage  .checkoutgridbox-address{border: 1px solid #d4d5d9;box-shadow: 0 0 5px rgb(40 44 63 / 5%);padding: 20px;border-radius: 4px;margin-bottom: 10px;}

.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress{
    border: 2px solid #8f0000;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 20px;
}
.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress input[type='radio']{
    position: absolute;
    opacity: 0;

}
.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress.active:after{content:"";position: absolute;width: 10px;height: 10px;background: #8f0000;left: 3px;top: 3px;border-radius: 15px;}
.checkoutpage  .checkoutgridbox-address h4{
    margin: 0;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}
.checkoutpage  .checkoutgridbox-address h4 span{
    display: inline-block;
    font-size: 13px;
    padding: 5px;
    /* font-size: 10px; */
    padding: 5px 8px;
    border-radius: 20px;
    color: #03a685;
    font-weight: 500;
    border: 2px solid #03a685;
    margin-left: 8px;
    line-height: 12px;
}

.checkoutpage  .checkoutgridbox-address ul{
    padding: 0;
    list-style: none;
    padding-left: 30px;
    font-size: 14px;
}
.checkoutpage  .checkoutgridbox-address ul li{}

.checkoutpage  .checkoutgridbox-address .btncheckoutaddress{
    padding-left: 30px;
}
.checkoutpage  .checkoutgridbox-address .btncheckoutaddress .removeaddress{
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 5px 16px 5px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.checkoutpage  .checkoutgridbox-address .btncheckoutaddress .editaddress{
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 5px 16px 5px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.addnewaddress{box-shadow: 0 0 4px rgb(40 44 63 / 8%);
    height: 72px;
    padding: 15px;
    margin-bottom: 25px;
    vertical-align: top;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: 1px dashed #d4d5d9;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    text-align: left;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 18px;}
.checkoutpage .rightcheckwidget{
    padding-top: 30px;
}
.checkoutpage .rightcheckwidget ul.listprod{
    padding: 0;
    list-style: none;
    padding-left: 15px;
}
.checkoutpage .rightcheckwidget ul.listprod li{
    padding: 4px 0px;
    display: flex;
    border-bottom: 1px solid #eee;
}
.checkoutpage .rightcheckwidget ul.listprod li img{
    width: 60px;
    float: left;
    border: 1px solid #eee;
    padding: 0;
    margin-right: 13px;
}
.checkoutpage .rightcheckwidget ul.listprod li h5{
    padding-left: 0;
    float: left;
}
	.paywidget{padding-top: 30px;
    padding-bottom: 20px;}
.paywidget .orderbox{
    padding: 15px;
    background: #201f1d;
    border-radius: 5px 5px 0 0;
    border: 1px solid #201f1d;
}
.paywidget .orderbox .orderdate{}
.paywidget .orderbox .orderamount{}
.paywidget .orderbox .ordership{}
.paywidget .orderbox .orderno{}
.paywidget .orderbox span.head1{
    color: #ffffff;
    display: block;

    font-weight: 600;
}
.paywidget .orderbox span.head2{
    display: block;
    font-weight: 400;

    color: #fff;
}
.orderdetbox{padding:15px;border: 1px solid #262262;}
	.razorpay-payment-button{display: inline-block;
    margin-top: 15px;
    border: 1px solid #3b9a3f;
    padding: 13px 40px;
    text-transform: uppercase;
    font-weight: 600;

    background: #4caf50;
    color: #fff;
    border-radius: 2px;
    letter-spacing: 2px}



.orderdetbox .tablehead{
    padding: 5px;
    background: #f7f7f7;
    margin-bottom: 2px;
}
.orderdetbox .tablehead h4{
    font-size: 14px !important;
    font-weight: 700;
    letter-spacing: 1px;

    margin: 0;
}
.orderdetbox .tablebody{
    padding-bottom: 10px;
}
.orderdetbox .tablebody .carticon{
    padding: 0;
}
.orderdetbox .tablebody .carticon img{width:100%;}
.orderdetbox .tablebody .cartdet{ padding-top: 10px;}
.orderdetbox .tablebody .cartdet h3{
    margin: 0;
    font-size: 18px;
}
.cartpanel .tablebody .cartdet h5{}
.cartpanel .tablebody .cartdet .pricetag{
    display: block;
    font-size: 18px;
    font-weight: 600;
}
.cartpanel .tablebody .cartdet .smalltag{
    display: block;
}

	.checkoutpage{
    padding: 10px 0;

    background: #262524;
    padding-bottom: 30px;

    padding-bottom: 25%;
    }
.checkoutpage .innerboxcheckoutpage{
    border-right: 1px solid #eee;
    padding-top: 30px;
}
.checkoutpage .innerboxcheckoutpage h3{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    margin: 0;

    padding: 10px 0;
    padding-bottom: 0;
}
.checkoutpage .innerboxcheckoutpage h3 button{
    position: absolute;
    right: 0;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ffffff;
    margin: 0;
    padding: 8px 16px 7px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.checkoutpage .addresstag{
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    color: #ffffff;
    letter-spacing: 1;
    margin: 10px 0;
    display: block;
    }
.checkoutpage  .checkoutgridbox-address{border: 1px solid #d4d5d9;box-shadow: 0 0 5px rgb(40 44 63 / 5%);padding: 20px;border-radius: 4px;margin-bottom: 10px;}

.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress{
    border: 2px solid #8f0000;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 20px;
}
.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress input[type='radio']{
    position: absolute;
    opacity: 0;

}
.checkoutpage  .checkoutgridbox-address .checklabel-checkoutaddress.active:after{content:"";position: absolute;width: 10px;height: 10px;background: #8f0000;left: 3px;top: 3px;border-radius: 15px;}
.checkoutpage  .checkoutgridbox-address h4{
    margin: 0;
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #fff;
}
.checkoutpage  .checkoutgridbox-address h4 span{
    display: inline-block;
    font-size: 13px;
    padding: 5px;
    /* font-size: 10px; */
    padding: 5px 8px;
    border-radius: 20px;
    color: #03a685;
    font-weight: 500;
    border: 2px solid #03a685;
    margin-left: 8px;
    line-height: 12px;
}

.checkoutpage  .checkoutgridbox-address ul{
    padding: 0;
    list-style: none;
    padding-left: 30px;
    font-size: 14px;
}
.checkoutpage  .checkoutgridbox-address ul li{
    color: #fff;
}

.checkoutpage  .checkoutgridbox-address .btncheckoutaddress{
    padding-left: 30px;
}
.checkoutpage  .checkoutgridbox-address .btncheckoutaddress .removeaddress{
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #ffffff;
    margin: 0;
    padding: 5px 16px 5px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 6px;
    color: #fff;
    margin-top: 10px;
}
.checkoutpage  .checkoutgridbox-address .btncheckoutaddress .editaddress{
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #282c3f;
    margin: 0;
    padding: 5px 16px 5px;
    border-radius: 4px;
    background: none;
    letter-spacing: 1px;
    top: 5px;
}
.addnewaddress{box-shadow: 0 0 4px rgb(40 44 63 / 8%);
    height: 72px;
    padding: 15px;
    margin-bottom: 25px;
    vertical-align: top;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
    border: 1px dashed #d4d5d9;
    width: 100%;
    background: #fff;
    margin-top: 15px;
    text-align: left;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 18px;}
.checkoutpage .rightcheckwidget{
    padding-top: 30px;
}
.checkoutpage .rightcheckwidget ul.listprod{
    padding: 0;
    list-style: none;
    padding-left: 15px;
}
.checkoutpage .rightcheckwidget ul.listprod li{
    padding: 4px 0px;
    display: flex;
    border-bottom: 1px solid #eee;
}
.checkoutpage .rightcheckwidget ul.listprod li img{
    width: 60px;
    float: left;
    border: 1px solid #eee;
    padding: 0;
    margin-right: 13px;
}
.checkoutpage .rightcheckwidget ul.listprod li h5{
    padding-left: 0;
    float: left;
    color: #fff;
}
.headright h4{font-size:14px;color: #fff;}
.topheader{position: fixed;top: 0;z-index: 9;left: 0;/* right: 0; */padding-top: 30px;padding-left: 30px;}
.topheader .logoleft{display: inline-block;}
.topheader .logoleft img{width: 170px;}
.topheader .logoleft .mainlogo{display:inline-block;}
.topheader .logoleft .hoverlogo{display:none;}
.topheader .logoleft:hover .mainlogo{display:none;}
.topheader .logoleft:hover .hoverlogo{display:inline-block;}
.topheader .logoleft h1{  color: #2b2a29;font-size: 24px;font-weight: 600;}
.topheader .logoleft:hover h1{color:#ed1b2e;}
.box-cal {
    width: 190px;
    position: relative;
}
.box-cal input {
    padding: 20px 20px;
    width: 100%;
    background: none;
    border: 2px solid #000000;
    height: 45px;
    padding-left: 0;
    text-align: right;
    padding-right: 60px;
    font-size: 30px;
    font-weight: 600;
    color: #000;
}
.box-cal button {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px 8px;
    border: none;
    color: #fff;
    background: #000000;
    text-align: center;
    font-size: 26px;
    height: 45px;
    width: 40px;
}
.box-cal button.minus {
    bottom: 0;
    /* background: #9a463b; */
left: 0;right: inherit;}

footer{background: #ed1b2e;position: fixed;left: 0;right: 0;text-align: center;padding: 10px 0;bottom: 0;z-index: 9;}
footer ul{padding: 0;display: inline-block;margin: 0;}
footer ul li{color: #fff;display: inline-block;padding: 0 12px;}
footer ul li a{color: #fff;font-size: 14px;letter-spacing: 1px; }
.pagewidget{padding: 25px 0;/* background: #000; */padding-bottom: 25%;}
.pagewidget .pagehead h3{color: #000000;}

.categorydetails{padding-top: 30px;color: #fff;padding-bottom: 10%;}
.categorydetails h4.cathead{font-size: 3em; color: #ed1b2e;}
 .productgridthumbnails{
    padding: 5px 0;
    display: block;
}
.productgridthumbnails li{

padding: 0 3px;
}

.productgridthumbnails li img{}
.productimageview ul.productgrid{padding:0; margin:0;}
.breadcrumb-panel{padding-top: 10px;background: #201f1d;padding-bottom: 10px;}
.breadcrumb-panel ol{background: none;margin: 0;}
.breadcrumb-panel ol li{}
.breadcrumb-panel ol li a{color: #fff;}
.admsgpage{position: fixed;
    bottom: 0;
    left: 0;
    right: 0;z-index: 99999;}

/******** CONTACT PAGE **************/

.first-section{


}
.second-section{


}
.help p{
    font-size: 18px;
    margin-bottom: 40px;
}
.help h1{
    font-size: 28px;
    margin-bottom: 10px;
    color: rgb(0 0 0);
}
.help h1:after{
    content: "";
    width: 220px;
    height: 3px;
    display: block;
    margin: 10px 0;
    background: rgb(0 0 0);
}
.first-section .link-heading{
    width: auto;
    /* background: #eee; */
}
.first-section .link-heading h3{
    margin: 0;
    margin: 10px;
    padding:0;
    background: rgb(42 42 42);
    padding: 10px 20px;
    border-radius: 5px;
    margin: 10px 0;
    /* color: rgb(40, 40, 40); */
    color: #fff;
}
.links{
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}
.links i{
    margin-right: 20px;
    transition: all .4s ease;
    color:rgb(235, 154, 3);
}
.links:hover i{
    background:rgb(235, 154, 3);
    color: #fff;
}
.links a{
    font-size: 16px;
    text-decoration: none;
    color:rgb(40, 40, 40);
    transition: all .4s ease;
}
.links a:hover{
    color:rgb(235, 154, 3);
}
address .number{
    margin: 15px 0;
}
address .number i{
    width: 40px;
    height: 40px;padding: 10px;
    font-size: 18px;
    color: rgb(16 16 16);
}
address .number i{

    line-height: 30px;
    text-align: center;
    display: inline;
    padding: 8px;
    border-radius: 50px;
    margin-right: 20px;
    font-size: 22px;
    border: 1px solid rgb(17 17 17);
}

@media(max-width:992px){

    .first-section .help p{
        font-size: 16px;
        margin-bottom: 30px;
    }
    .links{
        margin-bottom: 20px;
    }
    .second-section{
        width: 100%;
        margin-top: 20px;
        margin-left: 30px;
    }
    address .number{
        margin: 10px 0;
    }
}
@media(max-width: 560px){
    .first-section{
        margin-top: 20px;
    }
    .links{
        margin-bottom: 30px;
    }
}


#applycode{}
#applycode input[type='text']{
    width: 100%;
    padding: 10px;
    border: 2px solid #bbb;
    border-radius: 5px;
    margin-bottom: 5px;
}
#applycode input[type='submit']{
    font-size: 14px;
    font-weight: 500;
    padding: 10px;
    background: #1a1a1a;
    cursor: pointer;
    width: 100%;
    color: #fff;
    text-align: center;
    border: none;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px;
}
.appliedcode{}
.appliedcode span{
    display: block;
    text-align: CENTER;
    padding: 5px;
    border: 2px dashed #ed1b2e;
    font-size: 20px;
    color: #ed1b2e;
    font-weight: 700;
    letter-spacing: 6px;
}
.appliedcode button{
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    background: #101010;
    cursor: pointer;
    text-align: center;
    border: none;
    width: 100%;
    margin-top: 5px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 20px;
}
.errmsg{color:red; display:block; text-align:center;}
.succmsg{color:green; display:block; text-align:center;}
	.innerboxgoals{
    padding: 34px 0;
}

.paypalicon{position: fixed;left: 0;width: 60px;/* height: 80px; */bottom: 12%;left: 10px;}
.paypalicon img{width: 100%;border-radius: 10px;/* border: 5px solid #fff; */}
.paypalicon span{position: absolute;padding: 5px 6px;display: none;}

/********** CANCEL PAGE ***************/
.pagestatus{ padding-top: 5%;}
.pagestatus .innergrid{border: 1px solid #eee;padding: 3%;background: #262626;}
.pagestatus .innergrid .icon{text-align: center;}
.pagestatus .innergrid .icon i{font-size: 6em;color: #ffc107;}
.pagestatus .innergrid .responsetext{text-align: center;}
.pagestatus .innergrid .responsetext .warning{font-size: 21px;color: #fff;}
.pagestatus .innergrid .button{text-align: center;padding-top: 20px;}
.pagestatus .innergrid .button a{display: inline-block;padding: 10px 15px;background: #e91e63;color: #fff;}
.pagestatus .innergrid .logopage{text-align: center;}
.pagestatus .innergrid .logopage img{width: 100%;}
.successpage{padding-top: 8%;background: #fff;padding-bottom: 6%;text-align: center;}
.successpage .status{}
.successpage .status .error{text-align: CENTER;font-size: 30px;color: #eb0000;}
.successpage a{display:inline-block;margin-top: 15px;background: #ed1b2e;padding: 10px 30px;color: #Fff;}
#mgdata, #sizedata{display:none;}
.freeshipp{/* position: fixed; */z-index: 9999;bottom: 0;left: 0;right: 0;text-align: center;color: #ffffff;margin-bottom: 10px;text-transform: uppercase;letter-spacing: 0;border-bottom: 1px solid #eee;padding: 0px 0px 9px 0;}
.cartpanel-widget{
    position: absolute;
    right: 5%;
    top: 38px;
    outline: none;
    z-index: 2;
    display: flex;
    gap: 15px;
    }
.cartpanel-widget a{font-size: 22px;color: #ed1b2e;display: inline-block;margin-right: 10px;position: relative;}
.cartpanel-widget a span{
    position: absolute;
    top: -7px;
    background: rgb(230 26 45);
    color: rgb(255, 255, 255);
    padding: 1px 6px;
    border-radius: 18px;
    right: -10px;
    font-size: 14px;
    line-height: normal;
    }
.cartpanel-widget a:hover{text-decoration:none;}
#createOrder{}
#createOrder .lblhead{font-size: 16px;margin-bottom: 10px;color: #fff;}
#createOrder .radiolbl{padding: 5px 0;}
#createOrder .radiolbl label{
    color: #Fff;
    position: relative; display:block;
    padding-left: 20px;
    font-weight: 500;
    line-height: normal;
}
#createOrder .radiolbl label input[type='radio']{
    position: absolute;
    left: 0;
}
.currentprice{
    font-size: 30px;
    margin-bottom: 15px;
    display: block;
    color: #000000;
    }
 .mobileheader{
    z-index: 99;
    background: #323232;
    left: 0;
    position: fixed;
    position: fixed;
    top: 0;
    right: 0; display:
    none;
    }
    .mobileheader .logopanel{
    padding: 10px 0 0 10px;
    /* text-align: right; */
}
    .mobileheader .logopanel img{
    width: 190px;
}
    .mobileheader .cartpanel{
    background: none;
    padding: 20px 15px 0 0px;
    text-align: right;
}
    .mobileheader .cartpanel a{
    color: #fd126c;
    font-size: 18px;
    display: inline-block;
    line-height: 42px;
    margin-top: -2px;
    position: relative;
}
    .mobileheader .cartpanel a i{
    font-size: 22px;
}
    .mobbtn{display:none;background: none;border: none;color: #fff;font-size: 20px;}
    .sticky {
  z-index: 999;
  position: fixed;
  top: 0;
  width: 100%
}

.sticky + .productlist-grid {
  padding-top: 102px;
}

.checkbox-widget p{color:#fff;}

.feedback-widget{padding:30px 0;background: #1a1919;}
.feedback-widget h3{
    text-align: center;
    font-size: 24px;
    color: #fff;
    letter-spacing: 3px;

    margin-bottom: 25px;
}


.feedback-widget .frmfeed{
    border: 3px solid #ed1b2e;
    padding-bottom: 30px;
    border-radius: 10px;
}
.feedback-widget .frmfeed h4{
    margin-top: -15px;
    background: #ed1b2e;
    text-align: center;
    padding: 7px 0;
    color: #ffff;
    margin-bottom: 15px;
    letter-spacing: 2px;

}
.feedback-widget .frmfeed form{
    margin: 0;
    padding-top: 17px;
    display: block;
}
.feedback-widget .frmfeed form .innerboxfrm{
    margin-bottom: 0px;
}
.feedback-widget .frmfeed form .innerboxfrm label{
    display: block;
    color: #fff;

    margin-bottom: 10px;
    font-weight: 400;
    letter-spacing: 1px;
}
.feedback-widget .frmfeed form .innerboxfrm input[type='text']{
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: none;
    padding: 10px;
    color: #fff;
}
.feedback-widget .frmfeed form .innerboxfrm textarea{
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #eee;
    background: none;
    padding: 10px;
    color: #fff;
}

.feedback-widget .frmfeed form .innerboxfrm input[type='submit']{width: 100%;padding: 10px;text-transform: uppercase;background: #b90e4d;color: #fff;border: none; }


.feedback-widget .testimoniallist{}
.feedback-widget .testimoniallist ul{}
.feedback-widget .testimoniallist ul li{
    display: flow-root;
    margin-bottom: 3%;
}
.feedback-widget .testimoniallist ul li figure{ width:100px;float: left;}
.feedback-widget .testimoniallist ul li figure span{
    color: #ed1b2e;
    padding: 27px 0 0 0;
    text-align: center;
    font-size: 3em;
    display: block;
    background: #262524;
    font-weight: bold;
    height: 100px;
    text-transform: uppercase;
}
.feedback-widget .testimoniallist ul li .detail{width: calc(100% - 100px);float: left;padding-left: 15px;position: relative;}
.feedback-widget .testimoniallist ul li .detail .quote{
    font-size: 9em;
    color: #262524;
    position: absolute;
    top: -18px;
    z-index: 0;
}
.feedback-widget .testimoniallist ul li .detail .textdet{
    margin-top: 15px;
    display: block;
    position: relative;
    z-index: 9;
    color: #919191;
    text-align: justify;
}
.feedback-widget .testimoniallist ul li .detail .auth{
    display: inline-block;
    padding-top: 10px;

    font-style: italic;
    color: #fff;
    letter-spacing: 1px;
}

.feedback-widget p{color: #ed1b2e;
    display: block;
    padding-top: 10px;}

.errfeed{display: block;
    padding: 10px 5px;
    margin-top: 8px;
    text-align: CENTER;
    background: none;
    color: #d30303;
    border: 2px solid #d30303;}
.successfeed{
    display: block;
    padding: 10px 5px;
    margin-top: 8px;
    text-align: CENTER;
    background: none;
    color: #4caf50;
    border: 2px solid #4caf50;
    }
    .imgicon{
    top: 4px;
}
    .imgicon img{width: 27px;}
    .mobileplay{
    display: inline-block;
    position: relative;
    top: 3px;
}
    .mobileplay .play, .mobileplay .pause{
    width: 25px;
    height: 25px;
}

.modaldetails{}
.modaldetails button{
    display: inline-block;
    border: none;
    background: none;
    font-size: 18px;
    color: #fd126c;
    font-weight: 700;
}
#CateGoryModal{z-index: 9999;}
.modal-backdrop{z-index: 9;}

#CateGoryModal .modal-title{color:#fff;}
#CateGoryModal .modal-content{background-color: #000;padding-top: 0%;}
#CateGoryModal .close{color:#fff; opacity:1;}

.btnfeedback{
    margin-bottom: 20px;
    background: #ed1b2e;
    color: #fff;

    padding: 10px 20px;
    border-radius: 5px;
}
#feebackpopup{}
#feebackpopup .frmfeed{}
#feebackpopup .frmfeed h4{

    text-align: CENTER;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #ed1b2e;
}
#feebackpopup .innerboxfrm{}
#feebackpopup .innerboxfrm label{
    display: block;
    font-size: 16px;
    font-weight: 600;

    margin-bottom: 5px;
    color: #fff;
}
#feebackpopup .innerboxfrm input[type='text']{
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    margin-bottom: 5px;
    color: #fff;
    background: #3a3a3a;
    border: none;
}
#feebackpopup .innerboxfrm  textarea{
    background: #3a3a3a;
    padding: 15px;
    width: 100%;
    margin-bottom: 5px;
    border: none;
    color: #fff;
}
#feebackpopup .innerboxfrm input[type='submit']{margin-bottom: 10px;text-transform: uppercase;background: #ed1b2e;border: none;color: #fff; text-align: left;padding: 7px 15px;border-radius: 2px;}
#feebackpopup .modal-content{background: #1a1919;}
#feebackpopup .innerboxfrm p{color: #ed1b2e;}
#feebackpopup .modal-header .close{color:#fff;}
#feebackpopup .modal-header{border:none;}


.orderstatus{padding:30px 0;/* background: #1f1f1f; */}
.orderstatus h3{
    color: #000000;
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.orderstatus .orderbox{/* background: #212121; */padding:15px;}
.orderstatus .orderbox span{
    display: block;
    color: #000000;
    padding: 10px 0;
}
.orderstatus .orderbox span b{color: #ed1b2e;}

.locationbox{
    padding: 0 27px;
    padding-top: 5%;
}
.locationbox .logolocation{
    padding-bottom: 20px;
}
.locationbox .logolocation a{}
.locationbox .logolocation a img{
    width: 150px;
}
.locationbox h3{
    text-align: CENTER;
    font-size: 27px;
    color: #000000;
    margin-bottom: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.locationbox .locform{
    padding: 21px;
    background: #f2373c;
}
.locationbox .locform form{}
.locationbox .locform form label{
    display: block;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 1px;
}
.locationbox .locform form input{
    width: 100%;
    padding: 10px;
    border: none;
    color: #000000;
    background: #ffffff;
    outline: none;
    margin-bottom: 15px;
}
.locationbox .locform form button{
    display: inline-block;
    padding: 10px 15px;
    border: none;
    background: #070707;
    color: #fff;
    width: 100%;
    letter-spacing: 2px;
}
.errormessage{display: block;
    text-align: CENTER;
    padding: 7px 2px;
    background: #fff;
    margin-bottom: 15px;
    color: red;
    text-transform: uppercase;
    font-weight: 600;}
.successmessage{display: block;
    text-align: CENTER;
    padding: 7px 2px;
    background: #fff;
    margin-bottom: 15px;
    color: #4caf50;
    text-transform: uppercase;
    font-weight: 600;}

.pagecontent{
    padding: 5% 0;
}
.pagecontent h1{
    color: #000000;
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
}
.pagecontent h1 a{text-decoration: none;
    color: #ed1b2e;}
.pagecontent h2{
    color: #ed1b2e;
    margin-bottom: 10px;
    font-size: 24px;
    margin-top: 35px;
}
.pagecontent h2 a{text-decoration: none;
    color: #ed1b2e;}
.pagecontent h3{
    color: #000000;
    margin-bottom: 10px;
    font-size: 18px;
    margin-top: 35px;
    font-weight: 700;
}
.pagecontent h3 a{text-decoration: none;
    color: #ed1b2e;}
.pagecontent p{
    color: #000000;
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 100;
    /* line-height: 30px; */
}
.pagecontent p a{text-decoration: none;
    color: #ed1b2e;}
.pagecontent ul, .pagecontent ol{
    list-style: circle;
}
.pagecontent ul li, .pagecontent ol li{
    color: #000000;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    list-style: circle;
}

.pagecontent ul li a, .pagecontent ol li a{text-decoration: none;
    color: #ed1b2e;}

/* HOME NEW */
.widget-main-home{position: relative;/* height: 100vh; */background: linear-gradient(to right, #ed1b2e 0%, white 100%);}
.widget-main-home:before{content: "";position: absolute;width: 50%;height: 100vh;/* background: #000; */left: 0;z-index: 0;}
.widget-main-home:after{content: "";position: absolute;width: 50%;height: 100%;/* background: #d62465; */right: 0;top: 0;z-index: -1;}
.widget-main-home .leftbox{
    padding: 5%;
    padding-top: 2%;
}
.widget-main-home .leftbox h3{
    color: #000000;
    font-size: 50px;
    text-align: CENTER;

    margin-bottom: 15px;
}
.widget-main-home .leftbox ul{
    display: flex;
    justify-content: space-around;
    gap: 10px;
}
.widget-main-home .leftbox ul li{
    display: inline-block;
    width: 33.33%;
}
.widget-main-home .leftbox ul li a{color: rgb(255, 255, 255);font-size: 18px;border-radius: 50px;background: rgb(43, 42, 41);padding: 15px 15px;border: 3px solid #383838;display: inline-block;width: 100%;position: relative;transition: all 220ms linear 0ms !important;text-align: center;}
.widget-main-home .rightbox{
    padding: 5%;
    padding-top: 2%;
}
.widget-main-home .rightbox h3{
    color: #fff;
    font-size: 50px;
    text-align: CENTER;

    margin-bottom: 20px;
}
.widget-main-home .rightbox ul {
    display: flex;
    flex-wrap: wrap;          /* 🔥 important */
    gap: 10px;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: center;
}

.widget-main-home .rightbox ul li {
    width: calc(33.33% - 10px); /* 3 per row */
}
.widget-main-home .rightbox ul li a{color: rgb(212 24 41);font-size: 18px;border-radius: 50px;background: rgb(255 255 255);padding: 15px 15px;border: 3px solid #ffffff;display: inline-block;width: 100%;position: relative;transition: all 220ms linear 0ms !important;text-align: center;}

.widget-main-home .logobox{
    text-align: center;
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 15px rgb(0 0 0 / 35%);
}
.widget-main-home .logobox a{
    display: inline-block;
    padding: 10px 0;
    background: #ffffff;
    position: relative;
}
.widget-main-home .logobox a img{
    width: 95px;
}

.productlist-grid2 p{color: #000;}
.productlist-grid2 p span{color: #000;}
.newheader{
    background: #ed1b2e;
}

.menutogglebtn{
    border: none;
    background: none;
    width: 40px;
    height: 40px;
}
.menutogglebtn span{
    width: 100%;
    display: block;
    height: 1px;
    background: #000;
    margin-bottom: 11px;
}

.side-menu {
    width: 80%; /* or any width you want */
    position: fixed;
    top: 0;
    left: -80%; /* Initially hidden off-screen */
    height: 100%;
    background-color: #ffffff;
    color: #000000;
    padding: 0;
    z-index: 1000;
    transition: left 0.3s ease; /* Smooth transition for opening/closing */
    overflow-y: scroll;
}
.side-menu .mobmenulogo{text-align: center;border-bottom: 1px solid #eee;}
.side-menu .mobmenulogo img{width: 117px;padding:15px;}
.side-menu.open {
    left: 0; /* When "open" class is added, the menu slides in */
}

.side-menu-inner {
    overflow-y: auto;
}
.side-menu-inner > ul{
    padding: 0;
    list-style: none;
}
.side-menu-inner > ul > li{
    border-bottom: 1px solid #eee;
}
.side-menu-inner > ul > li > a{
    padding: 10px 15px;
    display: block;
    color: #000;
    position: relative;
}
.side-menu-inner > ul > li > a > i{
    position: absolute;
    right: 15px;
    top: 12px;
    color: #8b8b8b;
}
.side-menu-inner > ul > li > ul{
    display: none;
    padding: 0;
    background: #f9f9f9;
}
.side-menu-inner > ul > li > ul > li > a{
    display: block;
    padding: 10px 15px;
    color: #000;
}
.side-menu-inner > ul > li > a.joinbtn{background: #f5821f;
    color: #fff;}
.side-menu-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.homecontent{
    padding: 2%;
    padding-bottom: 15%;
    text-align: CENTER;
}
.homecontent h1{
    font-size: 34px;
    font-weight: 700;
    color: #000;
}
.homecontent p{
    text-align: left;
    font-size: 16px;
    color: #000000;
}
.homecontent ul{
    display: flex;
    gap: 10px;
    padding: 0;
    list-style: none;
    justify-content: space-around;
   
}
.homecontent ul li{
    width: 100%;
    border: 1px solid #000000;
    padding: 2%;
}
.homecontent ul li span.numbrs{
    display: block;
    font-size: 40px;
    font-weight: 700;
    color: #000;
}
.homecontent ul li span.textbox{
    display: block;
    font-size: 17px;
    color: #000;
}

@media only screen and (max-width: 58em){
    .mobileheader{
        display:block;
    }
    .getpopup{display:none !important;}
    .topheader, .cartpanel-widget{/* display:none; */}
    .main-menu-panel{top:0; padding-bottom:40%;}
    .musictogglebtn, .paypalicon{bottom: 10px;}

    .mobbtn{display:inline-block;}
    .headerpanel .menu-panel{display:none;}
    .headerpanel{padding:5px 0;}
    .headerpanel .logopanel{padding-left:15px;}
    .headerpanel .usericons a{top:5px;color: #fd126c;}
    .productlist-grid .outerbox{width: 50%;
    float: LEFT;}
    .productlist-grid{padding-bottom: 15px;}
    .accountcrediential .tabloginpanel{display:flex;}
    footer{position:static;}
    .hidefooter{display:none;}
    .cart-widget-grid .innergrid .cartgrid .prodet{padding-left:10px;}

    .cart-widget-grid .innergrid .cartgrid .closebtn{font-size:12px;}
    .cart-widget-grid .innergrid{padding-left:15px;}
    .paypalicon{display:none;}
    .musictogglebtn{display:none;}
    .checkpage{padding-bottom:10% !important;}
    .accountcrediential{padding-bottom:40%;}
    .main-menu-panel ul.mainmenu > li > a{font-size:2em;}
    .second-section{margin-left:0;}
    #CateGoryModal .modal-content{padding-top: 20%;}
    .productlist-grid .innerboxgrid .detailbox select{font-size:12px;}

    .widget-main-home .rightbox ul li {
    width: 100%;
}
.widget-main-home .leftbox ul li {
    display: inline-block;
    width: 100%;
}
.widget-main-home .leftbox ul {
    display: flex;
    justify-content: space-around;
    gap: 10px;
    flex-direction: column;
}
.widget-main-home{background:#ed1b2e;height: AUTO;}
.productlist-grid .innerboxgrid{padding: 0;}
.newheader .menu-panel{display: none;}
.widget-main-home{height: auto;}

.homecontent ul{flex-direction: column;}
}

#enquiryModal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 9999;
}
.modal-box {
    background: #fff;
    max-width: 500px;
    margin: 3% auto;
    padding: 40px;
}


.modal-box h4{
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 7px;
    border-bottom: 1px solid #eee;
    padding: 10px;
    margin-bottom: 13px;
    padding-top: 0;
    color: #000;
}
.modal-box .productbox{}
.modal-box .productbox h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
    color: #000;
}
.modal-box .productbox span{
    display: block;
    margin-bottom: 8px;
}
.modal-box .proenqform{}
.modal-box .proenqform form{}
.modal-box .proenqform form label{
    width: 100%;
}
.modal-box .proenqform form label input{
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 2px solid #eee;
}
.modal-box .proenqform form label textarea{
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 2px solid #eee;
}
.modal-box .proenqform form button{
    display: inline-block;
    padding: 14px;
    border: none;
    border-radius: 5px;
    background: #d11a2c;
    color: #fff;
}
.closebtn{
    display: inline-block;
    padding: 9px;
    border: none;
    border-radius: 5px;
    background: #dfdfdf;
    color: #fff;
}