.dmf_product_panel_filter,.dmf_product_panel_filter button,.dmf_product_panel_filter input,.dmf_product_panel_filter select{font-family:"FormaDJRMicro","FormaDJRJapaneseMicro","Arial",sans-serif}
.dmf_product_panel_filter{overflow-x:hidden;position:relative;left:50%;right:50%;width:100vw;margin-right:-50vw;margin-left:-50vw;color:#2c3038}
.dmf_inner{max-width:1920px;margin-right:auto;margin-left:auto}
.hpj-product-filter-container.container{width:unset}
.dmf_product_panel_filter .dmf_sort_bar{width:260px}
@media screen and (max-width:1023px){.dmf_list_container{padding-bottom:40px}
}
@media screen and (min-width:1024px){.dmf_content{display:flex}
.dmf_left_menu{width:260px;padding-right:12px}
.dmf_list_container{width:calc(100% - 260px);padding-bottom:80px}
}
.dmf_sticky_container{background-color:#fff}
.dmf_sticky_container.is_fixed{position:fixed;top:0;left:50%;transform:translateX(-50%);z-index:2;width:100%;max-width:1920px;box-shadow:0 2px 6px rgb(0 0 0 / 15%)}
.dmf_sticky_bar{display:flex}
.dmf_counter_module_counter{font-weight:bold}
.dmf_counter_module_counter.small{font-size:14px}
.dmf_counter_module_counter.large{font-size:16px}
.dmf_counter_module_label{margin-left:8px;color:#767676}
@media screen and (min-width:1024px){.dmf_sort_select{display:inline-block;vertical-align:middle;position:relative;width:200px}
.dmf_sort_select::after{content:"\E90c";position:absolute;top:50%;right:10px;transform:translateY(-50%);font-family:HPIcons;font-weight:bold}
.dmf_sort{appearance:none;width:100%;padding:.5em 20px .5em .8em;color:inherit;font-size:16px;text-overflow:ellipsis;cursor:pointer;border:1px solid #aaa;border-radius:3px;outline:0;background-color:#fff;background-image:none;box-shadow:none}
}
@media screen and (max-width:1023px){.dmf_sticky_bar{flex-wrap:wrap}
.dmf_sort_bar,.dmf_sort_wrap{display:none}
.dmf_modal_filter_btn_wrap,.dmf_modal_sort_btn_wrap{display:flex;justify-content:center;align-items:center;width:50%;min-height:52px}
.dmf_modal_filter_btn,.dmf_modal_sort_btn{display:flex;justify-content:center;align-items:center;width:100%;min-height:52px;font-size:16px;font-weight:bold}
.dmf_modal_filter_btn:hover,.dmf_modal_sort_btn:hover{text-decoration:none}
.dmf_modal_filter_btn{color:#fff;background-color:#2c3038}
.dmf_modal_sort_btn{color:inherit;background-color:#f2f2f2}
.dmf_product_count{width:100%;padding:20px 0;text-align:center}
.is_fixed .dmf_product_count{display:none}
}
@media screen and (min-width:1024px){.dmf_sticky_container{border-top:1px solid #f4f4f4}
.dmf_sticky_bar{justify-content:space-between;align-items:center;height:60px;padding:0 40px}
.dmf_modal_filter_btn_wrap,.dmf_modal_sort_btn_wrap{display:none}
.dmf_clear{margin-left:12px;color:#165dba;font-size:14px;font-weight:bold}
.dmf_sort_wrap{display:flex;align-items:center}
.dmf_sort_label{margin-right:10px;font-size:14px;font-weight:bold}
}
.dmf_modal_sort{overflow:auto;visibility:hidden;transition:.3s;position:fixed;opacity:0}
.dmf_modal_sort.active{visibility:visible;opacity:1;z-index:500}
.dmf_modal_sort_inner{background-color:#fff}
.dmf_modal_sort_close{display:flex;justify-content:center;align-items:center;position:absolute;left:16px;width:20px;height:20px}
.dmf_modal_sort_close::after{content:"\E907";color:#2c3038;font-family:HPIcons;font-size:18px;font-weight:bold}
.dmf_modal_sort_header{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1;padding:12px 8px;background-color:#fff}
.dmf_modal_sort_header span{font-size:16px;font-weight:bold}
.dmf_modal_sort_cont{border-top:1px solid #e8e8e8}
@media screen and (max-width:1023px){body.dmf_modal_sort_open{position:fixed;left:0}
.dmf_modal_sort{top:0;left:0;width:100vw}
.dmf_modal_sort_cont{margin:0 16px;padding:18px 12px}
}
@media screen and (min-width:1024px){.dmf_modal_sort{top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;text-align:center;background-color:rgba(0,0,0,.75)}
.dmf_modal_sort:before{display:inline-block;content:"";vertical-align:middle;height:100%}
.dmf_modal_sort_inner{position:relative;display:inline-block;vertical-align:middle;text-align:left}
.dmf_modal_sort_close{right:20px;left:auto}
.dmf_modal_sort_cont{padding:30px}
}
.dmf_radio_module{display:flex;cursor:pointer;user-select:none;padding:8px 12px}
.dmf_radio_input{display:none}
.dmf_radio_mark{position:relative;height:25px;width:25px;border:1px solid #2c3038;border-radius:50%;box-sizing:border-box}
.dmf_radio_mark::after{content:"";position:absolute;background:#2c3038;border-radius:50%;top:4px;bottom:4px;left:4px;right:4px;opacity:0}
.dmf_radio_input:checked+.dmf_radio_mark::after{opacity:1}
.dmf_radio_text{margin-left:12px;font-size:16px}
@media screen and (max-width:1023px){.dmf_accordion{margin:0 16px}
}
.dmf_accordion_title{display:flex;justify-content:space-between;align-items:center;padding:18px 12px;border-top:1px solid #e8e8e8;cursor:pointer}
.dmf_accordion_title_text{width:calc(100% - (15px + 5px));font-size:16px;font-weight:bold}
.dmf_accordion_title_icon{position:relative;width:15px;height:15px}
.dmf_accordion_title_icon::before,.dmf_accordion_title_icon::after{content:"";transition:.3s;position:absolute;top:50%;left:50%;width:15px;height:2px;transform:translate(-50%,-50%);background-color:#2c3038}
.dmf_accordion_title_icon::after{opacity:0}
.closed .dmf_accordion_title_icon::before{transform:translate(-50%,-50%) rotate(-90deg)}
.closed .dmf_accordion_title_icon::after{transform:translate(-50%,-50%) rotate(-180deg);opacity:1}
.dmf_accordion_content{padding:8px 0}
.dmf_price_range{display:flex;justify-content:space-between;padding:0 12px 12px}
.dmf_input_module{display:flex;align-items:center;flex:1;position:relative;width:43.75%}
.dmf_input_module_icon{position:absolute;left:6px;font-size:14px}
.dmf_input_module input{appearance:none;-webkit-appearance:none !important;-moz-appearance:textfield !important;width:100%;height:36px;margin:0 !important;padding:0 6px 0 18px;background-color:#fff;border:1px solid #ccc;border-radius:3px}
.dmf_price_range .divider{display:flex;justify-content:center;align-items:center;width:32px}
.dmf_price_range .divider::before{content:"";width:15px;height:2px;background-color:#2c3038}
.dmf_price_range button{position:relative;width:36px;height:36px;margin-left:27px;background-color:#2c3038;border-radius:3px}
.dmf_price_range button::before{content:"\E90c";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(270deg);color:#fff;font-family:HPIcons;font-size:16px;font-weight:bold}
@media screen and (min-width:1024px){.dmf_price_range{padding:0 0 8px 12px}
}
.dmf_checkbox_module{display:flex;justify-content:space-between;align-items:center;transition:.2s;cursor:pointer;padding:8px 12px}
.dmf_checkbox_module:hover{background-color:#e8e8e8}
.dmf_checkbox_module.dmf_checkbox_module--disabled{cursor:default}
.dmf_checkbox_module.dmf_checkbox_module--disabled:hover{background-color:unset}
.dmf_checkbox_input{display:none}
.dmf_checkbox_mark{position:relative;height:24px;width:24px;background-color:#fff;border:1px solid #767676}
.dmf_checkbox_mark::after{content:"";position:absolute;left:7px;top:1px;transform:rotate(45deg);transition:.2s;opacity:0;width:8px;height:14px;border-width:0 2px 2px 0;border-style:solid;border-color:#fff}
input:checked+.dmf_checkbox_mark{background-color:#2c3038;border-color:#2c3038}
input:checked+.dmf_checkbox_mark:after{opacity:1}
.dmf_checkbox_text{flex:1;margin-left:12px}
.dmf_checkbox_module.item_0{cursor:default}
.item_0 .dmf_checkbox_text,.item_0 .dmf_checkbox_counter{color:#767676}
input:disabled+.dmf_checkbox_mark{background-color:#e8e8e8;border-color:#e8e8e8;cursor:not-allowed}
@media screen and (max-width:1023px){body.dmf_left_menu_open{position:fixed;left:0}
.dmf_left_menu{overflow:auto;visibility:hidden;transition:.3s;position:fixed;top:0;left:0;width:100vw;background-color:#fff;opacity:0}
.dmf_left_menu.active{visibility:visible;opacity:1;z-index:500}
.dmf_left_menu_header{display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1;padding:12px 8px;background-color:#fff}
.dmf_modal_filter_close{display:flex;justify-content:center;align-items:center;position:absolute;left:16px;width:20px;height:20px}
.dmf_modal_filter_close::after{content:"\E907";color:#2c3038;font-family:HPIcons;font-size:18px;font-weight:bold}
.dmf_left_menu_footer{display:flex;position:fixed;bottom:0;left:0;width:100%;height:50px}
.dmf_left_menu_footer button{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:bold}
.dmf_left_menu_footer .clear{flex:1;color:#165dba;background-color:#fff}
.dmf_left_menu_footer .show{flex:2;color:#fff;background-color:#165dba}
}
@media screen and (min-width:1024px){.dmf_left_menu_header,.dmf_left_menu_footer{display:none}
}
.product_tile_module{position:relative;opacity:1;text-align:center;border-top:1px solid #e8e8e8}
.product_tile_module.is_hidden{visibility:hidden;opacity:0}
.product_tile_delivery_date{position:absolute;top:20px;left:20px}
.product_tile_delivery_date p{font-size:13px;text-align:left}
.product_tile_img{padding:65px 20px 40px}
.product_tile_img img{max-width:300px}
.product_tile_details{margin-bottom:20px;padding:4px 28px 0}
.product_tile_title{margin-bottom:12px;font-size:20px;line-height:1.4}
.product_tile_title a{color:inherit}
.product_tile_title a:visited{color:#2c3038 !important}
.product_tile_spec>li{display:inline;font-size:14px}
.product_tile_spec>li:nth-child(n+2)::before{content:"\2022";padding:0 5px;font-family:Arial;font-weight:bold}
.product_tile_price{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;margin-bottom:20px}
.product_tile_price .regular_price_text{color:#666}
.product_tile_price p+.regular_price{margin-left:1em}
.product_tile_price .price{width:100%;color:inherit;line-height:1.6}
.product_tile_price .price>span{font-size:22px}
@media screen and (max-width:339px){.product_tile_img img{width:100%}
}
@media screen and (min-width:768px){.product_tile_details{padding-right:52px;padding-left:52px}
}
@media screen and (min-width:1024px){.dmf_list{display:grid;grid-template-columns:repeat(2,50%)}
.product_tile_module{border-left:1px solid #e8e8e8}
.product_tile_img{padding-right:40px;padding-left:40px}
}
@media screen and (min-width:1920px){.dmf_list{grid-template-columns:repeat(3,33.33333%)}
}
.product_tile_img .slider{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:0 !important}
.product_tile_img .slick-list{width:100%}
.product_tile_img .slick-slide img{max-width:300px}
.product_tile_img .slick-num{order:2;margin-right:5px;padding-top:2px;font-size:11px}
.product_tile_img .slick-dots{order:3;position:static;width:auto}
.product_tile_img .slick-dots li{margin:0}
.product_tile_img .slick-dots li.slick-active,.product_tile_img .slick-dots li.slick-active button{width:46px}
.product_tile_img .slick-dots li button::before{width:8px;height:8px;background:transparent;border:1px solid #2c3038;opacity:1}
.product_tile_img .slick-dots li button:hover::before,.product_tile_img .slick-dots li button:focus::before,.product_tile_img .slick-dots li.slick-active button::before{background:#2c3038}
.product_tile_img .slick-dots li.slick-active button::before{width:34px;height:6px;border-radius:3px}
.product_tile_img .slick-prev,.product_tile_img .slick-next{width:30px;height:30px;z-index:1}
.product_tile_img .slick-prev{left:-20px}
.product_tile_img .slick-next{right:-20px}
.product_tile_img .slick-prev::before,.product_tile_img .slick-next::before{display:inline-block;content:"\E90c";transition:.2s;font-family:HPIcons;color:#2c3038;font-size:28px;opacity:1}
.product_tile_img .slick-prev::before{transform:rotate(90deg)}
.product_tile_img .slick-next::before{transform:rotate(270deg)}
.product_tile_img .slick-prev:hover::before,.product_tile_img .slick-next:hover::before{opacity:.7}
@media screen and (min-width:1024px){.product_tile_img .slick-prev,.product_tile_img .slick-next{transition:.3s;opacity:0}
.product_tile_img .slick-prev{left:30%}
.product_tile_img .slick-next{right:30%}
.product_tile_img:hover .slick-prev,.product_tile_img:hover .slick-next{opacity:1}
.product_tile_img:hover .slick-prev{left:0}
.product_tile_img:hover .slick-next{right:0}
}
.product_tile_cta_section{display:flex}
.product_link{display:inline-flex;justify-content:center;align-items:center;transition:.25s;width:50%;min-height:52px;font-size:14px;font-weight:bold}
.product_link:hover{text-decoration:none}
.product_link_page{color:#165dba}
a:visited.product_link_page{color:#165dba !important}
.product_link_buy{color:#fff !important;background-color:#165dba}
.product_link_buy:hover{background-color:#114284}
.product_link_text{transition:.25s}
.product_link_icon{position:relative;transform:translateX(-15px);transition:.25s;opacity:0;width:15px;height:15px;margin-right:-15px}
.product_link_icon::before,.product_link_icon::after{content:"";position:absolute}
.product_link_icon::before{top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:2px}
.product_link_icon::after{top:50%;right:0;width:10px;height:10px;transform:translateY(-50%) rotate(45deg);border-top:2px solid;border-right:2px solid}
.product_link_page .product_link_icon::before{background-color:#165dba}
.product_link_page .product_link_icon::after{border-color:#165dba}
.product_link_buy .product_link_icon::before{background-color:#fff}
.product_link_buy .product_link_icon::after{border-color:#fff}
.product_link:hover .product_link_text{transform:translateX(-1rem)}
.product_link:hover .product_link_icon{transform:none;opacity:1}
@media screen and (min-width:768px){.product_link{font-size:16px}
}
.dmf_load_more{grid-column-end:-1;grid-column-start:1;margin:32px 0;text-align:center}
.dmf_load_more button{display:inline-flex;justify-content:center;align-items:center;transition:.25s;padding:15px 39px;color:#165dba;font-size:14px;font-weight:bold;border:1px solid #165dba;border-radius:3px}
.dmf_load_more_text{transition:.25s}
.dmf_load_more_icon{position:relative;transform:translateX(-15px);transition:.25s;opacity:0;width:15px;height:15px;margin-right:-15px}
.dmf_load_more_icon::before,.dmf_load_more_icon::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#114284}
.dmf_load_more_icon::before{width:15px;height:2px}
.dmf_load_more_icon::after{width:2px;height:15px}
.dmf_load_more button:hover{color:#114284;border-color:#114284}
.dmf_load_more button:hover .dmf_load_more_text{transform:translateX(-1rem)}
.dmf_load_more button:hover .dmf_load_more_icon{transform:none;opacity:1}
@media screen and (min-width:768px){.dmf_load_more button{font-size:16px}
}