@import 'https://fonts.googleapis.com/css?family=Questrial:regular&display=swap'; #imPage { display: grid; grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-rows: 20px auto 20px; } #imHeader { display: block; grid-column: 1 / 4; grid-row: 1 / 2; } #imFooter { display: block; grid-column: 1 / 4; 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: 100px 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: 100px 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: 100px 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%; margin-left: auto; margin-right: auto; padding: 10px 0; } #im-cartsearch-container:after { position: fixed; top: 0; right: 0; 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; right: 0; 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 'Questrial'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; } #im-cartsearch-container .description-font-color { font: normal normal normal 9pt 'Questrial'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; } #im-cartsearch-container .search-com { font: normal normal normal 9pt 'Questrial'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; ; padding: 0.6em; outline: none; background-color: rgba(255, 255, 255, 1); } #im-cartsearch-container .filter-sidebar { transition: opacity 1s ease; border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: rgba(255, 255, 255, 1); padding: 8px 8px 8px 8px; margin: 0 0 0 10px; box-sizing: border-box; overflow-x: hidden; } #im-cartsearch-container .filter-sidebar .to-close-sidebar { padding: 0.5em 0 2em 0; width: 100%; text-align: right; } #im-cartsearch-container .filter-sidebar .to-close-sidebar > svg { width: 12px; height: 12px; fill-opacity: 0.6; fill: rgba(0, 0, 0, 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.8); width: 100%; border-width: 1px; border-radius: 2px 0 0 2px; padding: 10px 40px 10px 5px; font-family: Questrial; 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; right: 0; 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%; right: 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: right; margin: 0.5em 0 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: rgba(255,255,255,0.8); border-radius: 2px 0 0 2px; } #im-cartsearch-container .filter-sidebar .k-treeview span.k-in { white-space: normal; font: normal normal normal 9pt 'Questrial'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; ; margin: 1px 0 1px 3px; padding: 1px 0 1px 0; } #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 { left: -2px; } #im-cartsearch-container .filter-sidebar .checkbox-list span.k-in { width: calc(100% - 25px); margin: 1px 0 1px 0; } #im-cartsearch-container .filter-sidebar .checkbox-list .k-checkbox-wrapper { max-width: 18.5px; } #im-cartsearch-container .range-slider-container .irs--round .irs-from, #im-cartsearch-container .range-slider-container .irs--round .irs-to, #im-cartsearch-container .range-slider-container .irs--round .irs-single { background-color: transparent; font-family: Questrial; font-size: 10pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); text-decoration: none; } #im-cartsearch-container .range-slider-container .irs--round .irs-from:before, #im-cartsearch-container .range-slider-container .irs--round .irs-to:before, #im-cartsearch-container .range-slider-container .irs--round .irs-single:before { border-top-color: transparent; } #im-cartsearch-container .range-slider-container .irs--round .irs-bar { background-color: rgba(0, 0, 0, 1); height: 3px; } #im-cartsearch-container .range-slider-container .irs--round .irs-handle { height: 18px; width: 18px; top: 28px; border: 3px solid rgba(0, 0, 0, 1); box-shadow: none; background-color: rgba(255,255,255,0.9); } #im-cartsearch-container .range-slider-container .irs--round .irs-line, #im-cartsearch-container .range-slider-container .irs--round .irs-grid-pol { background-color: rgba(169, 169, 169, 1); opacity: 0.7; height: 3px; } #im-cartsearch-container .range-slider-container .irs--round .irs-grid-text { color: rgba(169, 169, 169, 1); font-family: Questrial; font-size: 8pt; font-style: normal; font-weight: normal; text-decoration: none; } #im-cartsearch-container .items-container { width: 100%; display: flex; flex-direction: column; transition: opacity 1s ease; margin: 0 10px; } #im-cartsearch-container .items-container .content { height: 100%; position: relative; } #im-cartsearch-container .items-container .content #im-spinner-wrapper { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 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 12pt 'Questrial'; color: rgba(0, 0, 0, 1); background-color: transparent; text-decoration: none; text-align: left; text-align: center; padding-top: 2em; } #im-products { width: 100%; position: relative; max-width: 100%; box-sizing: border-box; height: 100%; } #im-products .im-products-card { float: left; position: relative; box-sizing: border-box; height: 250px; background-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; text-align: left; line-height: 1.5; overflow: hidden; } #im-products .im-products-card .im-products-separator { margin: 0 8px 0 8px; border-bottom: 1px solid rgba(169, 169, 169, 1); } #im-products .im-products-name a { color: rgba(0, 0, 0, 1); text-decoration: none; } #im-products .im-products-image { box-sizing: border-box; max-width: 100%; width:100%; height: 100%; padding: 0px 0px 0px 0px; object-fit: scale-down; } #im-products_pqn5a521 .im-products-image { cursor: pointer; } #im-products_052k073y .im-products-image { cursor: pointer; } #im-products_w9jvqo31 .im-products-image { cursor: pointer; } #im-products_x3crvfaa .im-products-image { cursor: pointer; } #im-products_8w0yzdbd .im-products-image { cursor: pointer; } #im-products_aixlllqh .im-products-image { cursor: pointer; } #im-products_xvjgo0ro .im-products-image { cursor: pointer; } #im-products_qhy7h5pb .im-products-image { cursor: pointer; } #im-products_y2181s99 .im-products-image { cursor: pointer; } #im-products_gp6o9l8v .im-products-image { cursor: pointer; } #im-products_e3034hos .im-products-image { cursor: pointer; } #im-products_u62t90x9 .im-products-image { cursor: pointer; } #im-products_hnk40zwi .im-products-image { cursor: pointer; } #im-products_180byp8v .im-products-image { cursor: pointer; } #im-products_91pglurw .im-products-image { cursor: pointer; } #im-products_tqwrvi9k .im-products-image { cursor: pointer; } #im-products_3yv196dc .im-products-image { cursor: pointer; } #im-products_4m03q8or .im-products-image { cursor: pointer; } #im-products_d084apf3 .im-products-image { cursor: pointer; } #im-products_8sc3orj1 .im-products-image { cursor: pointer; } #im-products_b9d456y8 .im-products-image { cursor: pointer; } #im-products .im-products-image.contain { object-fit: scale-down; } #im-products .im-products-card select { border: 1px solid rgba(169, 169, 169, 1); display: inline-block; line-height: 24px; height: 24px; font: normal normal normal 9pt 'Questrial'; color: rgba(169, 169, 169, 1); background-color: transparent; text-decoration: none; text-align: left; background-color: rgba(255,255,255,0.8); } #im-products .im-products-card .product-available-quantity { display: inline-block; } #im-products .im-products-card .im-products-name { padding: 8px 8px 0 8px; font-family: Questrial; font-size: 12pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); overflow: hidden; } #im-products .im-products-card .im-products-name a { color: rgba(0, 0, 0, 1); text-decoration: none; } #im-products .im-products-card .im-products-category { padding: 5px 8px 0 8px; font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #im-products .im-products-card .im-products-description { position: relative; padding: 7px 8px 5px 8px; font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); overflow: auto; } #im-products .im-products-card .im-products-description .im-products-description-fade { position: -webkit-sticky; position: sticky; width: 100%; height: 17.955px; left: 0; bottom: -5px; box-shadow: inset 0px -20px 44px rgba(255, 255, 255, 1); } #im-products .im-products-card .im-products-availability { padding: 5px 8px 5px 8px; font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #im-products .im-products-card .im-products-price { padding: 5px 0 8px 8px; font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #im-products .im-products-card .im-products-options { padding: 5px 8px 5px 8px; font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #im-products .im-products-card .im-products-qty-discount { padding: 5px 8px 5px 8px; font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } #im-products .im-products-card input.im-products-qty { border-radius: 0px; box-shadow: none; margin: 5px 5px 8px 5px; max-width: 3em; padding: 2px 0 2px 5px; border: 1px solid rgba(169, 169, 169, 1); font: normal normal normal 9pt 'Questrial'; color: rgba(169, 169, 169, 1); background-color: transparent; text-decoration: none; text-align: left; ; text-align: left; overflow: hidden; background-color: rgba(255,255,255,0.8); } #im-products .im-products-card .im-products-button { margin: 5px 8px 8px 0; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 5px 5px; background-color: rgba(50, 205, 50, 1); font-family: Questrial; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(255, 255, 255, 1); cursor: pointer; overflow: hidden; } .im-wishlist-button { position: absolute; bottom: 8px; right: 0px; cursor: pointer; width: 20px; height: 20px; margin: 5px; } .im-wishlist-button svg { fill: rgb(255,0,0); } @media (min-width: 1150.0px) { #im-products .im-products-card { width: calc(50% - 5px); margin: 10px 10px 0 0; } #im-products .im-products-card:nth-of-type(2n) { margin-right: 0; } #im-products .im-products-card:nth-of-type(-n+2) { margin-top: 0; } #im-products .im-products-card { display: grid; grid-template-columns: 50% 1fr auto; grid-template-rows: auto auto 1fr auto; } #im-products .im-wrapper-products-image { grid-column: 1 / 2; grid-row: 1 / 9; } #im-products .im-products-name { grid-column: 2 / 5; grid-row: 1 / 2; } #im-products .im-products-category { grid-column: 2 / 5; grid-row: 2 / 3; } #im-products .im-products-description { grid-column: 2 / 5; grid-row: 3 / 4; } #im-products .im-products-separator { grid-column: 2 / 5; grid-row: 4 / 5; } #im-products .im-products-availability { grid-column: 2 / 5; grid-row: 5 / 6; } #im-products .im-products-price { grid-column: 2 / 3; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-options { grid-column: 2 / 5; grid-row: 7 / 8; } #im-products .im-products-qty { grid-column: 3 / 4; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-qty-discount { grid-column: 2 / 5; grid-row: 6 / 7; } #im-products .im-products-button { grid-column: 4 / 5; grid-row: 8 / 9; align-self: safe center; } } @media (max-width: 1149.9px) and (min-width: 720.0px) { #im-products .im-products-card { width: 100%; margin-top: 10px; } #im-products .im-products-card:first-of-type { margin-top: 0; } #im-products .im-products-card { display: grid; grid-template-columns: 50% 1fr auto; grid-template-rows: auto auto 1fr auto; } #im-products .im-wrapper-products-image { grid-column: 1 / 2; grid-row: 1 / 9; } #im-products .im-products-name { grid-column: 2 / 5; grid-row: 1 / 2; } #im-products .im-products-category { grid-column: 2 / 5; grid-row: 2 / 3; } #im-products .im-products-description { grid-column: 2 / 5; grid-row: 3 / 4; } #im-products .im-products-separator { grid-column: 2 / 5; grid-row: 4 / 5; } #im-products .im-products-availability { grid-column: 2 / 5; grid-row: 5 / 6; } #im-products .im-products-price { grid-column: 2 / 3; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-options { grid-column: 2 / 5; grid-row: 7 / 8; } #im-products .im-products-qty { grid-column: 3 / 4; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-qty-discount { grid-column: 2 / 5; grid-row: 6 / 7; } #im-products .im-products-button { grid-column: 4 / 5; grid-row: 8 / 9; align-self: safe center; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #im-products .im-products-card { width: 100%; margin-top: 10px; } #im-products .im-products-card:first-of-type { margin-top: 0; } #im-products .im-products-card { display: grid; grid-template-columns: 50% 1fr auto; grid-template-rows: auto auto 1fr auto; } #im-products .im-wrapper-products-image { grid-column: 1 / 2; grid-row: 1 / 9; } #im-products .im-products-name { grid-column: 2 / 5; grid-row: 1 / 2; } #im-products .im-products-category { grid-column: 2 / 5; grid-row: 2 / 3; } #im-products .im-products-description { grid-column: 2 / 5; grid-row: 3 / 4; } #im-products .im-products-separator { grid-column: 2 / 5; grid-row: 4 / 5; } #im-products .im-products-availability { grid-column: 2 / 5; grid-row: 5 / 6; } #im-products .im-products-price { grid-column: 2 / 3; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-options { grid-column: 2 / 5; grid-row: 7 / 8; } #im-products .im-products-qty { grid-column: 3 / 4; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-qty-discount { grid-column: 2 / 5; grid-row: 6 / 7; } #im-products .im-products-button { grid-column: 4 / 5; grid-row: 8 / 9; align-self: safe center; } } @media (max-width: 479.9px) { #im-products .im-products-card { width: 100%; margin-top: 10px; } #im-products .im-products-card:first-of-type { margin-top: 0; } .im-products-card { height: 500px; } #im-products .im-products-card { display: grid; grid-template-columns: 50% 1fr auto; grid-template-rows: auto auto 1fr auto; } #im-products .im-wrapper-products-image { grid-column: 1 / 2; grid-row: 1 / 9; } #im-products .im-products-name { grid-column: 2 / 5; grid-row: 1 / 2; } #im-products .im-products-category { grid-column: 2 / 5; grid-row: 2 / 3; } #im-products .im-products-description { grid-column: 2 / 5; grid-row: 3 / 4; } #im-products .im-products-separator { grid-column: 2 / 5; grid-row: 4 / 5; } #im-products .im-products-availability { grid-column: 2 / 5; grid-row: 5 / 6; } #im-products .im-products-price { grid-column: 2 / 3; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-options { grid-column: 2 / 5; grid-row: 7 / 8; } #im-products .im-products-qty { grid-column: 3 / 4; grid-row: 8 / 9; align-self: safe center; } #im-products .im-products-qty-discount { grid-column: 2 / 5; grid-row: 6 / 7; } #im-products .im-products-button { grid-column: 4 / 5; grid-row: 8 / 9; align-self: safe center; } } #im-cartsearch-container .items-container .bar-order { border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1) rgba(128, 128, 128, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background: rgba(255, 255, 255, 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: left; } #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 > 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: nowrap; flex-direction: row; justify-content: flex-end; } #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: 0 0 0 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; } #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 { 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 { max-height: 9999px; transition: max-height 2s ease-in-out; border: 1px solid rgba(0, 0, 0, 1); border-radius: 2px 0 0 2px; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside { position: absolute; left: 0; 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: left; white-space: nowrap; } #im-cartsearch-container .items-container .bar-order .sort-by .c-order > ul ul.dropdown-sort-inside li:hover { color: rgba(30, 30, 30, 1); } #im-cartsearch-container .btn-sidebar { height: 15px; width: 100%; max-height: 50px; max-width: 50px; box-sizing: border-box; cursor: pointer; border: 2px solid rgba(0, 0, 0, 1); border-radius: 2px 0 0 2px; } #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%; } #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; right: 100%; z-index: 10401; margin: 0; 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; right: 100%; z-index: 10401; margin: 0; 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; clear: both; } #imPage.without-id_animation-in-progress { overflow: hidden }