.product-filter-wrapper{ display: block; }

.slide-enter-active ,.slide-leave-active{
   transition:all .5s ease-in;
}

.slide-enter-to, .slide-leave {
   max-height: 100vh;
   overflow: hidden;
}

.slide-enter, .slide-leave-to {
   overflow: hidden;
   max-height: 0;
}

.modal.d-block { background-color:rgba(0,0,0,.5); }
.modal-fade-enter,
.modal-fade-leave-to {
  opacity: 0;
}

.modal-fade-enter-active,
.modal-fade-leave-active {
  transition: opacity .3s linear;
}

#modalLoader .modal-content{
    transition: transform .15s .15s linear;
}

.modal-fade-enter .modal-content,
.modal-fade-leave-to .modal-content {
    transform: translateY(-5em);
}

.modal.d-block { background-color:rgba(0,0,0,.5); }
.modal-slidein-enter,
.modal-slidein-leave-to {
  opacity: 0;
}

.modal-slidein-enter-active,
.modal-slidein-leave-active {
  transition: opacity .3s linear;
}

.modal-slidein-enter .modal-content,
.modal-slidein-leave-to .modal-content {
    transform: translateX(-5em);
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.offcanvas-minicart_wrapper.open{
    background-color: rgba(0,0,0,.5);
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0;
    z-index: 1050;
}
.product-item_img{
    max-width: 76px;
}
.col-btn:nth-child(1) a {
    border-right: none;
}

.checkbox-wrap .input-checkbox:disabled + span::before {
    background-color: #ccc;
}

.li-children{
    position: relative; display: flex;
}
.offcanvas-navigation > li:first-child,
.li-children > .sub-menu > li:first-child{
    padding-top: 12px;
}
.menu-nav:hover > ul ,.li-children.active > ul{
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.menu-top ,.menu-top .sub-menu{
    min-width: 240px; padding: 0;
    position: absolute; 
    background-attachment: scroll;
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    /*transform: translateY(10px);
    transition: all 0.4s cubic-bezier(0.645 ,0.045 ,0.355 ,1);
    transition-delay: 0.2s;
    transition-duration: 0.4s;*/
    z-index: 9;
    border: 1px solid #ddd;
    padding-bottom: 1em;
}
.menu-top { top: 100%; left: 0; visibility: hidden; opacity: 0; }
.menu-top .sub-menu {
    top: -1px; left: 100%;
}


.menu-nav { position: relative; }
.menu-top a{
    display: inline-block; width: 80%;
    color: gray;
    padding: 12px 15px 12px 25px;
    font-size: 16px; font-weight: 500; line-height: 1.5;
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.child-icon{
    cursor: pointer; display: inline-block; width: 20%;
    padding: 9px 0; text-align: center;
}
.child-icon:after{
    content: "\f105";
    font-family: fontawesome; font-style: normal;
}

.mobile-menu-overlay-content { padding: 20px 40px 100px; }
.mobile-menu-overlay-content a { padding: 9px 0; }
.m-menu ,.m-menu .li-chicon{ position: relative; }
.m-menu .sub-menu { padding-left: 1em; }
.m-menu a { display: inline-block; width: 80%; }
.m-menu.active > a { color: #739334; }
.m-menu .child-icon{ padding: 0; position: absolute; top: 9px; right: 0; }
.mobile-menu-overlay-content .active > .child-icon:after { content: "\f107"; }
.m-menu.active > .sub-menu,.m-menu .active > .sub-menu { display: block; }
.m-menu .sub-menu { font-size: 15px; color: gray; font-weight: 500; }

.btn-small-border { border: 1px solid #ccc; padding: 0.25em .5em; }