/* PRODUCT VARIANTS COLORS ========= */
.sidebar-filter-item.color{float:left;margin-right:5px}
.sidebar-filter-item.color label{display:none}
.variant.zwart,.variant.black{background-color:#222}
.variant.wit,.variant.white{background-color:#FFF;box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.15);}
.variant.grijs,.variant.grey,.variant.antraciet,.variant.anthracite{background-color:grey}
.variant.geel,.variant.yellow{background-color:#FFEB3B}
.variant.fuchsia{background-color:#EB336E}
.variant.rood,.variant.red{background-color:#f44336}
.variant.blauw,.variant.blue{background-color:#2196f3}
.variant.navy{background-color:#5b82bf}
.variant.groen,.variant.green{background-color:#8BC34A}
.variant.paars,.variant.purple{background-color:#9C27B0}
.variant.aqua{background-color:#00BCD4}
.variant.bruin,.variant.brown{background-color:#ab864d}
.variant.goud,.variant.gold{background-color:#ecd205}
.variant.eiken{background-color:#d8ae5f}
.variant.oranje,.variant.orange{background-color:#ff7e00}
.variant.roze,.variant.rose,.variant.pink{background-color:#F991AD}
.variant.lichtroze{background-color:#ffc0cb}
.variant.beige{background-color:#F7DBAF}
.variant.mintgroen,.variant.mintgreen{background-color:#A1D9D7}
.variant.blauw-roze{background: rgb(252,80,195);background: linear-gradient(145deg, rgba(252,80,195,1) 0%, rgba(78,106,221,1) 100%);}
.variant.goud-roze{background: rgb(252,177,162);background: linear-gradient(145deg, rgba(252,177,162,1) 0%, rgba(246,202,99,1) 75%);}
.variant.paars-wit{background: rgb(115,84,149);background: linear-gradient(145deg, rgba(115,84,149,1) 0%, rgba(244,233,255,1) 100%);}
.variant.zilver,.variant.silver{background: rgb(233,233,233);background: linear-gradient(145deg, rgba(233,233,233,1) 0%, rgba(133,133,133,1) 100%);}
.variant.zwart-bruin,.variant.black-brown{background-color: #a55c1b;background-image: linear-gradient(315deg, #000000 0%, #a55c1b 74%);}
.variant.zwart-grijs,.variant.black-grey,.variant.dark-grey,.variant.donkergrijs{background-color: #999;background-image: linear-gradient(315deg, #000000 0%, #999 74%);}
.variant.multicolor,.variant.multi{background:url(multicolor-filter.png) center center;background-size:cover;}
.variant.aluminium,.variant.aluminum, .variant[class*="aluminium"]{background: #909aa5;background: -moz-linear-gradient(-45deg, #909aa5 25%, #f4f9fc 50%, #909aa5 75%);background: -webkit-linear-gradient(-45deg, #909aa5 25%,#f4f9fc 50%,#909aa5 75%);background: linear-gradient(135deg, #909aa5 25%,#f4f9fc 50%,#909aa5 75%);}
.variant.brons,.variant.bronze,.variant[class*="brons"],.variant[class*="bronze"]{background: #64311d;background: -moz-linear-gradient(-45deg, #64311d 25%, #f5d8c7 50%, #64311d 75%);background: -webkit-linear-gradient(-45deg, #64311d 25%,#f5d8c7 50%,#64311d 75%);background: linear-gradient(135deg, #64311d 25%,#f5d8c7 50%,#64311d 75%);}
.variant.koper,.variant.copper{background: #874b2d;background: -moz-linear-gradient(-45deg, #874b2d 25%, #df966c 49%, #874b2d 75%);background: -webkit-linear-gradient(-45deg, #874b2d 25%,#df966c 49%,#874b2d 75%);background: linear-gradient(135deg, #874b2d 25%,#df966c 49%,#874b2d 75%);}
.variant.roest,.variant.rust{background: #9f502f;background: -moz-linear-gradient(-45deg, #9f502f 25%, #e6ad6d 50%, #9b231f 75%);background: -webkit-linear-gradient(-45deg, #9f502f 25%,#e6ad6d 50%,#9b231f 75%);background: linear-gradient(135deg, #9f502f 25%,#e6ad6d 50%,#9b231f 75%);}
.variant.rvs,.variant.rvs-roest-vrij-staal{background: #7b8a99;background: -moz-linear-gradient(-45deg, #7b8a99 25%, #dddddd 50%, #929faf 75%);background: -webkit-linear-gradient(-45deg, #7b8a99 25%,#dddddd 50%,#929faf 75%);background: linear-gradient(135deg, #7b8a99 25%,#dddddd 50%,#929faf 75%);}

.sidebar-filter-item.color .variant{width:18px;height:18px;border-radius:22px;text-indent:-1000px;display:inline-block;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;margin-right:2px;margin-bottom:2px;border:0;outline:none;}
/*.sidebar-filter-item.color input{border:1px solid transparent!important;}*/
.sidebar-filter-item.color:hover input,
.sidebar-filter-item.color.checked input{box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px #ccc;}
.sidebar-filter-item.color.checked input{position:relative;}

/* SIDEBAR ========= */
.sidebar{color:#797979;margin-bottom:20px;}
.sidebar .sort{margin: 0;float: left;width: 100%;display: block;-moz-transition: all .2s ease;-webkit-transition: all .2s ease;transition: all .2s ease;}
.sidebar .sort.active{top:70px}
.sidebar strong{display:inline;padding-top:10px}
.sidebar select{display:block;margin-bottom:10px;max-width:100%}
.sidebar .item{border-bottom:1px solid #EEE!important;font-size:12px}
.sidebar .item a{padding:10px 0;width:calc(100% - 30px);float:left;color:#666;font-size:13px}
.sidebar .item .subitemLink{opacity:.6;padding:5px 0 }
.sidebar .item .subitem:last-child .subitemLink{}
.sidebar .item .subitemLink.active{opacity:1}
.sidebar .item a:hover{opacity:.8;text-decoration:underline!important;}
.sidebar .item .itemlink{display:block;margin-top:10px}
.sidebar .item .itemlink,.sidebar .item .subitemlink{color:#797979;text-decoration:none}
.sidebar .item .itemlink:hover,.sidebar .item .subitemlink:hover{color:#414141}
.sidebar .item .active,.sidebar .item .active:hover{color:#54afe9}
.sidebar .item .subnav .subnav{margin:5px 0 5px 10px}
.sidebar .clearfilters{color:#65abeb;font-size:12px;text-align:right;right:15px;margin-bottom:10px;margin-top:-5px;float:right}
.sidebar .clearfilters:hover{text-decoration:underline!important;color:#23527c}
.sidebar .clearfilters .fa{margin-right:5px}
.sidebar ul{position:relative;float:left;width:100%;margin:0;font-size:14px}
.sidebar ul.subnav,.sidebar ul.subsubnav{padding-left:5px}
.sidebar .item,.sidebar .subitem{float:left;width:100%;clear:left;position:relative}
.plus,.subplus{position:absolute;float:right;top:0;right:0;padding:10px;transform:rotate(0deg);z-index:1}
.active .plus{display:none}
.plus:hover,.subplus:hover{color:#aaa}
.up .plus,.subitem.up .subplus{transform:rotate(-180deg)}
.plus{color:#333;font-size:18px}
.sidebar label{font-size:13px;line-height:24px}
.sidebar .btn-filters{border-radius: 3px;color: #FFF;line-height: 30px;position: fixed;bottom: 0;width: 160px;left: 50%;transform: translateX(-50%); bottom: 10px;z-index:100;box-shadow: 0 3px 13px -5px rgb(0 0 0 / 0.4);background:#4a92bb !important}
.btn-filters{z-index:2}
.sidebar-filter-item.custom{position:relative;height:50px}
.sidebar-filter-item.custom label{font-size:14px;line-height:38px;background-color:#f3f4f5;border:1px solid #ddd;color:#333;text-shadow:0 1px 0 #f3f3f3;width:100%;display:inline-block;height:40px;border-radius:3px;position:absolute;left:0;text-indent:30px}
.sidebar-filter-item.custom:hover label{border-color:#03A9F4}
.sidebar-filter-item.custom input[type=checkbox]{z-index:1;position:relative;left:10px;top:10px}
.sidebar-filter-item.custom input[type=checkbox]:after{content:"";margin-left:-2px;height:18px;width:18px;background:#fff;display:block;top:-3px;position:relative;border:1px solid #ddd;border-radius:2px}
.sidebar-filter-item.custom input[type=checkbox][checked=checked]:after{content:"\f00c";font:14px/1 FontAwesome;color:#8BC34A;text-align:center;line-height:16px}
.sidebar-filter-item.custom.checked label{font-weight:700;border-color:#c7c7c7}
.sidebar .hallmarks{margin-bottom:15px;}
.sidebar{padding:0}
.sidebar-inner{padding:20px 15px;background:#F3F4F5;border-radius:3px;float:left;width:100%}
.sidebar-recent h4{font-size:1.1em;border-bottom:1px solid #EEE;padding-bottom:5px;}
.sidebar-recent{padding-top:15px;float:left;width:100%;}
.sidebar-recent .product{width:100%;float:left;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;background:#FFF;}
.sidebar-recent .product .info{min-height:inherit;padding-left:15px;padding-bottom:0!important;}
.sidebar-recent .product .info .title{line-height:14px!important;font-size:12px!important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.sidebar-recent .product .price{font-size: 12px!important;}
.sidebar-recent .product .price span.old-price{font-size:9px!important;}
.sidebar-recent .product:hover{box-shadow:none !important}
   .sidebar-inner .h4 {
    float: left;
}
@media (max-width: 991px){
.sidebar{
  -moz-transition: all .2s ease;-webkit-transition: all .2s ease;transition: all .2s ease;
    position: fixed;
    z-index: 99;
    left: 15px;
    right: 15px;
    bottom: 10px;
    top: 100%;
    width: auto !important;
    border-radius: 4px;
    background: #f3f4f5 !important;
    box-shadow: 0;
      
}
  .sidebar.active{
    top: 85px;
        box-shadow: 0px 2px 10px -3px #000, 0px 0px 0px 75px rgb(0 0 0 / 0.6);
    overflow-y: auto;

  }
}

/* PRICEFILTER ========= */
/*.price-filter{padding-bottom:15px}*/
.price-filter-range{font-size:12px;display:flex}
.price-filter-range span{font-weight:700}
#collection-filter-price{height:12px;border:1px solid #ddd !important;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;margin:15px 2px 10px;position:relative;background:#FFF;}
#collection-filter-price .ui-slider-range{background-color:#fff;border:1px solid #ddd!important;margin:-1px 0 0 -1px;position:absolute;height:12px}
#collection-filter-price .ui-slider-handle{display:block;position:absolute;width:16px;height:16px;border:0;top:-3px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-4px;cursor:col-resize;border:1px solid #ccc;background-color:#fff;outline:none}
.price-filter-range .min{float:left;position:relative}
.price-filter-range .max{float:right;position:relative}
.price-filter-range .txt{float: left;text-align: center;display: inline-block;line-height: 37px;    margin: 0 auto;}
.price-filter-range strong{position:absolute;left:7.5px;font-weight:700;line-height:38px;padding:inherit;}
.price-filter-input{display:inline-block;width:65px;height:38px;line-height:38px;padding:0 12px 0 6px;font-size:inherit;border:1px solid #ddd;border-radius:3px;text-indent:11px;text-align:right}

/* PAGINATION ========= */
.pager{font-size:12px;color:#797979;margin:0;padding-top:0;}
.pager .left{font-size:12px;}
.pager ul{border:1px solid #e5e5e5;}
.pager ul li{display:inline;}
.pager ul li a{color:#797979;float:left;padding:5px 13px;line-height:20px;text-decoration:none;border-right:1px solid #f0f0f0;}
.pager ul li a:hover{color:#414141;}
.pager ul li a .glyphicon{font-size:10px;line-height:18px;}
.pager ul li:last-child a{border-right:0;}
.pager ul li.active a{background-color:#f7f7f7;}
.pager ul li.prev a{border-left-width:1px;}
.pager ul li.disabled{display:none;}