@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@200&family=Open+Sans:wght@200;300;400&family=Poppins:wght@200;300;400;500&family=Work+Sans:wght@300&display=swap');

body{font-family:'Poppins'; font-size:14px; line-height:20px;}
*{margin:0; padding:0; outline:0;}
img{width:auto; max-width:100%; height:auto;}
	a{text-decoration:none;}

.nameLogo
{
    margin-top: 20px !important;
    color:black;
    font-weight: 900;
}

.cateImg
{
    text-align: center;
    margin-bottom: 20px;
}

.cateImg b
{
    font-size: 18px;
    display: block;
    margin-top: 15px;
}

.cateImg img
{
    border-radius: 10px;
}



.adv-container{text-align:center; font-size:16px; text-align:center; padding:8px; color:#fff;}
.site-logo img{width:auto;}

.header{background:#fff;}
.header .headbtns button{color:#4D4D4D; display:inline-block; padding:5px 8px; border:0px; font-size:14px; line-height:15px; background:transparent; position:relative;}
.header .language img{width:30px; height:auto;}
.header .headbtns button .material-symbols-outlined{}
.header .headbtns button i{font-style:normal; top:-5px; position:relative;}
.header .headbtns button .badge{position:absolute; bottom:10px; left:22px; background: #E50B20; border-radius: 50%; font-size: 11px; height: 20px; width: 20px; font-weight: normal; text-align: center; padding: 4px;}
.header .headbtns button:hover{color:#000;}
.header .navbar-nav a{color:#000;}



.topnavlist a{font-size:15px; font-weight:500;}

.back-btn{display:inline-flex;}
.back-btn i{}
.catname small{font-size:60%; position:relative; top:-5px;}
.dropdown-menu{z-index: 100002; white-space: nowrap; max-width: 220px; background: #fff; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);}
.dropdown-menu li{padding:8px 10px;}
.dropdown-menu li a{color:#4D4D4D}
.dropdown-menu li a:hover{color:#000}

.sortoptions{color:#000; font-size:14px;}
.sortoptions .btn{color:#000; font-size:14px;}
.sortoptions .dropdown-menu input{border:2px solid; margin-right:3px;}

.sidebar-menu{padding:0px; margin:0px; }
.sidebar-menu li{list-style:none; font-weight:500; padding:8px 0px;}
.sidebar-menu li a{color:#000; padding: 0px;}
.sidebar-menu .dropdown-menu{padding-left:20px; position:relative!important;transform:none !important;; border:0px; box-shadow:none;}

.proImg
{
    height:220px
}

@media screen and (max-width:550px) {

.proImg
{
    height:140px;
}

}

.cartPrice
{
    float:right;
    font-size: 18px;
}

.loginPage
{
    border: 1px solid #dee2e6;
    padding: 20px 20px;
    border-radius: 10px;
    width:40%;
    margin-left: 30%;
}

@media screen and (max-width:550px) {

    .cartPrice
    {
        display: block;
        margin-bottom: 15px;
        float: left;
        font-size: 14px;

    }

    .loginPage
    {
        border: 1px solid #dee2e6;
        padding: 20px 20px;
        border-radius: 10px;
        width:100%;
        margin-left: 0%;
    }
}


#headbanner img{border-radius:10px;}
#headbanner .sliderarrow{top:48%; background:transparent; box-shadow:none;}
#headbanner .sliderarrow.nextbanner{right:0;}

#headbanner .headmultibanr div{padding:0px 5px;}

#headbanner { margin-top: 10px; }

.slicklider{position:relative;}
.slicklider .sliderarrow{position:absolute; top:30%; font-size:30px; line-height:30px; background:#fff; border-radius:50%; padding:0px 4px; box-shadow:0px 0px 4px #666; cursor:pointer;}
.slicklider .sliderarrow.next{right:0;}



.proslider div{padding:2px 10px; text-align:center;}
.proslider img{border-radius:5px;}
.proslider p{margin-top: 8px;  color:#000; line-height:15px;}

.slick-dots{    position: absolute;    bottom: -25px;    display: block;    width: 100%;    padding: 0;    margin: 0;    list-style: none;    text-align: center;}
.slick-dots li{   position: relative;    display: inline-block;
    width: 20px;    height: 20px;    margin: 0 5px;    padding: 0;    cursor: pointer;}
.slick-dots li button{  font-size: 0;  line-height: 0;  display: block;   width: 20px;    height: 20px;    padding: 5px;   cursor: pointer;    color: transparent;   border: 0;  outline: none;    background: transparent;}
.slick-dots li button:hover,.slick-dots li button:focus{   outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{  opacity: 1;}
.slick-dots li button:before{    font-family: 'slick';    font-size: 6px;    line-height: 20px;    position: absolute;    top: 0;    left: 0;    width: 20px;    height: 20px;    content: '•';    text-align: center;    opacity: .25;    color: black;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{  opacity: .75;  color: black;}
/* Slider */
.slick-slider{  position: relative;  display: block;  box-sizing: border-box;  -webkit-user-select: none;     -moz-user-select: none;    -ms-user-select: none; user-select: none;  -webkit-touch-callout: none;   -khtml-user-select: none;  -ms-touch-action: pan-y;  touch-action: pan-y; -webkit-tap-highlight-color: transparent;}

.slick-list{   position: relative;  display:block;    overflow: hidden; margin: 0;  padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{ cursor:pointer;  cursor:hand;}

.slick-slider .slick-track,.slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}

.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{  visibility: hidden;}
.slick-slide{    display: none; float: left;    height: 100%;    min-height: 1px;}
[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{    display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{ display: block;  height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}


.catpros .proList{ margin-bottom:30px;}
.catpros hr{border-color:#B2B2B2;}

.proAlign { text-align: center; }

.homecart .cartitem { border-bottom:1px solid #e3e3e3; margin-bottom:6px;}
.homecart .cartitem img{width:40px; float:left; margin-right:10px;}
.homecart .cartitem a{color:var(--bs-text-color);}
.homecart .cartitem p{margin-bottom:5px; padding:0px;}

.divider{height: 8px; background-color:#F2F2F2; border-top: 1px solid #d2d2d2;}


.homepros .proContent{margin-bottom:20px;}


.proListimg{overflow:hidden; border-radius:6px;  width:100%; height:auto;}
.proListimg img{border-radius:6px; transition:all .5s ease-in-out;}
.proListimg img:hover{transform: scale(1.1);}
.proContent h5{ font-size:1.1rem;}
.proContent h6{color:#000; font-weight:normal; margin-top:10px;}
.proContent h6:hover{text-decoration:underline;}
.proContent .price b{color:#000;}
.proContent .price del{color:#999;}
.proContent .price span{color:#EE741F; font-weight:500;}

.modal-body.proContent .proListimg{width:80px; margin-right:10px; float:left;}

.prosCart .modal-footer .btn{width:50%; display:inline-block;}

.singleproslider .proList{padding:15px;}

.cartprogress span{background:#fff; display:inline-block; white-space:nowrap}
.cartbox:nth-child(1){border:0px;}
.cartbox{position:relative; border-top:1px solid #e3e3e3; padding-top:10px;}
.cartbox .removelink{position:relative; float:right;}


.homestickypanels.sticky{position:sticky; top:80px;}

@media screen and (min-width: 992px) {
.catpros .cols-lg-5{width: calc(20%) !important;}
.sidemenu {display:block !important; opacity:1 !important; z-index:1 !important; position:relative !important; visibility:visible !important; transform: translateX(0%)!important;}
.homesidecat{display:block !important; opacity:1 !important; z-index:1 !important; position:relative !important; visibility:visible !important; transform: translateX(0%)!important;}
}
@media screen and (max-width:992px) {

.header  .headbtns button{ padding:5px 6px;}
.catname small{display:block; text-indent:20px;}
.card.offcanvas{border-radius:0px; border:0px;}
}
@media screen and (max-width:550px) {

.header .headbtns button i{display:none;}
.prosCart .modal-footer .btn{font-size:15px;}
}



.footer{background:#1A181E; color:#ccc; padding:60px 0px;}
.footer .text-muted{color:#8c8c8c !important;}
.footer hr{border-color:#3D3A43;}
.footer .socialmedia{text-align:center;}
.footer .socialmedia a{padding:8px; color:#fff;}
.footservices img{width:80px; height:auto;}

.sidemenu ul{padding:0px; margin:0px;}
.sidemenu ul li{list-style:none; padding:4px 0px;}

.homesidecat ul{padding:0px; margin:0px;}
.homesidecat ul li{list-style:none; padding:8px 0px;}
.homesidecat ul li a{color:var(--bs-text-color);}

.prodescription ul li{list-style:square;}

.emptyImg{ width:500px }

@media (max-width: 767px) {
    .table-scrollable {
      overflow-x: auto;
      display: block;
      width: 100%;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
    }
  }

  .payment
  {
      border: 1px solid #dee2e6;
      padding: 10px 10px;
      border-radius: 10px 10px;
      margin-top: 10px;
  }

  .actives
  {
     border: 2px solid black;
     font-weight: bold;
  }

.hg{ height:60px !important }
.opName{ display: block;margin-top: 5px; }
.taxData { display: block;margin-top: 5px;color:gray }
.detailImg{ width: 70%;margin-left: 15%; }
.unitShow{ font-size: 12px;font-weight: normal;display: block;margin-top: 5px; }
.pd15{ padding: 15px 15px; }
.pd20{ padding: 20px 20px; }
.checkoutPd{ border: 1px solid #dee2e6;border-radius: 10px;padding: 20px 20px; }
.stripeImg{ float:right;width:60px }
.razorImg{ float:right;width:70px }
.paypalImg{float:right;width:25px}
.flutterImg{float:right;width:25px}
.myOrder
{
    background-color: #fefefe !important;
    padding: 10px 10px;
    border-radius: 10px;

    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
}

.myOrderClass{ padding: 20px 20px;background-color: #f8f9fa;border-radius: 10px; }


#whatsapp_floater{
    position: fixed;
    right:20px;
    bottom:20px;
    width:50px;
}