@charset "utf-8";
/* CSS Document */
.header-filter { position: relative; width: 100%; padding-top: 25px; height: auto; padding: 0 10px; margin: 0; }
.hidden { display:none; }
/* products */
.fliterswidth { width: 85%; }
.filter ul { position: relative; list-style: none; display: flex; padding-left: 0; }
.filter ul li { margin-bottom: 0; background: #C81F2F; height: 80px; }
.filter ul li.is_parent:hover { padding-bottom: 100px; height: auto; }
.filter ul.child_term { display: none; padding-top: 10px; background: #fff; }
.filter ul.grandchild_term { display: none; }
.filter ul li > ul.child_term li:hover { padding-bottom: 0px; }
.filter ul li > ul.child_term:hover,
.filter ul li:hover > ul.child_term { display: flex; position: absolute; bottom: 0; left: 0; width: 100%; }
.filter ul li:nth-child(5) > ul.child_term:hover, 
.filter ul li:nth-child(5):hover > ul.child_term { left: auto; right: 0; justify-content: end;}
.filter ul li > ul.child_term li:hover > ul.grandchild_term { display: flex; position: absolute; bottom: -100%; left: 0; width: 100%; padding-top: 10px; z-index: 1; }
.filter ul li > ul.child_term:hover li,
.filter ul li:hover > ul.child_term li { width: 20%; background: #3A3A3A; }
.filter ul li > ul.child_term li:hover > a { color: #fff; background: #C81F2F; }
.filter ul li:hover > ul.child_term ul.grandchild_term li { width: 20%; background: #C81F2F; }
.filter-label { display: inline-flex; font-size: 25px; }
.is_parent > .product-filter:after { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI4NSAyODUiPjxwYXRoIGQ9Ik0yODIgNzYuNWwtMTQuMi0xNC4zYTkgOSAwIDAgMC0xMy4xIDBMMTQyLjUgMTc0LjQgMzAuMyA2Mi4yYTkgOSAwIDAgMC0xMy4yIDBMMyA3Ni41YTkgOSAwIDAgMCAwIDEzLjFsMTMzIDEzM2E5IDkgMCAwIDAgMTMuMSAwbDEzMy0xMzNhOSA5IDAgMCAwIDAtMTN6IiBzdHlsZT0iZmlsbDojYzgxZjJmIi8+PC9zdmc+); position: absolute; top: 30px; }
.is_parent > .product-filter.active:after,
.is_parent:hover > .product-filter:after { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI4NSAyODUiPjxwYXRoIGQ9Ik0yODIgNzYuNWwtMTQuMi0xNC4zYTkgOSAwIDAgMC0xMy4xIDBMMTQyLjUgMTc0LjQgMzAuMyA2Mi4yYTkgOSAwIDAgMC0xMy4yIDBMMyA3Ni41YTkgOSAwIDAgMCAwIDEzLjFsMTMzIDEzM2E5IDkgMCAwIDAgMTMuMSAwbDEzMy0xMzNhOSA5IDAgMCAwIDAtMTN6IiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+); top: 30px; }
.product-filter .img-wrapper { max-height: 80px; max-width: 50px; object-fit: contain; padding-right: 5px; }
.product-filter { font-family: 'Linotype-DINNextLTPro'; font-size: 18px; font-weight: 400; line-height: 2; padding: 5px 10px; color: #3A3A3A; background: #F9F9F9; display: inline-flex; width: 100%; height: 60px; justify-content: center; align-items: center; width: 100%; position: relative; z-index: 1; }
.parent_term > .product-filter-list:hover > .product-filter { color: #fff; background: #3A3A3A; }
.product-filter-list     { width: 20%; padding: 10px 5px; }
.product-filter-list:first-child     { padding-left: 10px; }
.product-filter-list:last-child     { padding-right: 10px; }
.product-select     { font-family: 'Linotype-DINNextLTPro'; font-size: 18px; font-weight: 400; line-height: 2; border: 5px solid #F9F9F9; padding: 5px 10px; color: #3A3A3A; background: #FFF; display: inline-flex; margin-top: 5px; margin-bottom: 15px; width: 100%; height: 100px;}
.child_term .active.product-filter,
.child_term .product-filter:hover { background: #c81f2f; }
a.product-filter.active:before { content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjcwNyIgaGVpZ2h0PSI4LjcwNyIgdmlld0JveD0iMCAwIDguNzA3IDguNzA3Ij4KICA8ZyBpZD0iR3JvdXBfMjU0IiBkYXRhLW5hbWU9Ikdyb3VwIDI1NCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI5OC4xNDYgLTc5My4xNDYpIj4KICAgIDxsaW5lIGlkPSJMaW5lXzI1IiBkYXRhLW5hbWU9IkxpbmUgMjUiIHgyPSI4IiB5Mj0iOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjk4LjUgNzkzLjUpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMSIvPgogICAgPGxpbmUgaWQ9IkxpbmVfMjYiIGRhdGEtbmFtZT0iTGluZSAyNiIgeDE9IjgiIHkyPSI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyOTguNSA3OTMuNSkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIi8+CiAgPC9nPgo8L3N2Zz4K); position: absolute; right: 10px; top: 0; font-size: 14px }
.active.product-filter,
.child_term .grandchild_term .active.product-filter,
.product-filter:hover,
.child_term .grandchild_term .product-filter:hover,
.reset-filter:hover { padding: 5px 10px; background:#3A3A3A; color:#F9F9F9; position: relative; }
#reset-filter      { width: 15%; height: 80px; background: #c81f2f; padding: 10px 10px 10px 0px; }
.reset-filter { font-family: 'Linotype-DINNextLTPro'; font-size: 18px; font-weight: 400; line-height: 2; padding: 5px 10px; color: #3A3A3A; background: #F9F9F9; display: inline-flex; width: 100%; height: 60px; justify-content: center; align-items: center; }
.reset-filter svg { padding-right: 5px; }
#reset:hover svg path { fill: #fff; }
.product-list { width: calc(25% - 10px); position: relative; background: #F9F9F9; padding: 30px; height: 470px; }
.product-list div { display: flex; justify-content: center; align-items:center; flex-direction: column; color: #3A3A3A; }
.product-list div div { position: absolute; bottom: 20px; }
.product-list div img { max-width: 100%; height: 200px; }
.product-list .product-type   { align-self: self-start; font-family: 'Linotype-DINNextLTPro'; text-transform: capitalize; }
.product-list .product-title  { align-self: self-start; font-family: 'Linotype-DINNextLTPro'; font-size: 18px; text-transform: capitalize; margin-top: 10px; }
.product-list .cta_button  { margin-bottom: 10px; font-family: 'din-condensed'; }
.product-list .order-today  { font-family: 'Linotype-DINNextLTPro'; }
a[data-type^="New Products"],
a[data-type*="New Products"],
a#new-products { position: relative; }
a[data-type^="New Products"]:before,
a[data-type*="New Products"]:before,
a#new-products:before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0 30px 30px 30px; border-color: transparent transparent #c81f2f transparent; transform: rotate(-45deg); position: absolute; left: -20px; top: -5px; }
a[data-type^="New Products"]:after,
a[data-type*="New Products"]:after,
a#new-products:after { content: "NEW"; width: 0px; height: 0px; transform: rotate(-45deg); position: absolute; left: -6px; top: 13px; font-family: 'din-condensed'; color: #fff; }
a[data-type^="New Products"]:after,
a[data-type*="New Products"]:after { left: 0px; top: 15px; }
.product-pagination { text-align: center; margin: 50px auto 0px auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.product-pagination a { padding: 5px 5px 0 5px; color: #3A3A3A; display: flex; justify-content: center; align-items: center; }
.product-pagination a:hover { color: #c81f2f; }
.product-pagination a.paged { pointer-events: none; color: #fff; background: #c81f2f; padding: 5px 5px 0px 5px; }
.products-filters .redline { display: inline-flex; height: 10px; width: 0; background: #C81F2F; margin-bottom: 50px; }
optgroup option { padding-left: 20px; }

@media handheld, only screen and (max-width: 1023px) and (min-width: 767px) { /* Smaller tablets to iPad portrait */
    #reset-filter      { height: 100px; margin: 15px 0; padding: 10px 5px 10px 0px; }
    .reset-filter { height: auto; margin: -5px auto; padding: 27px 10px; }
    .reset-filter:hover { height: auto; margin: -5px auto; padding: 27px 10px; }
    .product-filter-list { width: 50%; }
    .product-list { width: calc(33% - 10px); }
}
@media handheld, only screen and (max-width: 766px) { /* Mobile - All Mobile */
    /* products */
    .fliterswidth { width: calc(100% - 120px); }
    #reset-filter      { width: 120px; height: 100px; margin: 15px 0; padding: 10px 5px 10px 0px; }
    .reset-filter { height: auto; margin: -5px auto; padding: 27px 10px; }
    .reset-filter:hover { height: auto; margin: -5px auto; padding: 27px 10px; }
    .product-list { width: 100%; padding: 20px 50px; }
    .product-list .product-type,
    .product-list .product-title  { align-self: center; }
    .product-list div div { position: absolute; bottom: 45px; }
    .product-filter-list { width: 100%; }
    .product-pagination { justify-content: space-around; }
}