@charset "utf-8";

@keyframes aslAnFadeInDrop { 
  0% { opacity: 0; transform: translate(0px, -50px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}

@-webkit-keyframes aslAnFadeInDrop { 
  0% { opacity: 0; transform: translate(0px, -50px); }
  100% { opacity: 1; transform: translate(0px, 0px); }
}

@keyframes aslAnFadeOutDrop { 
  0% { opacity: 1; transform: translate(0px, 0px); }
  100% { opacity: 0; transform: translate(0px, -50px); }
}

@-webkit-keyframes aslAnFadeOutDrop { 
  0% { opacity: 1; transform: translate(0px, 0px); }
  100% { opacity: 0; transform: translate(0px, -50px); }
}

.hiddend { display: none !important; }

div.asl_w.asl_an_fadeInDrop, div.asl_w.asl_an_fadeOutDrop { animation-duration: 100ms; animation-fill-mode: forwards; }

div.asl_w.asl_an_fadeInDrop { animation-name: aslAnFadeInDrop; }

div.asl_w.asl_an_fadeOutDrop { animation-name: aslAnFadeOutDrop; }

div.asl_w.asl_main_container { transition: width 130ms linear; }

div.asl_w, div.asl_w *, div.asl_r, div.asl_r *, div.asl_s, div.asl_s * { box-sizing: content-box; padding: 0px; margin: 0px; border: 0px; border-radius: 0px; text-transform: none; text-shadow: none; box-shadow: none; text-decoration: none; text-align: left; letter-spacing: normal; }

div.asl_r, div.asl_r * { user-select: none; }

div.asl_r { box-sizing: border-box; margin: 12px 0px 0px; }

div.asl_m input[type="search"]::-webkit-search-decoration, div.asl_m input[type="search"]::-webkit-search-cancel-button, div.asl_m input[type="search"]::-webkit-search-results-button, div.asl_m input[type="search"]::-webkit-search-results-decoration { display: none; }

div.asl_m input[type="search"] { appearance: none !important; }

.clear { clear: both; }

.hiddend { display: none; }

div.asl_m textarea:focus, div.asl_m input:focus { outline: none; }

div.asl_m { width: 100%; height: auto; border-radius: 0px; background: rgba(255, 255, 255, 0); overflow: hidden; position: relative; z-index: 200; }

div.asl_m .probox { width: auto; border-radius: 5px; background: rgb(255, 255, 255); overflow: hidden; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 1px 0px 3px inset; display: flex; flex-direction: row; }

div.asl_m .probox .proinput { width: 1px; height: 100%; margin: 0px 0px 0px 10px; padding: 0px 5px; float: left; box-shadow: none; position: relative; flex: 1 1 auto; order: 5; }

div.asl_m .probox .proinput form { height: 100%; margin: 0px !important; padding: 0px !important; display: block !important; max-width: unset !important; }

div.asl_m .probox .proinput input::before, div.asl_m .probox .proinput input::after, div.asl_m .probox .proinput form::before, div.asl_m .probox .proinput form::after { display: none; }

div.asl_m .probox .proinput input { height: 28px; border: 0px; background: transparent; width: 100%; box-shadow: none; margin: -1px; padding: 0px; left: 0px; display: block; min-height: unset; max-height: unset; line-height: normal !important; }

div.asl_m .probox .proinput input::-webkit-input-placeholder { opacity: 0.85; }

div.asl_m .proinput input.orig { z-index: 10; position: relative; padding: 0px !important; margin: 0px !important; background: transparent !important; border: none !important; box-shadow: none !important; }

div.asl_m .proinput input.autocomplete { margin: 0px; opacity: 0.2; padding: 0px !important; background: transparent !important; border: none !important; box-shadow: none !important; }

div.asl_m .probox .proinput input.autocomplete { border: 0px; background: transparent; width: 100%; box-shadow: none; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 0px; left: 0px; position: relative; z-index: 9; margin-top: -28px !important; }

div.asl_m .probox .proinput.iepaddingfix { padding-top: 0px; }

div.asl_m .probox .proinput .loading { width: 32px; background: rgb(0, 0, 0); height: 100%; box-shadow: none; }

div.asl_m .probox .proloading, div.asl_m .probox .proclose, div.asl_m .probox .promagnifier, div.asl_m .probox .prosettings { width: 20px; height: 20px; background: none 0% 0% / 20px 20px; float: right; box-shadow: none; margin: 0px; padding: 0px; text-align: center; flex: 0 0 auto; z-index: 100; }

div.asl_m .probox .promagnifier { order: 10; }

div.asl_m .probox .prosettings { order: 1; }

div.asl_m .probox .proloading, div.asl_m .probox .proclose { background-position: center center; display: none; background-size: auto; background-repeat: no-repeat; background-color: transparent; order: 6; }

div.asl_m .probox .proclose { position: relative; cursor: pointer; }

div.asl_m .probox .promagnifier .innericon, div.asl_m .probox .prosettings .innericon, div.asl_m .probox .proclose .innericon { background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; background-color: transparent; width: 100%; height: 100%; text-align: center; overflow: hidden; line-height: initial; display: block; }

div.asl_m .probox .promagnifier .innericon svg, div.asl_m .probox .prosettings .innericon svg, div.asl_m .probox .proloading svg { height: 100%; width: 22px; vertical-align: baseline; display: inline-block; }

div.asl_m .probox .proloading { padding: 2px; box-sizing: border-box; }

div.asl_m .probox div.asl_loader, div.asl_m .probox div.asl_loader * { margin: 0px; padding: 0px; box-shadow: none; box-sizing: border-box !important; }

div.asl_m .probox div.asl_loader { box-sizing: border-box; display: flex; flex-direction: column; flex: 0 0 28px; max-width: 100%; max-height: 100%; width: 100%; height: 100%; align-items: center; justify-content: center; }

div.asl_m .probox div.asl_loader-inner { width: 100%; margin: 0px auto; text-align: center; height: 100%; }

@-webkit-keyframes rotate-simple { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

@keyframes rotate-simple { 
  0% { transform: rotate(0deg); }
  50% { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}

div.asl_m .probox div.asl_simple-circle { margin: 0px; height: 100%; width: 100%; animation: 0.8s linear 0s infinite normal none running rotate-simple; border-width: 4px; border-style: solid; border-top-color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-image: initial; border-radius: 50%; box-sizing: border-box; border-right-color: transparent !important; }

div.asl_m .probox .proclose svg { background: rgb(51, 51, 51); border-radius: 50%; position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; left: 50%; margin-left: -10px; fill: rgb(254, 254, 254); padding: 4px; box-sizing: border-box; box-shadow: rgba(255, 255, 255, 0.9) 0px 0px 0px 2px; }

div.asl_r * { text-decoration: none; text-shadow: none; }

div.asl_r .results .asl_nores { overflow: hidden; width: auto; height: 100%; line-height: initial; text-align: center; margin: 0px; background: rgb(255, 255, 255); padding: 10px 3px; color: rgb(34, 34, 34); }

div.asl_r.horizontal { padding: 2px 0px 10px; }

div.asl_r.horizontal .results .nores { background: transparent; }

div.asl_r .results { overflow: hidden; width: auto; height: 0px; margin: 0px; padding: 0px; }

div.asl_r.horizontal .results { height: auto; width: auto; }

div.asl_r .results .item { overflow: hidden; width: auto; margin: 0px; padding: 3px; position: relative; background: rgb(244, 244, 244); border-left: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(255, 255, 255, 0.4); animation-delay: 0s; animation-duration: 1s; animation-fill-mode: both; animation-timing-function: ease; backface-visibility: hidden; }

div.asl_r.vertical .results .item:last-child { margin-bottom: 0px; }

div.asl_r.vertical .results .item:last-child::after { height: 0px; margin: 0px; width: 0px; }

div.asl_r .results .item .asl_image { overflow: hidden; background: center center / cover transparent; margin: 2px 8px 0px 0px; padding: 0px; float: left; }

div.asl_r .results .item .asl_image img { width: 100%; height: 100%; }

div.asl_r .results .item .asl_content { overflow: hidden; height: auto; background: transparent; margin: 0px; padding: 3px 3px 5px; }

div.asl_r .results .item .asl_content h3 { margin: 0px; padding: 0px; display: inline; line-height: inherit; }

div.asl_r .results .item .asl_content .asl_desc { margin-top: 4px; font-size: 12px; line-height: 18px; }

div.asl_r .results .item div.etc { margin-top: 4px; }

div.asl_r .results a span.overlap { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; }

div.asl_r p.showmore { text-align: center; padding: 0px; margin: 3px 0px 0px; font-weight: normal; font-family: "Open Sans"; color: rgb(5, 94, 148); font-size: 12px; line-height: 30px; text-shadow: rgba(255, 255, 255, 0) 0px 0px 0px; background-color: rgb(255, 255, 255); cursor: pointer; }

div.asl_r p.showmore span { font-weight: normal; font-family: "Open Sans"; color: rgb(5, 94, 148); font-size: 12px; line-height: 30px; text-shadow: rgba(255, 255, 255, 0) 0px 0px 0px; display: block; text-align: center; cursor: pointer; }

.results .asl_nores .asl_keyword { padding: 0px 6px; cursor: pointer; font-weight: bold; font-family: "Open Sans"; }

div.asl_r .resdrg { height: auto; }

div.asl_w .group:first-of-type { margin: 0px 0px -3px; }

div.asl_s.searchsettings { width: 200px; height: auto; position: absolute; display: none; z-index: 1101; border-radius: 0px 0px 3px 3px; visibility: hidden; padding: 0px; }

div.asl_s.searchsettings form { display: flex; flex-wrap: wrap; margin: 0px 0px 12px !important; padding: 0px !important; }

div.asl_s.searchsettings .asl_option_inner { margin: 2px 10px 0px; }

div.asl_s.searchsettings.ie78 .asl_option_inner { margin-bottom: 0px !important; padding-bottom: 0px !important; }

div.asl_s.searchsettings .asl_option_label { font-size: 14px; margin: 0px; width: 150px; text-shadow: none; padding: 0px; min-height: 20px; border: none; background: transparent; float: none; line-height: 20px !important; }

div.asl_s.searchsettings .asl_option_inner input[type="checkbox"] { display: none !important; }

div.asl_s.searchsettings.ie78 .asl_option_inner input[type="checkbox"] { display: block; }

div.asl_s.searchsettings.ie78 .asl_option_label { float: right !important; }

div.asl_s.searchsettings .asl_option { display: flex; flex-direction: row; align-items: flex-start; margin: 0px 0px 10px; cursor: pointer; }

div.asl_s.searchsettings .asl_option.asl-o-last, div.asl_s.searchsettings .asl_option:last-child { margin-bottom: 0px; }

div.asl_s.searchsettings .asl_option_inner { width: 17px; height: 17px; position: relative; flex-grow: 0; flex-shrink: 0; }

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox { cursor: pointer; position: absolute; width: 17px; height: 17px; top: 0px; padding: 0px; border-radius: 2px; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 1px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px; overflow: hidden; color: rgba(0, 0, 0, 0); font-size: 0px !important; }

div.asl_r.vertical .results, div.asl_s.searchsettings .asl_sett_scroll { scrollbar-width: thin; scrollbar-color: rgba(0, 0, 0, 0.5) transparent; }

div.asl_r.vertical .results { scrollbar-color: rgba(0, 0, 0, 0.5) rgb(255, 255, 255); }

div.asl_r.vertical .results::-webkit-scrollbar { width: 10px; }

div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar { width: 6px; }

div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-track { background: transparent; box-shadow: transparent 0px 0px 12px 12px inset; border: none; }

div.asl_r.vertical .results::-webkit-scrollbar-track { background: rgb(255, 255, 255); box-shadow: transparent 0px 0px 12px 12px inset; border: 2px solid transparent; }

div.asl_r.vertical .results::-webkit-scrollbar-thumb, div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb { background: transparent; box-shadow: rgba(0, 0, 0, 0) 0px 0px 12px 12px inset; border: 2px solid transparent; border-radius: 12px; }

div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb { border: none; }

div.asl_r.vertical:hover .results::-webkit-scrollbar-thumb, div.asl_s.searchsettings:hover .asl_sett_scroll::-webkit-scrollbar-thumb { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 12px 12px inset; }

@media (hover: none), (max-width: 500px) {
  div.asl_r.vertical .results::-webkit-scrollbar-thumb, div.asl_s.searchsettings .asl_sett_scroll::-webkit-scrollbar-thumb { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 12px 12px inset; }
}

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox::after { opacity: 0; font-family: aslsicons2; content: ""; background: transparent; box-sizing: content-box; color: rgb(255, 255, 255); height: 100%; width: 100%; line-height: 17px; text-align: center; text-decoration: none; text-shadow: none; display: block; position: absolute; top: 0px; left: 0px; z-index: 1; font-weight: normal !important; border: none !important; padding: 0px !important; margin: 1px 0px 0px !important; font-size: 11px !important; }

div.asl_s.searchsettings.ie78 .asl_option_inner .asl_option_checkbox::after { display: none; }

div.asl_s.searchsettings .asl_option_inner .asl_option_checkbox:hover::after { opacity: 0.3; }

div.asl_s.searchsettings .asl_option_inner input[type="checkbox"]:checked + .asl_option_checkbox::after { opacity: 1; }

div.asl_s.searchsettings fieldset { position: relative; float: left; }

div.asl_s.searchsettings fieldset { background: transparent; font-size: 0.9em; padding: 0px; width: 192px; margin: 12px 0px 0px !important; }

div.asl_s.searchsettings fieldset .asl_option_label { width: 130px; display: block; }

div.asl_s.searchsettings form fieldset legend { padding: 5px 0px 8px 10px; }

#asl_hidden_data { display: none !important; }

.asl_r .item {
  & .asl__af-tt-container {
  position: relative; z-index: 2;
  & .asl__af-tt-link {
  transition: opacity 0.2s;
  &:hover { opacity: 0.7; }
}
}
  & .average-rating { --percent: 0%; --color: #2EA3F2; --bg-color: rgba(0,0,0,0.2); --size: 17px; position: relative; appearance: none; width: auto; display: inline-block; vertical-align: baseline; font-size: var(--size); line-height: calc(var(--size) - 15%); color: var(--bg-color); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-repeat: ; background-attachment: ; background-origin: ; background-color: ; background-clip: text; -webkit-text-fill-color: transparent; }
}

.asl_r .item {
  & .price {
  --regular-price-color: #666; --sale_price_color: #666; color: var(--regular-price-color);
  & del { opacity: 0.5; display: inline-block; text-decoration: line-through; color: var(--regular-price-color); }
  & ins { margin-left: 0.5em; text-decoration: none; font-weight: 700; display: inline-block; color: var(--sale_price_color); }
}
  & .add-to-cart-container {
  display: flex; flex-wrap: wrap; align-items: center; position: relative; z-index: 10; width: 100%; margin: 12px 0px;
  & .add-to-cart-quantity { padding: 8px 0px 8px 8px; background: rgb(234, 234, 234); width: 32px; border-radius: 4px 0px 0px 4px; height: 18px; min-height: unset; display: inline-block; font-size: 13px; line-height: normal; }
  & .add-to-cart-button {
  padding: 8px; border-radius: 4px; background: rgb(98, 70, 215); color: white; height: 18px; min-height: unset; display: block; text-align: center; min-width: 90px; font-size: 13px; line-height: normal;
  &.add-to-cart-variable { border-radius: 4px; }
  &.loading { content: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(1 1)' stroke-width='2'%3E%3Ccircle stroke-opacity='.5' cx='18' cy='18' r='18'/%3E%3Cpath d='M36 18c0-9.94-8.06-18-18-18'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 18 18' to='360 18 18' dur='1s' repeatCount='indefinite'/%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
}
  & a.added_to_cart { flex-basis: 100%; margin-top: 8px; }
}
  & .add-to-cart-container:has(.add-to-cart-quantity) {
  & .add-to-cart-button { border-radius: 0px 4px 4px 0px; }
}
}

.rtl .asl_content, .rtl .asl_nores, .rtl .asl_content *, .rtl .asl_nores *, .rtl .searchsettings form { text-align: right !important; direction: rtl !important; }

.rtl .asl_nores > * { display: inline-block; }

.rtl div.asl_r .results .item .asl_image { float: right; margin: 2px 0px 0px 8px; }

.rtl .searchsettings .asl_option { flex-direction: row-reverse !important; }

.rtl .asl_option { direction: ltr; }

.rtl .asl_label, .rtl .asl_option div.asl_option_label { text-align: right !important; }

.rtl .asl_label { width: 100%; max-width: 1000px !important; direction: rtl !important; }

.rtl .asl_label input[type="radio"] { margin: 0px 0px 0px 6px !important; }

.rtl .asl_option_cat_level-0 div.asl_option_label { font-weight: bold !important; }

.rtl fieldset .asl_option_cat_level-1 { margin-right: 12px !important; margin-left: 0px; }

.rtl fieldset .asl_option_cat_level-2 { margin-right: 24px !important; margin-left: 0px; }

.rtl fieldset .asl_option_cat_level-3 { margin-right: 36px !important; margin-left: 0px; }

.rtl .searchsettings legend { display: block; width: 100%; text-align: right !important; }

.rtl .searchsettings input[type="text"], .rtl .searchsettings select { direction: rtl !important; text-align: right !important; }

.rtl div.asl_w.asl_s.searchsettings form, .rtl div.asl_w.asl_sb.searchsettings form { flex-direction: row-reverse !important; }

.rtl div.horizontal.asl_r div.item { float: right !important; }

.rtl p.asl-try { direction: rtl; text-align: right; margin-right: 10px; width: auto !important; }