@font-face {
  font-family: 'MyWebFont';
  src: url('font/neuel.ttf')  format('truetype');
}
.neuel,.neuelall *{
  font-family: 'MyWebFont', Fallback, sans-serif;
  letter-spacing: 1.4px;
}
@font-face {
  font-family: 'MyWebFont2';
  src: url('font/neuer.ttf')  format('truetype');
}
.neuer,.neuerall *{
  font-family: 'MyWebFont2', Fallback, sans-serif;
  letter-spacing: 1.4px;
}
@font-face {
  font-family: 'MyWebFont3';
  src: url('font/neueb.ttf')  format('truetype');
}
.neueb,.neueball *,b{
  font-family: 'MyWebFont3', Fallback, sans-serif;
  letter-spacing: 1.4px;
}
@font-face {
  font-family: 'MyWebFont3';
  src: url('font/haldb.otf')  format('opentype');
}
.haldb,.haldball *{
  font-family: 'MyWebFont4', Fallback, sans-serif;
  letter-spacing: 1.4px;
}
@font-face {
  font-family: 'MyWebFont5';
  src: url('font/neuem.ttf')  format('truetype');
}
.neuem,.neuemall *{
  font-family: 'MyWebFont5', Fallback, sans-serif;
  letter-spacing: 1.4px;
}
body{
  background-color: #f8f8f8 !important;
}
h1{font-size:40px !important;}
p{font-size: 14px !important;}
h2{font-size: 34px !important;}
h3{font-size: 28px !important;}
h4{font-size: 18px !important;}

