/* Slide */
.animate-slide-end,.animate-slide-start,.animate-slide-up,.animate-slide-down{overflow:hidden}
.animate-slide-end:hover .animate-target,.animate-slide-end:focus-visible .animate-target{animation:slide-end .3s forwards}
.animate-slide-start:hover .animate-target,.animate-slide-start:focus-visible .animate-target{animation:slide-start .3s forwards}
.animate-slide-up:hover .animate-target,.animate-slide-up:focus-visible .animate-target{animation:slide-up .3s forwards}
.animate-slide-down:hover .animate-target,.animate-slide-down:focus-visible .animate-target{animation:slide-down .3s forwards}
@keyframes slide-end{
    49%{transform:translate(100%)}
    50%{opacity:0;transform:translate(-100%)}
    51%{opacity:1}
}
@keyframes slide-start{
    49%{transform:translate(-100%)}
    50%{opacity:0;transform:translate(100%)}
    51%{opacity:1}
}
@keyframes slide-up{
    49%{transform:translateY(-100%)}
    50%{opacity:0;transform:translateY(100%)}
    51%{opacity:1}
}@keyframes slide-down{
     49%{transform:translateY(100%)}
     50%{opacity:0;transform:translateY(-100%)}
     51%{opacity:1}
 }

.btn-ultimate-cart-toggle .minicart-qty {top: -14px;right: -14px;}
.navbar-light.navbar-clone .btn-ultimate-cart-toggle {border:none!important;}
.navbar-light.navbar-clone .btn-ultimate-cart-toggle i {color:var(--bs-heading-color);position: relative;}
.navbar-light.navbar-clone .btn-ultimate-cart-toggle .minicart-qty, .block--header .navbar-light .btn-ultimate-cart-toggle .minicart-qty {border-color:#fff!important;}

.navbar-transparent .btn-ultimate-cart-toggle {}
.navbar-transparent .btn-ultimate-cart-toggle i {color:#fff;}

.input-spinner .form-input {background: 0 0;border: 1px solid var(--bs-gray-300);padding:3px;height: 100%;min-height: 0;text-align: center;font-size:12px;width: 1.5rem !important;}
.input-spinner .quantity-button {background-color: transparent;border-color: var(--bs-gray-300);height:22px;width:24px;padding:0;line-height:20px;text-align:center;border-width:1px;padding-block:0;padding-inline:0;border-style:solid;}
.input-spinner .button-minus, .input-spinner .button-plus {}
.input-spinner i {font-size:12px;}

#ultimateOffCanvas .text-danger {opacity:0.5;transition: all 0.3s ease-in-out;}
#ultimateOffCanvas .text-danger:hover {opacity:1;transition: all 0.3s ease-in-out;}

.minicart-empty{font-size:20px;font-weight:600;line-height:24px;overflow:hidden;margin-top:35px;margin-bottom:35px;text-align:center;color:#282828}
.minicart-empty-svg{width:215px;height:215px}
.minicart-empty-svg svg{width:215px;height:215px}
.minicart-empty-icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}
.minicart-empty-icon [class*='icon']{font-size:215px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.minicart-empty-icon>svg{width:320px;height:255px}
.minicart-empty-icon>svg path{transform:scale(.53) translate(-5%,13%);fill:#e9e9d9;}

.block-product-image .swiper-thumbs {
    --swiper-thumbnail-border-width: var(--bs-border-width);
    --swiper-thumbnail-border-color: var(--bs-border-color);
    --swiper-thumbnail-active-border-color: var(--bs-primary);
    --swiper-thumbnail-border-radius: var(--bs-border-radius-sm);
    --swiper-thumbnail-opacity: .5;
    --swiper-thumbnail-active-opacity: 1;
}

.block-product-image .swiper-thumb-img {
    border-radius: var(--swiper-thumbnail-border-radius);
    opacity: var(--swiper-thumbnail-opacity);
    transition: opacity .2s ease-in-out;
}
.block-product-image .swiper-thumb {
    align-items: center;
    border: var(--swiper-thumbnail-border-width) solid var(--swiper-thumbnail-border-color);
    border-radius: var(--swiper-thumbnail-border-radius);
    cursor: pointer;
    display: flex;
    height: auto;
    justify-content: center;
    transition: border-color .2s ease-in-out;
    width: auto;
}
.swiper-thumb.active, .swiper-thumb.swiper-slide-thumb-active {border-color: var(--bs-primary)!important;}
.swiper-thumb.active .swiper-thumb-img, .swiper-thumb.swiper-slide-thumb-active .swiper-thumb-img, .swiper-thumb:hover .swiper-thumb-img {opacity: var(--swiper-thumbnail-active-opacity);}
.block-product-image .swiper-navigation.position-absolute {margin-bottom: -2rem;margin-left: -40px;}
.block-product-image .swiper-navigation.position-absolute > div {box-shadow:none;border-color:var(--bs-primary);}

.block-product-image .swiper-thumbs > .swiper-wrapper {justify-content: center;}

.block-gallery.fancybox__container {--fancybox-bg: rgba(255, 255, 255, 0.95)!important;}
.block-gallery .fancybox__nav {--f-button-svg-filter: none;--f-button-color: var(--bs-primary);--f-button-hover-color: var(--fancybox-hover-color);}
.block-gallery .fancybox__nav .f-button {border: var(--bs-border-width) var(--bs-border-style) var(--bs-color-transparent);opacity: .5;}
.block-gallery .f-button:hover:not([disabled]) {color: var(--bs-primary);border-color:var(--bs-primary);background-color: var(--bs-color-transparent);opacity: 1;}
.block-gallery.fancybox__container .fancybox__footer {background: #fff!important;text-align: center;font-size: 80%;}
.block-gallery .f-button {background: transparent!important;color:var(--bs-danger);}
.block-gallery .fancybox__caption {color:var(--bs-dark);}


#accordionDownloads .collapse[aria-expanded=true] .btn-light {color: var(--bs-btn-hover-color);background-color: var(--bs-btn-hover-bg);border-color: var(--bs-btn-hover-border-color);
}


.j2store-addtocart-form .j2store-notifications .j2error {display:block;line-height:1.3;margin-top:10px;font-size:13px;color:var(--bs-danger);}


.block-option .btn-sm {color: #475569;}
.block-option .btn-sm:hover {background-color: var(--bs-btn-active-bg);border-color: var(--bs-btn-active-border-color);color: var(--bs-btn-active-color);}

.options .option.mb-5 + .j2error {color:var(--bs-danger);position: relative;top: -32px;font-size: 80%;}

.count-input {background-color: #fff;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius-sm);display: inline-flex;overflow: hidden;transform: translateZ(0);}
.count-input .btn {border: 0;border-radius: 0;}
.count-input .btn-group-lg>.btn+.form-control, .count-input .btn-lg+.form-control {width: 3rem;}
.count-input .btn-icon.btn-lg, .count-input .btn-group-lg > .btn-icon.btn {font-size: 1rem;width: 3.36875rem;height: 3.36875rem;}
.count-input .btn:not(.btn-primary) {--cz-btn-hover-color: #181d25;--cz-btn-hover-bg:#eef1f6;--cz-btn-active-bg:#eef1f6;}
.count-input .form-control-lg {min-height: calc(1.5em + 1.5rem + calc(var(--bs-border-width)* 2));padding: 0.75rem 1.25rem;font-size: 1.25rem;border-radius: var(--bs-border-radius-lg);}
.count-input .form-control {-moz-appearance: textfield;-webkit-appearance: textfield;appearance: textfield;background-color: transparent;border: 0;border-radius: 0;font-weight: 500;padding: 0 .25rem;text-align: center;width: 2.5rem;}
.count-input input[type="number"]::-webkit-outer-spin-button, .count-input input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.count-input .btn:hover {background-color: #eef1f6;border-color: transparent;color:#181d25;}

#designGuide.offcanvas.offcanvas-start {width: var(--bs-offcanvas-width);}

#hotspots.ratio {position: relative;width: 100%;}
#hotspots.ratio .ratio>* {height: 100%;left: 0;position: absolute;top: 0;width: 100%;}


body:not(.has-fixed-top) .category-top-filter.sticky-top {border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
body.has-fixed-top .category-top-filter.sticky-top {border-bottom:none;}


/******Badge********/

.free-product-badge {
    background: #6D0719 none repeat scroll 0 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    height: 35px;
    right: -35px;
    line-height: 35px;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 15px;
    transform: rotate(45deg);
    width: 130px;
    z-index: 99;
}
/******End Badge********/

@media screen and (min-width: 992px){
    #productsideFilters .j2store-product-filters .dropdown-menu {width:900px!important;}
}
@media screen and (min-width: 768px){
    #designGuide.offcanvas.offcanvas-start {width:500px;}
}