#top{background-color:#000;color:#fff;}
.img-svg{width:22px;}
.tooltip-light-link,.tooltip-light-link:hover{color:#fff;}
#account-icon .img-svg.account-icon{width:24px;}
.img-svg:hover,.img-svg:hover,a:hover .img-svg{fill:var(--prim-col-normal);}
#top a:not(.dropdown-item),#top button{color:#fff;}
#cart .dropdown > .btn{line-height:18px;color:#333;margin-top:-1px;}
#cart .dropdown-menu{background:#f8f8f8;z-index:1001;}
#cart .dropdown-menu li > div{min-width:490px;padding:0 10px;}
#cart .dropdown-menu .table td > a{color:#000;}
#cart .dropdown-menu .table .prod-image{min-width:80px;}
#top .dropdown-menu>li>a:focus, #top .dropdown-menu>li>a:hover{color:#262626;text-decoration:none;background-color:#f5f5f5;}
#cart .dropdown.show > .btn{background-image:none;background-color:#FFFFFF;border:1px solid #E6E6E6;color:#666; box-shadow:none;text-shadow:none;}
#cart:hover .img-svg-cart{filter:invert(1);}
.cart-total-for-mobile{color:white;font-size:13px; width:20px;height:20px;font-weight:bold;background-color:#011f29;display:inline-block;	text-align:center;margin-left:-5px;transition:0.1s;}
#cart:hover .cart-total-for-mobile{background-color:var(--prim-col-normal);;color:#fff;}
#cart .dropdown-menu.hassimpler .simpler-mininicart-inline-top #simpler-minicart:not(:empty){padding-bottom:10px;}
#cart-icon{min-width:46px;}
#top .icon-menu >a >span, #top #phone-icon > span{margin-left:5px;font-size:16px;}
#top .btn-link, #top #top-links li, #top #top-links a{color:#fff;text-decoration:none;font-size:16px;}
#top .language-select{color:#000;}
#top .language-select:hover{background:#eee!important;}
#top #top-links .dropdown-menu a:hover{ color:#262626;background:#f5f5f5;}
#top #top-links .dropdown-menu a{color:#000}
#top #account-icon > ul > li > a{font-size:12px;}
#top.sticky{z-index:1001;height:auto;transform:translateY(-100vh);animation:slide-down .5s forwards;}
header{padding:0;margin:0;background:#fff;border-bottom:2px #000 solid;}
header.stickytop{width:100%;position:fixed!important;z-index:100;border-bottom:2px #000 solid;padding:0;margin-top:0;height:auto;transform:translateY(-100vh);animation:slide-down .5s forwards;}
header.stickytop #cart ul.dropdown-menu.show{top:40px!important;right:0px!important;left:auto!important;transform:none!important;}
header.stickytop #filter-menu{margin-top:0!important;}
header.stickytop #filter-menu .row > div{border-bottom:none;}
header.stickytop .headersearchbtn{opacity:1;}
#navbar-collapse-grid.sticky{top:36px!important;background:#fff;animation:slide-down .5s forwards;}
.btn.focus, .btn:focus{box-shadow:none;}
#account-icon .dropdown-toggle::after{display:none;}
.strikethrough{position:relative;}
.strikethrough:before{ position:absolute; content:""; left:-5%; top:50%; right:0; border-top:1px solid; border-color:inherit; width:100%; -webkit-transform:rotate(-5deg); -moz-transform:rotate(-5deg); -ms-transform:rotate(-5deg); -o-transform:rotate(-5deg); transform:rotate(-5deg);}
.strikethrough.red{border-color:#DC3545;}
.text-header{font-size:90%;font-weight:800;}
#menu .navbar-nav span.nav-link{cursor:default}
#menu .navbar-nav>li>.nav-link{letter-spacing:1px;padding-top:15px;padding-bottom:15px;line-height:20px;}
#menu .navbar-nav .menu-level_1 > .nav-link{font-size:17px!important;font-weight:700;}
#menu .navbar-nav .menu-level_1 > .nav-link:hover{opacity:.8;}
#menu .navbar-nav .menu-level_2 > strong > a{font-size:16px;}
#menu .navbar-nav .menu-level_3 > a,#menu .navbar-nav .menu-level_4 > a{font-size:1rem;}
@media (min-width:992px) and (max-width:1200px){
#menu .navbar-nav .menu-level_1 > .nav-link{font-size:12px!important;font-weight:700!important;}
}
@media (min-width:1400px){
#menu .navbar-nav .menu-level_1 > .nav-link{font-size:13px!important;font-weight:900;}
}
@media (min-width:1600px){
#menu .webscrollbar{max-height:490px!important;height:490px!important;}
#menu .navbar-nav .menu-level_1 > .nav-link{font-size:14px!important;font-weight:900;}
}
@media (min-width:1800px){
#menu .navbar-nav .menu-level_1 > .nav-link{font-size:16px!important;font-weight:900;}
}
.lazy-module-wrap:not(.module-loaded){aspect-ratio: 4 / 1;}
@media (max-width:767px){
.lazy-module-wrap:not(.module-loaded){aspect-ratio: 1 / 1.2; /* Adjust for taller layout on mobile */}
}
@media (max-width:576px){
#cart .dropdown-menu .table{font-size:14px;}
#cart .dropdown-menu li > div{min-width:98vw;}
}
@media (max-width:400px){
#quick-search-content .read-more{font-size: .8rem;}
}
@media (max-width:300px){
.logo img{max-width:50%;}
}
@media (max-width:992px){
body{transition:margin 400ms;}
body{transition:margin 400ms;overflow:auto;overflow-x:hidden;}
#information-information.container{overflow:auto;}
.ma-corporate-about .text-secondar{font-size:8px!important;}
.ma-corporate-about .text-primar{font-size:10px!important;}
}
@media (min-width:992px){
header .top-row{height:80px;}
.bl-desk{border-left:2px #000 solid;}
.br-desk{border-right:2px #000 solid;}
#navbar-collapse-grid > span.sticky-img > a > img{width:115px;}
#menu .menu-level_2 .nav-link,#menu .menu-level_3 .nav-link,#menu .menu-level_4 .nav-link{padding-left:0;padding-bottom:0.2rem;padding-top:0.2rem;}
#menu .menu-level_3 > a.nav-link, #menu .menu-level_4 > a.nav-link{padding-top:.2rem;padding-bottom:.2rem;}
}
@media (max-width:767.98px){
.cart-buttons-mobile .col{display:flex;}
.cart-buttons-mobile .btn{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:48px;width:100%;}
}
.navbar .navbar-collapse{text-align:center;}
.navbar ul.nav.navbar-nav{letter-spacing:0.03em;}
#navbar-collapse-grid{transition:all .5s;top:0;}
#navbar-collapse-grid > span.sticky-img > a > img{ max-width:165px!important; padding:8px 0px;}
.sticky{position:fixed !important;z-index:99;top:0;width:100%;}
body.hassticky .mm-page.mm-slideout{display:inline;}
.mm-wrapper_opened body.hassticky #top.sticky,.mm-wrapper_opened body.hassticky #filter-menu, .mm-wrapper_opened body.hassticky div.order-first .row .col-5{display:none!important;}
.mm-wrapper_opened body.hassticky header.stickytop{background:transparent;border-bottom:none;}
/* burgerButton */
.hamburger-icon{width:35px;height:35px;display:inline-block;position:relative;vertical-align:middle;}
.hamburger-icon .icon-1, .hamburger-icon .icon-2, .hamburger-icon .icon-3{position:absolute;left:25%;top:50%;width:25px;height:3px;background-color:black;transition:all 400ms cubic-bezier(.84,.06,.52,1.8);}
.hamburger-icon .icon-1{width:15px;transform:translateY(-8px);animation-delay:100ms;}
.hamburger-icon .icon-3{width:15px;right:0;left:auto;transform:translateY(8px);animation-delay:250ms;}
.hamburger-icon:hover{cursor:pointer;}
/* burgerButton end */
.fa, svg.img-svg{transition:transform 0.5s ease 0s;}
.fa.rotateup, .img-svg.rotateup{transform:rotate(-180deg);}
.fa.rotatedown, .img-svg.rotatedown{transform:rotate(180deg);}
.fa.rotateleft{transform:rotate(-90deg);}
.fa.rotateright{transform:rotate(90deg);}
@media (max-width:767px){
.btn.animated span{margin-left:0!important;}
}
.btn.animated span{margin-left:4px;margin-right:4px;transition:0.5s;display:inline-block;font-weight:900;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#fff;background-color:#000;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#555;background-color:#e7e7e7;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color:#333;background-color:transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color:#eee;border-color:#337ab7;}
.navbar-default .navbar-nav>li>a{color:#000;font-size:14px;letter-spacing:0px;text-shadow:0 -1px 0 rgb(0 0 0 / 25%);}
.navbar-default .navbar-nav>li>a{color:#777;}
#menu > li >a{color:#000;font-size:14px;letter-spacing:1px;padding-top:15px;padding-bottom:15px;line-height:20px;}
#menu > li >a:hover{color:#DC3545;}
/*mmenu edits*/
#mmenu{z-index:100000;display:none;/*cls fix*/color:#000;}
#mmenu .img-svg-mobile-menu{width:28px;}
#mmenu.mm-menu_theme-dark .mm-panels .mm-navbar__title, #mmenu.mm-menu_theme-black .mm-panels .mm-navbar__title{color:#fff;}
#mmenu .nav-link.no-link{color:#888!important;font-weight:bold;}
#mmenu .img-svg{width:29px;}
#mmenu .mm-listitem:after{left:30%!important;right:10%!important;border-color:#000;}
#mmenu .mm-btn_next:after{border-color:#000;}
#mmenu .mm-listitem__text,#mmenu .mm-navbar__title{font-size:22px;font-weight:900;}
#mmenu .mm-listitem__text{ooverflow:hidden;white-space:normal;scrollbar-width:none;text-overflow:inherit;text-transform:uppercase;-webkit-overflow-scrolling:touch;/* smoother iOS scroll */}
#mmenu .mm-listitem__text::-webkit-scrollbar{display:none;}
#mmenu .mm-listitem:hover .mm-listitem__text,#mmenu .mm-listitem:hover .mm-listitem__btn:after{color:var(--prim-col-normal);border-color:var(--prim-col-normal);;}
/* edits end*/
#page > nav.navbar.navbar-default#menu.fixed-top{margin-bottom:0px;margin-top:-2px;}
#menu .dropdown.menu-level_1 .dropdown-menu{left:0;right:0;margin-left:15px; margin-right:15px;}
#menu .dropdown-menu{left:auto;height:auto;min-height:75vh!important;}
#menu .flexbox-container{min-height:400px;}
#menu .menu-section-line{border-top:2px solid black;margin-bottom:5px;padding:0px;}
#menu .section-header.menu-level_2{padding-top:10px;clear:both;float:left;font-size:1.5rem;}
#menu > li.menu-level_1 > a{font-size:16px;}
.menu-level_2 > strong > a{font-size:16px;}
.menu-level_3{line-height:1.6em;transition:0.4s;}
.menu-level_3 > a,.menu-level_4 > a{font-size:12px;}
.menu-level_3:hover, .menu-level_4:hover{padding-left:10px;}
.menu-level_4{line-height:1.6em;transition:0.4s;margin-left:15px;}
.dropdown-item.active, .dropdown-item:active{background:none;color:#000;}
.mm-panels>.mm-panel>.mm-navbar+.mm-listview{padding-bottom:150px!important;}
@media (min-width:769px){
/* hide mmenu in case desk open*/
#mmenu, .mm-wrapper__blocker.mm-slideout{display:none!important;}
body{margin-left:0!important;}
.mm-slideout{transform:none!important;}
.mm-wrapper_blocking, .mm-wrapper_blocking body{overflow:unset!important;}
#menu li.show .dropdown:hover > .dropdown-menu{display:block;}
div.navbar-collapse.sticky .navbar-nav > li > .nav-link{padding:15px 5px!important;}
}
#menu .brands .section-header.menu-level_2{padding-top:5px; border-bottom:none;}
.row.flexbox-container.brands .menu-line{-ms-flex:auto;flex:auto;width:11%;text-align:left;flex-grow:inherit;}
.row.flexbox-container.brands{display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;flex-direction:column;height:auto;max-height:70vh;min-height:1px;margin:0;}
#menu .webscrollbar{max-height:80vh;max-width:100%;overflow-y:auto;overflow-x:hidden;}
@media (max-width:1300px){.row.flexbox-container.brands{min-height:500px!important;height:500px;} }
.brands .brands-images{width:14%;text-align:center;}
.brands .section-header a::after{content:"";}
/* mobile menu*/
.menu-item-container{display:flex;align-items:center;justify-content:space-between;height:50px;}
#overlay-search{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5); z-index:5;cursor:pointer;}
/* breadcrumbs */
.breadcrumb{display:block!important;margin:0!important;padding:8px 15px 8px 0;margin-bottom:20px;list-style:none;background-color:transparent;white-space:normal;font-size:.8rem;}
.breadcrumb > li::before{content:''!important;}
.breadcrumb > li:last-child a{color:#000;font-weight:bold;}
.breadcrumb > li{position:relative;display:inline-flex;word-break:break-all;text-shadow:0 1px 0 #fff;padding:0;padding-left:0!important;white-space:nowrap;align-items:center;text-transform:uppercase;}
.breadcrumb > li:first-child{padding:0!important;}
.breadcrumb > li:last-child::after{display:none;}
.breadcrumb > li:not(:last-child):after{content:"/";display:inline-block;position:static;width:auto;height:auto;border:0;transform:none;margin-left:6px;}
@media (min-width:991px){
#quick-search-content .rollover-content,.card .rollover-content{background:#000;}
}
@media (max-width:991px){
.breadcrumb{display:block!important;font-size:12px;border:none;clear:both;padding:10px 0!important;overflow-x:scroll;white-space:nowrap!important;}
/* have scrollbar always visible in chrome after usage */
.breadcrumb::-webkit-scrollbar{-webkit-appearance:none;height:3px;}
.breadcrumb::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(0,0,0,.3);}
#mmenu.mm-menu_opened{display:block!important;visibility:visible!important;}
/*CLS*/
header.hasfilters.stickytop{min-height:94px;}
header .searchcol{display:none;}
#content > h1{font-size:21px;}
}
/* breadcumbs end */
/* paralax */
.parallax-effect-container{min-height:300px;display:block;position:relative;overflow:hidden;z-index:1;}
.parallax-effect-content{position:absolute;display:block;max-width:100%;top:50%;left:0;padding:16px;width:100%;transform-style:flat;transform:translate3d(0,-50%,0);}
.parallax-effect-content .bannerlink{line-height:normal;display:inline-block;}
.parallax-effect-image-container{width:100%;height:100%;position:relative;}
.parallax-effect-image{background-attachment:fixed;background-size:cover;background-repeat:no-repeat;background-position:center;min-height:100%;overflow:hidden;}
/* ios fix*/
@supports (-webkit-touch-callout :inherit){
.parallax-effect-image-container{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0);-moz-clip-path:inset(0 0 0 0);-o-clip-path:inset(0 0 0 0);z-index:-1;}
.parallax-effect-image{background-attachment:scroll!important;}
.parallax-effect-image{position:fixed;display:block;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;transform:translateZ(0);will-change:transform;}
}
/* paralax end */
#content{min-height:600px;max-width:100%;}
@media (max-width:768px) {
	#content{min-height:0px !important;}
}
div.required .form-control-label:before{ content:'* ';color:#F00;font-weight:bold;}
.visibility-animated{opacity:0;position:relative;}
div.navbar-collapse.sticky .navbar-nav>li>.nav-link{line-height:26px;}
/* notifyinfo box */
.alert-notifyinfo{background:#45b6fe;}
.alert-notifyoffer{background:#45b6fe;}
.alert-weboffer{background:#45b6fe;}
.notif-info-wrapper{margin-bottom:0;padding:2px;border-radius:0;}
@media (max-width:767px){.notif-info-wrapper{width:100%;}}
/* notifyinfo box end */
.newprice{font-size:.9rem;color:#667;}
.module .newprice, .swiper-wrapper .newprice{font-size:.7rem;}
/* product modal */
#product-preview-modal .modal-body{max-height:80vh;}
#product-preview-modal .modal-body{display:flex;overflow:hidden;padding:0;position:relative;}
#product-preview-modal .modal-header{right:0;padding:5px;border-bottom:none;z-index:2;}
#product-preview-modal .modal-header .close{color:#000;opacity:.8;top:0;right:0;position:absolute;padding:5px 10px;border:1px solid #000;background:#fff;}
#product-preview-modal .productmodalpreview{max-height:100%;position:relative;overflow:auto;}
#product-preview-modal .productinfo{overflow-y:auto;overflow-x:hidden;}
#product-preview-modal .product-modal-view-details{width:100%;border:none;border-radius:0;box-shadow:none;display:inline-block;}
#product-preview-modal .productmask{background:rgba(0,0,0,.03);pointer-events:none;z-index:1;}
#product-preview-modal select.selectsize{padding:0.2rem 1rem;height:52px!important;white-space:pre-wrap;}
#product-preview-modal .seo_h2{font-size:16px;}
#product-preview-modal .productaddtocart{font-weight:600;color:#fff;font-size:16px;padding:1.56rem;overflow:hidden;line-height:normal;}
#product-preview-modal .productaddtocart:hover{background:#fff!important;color:#000!important;font-weight:600!important;}
#product-preview-modal.modalfade{transform:scale(0.9);opacity:0;transition:all .3s linear;}
#product-preview-modal.modalfade.show{opacity:1;transform:scale(1);display:block !important;}
#product-preview-modal .btn.modalblack{background-color:#000;color:white;}
#product-preview-modal .btn.modalblack:hover{color:#000;background-color:transparent;}
@media (min-width:769px){
#product-preview-modal .modal-content{border-radius:0!important;}
#product-preview-modal .modal-body{max-height:400px !important;}
}
/* product modal end */
/* addtocart animation*/
.btn-state{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;transition:.2s ease-in;gap:.5rem;opacity:0}
.state-default{opacity:1}
.state-added, .state-adding{transform:translateY(100%)}
.cart-added .state-adding,.cart-added .state-default,.cart-adding .state-default{transform:translateY(-100%)}
.cart-added .state-default,.cart-adding .state-default{opacity:0}
.cart-added .state-added,.cart-adding .state-adding{opacity:1;transform:none}
.animation-ellipsis{display:flex;gap:3px;padding-left:5px;}
.animation-ellipsis .dot{display:block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);animation:1s ease-out infinite bouncing}
.animation-ellipsis .dot:nth-child(2){animation-delay:.15s}
.animation-ellipsis .dot:nth-child(3){animation-delay:.3s}
.productaddtocart:hover .animation-ellipsis .dot{background:rgba(0,0,0,.5);}
@keyframes bouncing{0%,66%{transform:none}33%{transform:translateY(-10px)}}
/* addtocart animation end*/
@keyframes slide-down{
  0%{
	transform:translateY(-100vh);
  }
  100%{
    transform:translateY(0vh);
  }
}
/*cart effect*/
.pulse{animation:pulse-animation 2s infinite;}
@keyframes pulse-animation{
  0%{
    box-shadow:0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100%{
    box-shadow:0 0 0 20px rgba(0, 0, 0, 0);
  }
}
/*search loading effect*/
@keyframes spin{
    0%{ 
        transform:rotate(0deg); 
    } 
  
    100%{ 
        transform:rotate(360deg); 
    } 
}
/* swiper override*/
.swiper, .swiper-button-next, .swiper-button-prev{--swiper-pagination-bullet-inactive-color:#E1E1E1;--swiper-pagination-bullet-active-color:#000;--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-size:15px;--swiper-navigation-color:var(--prim-col-normal);--swiper-pagination-color:var(--prim-col-normal);}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity:0!important;}
.swiper-pagination-bullet{border-radius:10px!important;opacity:0.7!important;}
.swiper-pager{overflow:hidden;height:40px;}
.swiper-vertical{max-height:100vh;}
.swiper-vertical .swiper-wrapper{min-height:100vh}
.swiper-vertical .swiper-button-next, .swiper-vertical .swiper-button-prev{left:50%;transform:rotate(90deg);transform-origin:left center}
.swiper-vertical .swiper-button-prev{top:5px}
.swiper-vertical .swiper-button-next{top:auto;bottom:5px}
.swiper-backface-hidden .swiper-slide{transform:none!important;}
/*search*/
#search{background:#f8f8f8;}
#search .btn-lg{padding:0;font-size:15px;min-height:41px;width:100%;border-left:0!important;border-radius:0;border-right:1px solid #eee;border-top:1px solid #eee;border-bottom:1px solid #eee;}
#search .input-lg{text-decoration:none; outline:0; color:#545454;width:100%;height:41px;background:transparent;border-left:0!important;border-right:0!important;border:1px solid #eee;}
#search .input-lg::placeholder{color:#545454;}
#search .input-group-btn::before{content:"";position:absolute;left:0;z-index:100;width:1px;height:55%;background:#bbb;top:25%;}
.search .searchbtn{transition:all 0.2s ease-in-out;}
.search .searchbtn:hover, #search .searchbtn.big{transform:scale(1.2);}
.searchloader{display:none;border:4px solid rgba(255, 255, 255, 0.3);border-top:4px solid #000000;border-radius:50%;width:22px;height:22px;animation:spin 1s linear infinite;margin:10px 0;}
.search .input-group-btn{position:relative;font-size:0;white-space:nowrap;vertical-align:middle;display:table-cell;width:10%;}
.search .input-holder{width:90%;height:41px;}
.search .speech{width:10%;float:left;border:1px solid #eee;border-right:0px;align-items:center;display:flex;height:41px;}
.search .loading{background-color:#ccc;pointer-events:none;}
.search .speech:hover{cursor:pointer;}
.search .speech .fa{width:20px;position:relative;margin:auto;}
.searchcol.mh{position:absolute;top:0;left:0;display:block;z-index:100001;padding: 0;}
.searchcol.mh #search{padding: 5px;}
.searchcol.mh #search .closebtn{display:table-cell!important;}
.searchcol.mh #search .input-holder{width:80%;}
#searchdesktop{position:absolute;background:#fff;z-index:1;display:none;}
@media (max-width:567px){
#search .btn-lg{text-shadow:0 1px 0 #fffcfc;}
}
@media (max-width:440px){
#search .ui-autocomplete-input::placeholder{font-size:.9rem;}
}
.menu-item-container .search-wrapper{width:40%;display:flex;}
/*search end */
.bgmenu{content:"";width:100%;height:100%;min-height:75vh;background-color:rgb(0, 0, 0);background-color:rgba(0, 0, 0,.9);position:fixed;left:0;top:0;transition: opacity 0.3s;}
#menu .dropdown.menu-level_1 .dropdown-menu{background-color:transparent;}
#menu .dropdown.menu-level_1 .dropdown-menu a{color:#fff;}
#menu .mhchild{position:absolute;top:30px;left:40%;display:none;min-height:60vh;max-height:60vh;max-width:60vw;}
#menu .mhchild.show{display:flex!important;flex-direction:column;}
#menu .mhchild.show > ul{display:flex;flex-direction:column;flex-wrap:wrap;max-height:70vh;}
/* new quick search*/
#quick-search-content{position:absolute;left:0!important;z-index:1049;background-color:#fff;box-shadow:0 5px 10px rgba(0, 0, 0, .25), 0 5px 5px rgba(0, 0, 0, .22);box-sizing:border-box;color:#333;display:block;font-size:1rem;margin:0 0.5%;max-width:100vw;width:99%;height:auto;opacity:0;overflow-x:hidden;overflow-y:auto;text-align:left;visibility:hidden;margin-top:81px;pointer-events:none;z-index:-1;/*prevent click in other elements*/}
#quick-search-content.visible{opacity:1;transition:visibility .2s, opacity .2s ease-out, padding 0s;visibility:visible!important;overflow-y:auto;overflow-x:hidden;z-index:100;pointer-events:auto;}
#quick-search-content .modal-close-cont{display:flex;justify-content:end;}
#quick-search-content .modal-close{margin:5px 15px 10px;cursor:pointer;font-size:150%;background:none;border:none;padding:0;}
#quick-search-content .content .top-search, #quick-search-content .show-all-products, #quick-search-content .nothing-found{background-color:var(--prim-col-normal);}
#quick-search-content .content .top-search:hover{background-color:#333;}
#quick-search-content .content .top-search a:hover{font-weight:normal;}
#quick-search-content .header{font-weight:bold;}
#quick-search-content .header::after{border:none;border-top:0.15em solid var(--prim-col-normal);content:"" !important;position:relative;bottom:-8px;transition:all 0.4s ease-out;left:0;width:100% !important;display:block;height:3px;}
/* product list */
#quick-search-content .product-thumb .image .productbadge{max-width:30%;z-index:1;}
#quick-search-content .products-sizes{display:none;}
#quick-search-content .products-colors .color-background{height:15px;min-width:15px;border-radius:15px;}
#quick-search-content .products-colors .color-background:not(.noborder){border:1px solid #999;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
#quick-search-content .sizes-content span:hover{cursor:auto;}
#quick-search-content .card:hover{box-shadow:none!important;}
#quick-search-content .card .card-body h6{min-height:40px;}
#quick-search-content .card .card-body h6 a{transition:all 0.3s;}
#quick-search-content .card .card-body h6:hover a{color:#555;}
#quick-search-content .card .card-inner{border:1px solid #dfdfdf;transition:all 0.5s;background:#fff;}
#quick-search-content .card .card-body .prices, #quick-search-content .card .card-body .newprice{color:#333;font-size:.7rem;}
#quick-search-content .card .card-body .product-price{font-size:.9rem;color:var(--prim-col-normal);}
#quick-search-content .card .card-body .card-title{font-size:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:inherit;}
#quick-search-content .card .card-body .card-manufacturer{font-size:.7rem;}
#quick-search-content .card .wishlist img{width:30px;background:#e8e8e8;transition:all 0.5s ease 0s;}
#quick-search-content .card .wishlist a:hover img{background:#ddd;}
#quick-search-content .card .card-link .productmask{background:rgba(0,0,0,.03); pointer-events:none;z-index:1;}
#quick-search-content .card .card-link .image{ position:relative;overflow:hidden;padding-bottom:100%;}
#quick-search-content .card .card-link .image img{position:absolute;width:auto;max-width:none;height:100%;top:0;bottom:0;left:0;right:0;margin:auto;}
#quick-search-content .card .card-link .badge, .card .card-link .productbadge{z-index:1;white-space: normal;}
#quick-search-content .card .price-old{font-size:.9rem;}
#quick-search-content .card .rollover{display:flex;align-items:center;justify-content:space-around;opacity:0;position:absolute;bottom:0;height:auto;top:auto;padding-bottom:60px;line-height:normal;text-align:center;transition:opacity .5s ease-in-out;-webkit-transform-style:preserve-3d;z-index:-1;}
#quick-search-content .card .rollover-content{padding:4px;width:auto;box-sizing:border-box;}
#quick-search-content .card:hover .rollover, .imageproducts .card:active .rollover, .card:focus .rollover{opacity:1;transform:translateX(0);}
#quick-search-content .card .rollover-content .link-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;z-index:1;}
#quick-search-content .card .rollover-content{display:none!important;/*issues p preview*/}
#quick-search-content .card .rollover-content .product-preview{z-index:1;position:relative;color:#fff;}
#quick-search-content .card .rollover-content .product-preview span{font-size:.7rem;}
#quick-search-content .card .card-inner .wishlist, #quick-search-content .skate-labels{display:none;}
@media (min-width:768px){
#quick-search-content .card .card-link .badge, .card .card-link .productbadge{max-width: 45%;font-size: .6rem;}
#quick-search-content .card{transition:all 0.5s;}
#quick-search-content .card .card-inner:hover{box-shadow:rgba(0,0,0,.4) 0 3px 10px;}
#quick-search-content .product-layout:hover, .product-layout:active{min-height:0!important;}/*in category conflict*/
#quick-search-content .product-layout:hover .card-inner{position:absolute;z-index:4;left:0;right:0;}
#quick-search-content .qs-banner{max-width:500px}
}
@media (max-width:767px){
#quick-search-content .card .card-link .badge, .card .card-link .productbadge{max-width: 48% !important;font-size: 10px !important;padding: 5px !important;word-wrap: normal;white-space: wrap !important;}
#quick-search-content{margin-top:106px!important;}
#quick-search-content .row .col-md{min-height:150px;}	
#quick-search-content.visible{position:fixed;max-height:70vh;}
#quick-search-content .card .rollover{opacity:1;background:transparent;align-items:flex-end;}
#quick-search-content .card .rollover-content .product-preview{text-shadow:0 0 #c7c7c7;font-weight:600;}
#quick-search-content .card .rollover-content .product-preview .fa{padding-bottom:5px;}
#quick-search-content .products-colors .color-background{height:10px;min-width:10px;border-radius:10px;}
.products-sizes.showsizes, .card .card-inner:hover .products-sizes{display:none!important;}
}
.card .rollover-content .product-preview{color:#fff;}
.card .rollover-content .product-preview span{padding:5px;}
@media (max-width:360px){
header .headerwishlistbtn{display:none}
div.card-body .prices{padding-left:0!important;padding-right:0!important;}
#quick-search-content .card .product-price{font-size:.8rem;padding-left:0!important;padding-right:0!important;}
#quick-search-content .card .price-old{font-size:.6rem;}
}
@media (max-width:500px){
.price-percentage.badge, .card .card-link .productbadge{max-width:40% !important;font-size:10px !important;padding:5px !important;word-wrap:normal;white-space:wrap !important;}
}
@media (max-width:440px){
#search .ui-autocomplete-input::placeholder{font-size:.9rem;}
}
@media (min-width:501px){
#quick-search-content .colors-content .text{display:none!important}
#quick-search-content .card .card-body .card-title{font-size:.7rem;}	
}
@media (max-width:767px){
.card-link .rollover .rollover-content{bottom:0!important;left:0!important;top:auto!important;transform:none!important;padding:20px;}
.card-link .rollover{opacity:1!important;visibility:visible!important;background:transparent!important;}
}
.quickcheckout-button, .product-modal-view-details{background: var(--prim-col-normal) !important;border:none !important;}
.card-link:hover .rollover {opacity: 1;visibility: visible;z-index: 5;}
.card-link .rollover{opacity: 0;visibility: hidden;transition: all 0.3s ease;align-items:center;justify-content:space-around;opacity:0;position:absolute;bottom:0;left:0;right:0;height:auto;top:auto;padding-bottom:60px;line-height:normal;text-align:center;}
.card-link .rollover-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
/* Size boxes on hover on category*/
.products-sizes{height:0;opacity:0;transition: all 0.3s;padding:0;display:none;display:flex;justify-content:center;}
.sizes-content{width:100%!important;overflow-x: auto;padding:.5em .5em 0 .5em;}
.size-box-wrapper {display:flex;gap:0;padding: 0 !important;margin:0 !important;}
.size-box-wrapper:not(:has(> :nth-child(6))) {justify-content: center;}
.size-box {min-width: 45px;height: 45px;border: 1px solid #000;font-size: 14px;display: flex;align-items: center;justify-content: center;background-color: #f9f9f9;border-radius: 0;margin-left:5px;}
.size-box:hover {background-color: #f2f2f2;cursor:pointer;}
/*quick checkout css */
.image.webppic {position: relative;overflow: hidden;}
.quickview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;text-align:center}
.image:hover .quickview-overlay{opacity:1}
.quickview-overlay a.product-preview{text-transform:uppercase;text-decoration:none;border:1px solid #000}
.heart-bottom-right{position:absolute;bottom:10px;right:1px;z-index:10}
.products-sizes.showsizes,.card .card-inner:hover .products-sizes{height:auto;opacity:1;padding:0;display:flex;z-index:10!important}
.btn-filters{background:var(--prim-col-normal);color:#fff;font-weight:700;border:1px solid #000;border-radius:0;text-transform:uppercase}
.product-preview.is-loading{pointer-events:none;position:relative}
.product-preview.is-loading > span{visibility:hidden}
.product-preview.is-loading::after{content:"";position:absolute;top:50%;left:40%;width:16px;height:16px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;margin-left:8px;vertical-align:-3px;animation:pvspin .7s linear infinite}
@keyframes pvspin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}