.hidden-cust{
  display: none;
}
.no-mg{margin-top: 0px !important;margin-bottom: 0px !important;}
.no-pd{padding: 0px 0px !important;}
.no-bt{margin-bottom: 0px !important;}
.bg-footer {
  background-color: black !important;
}
.sg-color{color:#A07D65 !important;}
.sg-bg{background-color:#FFF9F3 !important;}
.sg-color2{color:#451610 !important;}
.white-a{color:white !important;}
.black-a{color:black !important;}
.red-a{color:#FF0001 !important;}

.yellow-a{
  color: #FF9000 !important;
}
.round-sg{
  border-radius: 35px !important;
}
.green-a{
  color: #4F7418 !important;
}

.grey-a{
  color: #666666 !important;
}
.btn-tab{
  text-decoration: none !important;
}
.mg-center{
  margin-left: auto !important;
  margin-right: auto !important;
}
.no-mg-top{
  margin-top: 0px !important;
}
.no-mg-bt{
  margin-bottom: 0px !important;
}
.back-to-top { 
    background: none;
    margin: 0;
    position: fixed;
    bottom: -10px;
    color: black;
    right: -25px;
    width: 90px;
    height: 85px;
    z-index: 98;
    display: none;
    text-decoration: none;
 
}
.back-to-top i { 
    font-size: 32px;
    background-color: black;
    color: white !important;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    padding: 0px 8px 0px 7px;
    line-height: 31px;
}
.whatsapp {
    background: none;
    margin: 0;
    position: fixed;
    bottom: 130px;
    color: black;
    right: -7px;
    width: 110px;
    height: 110px;
    z-index: 111;
    text-decoration: none;
}
.whatsapp>img {
    width: 100px;
}
.website {
    margin: 0;
    position: fixed;
    bottom: 88px;
    color: black;
    right: 18px;
    width: 60px;
    height: 60px;
    z-index: 111;
    text-decoration: none;
}
.website>img{
  width: 60px;
}
.logo{
  max-height: 46px !important;
}
.menu .icon-section{
  position: fixed !important;
  right: 45px;
  top: 10px;

}
.menu .icon>img{
    height: 42px;
    width: 42px;
    opacity: 0.9;
    padding: 7px;
    cursor: pointer;
    pointer-events: auto;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffff 24.61%, #d9d9d9 94.28%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.35);
    right: 0;
}
.menu .cartcount{
  position: absolute;
  color: white;
  text-align: center;
  font-size: 16px;
  margin-left: -9.5px;
  top: 32px;
  font-family: 'MyWebFont', Fallback, sans-serif;
  background-color: #139ea2;
  border-radius: 100px !important;
  width: 24px;
  height: 24px;  
}
.hmenu .section{    
  margin-top:-45px !important;
  padding: 15px 45px 15px 45px !important;
  margin: auto;
  margin-bottom:20px;
  justify-content: space-evenly;
  padding: clamp(10px, 3vw , 30px);
  border-radius: 10px;
  background: linear-gradient(180deg, #fcfcfc 24.61%, #d8d8d8 94.28%);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.5);
  -webkit-user-select: none;
  user-select: none;   
}



.hmenu .section a{
  text-decoration:none !important;
}
.hmenu .section img{
  max-width:62px;
  vertical-align: middle;
  margin: 0px 5px 0px 0px;
  border-radius: 10%;
  padding: 8px;
  background:white;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px, 
     rgba(0, 0, 0, 0.1) 0px 6px 24px;
  box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
}
.hmenu .section span{
  display: inline-block;
  vertical-align: middle;
}
.hinfo>div>div{
    background-color: #578d92 !important;
    padding: 10px;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px, rgba(0, 0, 0, 0.1) 0px 6px 24px;
    box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
}
.panel-group{
  margin-bottom: 0px !important;
}
.hinfo .panel-heading{
  background-color: #76b55a !important;
  color: white !important;
}
.hinfo .panel-body{
  line-height: 2;
}
.hproductxx .pricelist table td{
  padding: 10px;
}
.hproductxx .container{
  border: 1px solid grey !important;
}
.hproductxx .panel-heading.cat{
  background-color: #2d710e !important;
  color: white !important;
}
.hproductxx .panel-heading.subcat{
  background-color: #76b55a !important;
  color: white !important;
}
.hproductxx .panel-heading.latest{
  background-color: #ff8761 !important;
  color: white !important;
}
.hproductxx .panel-heading.latest{
  background-color: #ff8761 !important;
  color: white !important;
}
.hproductxx .panel-heading.popular{
  background-color: #ffc2af !important;
  color: white !important;
}
.hproductxx .panel-heading.history{
  background-color: #ff7070 !important;
  color: white !important;
}
.hproductxx .panel-heading.boughtmem{
  background-color: #717171 !important;
  color: white !important;
}
#productpanel>.panel-default{
  border: none !important;
}
.hproductxx .btn-minus, .hproductxx .btn-add{
  font-size: larger !important;
  border-radius: 0px !important;
  padding: 3px 10px !important;
}
.hproductxx .form-control{
  border-radius: 0px !important;
}

.hproductxx .cart .cartheader{
    top: 0px;
    margin: 0;
    padding: 10px 5px 5px 10px;
    border-bottom: 2px solid var(--c-order);
    /* color: white; */
    z-index: 6;
    background: linear-gradient(180deg, #f0f0f0 24.61%, #e0e0e0 94.28%);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.hproductxx .cart{
    position: sticky !important;
    top: 0 !important;
    display: block !important;
    z-index: 99;
    background: white;
    display: inline-block;
    top: var(--navbar-outerheight);
  box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 4px, 
     rgba(0, 0, 0, 0.1) 0px 6px 24px;
  box-shadow: 0px 3px 3px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.hproductxx .cart .cartfooter{
    top: 0px;
    margin: 0;
    padding: 10px 5px 5px 10px;
    border-bottom: 2px solid var(--c-order);
    /* color: white; */
    z-index: 6;
    background: linear-gradient(180deg, #f0f0f0 24.61%, #e0e0e0 94.28%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.hproductxx .cart .cartbody{
  padding: 2px 0px;
  margin-bottom: 10px;
}
.hproductxx .input-qty{
  height: 24px !important;
}
.hproductxx .cart .cartbody *{
  font-size:13px !important;
}
.hproductxx .cart .cartbody.checkout *{
  font-size:18px !important;
}
.hproductxx .cart .cartbody img{
  width:36px !important;
  vertical-align: text-top;
}
.hproductxx .btn-minus, .hproductxx .btn-add {
    font-size: large !important;
    border-radius: 0px !important;
    padding: 0px 5px !important;
}
.hproductxx .cartbody tr{
  margin-top:5px !important;
  display: table !important;
  padding: 0px 5px !important;
}
.hproductxx .div-price .current,.product .div-price .current{
  font-family: 'MyWebFont3', Fallback, sans-serif !important; 
  background-color: yellow;
}
.hproductxx .cartbody .div-price .current,.product .cartbody .div-price .current{
  background-color: transparent !important;
}
.hproductxx .cartbody .div-xs-qty,.hproductxx .cartbody .div-xs-qtybtn{
  display: block !important;
}
.hproductxx .cartbody .div-qty.xs-hidden{
  display: none !important;
}

.hproductxx input::-webkit-outer-spin-button,
.hproductxx input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.hproductxx .cartbody .td-price{
  width: 50% !important;
}
.hproductxx .cartbody .td-title{
  width: 30% !important;
}
.hproductxx .cartbody .div-price{
  width: 40% !important;
}
.hproductxx .cartbody .div-qty{
  width: 30% !important;
}
.hproductxx .cartheader .cartcount{
  font-size: x-large !important;
  font-family: 'MyWebFont5', Fallback, sans-serif;
}
/* Firefox */
.hproductxx input[type=number] {
  -moz-appearance: textfield;
}
.hproductxx .cart.checkout{
  position: relative !important;
}
.hproductxx .panel-heading>a{
  text-decoration: none !important;
}
.shipping>h4,.ifnew>h4,.sendorder>h4.title,.copylink>h4.title,.boughtwith>h4{
    background-color: #2d710e !important;
    color: white !important;
    padding: 10px 0px;
}
.similar>h4{
    background-color: #139ea2 !important;
    color: white !important;
    padding: 10px 0px;
}
.similar .list-item,.boughtwith .list-item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.similar .list-item .detail,.boughtwith .list-item .detail{
    border: 1px solid lightgrey;
    margin: 3px 3px;
    background-color: white;

}
.similar .list-item img,.boughtwith .list-item img{
width: min(max(54px, 7vw), 80px);
    cursor: pointer;
    padding: 0px 2px;

}
.similar .list-item p,.boughtwith .list-item p{
   font-size:0.7rem;
   width:min(max(54px,7vw),80px);
   text-align:center;
   line-height:1;
/*    word-break: break-all; */
   margin-bottom:5px;

}
.shipping .section .pill{
  transition: 0.3s;
  filter: grayscale(1);
  opacity: 0.5;
}
.shipping .section .pill.active{
  filter: none !important;
  opacity: 1 !important;
}

.sendorder .btn-whatsapp h4{
  margin-top: 30px;
}
.sendorder .btn-whatsapp a{
    background-color: #4cd35b;
    padding: 20px 20px;
    cursor: pointer;
    text-decoration: none !important;
}
.sendorder .btn-copy button{
    background-color: #139ea2;
    padding: 20px 20px;
    cursor: pointer;
    text-decoration: none !important;
    font-size: 18px !important;
    white-space: break-spaces;

}
.hproductxx .copylink .btn{
  color: black !important;
  background-color: transparent !important;
  font-size: 18px !important;
}
.hproductxx #delivery{
  padding: 10px 40px !important;
  border: 1px solid black !important;
  background-color: #8cc9c6 !important;
}
.hproductxx .order .add-text{
  display: none;
  margin-top: 5px;
  color: #1300b3 !important;
}
.hproductxx .order.active .add-text{
  display: block;
}

.product .thumbnail-img{
    max-width: 120px !important;
    height: 100px;
    margin-bottom: 15px;
    object-fit: cover;
}
.product #prodCarousel img{
    max-width: 100% !important;
    max-height: 450px;
    margin-bottom: 15px;
    object-fit: cover;
}
.product #slider-thumbs .selected>img{
  border: 1px solid black;
}
@media only screen and (min-width: 1200px){
  .container{
    width: 85% !important;
  }
}

@media only screen and (min-width: 992px){
  .hmenu .section{    
    margin-top:-45px !important;
  }
  .container{
    width: 85% !important;
  }
  .product table{
    width: 35% !important;
  }
}

@media only screen and (min-width: 768px){
  .logo{margin-left: 10px;margin-right: auto;margin-top: 15px;}
  .xs-display{display: none !important;}

}
@media  (min-width:768px) and (max-width:992px) {
  .container{
    width: 95% !important;
  }

}
@media  (min-width:768px) and (max-width:992px) {


}



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

  h1{font-size:30px !important;}
  p{font-size: 16px !important;}
  h2{font-size: 24px !important;}
  h3{font-size: 20px !important;}
  h4{font-size: 18px !important;}
body h1,body h2,body h3,body h4,body p{
    font-size:16px !important;
}  
#pricelist p{
  font-size: 11px !important;
}
  .xs-hidden{
    display: none !important;
  }
  .text-xs-center{
    text-align: center !important;
  }
  .xs-size{
    height: 200px !important;
  }
  .logo{
    max-height: 30px !important;
  }
  .menu{
    position: relative !important;
    padding: 15px !important;
  }
  .menu .icon>img{
    width: 32px !important;
    height: 32px !important;
  }

  .hmenu .section img{
    text-align: center !important;
    max-width:48px !important;

  }
  .hmenu .section p{
    text-align: center !important;
  }
  .hmenu .section span{
    display: inline-block; !important;
    vertical-align: middle !important;
    text-align: left !important;
    font-size: small !important;
  }
.hmenu .section{
  padding: 0px !important;
  margin-top: 10px !important;
}
.hmenu .section p{
  text-align:left !important;
}
.table > tbody > tr > td{
  display: block;
  float: left;
  padding: 3px !important;
  width: 18% !important;
}
.table .td-price{
  width: 51% !important;
}
.table .td-price *{
  font-size: 12px !important;
}
.table .td-title{
  width: 30% !important;
}
.table .td-title h4{
  margin: 5px !important;
}
.table .div-price p{
  margin: 0px !important;
}
.table .div-weight{
  width: 29% !important;
}

}

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

}
@media only screen and (max-width: 992px) {
  .text-sm-center{
    text-align: center !important;
  }

}


/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-15 {
    width: 20% !important;
    float: left;
}
@media (min-width: 768px) {
    .col-sm-15 {
        width: 20% !important;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20% !important;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20% !important;
        float: left;
    }
}

.vline{
    border-bottom: 1px solid #cacaca;
    margin-bottom: 2px;

}
.cartbody .vline{
    border-bottom: none !important;
    margin-bottom: 0px !important;
}
.table .td-price{
  padding: 3px;
}
#pricelist-pricecategory-selector-area.collapse.in{
  display: table !important;
}
.more-less{
    float: right;
    margin-top: 2px;
}