.catalog-container{position:relative;margin-top: 20px;}
.catalog-top h1{margin-top: 4px;text-align: center;padding-top: 10px;}


.catalog .col{margin-bottom: 45px;position: relative;}
.catalog{-moz-transition: opacity 0.2s linear;-o-transition: opacity 0.2s linear;-ms-transition: opacity 0.2s linear;-moz-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.prod{position: relative;display: block;}
.prod a{text-decoration: none;}
.prod .prod-images{position: relative;}
.prod img{width: 100%;}

.prod .product-name{margin-top: 2px;text-align: center;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;display: inline-block;}
.prod .product-price{margin-top: 5px;text-align: center;font-size: 16px;}
.prod .old-price{font-size: 13px;text-decoration: line-through;margin-right: 5px;color: #666;}
.labels-holder{text-align: center;margin-top: 5px;}
.label{padding: 2px 8px;font-size: 10px;line-height: 14px;color:#FFFFFF;display: inline-block;margin-left:8px;font-style: italic;height: 21px;}
.label:first-child{margin-left: 0px;}

.col .add-to-wishlist{position: absolute;top: 10px;;right: 15px}
.col .add-to-wishlist i{font-size: 20px;color: #000000;}
.col .add-to-wishlist:hover i{color: #999;}

.filters{margin-top: 20px;}
.filters .filter{margin-bottom: 30px;}
.filters ul{list-style: none;margin-left: 0px;margin-top: 13px;}
.filters ul li{margin-top: 5px;}
.filters ul li label{cursor: pointer;vertical-align: middle;display: inline-block;position: relative;}

.filters ul li label:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 1px solid #000;
    position: absolute;
    left: 0;
    top: 3px;
    z-index: 1;
}
.filters ul li.active label:after {
    background-color: #000;
}
.filters ul li label:hover{color: #999;}
.filters ul li label:hover:after {border: 1px solid #999;}

.filters ul li label input[type=checkbox]{
	opacity: 0;
	z-index: 2;
}

.filters .wrapper-slider{padding: 5px 7px 0px 19px;margin-top: 15px;}
.filters .wrapper-slider .numbers{position: relative;margin-top: 14px;margin-bottom: 4px;padding-bottom: 19px;color: #474747;font-size: 13px;width: 85%}
.filters .wrapper-slider .numbers span{position: absolute;top: 0;line-height: 19px;white-space: nowrap;}
.filters .wrapper-slider .numbers span > div{display: inline-block;}
.filters .wrapper-slider #slider-range{position: relative;height: 5px;border-radius: 5px;text-align: left;background: #efefef;width: 90%}
.filters .wrapper-slider #slider-range .ui-slider-range{position: absolute;top: 0;display: block;height: 100%;z-index: 1;background: #c3c2c5;}
.filters .wrapper-slider #slider-range .ui-slider-handle{position: absolute;top: -6px;width: 15px;height: 15px;margin-left: -10px;z-index: 2;background-color: #000;box-shadow: 0 1px 1px rgba(3, 3, 3, 1);border-radius: 15px;cursor: default;}

.loader{text-align: center;}
.filter .collapse{
    height: 315px;
    overflow: hidden;
}
.bt-expand{
    border: 0;
    padding-left:0;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
}
.bt-expand:hover{
    border: 0;
    background-color: transparent;
    color: #472028;
}

.order-by {
    position: relative;
    border: 1px solid #000;
    padding: 10px 10px;
    margin-top: 10px;
}
.order-by .open-orderby{
    cursor: pointer;
}
.order-by .arrow{
    margin-left: 65px;
}
.sort-order{
    position: absolute;
    right: -1px;
    top: 39px;
    border: 1px solid #000;
    background: #fff;
    display: none;
    z-index: 9;
}

.sort-order button{
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    border: 0;
    text-transform: none;
}
.sort-order button.active{
    background: #472028;
    color: #FFFFFF;
}

@media screen and (max-width:962px) {

}

@media screen and (max-width: 767px) {
    .catalog-container{margin-top: 10px;}

    .catalog-container .titles .title-h1{width: 100%;display: block;}

    .filters{
        padding-top: 26px;
        padding-left:15px;
        position:fixed;
        top:0;
        left:0;
        background-color:#FFF;
        z-index: 999999;
        height: 100vh;
        overflow: scroll;
        margin-top:0;
        width: 85%;
        transition: transform .3s cubic-bezier(0, .52, 0, 1);
        transform: translate3d(-100vw, 0, 0);
        padding-left: 0;
        padding-right: 0;
    }
    .filters.active{
        transform: translate3d(0, 0, 0);
    }
    .bt-expand{
        display: none;
    }
    .filter .collapse{
        display: block;
        height: auto;
    }

    .filters .filter:after{width:100%;margin:21px 0;}
    .filters .filter:last-child:after{height: 1px;}
    .filters .filter ul{display:none;padding: 0 20px;}
    .filters .filter .wrapper-slider{display:none;}

    .filters #slider-range, .filters .min, .filters .max{display: none;}
    .filters .filter{
        border-bottom: 1px solid #000;
        margin-bottom: 0;
    }
    .filters h3{
        font-size: 16px;
        font-weight: 400;
        position: relative;
        padding: 15px 20px;
        margin-bottom: 0;
    }
    .filters h3:after{content: "+";display: block;position: absolute;top:14px;right: 20px;font-size: 22px;}
    .filters h3.active:after{content: "-";display: block;position: absolute;top:14px;right: 20px;font-size: 22px;}
    .filters .wrapper-slider input[type='number']{
        width: 45%;
        margin-right: 5%;
        text-align: center;
        font-family: 'Karla', sans-serif;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        background-color: transparent;
        border: 1px solid #000;
        padding: 10px 15px 9px 15px;
    }
    .filters .wrapper-slider input[type='number'] + input[type='number']{
        margin-right: 0;
    }
    .filters ul li label:after{
        top:5px;
    }

    .sort-order{width: calc(100% + 2px);}
    .buttonFilter{margin-top: 20px;margin-left:20px;}

    .catalog-holder{border-left:0px;}
    .prod .product-name{
    	margin-top: 0;
    	width: 100%;
	    display: block;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: normal;
    }
    .prod .product-price{margin-top: 0px;}
}