#imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-rows: 0px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: 0px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: 0px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } @media (max-width: 479.9px) { #imPage { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: 0px auto 100px; } #imHeader { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 2 / 3; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; grid-column: 1 / 4; grid-row: 2 / 3; } #imContentGraphics { display: block; grid-column: 2 / 3; grid-row: 2 / 3; } } #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-rows: auto; } #im-cartsearch-container { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-rows: auto; } #im-cartsearch-container { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { display: grid; grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-rows: auto; } #im-cartsearch-container { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } } @media (max-width: 479.9px) { #imContent { display: grid; grid-template-columns: 0 minmax(0, 1fr) 0; grid-template-rows: auto; } #im-cartsearch-container { display: block; grid-column: 2 / 3; grid-row: 1 / 2; } } body.filter-sidebar-open { overflow: hidden; } #im-cartsearch-container { position: relative; display: flex; width: 100%; box-sizing: border-box; margin-inline-start: auto; margin-inline-end: auto; } #im-cartsearch-container { padding-top: 10px; padding-bottom: 10px; } #im-cartsearch-container:after { position: fixed; top: 0; inset-inline-end: 0px; width: 0; height: 0; content: ''; opacity: 0; transition: opacity 1000ms; z-index: 10400; } #im-cartsearch-container.cart-overlay:after { width: 100%; height: 100%; background-color: rgba(55, 71, 79, 1); opacity: 0.9; } #im-cartsearch-container .show { display: block; } #im-cartsearch-container .hidden { display: none; } #im-cartsearch-container .filter-sidebar .lbl-title { position: relative; cursor: pointer; user-select: none; } #im-cartsearch-container .filter-sidebar .lbl-title::after { content: "\e004"; font: 110% WebComponentsIcons; position: absolute; inset-inline-end: 0px; opacity: 0.75; } #im-cartsearch-container .filter-sidebar .closed .lbl-title::after { content: "\e006"; } #im-cartsearch-container .filter-sidebar .filter-collapsable-content { overflow: hidden; max-height: 10000px; transition: max-height 300ms; } #im-cartsearch-container .filter-sidebar .closed .filter-collapsable-content { max-height: 0; } #im-cartsearch-container .sidebar-m-b { margin-bottom: 1em; margin-top: 0.5em; } #im-cartsearch-container .title-font-color { font: normal normal normal 12pt 'Tahoma'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: start; } #im-cartsearch-container .description-font-color { font: normal normal normal 14pt 'Tahoma'; color: rgba(143, 35, 183, 1); background-color: transparent; text-decoration: none; text-align: start; } #im-cartsearch-container .search-com { font: normal normal normal 14pt 'Tahoma'; color: rgba(143, 35, 183, 1); background-color: transparent; text-decoration: none; text-align: start; ; padding: 0.6em; outline: none; } #im-cartsearch-container .filter-sidebar { transition: opacity 1s ease; border: solid; border-block-color: rgba(143, 35, 183, 1) rgba(143, 35, 183, 1); border-inline-color: rgba(143, 35, 183, 1) rgba(143, 35, 183, 1); border-width: 2px; border-radius: 3px; box-shadow: 3px 3px 5px 0px rgba(143, 35, 183, 1);background: rgba(243, 243, 243, 1); padding: 8px; margin-block: 0px; margin-inline: 10px; box-sizing: border-box; overflow-x: hidden; } #im-cartsearch-container .filter-sidebar .to-close-sidebar { width: 12px; height: 12px; padding: 0.5em 0 2em; width: 100%; text-align: end; } #im-cartsearch-container .filter-sidebar .to-close-sidebar > svg { width: 12px; height: 12px; fill-opacity: 0.6; fill: rgba(143, 35, 183, 1); } #im-cartsearch-container .filter-sidebar .to-close-sidebar > svg:hover { fill-opacity: 1; cursor:pointer; } #im-cartsearch-container .filter-sidebar .search-container { width: 100%; position: relative; display: flex; } #im-cartsearch-container.filter-sidebar-open .filter-sidebar .search-container { margin-top: 0; } #im-cartsearch-container .filter-sidebar .search { background-color: rgba(255,255,255,0.5); width: 100%; border-width: 1px; border-start-start-radius: 2px; border-start-end-radius: 0px; border-end-start-radius: 2px; border-end-end-radius: 0px; padding-block: 10px; padding-inline: 5px 40px; font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); text-decoration: none; border-color: rgba(0, 0, 0, 1); } #im-cartsearch-container .search::placeholder { color: rgba(0, 0, 0, 1); opacity: 0.6; } #im-cartsearch-container .filter-sidebar .search-button { position: absolute; background-color: transparent; inset-inline-end: 0px; width: 40px; height: 100%; border-width: 0; text-align: center; cursor: pointer; padding: 0; display: flex; align-items: center; } #im-cartsearch-container .filter-sidebar .search-button svg { height: 1.5em; fill: rgba(0, 0, 0, 1); margin: 0 auto; display: block; } #im-cartsearch-container .filter-sidebar .search-button svg:hover { fill: rgba(30, 30, 30, 1); } #im-cartsearch-container .search-spinner { position: absolute; height: 70%; top: 15%; inset-inline-end: 5px; } #im-cartsearch-container .filter-sidebar div.k-box { overflow: hidden; } #im-cartsearch-container .filter-sidebar div.k-box.k-treeview .k-in.k-state-hover, #im-cartsearch-container .filter-sidebar div.k-box.k-treeview .k-in.k-state-focused, #im-cartsearch-container .filter-sidebar div.k-box.k-treeview .k-in.k-state-selected { border-color: transparent; background-color: transparent; box-shadow: none; background-image: none; cursor: pointer; } #im-cartsearch-container .filter-sidebar [data-id="categories"] .show-all-categories { display: none; text-align: end; margin: 0.5em 0 0; text-decoration: underline; cursor: pointer; } #im-cartsearch-container .filter-sidebar .k-treeview .k-icon { color: rgba(0, 0, 0, 0.8); } #im-cartsearch-container .filter-sidebar .k-checkbox+.k-checkbox-label:before { border-color: rgba(0, 0, 0, 0.8); color: rgba(0, 0, 0, 1); background-color: transparent; border-start-start-radius: 2px; border-start-end-radius: 0px; border-end-start-radius: 2px; border-end-end-radius: 0px; } #im-cartsearch-container .filter-sidebar .k-treeview span.k-in { white-space: normal; font: normal normal normal 9pt 'Tahoma'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: start; ; margin-block: 1px; margin-inline: 3px 0px; padding-block: 1px; padding-inline: 0px; } #im-cartsearch-container .k-treeview .k-top, #im-cartsearch-container .k-treeview .k-mid, #im-cartsearch-container .k-treeview .k-item .k-bot, #im-cartsearch-container .filter-sidebar .checkbox-list [type="checkbox"] + label { margin-bottom: 0.6em; } /* Base for label styling */ #im-cartsearch-container .filter-sidebar .checkbox-list .li-opt { padding: 0; } #im-cartsearch-container .filter-sidebar .checkbox-list .k-checkbox-label:before { inset-inline-start: -2px; } #im-cartsearch-container .filter-sidebar .checkbox-list span.k-in { width: calc(100% - 25px); margin-block: 1px; margin-inline: 0px; } #im-cartsearch-container .filter-sidebar .checkbox-list .k-checkbox-wrapper { max-width: 18.5px; } #im-cartsearch-container .slider-multithumb { width: 100%; touch-action: pan-y; font: normal normal normal 9pt 'Tahoma'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: start; } #im-cartsearch-container .slider-multithumb svg { forced-color-adjust: auto; } #im-cartsearch-container .slider-multithumb .slider-group { color: rgba(0, 0, 0, 1); } #im-cartsearch-container .slider-multithumb .slider-group .value { color: currentcolor; fill: currentcolor; } #im-cartsearch-container .slider-multithumb .slider-group .rail { stroke: currentcolor; stroke-width: 2px; fill-opacity: 0; } #im-cartsearch-container .slider-multithumb .slider-group .range { fill: currentcolor; opacity: 0.4; pointer-events: none; } #im-cartsearch-container .slider-multithumb .slider-group .thumb { stroke: currentcolor; stroke-opacity: 1; stroke-width: 2px; fill: rgba(243, 243, 243, 1); } #im-cartsearch-container .slider-multithumb .slider-group .focus-ring { stroke-opacity: 0; fill-opacity: 0; stroke-linecap: round; stroke-linejoin: round; } #im-cartsearch-container .slider-multithumb .slider-group .values { opacity: 0.5; font-size: 8pt; fill: currentcolor; } #im-cartsearch-container .slider-multithumb .slider-group g.rail, #im-cartsearch-container .slider-multithumb .slider-group g.focus { color: currentcolor; } #im-cartsearch-container .slider-multithumb .slider-group.active g.rail { opacity: 0.8; } #im-cartsearch-container .slider-multithumb .slider-group.active g.range { fill-opacity: 1; } #im-cartsearch-container .slider-multithumb [role="slider"]:focus { outline: none; color: #005a9c; } #im-cartsearch-container .slider-multithumb [role="slider"]:hover .focus-ring { stroke: currentcolor; stroke-width: 1px; stroke-opacity: 0.8; } #im-cartsearch-container .slider-multithumb [role="slider"]:hover .focus-ring, #im-cartsearch-container .slider-multithumb [role="slider"]:focus .focus-ring { stroke: currentcolor; stroke-opacity: 1; stroke-width: 3px; } #im-cartsearch-container .slider-multithumb [role="slider"]:focus .thumb { stroke: currentcolor; } #im-cartsearch-container .slider-multithumb [role="slider"]:focus .value { color: currentcolor; } #im-cartsearch-container .items-container { width: 100%; display: flex; flex-direction: column; transition: opacity 1s ease; margin: 0px; } #im-cartsearch-container .items-container .content { height: 100%; position: relative; } #im-cartsearch-container .items-container .content #im-spinner-wrapper { position: absolute; inset: 0px; z-index: 10702; background-color: transparent; align-items: center; justify-content: center; display: none; } #im-cartsearch-container .items-container .content #im-spinner-wrapper .loading-image { width: 64px; height: 64px; } #im-cartsearch-container .items-container .content .search-empty { font: normal normal normal 16pt 'Tahoma'; color: rgba(143, 35, 183, 1); background-color: transparent; text-decoration: none; text-align: start; text-align: center; padding-top: 2em; } #im-cartsearch-container .items-container .bar-order { border: solid; border-block-color: rgba(143, 35, 183, 1) rgba(143, 35, 183, 1); border-inline-color: rgba(143, 35, 183, 1) rgba(143, 35, 183, 1); border-width: 2px; border-radius: 3px; box-shadow: 3px 3px 5px 0px rgba(143, 35, 183, 1);background-color: rgba(243, 243, 243, 1); width: 100%; display: flex; align-items: center; padding: 10px; box-sizing: border-box; margin-bottom: 10px; } #im-cartsearch-container .items-container .bar-order .total-results { margin: 0 10px; text-align: start; } #im-cartsearch-container .items-container .bar-order .total-results .total_product_found { font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); text-decoration: none; } #im-cartsearch-container .items-container .bar-order .total-results .label-products-found { font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); text-decoration: none; } #im-cartsearch-container .items-container .bar-order .sort-by { flex: 1; position: relative; display: flex; justify-content: flex-end; align-items: center; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order { background-color: transparent; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order label { cursor: pointer; margin-inline-end: 5px; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul.dropdown-sort { list-style: none; padding: 0; cursor: pointer; position: relative; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul.dropdown-sort > li { box-sizing: border-box; position: relative; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-end; text-align: end; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul.dropdown-sort > li #cart-search-dropdown-sort-container { display: flex; flex-wrap: wrap; justify-content: flex-end; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul > li.search-com { background-color: transparent; font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); } #im-cartsearch-container .items-container .bar-order .sort-by .c-order ul.dropdown-sort-inside li.search-com { background-color: rgba(243, 243, 243, 1); font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul > li .icon-arrow svg { fill: rgba(0, 0, 0, 1); display: block; margin-top: 0px; margin-inline-end: 0px; margin-bottom: 0px; margin-inline-start: 0.5em; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul > li .icon-arrow { display: flex; align-items: center; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul > li .icon-arrow.close { transition-duration: 0.3s; cursor: pointer; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul > li .icon-arrow.open { transform: rotate3d(1, 0, 0, 180deg); transition-duration: 0.3s;} #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside.hide { display: none; max-height: 0; transition: max-height 0.1s ease-out; max-width: 100%; width: 100%; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside.show { display: block; max-height: 9999px; transition: max-height 2s ease-in-out; border: 1px solid rgba(0, 0, 0, 1); border-start-start-radius: 2px; border-start-end-radius: 0px; border-end-start-radius: 2px; border-end-end-radius: 0px; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside { position: absolute; inset-inline-start: 0px; overflow: hidden; list-style: none; padding: 0; margin: 0; z-index: 99; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside li { text-align: start; white-space: nowrap; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside li:hover { color: rgba(113, 65, 153, 1); } #im-cartsearch-container .btn-sidebar { font-size: 9pt; height: 2lh; width: 2lh; max-height: 50px; max-width: 50px; box-sizing: border-box; cursor: pointer; border: 2px solid rgba(0, 0, 0, 1); border-start-start-radius: 2px; border-start-end-radius: 0px; border-end-start-radius: 2px; border-end-end-radius: 0px; } #im-cartsearch-container .btn-sidebar.out-bar-order { margin-bottom: 10px; width: 40px; height: 40px; } #im-cartsearch-container .btn-sidebar svg { fill: rgba(0, 0, 0, 1); display: block; margin: 0 auto; width: 70%; height: 100%; } #im-cartsearch-container .btn-sidebar svg:hover { fill: rgba(30, 30, 30, 1); } @media (min-width: 1150.0px) { #im-cartsearch-container .btn-sidebar, #im-cartsearch-container .to-close-sidebar { display: none; } #im-cartsearch-container .filter-sidebar { transition: opacity 1s ease; min-width: 200px; max-width: 200px; width: 100%; } } @media (max-width: 1149.9px) and (min-width: 720.0px) { #im-cartsearch-container .btn-sidebar, #im-cartsearch-container .to-close-sidebar { display: none; } #im-cartsearch-container .filter-sidebar { transition: opacity 1s ease; min-width: 200px; max-width: 200px; width: 100%; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #im-cartsearch-container .btn-sidebar { display: flex; align-content: center; } #im-cartsearch-container .to-close-sidebar { display: block } #im-cartsearch-container .filter-sidebar { position: fixed; top: 0; inset-inline-end: 100%; z-index: 10401; margin: 0px; visibility: hidden; max-width: 350px; width: 100%; height: 100%; transition: all 0.5s; } #im-cartsearch-container.filter-sidebar-open .filter-sidebar { visibility: visible; transform: translate3d(100%, 0, 0); } } @media (max-width: 479.9px) { #im-cartsearch-container .btn-sidebar { display: flex; align-content: center; } #im-cartsearch-container .to-close-sidebar { display: block } #im-cartsearch-container .filter-sidebar { position: fixed; top: 0; inset-inline-end: 100%; z-index: 10401; margin: 0px; visibility: hidden; max-width: 350px; width: 100%; height: 100%; transition: all 0.5s; } #im-cartsearch-container.filter-sidebar-open .filter-sidebar { visibility: visible; transform: translate3d(100%, 0, 0); } } .im-cartsearch-pagination { width: 100%; max-width: 100%; float: left; float: inline-start; clear: both; } @media (min-width: 1150.0px) { #im-cartsearch-container { padding-inline-start: 0px; padding-inline-end: 0px; } } @media (max-width: 1149.9px) and (min-width: 720.0px) { #im-cartsearch-container { padding-inline-start: 0px; padding-inline-end: 0px; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #im-cartsearch-container { padding-inline-start: 0px; padding-inline-end: 0px; } } @media (max-width: 479.9px) { #im-cartsearch-container { padding-inline-start: 0px; padding-inline-end: 0px; } } #imPage.without-id_animation-in-progress { overflow: hidden }