#product-grid-filter {color: #555555;text-align: center;max-width: 1080px;width: 100%;margin: 0 auto;padding-bottom: 20px;position: relative;}#product-grid-filter h2 {text-transform: uppercase;margin-bottom: 20px;padding-top: 20px;color: #555555;}#product-grid-filter h2.underlined-box {text-transform: none;border-top: 1px solid #555555;padding: 10px;min-width: 350px;margin: 0px auto 20px;background: #7c7c7c;text-transform: none;display: inline-block;}#product-grid-filter .grid-breadcrumb {text-align: left;margin: 0;margin-bottom: 5px;}@media (max-width: 1080px) {#product-grid-filter .grid-breadcrumb {margin-left: 5px;margin-right: 5px;}}#product-grid-filter .grid-breadcrumb li {list-style-type: none;margin: 0;padding: 0;display: inline-block;text-decoration: underline;}#product-grid-filter .grid-breadcrumb li:hover {cursor: pointer;}#product-grid-filter .grid-breadcrumb li::before {content: '>';font-weight: bold;display: inline-block;margin: 0 5px;}#product-grid-filter .grid-breadcrumb li:first-child::before {content: '';margin: 0;}#product-grid-filter .grid-open-list {font-size: 30px;}#product-grid-filter .grid-list-container {position: relative;}#product-grid-filter .grid-list-container.hide {display: none;}#product-grid-filter .grid-list-container .grid-list {margin: 0px;position: relative;padding: 0;display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%/3, max(50px, 8%)), 1fr));grid-gap: 10px;}@media (max-width: 500px) {#product-grid-filter .grid-list-container .grid-list {grid-template-columns: repeat(auto-fit, minmax(max(50px, 20vw), 1fr));}}#product-grid-filter .grid-list-container .grid-list .grid-item {font-weight: bold;font-size: 10px;color: #555555;text-decoration: none;list-style-type: none;display: table;border-radius: 10px;box-sizing: border-box;position: relative;top: 0;left: 0;margin: 0;line-height: 12px;}#product-grid-filter .grid-list-container .grid-list .grid-item::before, #product-grid-filter .grid-list-container .grid-list .grid-item::after {border: 1px solid transparent;position: absolute;box-sizing: inherit;content: '';width: 0;height: 0;top: 0;left: 0;}#product-grid-filter .grid-list-container .grid-list .grid-item:hover::before {width: 100%;height: 100%;border-top-color: #555555;border-right-color: #555555;transition: height 0.1s ease-in 0.1s, width 0.1s;}#product-grid-filter .grid-list-container .grid-list .grid-item:hover::after {width: 100%;height: 100%;border-bottom-color: #555555;border-left-color: #555555;transition: width 0.1s ease-in 0.1s, height 0.1s;}#product-grid-filter .grid-list-container .grid-list .grid-item:hover {cursor: pointer;opacity: 1;}#product-grid-filter .grid-list-container .grid-list .grid-item.selected {opacity: 1;padding: 10px 20px;float: none;padding: 0;min-height: inherit;width: 100%;}#product-grid-filter .grid-list-container .grid-list .grid-item.selected::before, #product-grid-filter .grid-list-container .grid-list .grid-item.selected::after {border: 0;}#product-grid-filter .grid-list-container .grid-list .grid-item.hide {display: none;}#product-grid-filter .grid-list-container .grid-list .grid-item .grid-item-content {display: table-cell;vertical-align: middle;padding: 6px 10px;}#product-grid-filter .grid-list-container .grid-list .grid-item .grid-item-content img {display: block;text-align: center;margin: 0 auto 10px auto;max-height: 100px;}#product-grid-filter .grid-list-container .grid-list .grid-item.selected {float: none;padding: 0;min-height: inherit;width: 100%;}#product-grid-filter .grid-list-container .grid-list .grid-item.selected::before, #product-grid-filter .grid-list-container .grid-list .grid-item.selected::after {border: 0;}#product-grid-filter .grid-list-container .grid-list:after {clear: both;display: block;content: '';float: none;}#product-grid-filter .grid-list-container.manufacturer .grid-list .grid-item {text-align: center;vertical-align: middle;text-transform: uppercase;min-height: 100px;border: 1px solid #eee;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);}#product-grid-filter .grid-list-container.manufacturer .grid-list .grid-item.selected {width: 100%;}#product-grid-filter .grid-list-container.manufacturer .grid-list:after {clear: both;display: block;content: '';float: none;}#product-grid-filter .grid-list-container.model .grid-open-list, #product-grid-filter .grid-list-container.generation .grid-open-list, #product-grid-filter .grid-list-container.engine .grid-open-list {display: none;}#product-grid-filter .grid-list-container.model .grid-list, #product-grid-filter .grid-list-container.generation .grid-list, #product-grid-filter .grid-list-container.engine .grid-list {grid-template-columns: repeat(auto-fit, minmax(min(100%/4, max(100px, 100%/4)), 1fr));}@media (max-width: 500px) {#product-grid-filter .grid-list-container.model .grid-list, #product-grid-filter .grid-list-container.generation .grid-list, #product-grid-filter .grid-list-container.engine .grid-list {grid-template-columns: repeat(auto-fit, minmax(max(150px, 20vw), 1fr));}}#product-grid-filter .grid-list-container.model .grid-list.hide, #product-grid-filter .grid-list-container.generation .grid-list.hide, #product-grid-filter .grid-list-container.engine .grid-list.hide {display: none;}#product-grid-filter .grid-list-container.model .grid-list .grid-item, #product-grid-filter .grid-list-container.generation .grid-list .grid-item, #product-grid-filter .grid-list-container.engine .grid-list .grid-item {border: 1px solid #444444;background: linear-gradient(to left, transparent 50%, #444444 50%) right;background-size: 200%;transition: 0.5s ease-out;font-size: 20px;line-height: 30px;}#product-grid-filter .grid-list-container.model .grid-list .grid-item::before, #product-grid-filter .grid-list-container.model .grid-list .grid-item::after, #product-grid-filter .grid-list-container.generation .grid-list .grid-item::before, #product-grid-filter .grid-list-container.generation .grid-list .grid-item::after, #product-grid-filter .grid-list-container.engine .grid-list .grid-item::before, #product-grid-filter .grid-list-container.engine .grid-list .grid-item::after {border: 0;}#product-grid-filter .grid-list-container.model .grid-list .grid-item:hover, #product-grid-filter .grid-list-container.generation .grid-list .grid-item:hover, #product-grid-filter .grid-list-container.engine .grid-list .grid-item:hover {color: #fff;background-position: left;}#product-grid-filter .grid-list-container.model .grid-list .grid-item.selected, #product-grid-filter .grid-list-container.generation .grid-list .grid-item.selected, #product-grid-filter .grid-list-container.engine .grid-list .grid-item.selected {width: 100%;border: 0;background: transparent;transition: none;}#product-grid-filter .grid-list-container.model .grid-list .grid-item.selected:hover, #product-grid-filter .grid-list-container.generation .grid-list .grid-item.selected:hover, #product-grid-filter .grid-list-container.engine .grid-list .grid-item.selected:hover {color: #424242;}#product-grid-filter .grid-back-button {margin-top: 15px;padding: 10px 30px;border: 2px solid #555555;display: inline-block;text-transform: uppercase;transition: 0.2s all;display: none !important;}#product-grid-filter .grid-back-button.hide {display: none;}#product-grid-filter .grid-back-button:hover {cursor: pointer;color: gray;background: #555555;}#product-grid-filter:after {clear: both;display: block;content: '';float: none;}