@charset "utf-8";

/** 
* Author : Halit YEŞİL
* Copyright : Globya Information Technologies 
**/

.products-area{}

/* HEADER */
.products-area-header{
	padding: .5rem;
	padding-bottom: 1rem;
	background-color: var(--products-header-bg-color, #F0F0F0);
}

.products-area-header H2{
	padding: .5rem;
	margin: 0px;
}

.products-area-header .breadcrumb-nav{
	margin: 0px;
	padding: 0px;
}

.products-area-header .breadcrumb{
	margin: 0px;
	padding: 0rem .5rem;
	font-size: .8rem;
}


/* TOOLBAR */
.products-toolbar{
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	z-index: 1050;
	
	padding: .2rem .5rem;
	background-color: var(--products-toolbar-bg-color, #F0F0F0);
	border-bottom: solid 1px var(--seperator-dark-color, #CCC);
}

/* PAGINATION */
.products-pagination{
	padding: 2rem .5rem;	
}


/* RANGE SLIDER */
.slider.slider-horizontal {
    width: 100%;
}

.slider.slider-horizontal .slider-track {
    height: 5px;
    width: 100%;
    margin-top: -2.5px;
    top: 50%;
    left: 0;
}

.slider-track-high {
	background: var(--range-slider-high, #FFF);
}

.slider-track-low {
	background: var(--range-slider-low, #FFF);
}

.slider-selection {
	background: var(--range-slider-selection, #CCC);
}

.slider-handle{
	background: var(--range-slider-handle, #F00);
	border: solid 3px var(--range-slider-selection, #F00);
}


/* PRODUCTS ROW */
.products-row {
	margin: 1.5rem .5rem;
}

.products-row .products-row-inner{
	display: block;
	white-space: nowrap;
}

.products-row .products-list{
	display: block;
	white-space: normal;
}

.products-row .products-filters{
	display: none;
	white-space: normal;
}

.products-area.filters-active .products-filters{
	display: block;
}

@media screen and (max-width: 768px){
	.products-row .products-filters{
		position: fixed;
		
		top: 0px;
		left: 0px;
		right: 0px;
		bottom: 0px;
		
		z-index: 999998;
		
		
		overflow-y: auto;
		
		
		background-color: #FFF;
		
		padding: 1em;
	}
	
	.product-filters-mobile-head{
		position: -webkit-sticky;
		position: sticky;
		top: -1em;
		left: 0px;
		right: 0px;
		
		background-color: #FFF;
		border-bottom: solid 1px var(--seperator-color, #CCC);
		padding: 1em;
		
		z-index: 999999;
	}
}

@media screen and (min-width: 768px){
	.products-row {
		margin: 1.5rem 1rem;
	}
	
	.products-row .products-list,
	.products-row .products-filters{
		white-space: normal;
		vertical-align: top;
	}
	
	.products-row .products-filters{
		padding-top: 1rem;
		width: 300px;
	}
	
	.products-row .products-list{
		display: inline-block;
		width: 100%;
	}
	
	.products-area.filters-active .products-filters{
		display: inline-block;
	}
	
	.products-area.filters-active .products-list{
		width: calc(100% - 300px);
	}
}

@media screen and (min-width: 1200px){
	.products-row {
		margin: 1.5rem 3rem;
	}
}

/* PRODUCT LIST ITEM */
.product-list-item{ 
	font-size: .8em;
	text-align: center;
	vertical-align: top;
}

.product-list-item-inner{
	border: solid 1px var(--product-list-item-border-color, #FFF);
	background-color: #FFF;
	-webkit-border-radius: var(--product-list-item-radius, 1em);
	   -moz-border-radius: var(--product-list-item-radius, 1em);
	        border-radius: var(--product-list-item-radius, 1em); 
	overflow: visible;
	
	
	
	
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	position: relative;
}


/* OUT OF STOCK ITEM */
.product-list-item-out-of-stock{
	filter: grayscale(1);
	/* opacity: .8; */
}

.product-list-item-out-of-stock IMG{
	/* filter: brightness(1.5)  contrast(5) */;
}



/* BADGES */
.product-list-badges{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	
	z-index: 9;
	
	width: 100%;
	
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-align-content: stretch;
	   -moz-align-content: stretch;
	    -ms-align-content: stretch;
	        align-content: stretch;
	        
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.product-list-badges .product-badge{
	display: inline-block;
	background-color: var(--primary-color, #333);
	color: var(--light, #FFF);
	
	text-align: center;
	font-size: .8em;
	
	padding: 2px 3px;
	
	vertical-align: top;
	
	position: relative;
}

.product-list-badges .product-badge:before{
	display: block;
	width: 10px;
	height: 10px;
	content: "";
	border: solid 5px transparent;
	border-color: transparent var(--primary-color, #333) var(--primary-color, #333) transparent;
	
	-webkit-transform-origin: 50% 50%;
	   -moz-transform-origin: 50% 50%;
	    -ms-transform-origin: 50% 50%;
	        transform-origin: 50% 50%;
	
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	        
	position: absolute;
	bottom: -3px;
	left: calc(50% - 5px);
}

.product-list-badges .product-badge + .product-badge{
	margin-left: .5em;
}

.product-list-badges .product-badge > .imf{
	display: none;
}

.product-list-badges .product-badge .text{
	display: block;
	word-wrap: break-word;
	
	text-transform: uppercase;
}


/* BADGE: DISCOUNTED */
.product-list-badges .product-badge.discounted{
	background-color: var(--product-badge-discounted-bg, #F63);
	color: var(--product-badge-discounted-color, #FFF);
	
	font-size: 1em;
	font-weight: bold;
	
	text-transform: uppercase;
}

.product-list-badges .product-badge.discounted:before{
	border-color: transparent var(--product-badge-discounted-bg, #F63) var(--product-badge-discounted-bg, #F63) transparent;
}

.product-list-badges .product-badge.discounted .info{
	display: block;
	font-size: .8em;
	text-transform: uppercase;
}

.product-list-badges .product-badge.discounted.product-sale{
	font-size: .8em;
	
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-align-content: center;
	   -moz-align-content: center;
	    -ms-align-content: center;
	        align-content: center;
	        
	/* For Bottom Thumbnails */
	-webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
}

.product-list-badges .product-badge.discounted.product-sale .text{
	vertical-align: middle;
	margin-top: auto;
	margin-bottom: auto;
}

.product-list-badges .product-badge.discounted + .discounted{
	display: none;
}


/* BADGE: SHIPPING TIME */
.product-list-badges .product-badge.shipping-time{
	background-color: var(--product-badge-shipping-fast-bg, #390);
	color: var(--product-badge-shipping-fast-color, #FFF);
	
	max-width: 60px;
}

.product-list-badges .product-badge.shipping-time:before{
	border-color: transparent var(--product-badge-shipping-fast-bg, #390) var(--product-badge-shipping-fast-bg, #390) transparent;
}

.product-list-badges .product-badge.shipping-time + .shipping-time{
	display: none;
}

/* BADGE: SHIPPING FEE */
.product-list-badges .product-badge.shipping-fee{
	background-color: var(--product-badge-shipping-free-bg, #396);
	color: var(--product-badge-shipping-free-color, #FFF);
	
	max-width: 60px;
}

.product-list-badges .product-badge.shipping-fee:before{
	border-color: transparent var(--product-badge-shipping-free-bg, #396) var(--product-badge-shipping-free-bg, #396) transparent;
}

.product-list-badges .product-badge.shipping-fee.shipping-free .info{
	display: none;
}

.product-list-badges .product-badge.shipping-fee + .shipping-fee{
	display: none;
}

/* BADGE: LAST STOCK */
.product-list-badges .product-badge.last-stock{
	background-color: var(--product-badge-last-stock-bg, #C22);
	color: var(--product-badge-last-stock-color, #FFF);
	
	max-width: 50px;
	
}

.product-list-badges .product-badge.last-stock:before{
	border-color: transparent var(--product-badge-last-stock-bg, #C22) var(--product-badge-last-stock-bg, #C22) transparent;
}

.product-list-badges .product-badge.last-stock .text{	
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2em;
}



.product-list-item-figure{
	display: block;
	background-color: #FFF;
	text-align: center;
	margin: 0px;
}

.product-list-item-figure .carousel-control-next,
.product-list-item-figure .carousel-control-prev{
	-webkit-opacity: 0;
	   -moz-opacity: 0;
	    -ms-opacity: 0;
	        opacity: 0;
	        
	-webkit-transition: ease all 200ms;
	   -moz-transition: ease all 200ms;
	     -o-transition: ease all 200ms;
	        transition: ease all 200ms;
	
	z-index: 3;
	
	font-size: 1.2em;
}

.product-list-item-figure .carousel-control-next .icon,
.product-list-item-figure .carousel-control-prev .icon{
	display: block;
	
	width: 2em;
	height: 2em;
	padding: 2px 0px 0px 0px;
	text-align: center;
	
	color: var(--primary-color, rgba(0,0,0, 1));
	background-color: rgba(255,255,255, 1);
}

.product-list-item-figure .carousel-control-next .icon I,
.product-list-item-figure .carousel-control-prev .icon I{
	vertical-align: middle;
}

.product-list-item-figure .carousel-inner{
	z-index: 1;
}

.product-list-item-figure .carousel-indicators {
	
	-webkit-opacity: 0;
	   -moz-opacity: 0;
	    -ms-opacity: 0;
	        opacity: 0;
	        
	-webkit-transition: ease all 200ms;
	   -moz-transition: ease all 200ms;
	     -o-transition: ease all 200ms;
	        transition: ease all 200ms;
	
    bottom: 0px;
    padding: 40% 1em 0em 1em !important;
    margin: 0 0 -1em 0 !important;
    background-color: rgba(255,255,255,0.5);
    z-index: 2;
    
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.product-list-item-figure .carousel-indicators li.active,
.product-list-item-figure .carousel-indicators li {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    
    text-align: center;
    
    /*
    background-color: rgba(255,255,255,.5);
    */
}

.product-list-item-figure .carousel-indicators li::before{
	display: none;
}

.product-list-item-figure .carousel-indicators li::after{
	display: block;
	width: 10px;
	height: 10px;
	content: "";
	bottom: 0;
	
	border-radius: 50%;
	
	background-color: var(--primary-color, rgba(0,0,0,1));
	
	-webkit-opacity: .5;
	   -moz-opacity: .5;
	    -ms-opacity: .5;
	        opacity: .5;
}

.product-list-item-figure .carousel-indicators li.active::after{
	background-color: var(--primary-color, rgba(0,0,0,1));
	
	-webkit-opacity: 1;
	   -moz-opacity: 1;
	    -ms-opacity: 1;
	        opacity: 1;
}

.product-list-item-figure .product-no-image{
	width: 100%;
	height: auto;
}

.product-list-item-body{
	display: block;
	padding: 1rem;
	
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	
	width: 100%;
}

.product-list-item-body .title{
	display: block;
	
	font-size: var(--product-list-item-title-size, 1em);
	font-weight: var(--product-list-item-title-weight, bold);
	
	width: 100%;
	/*
	min-height: 3.5rem;
	max-height: 6rem;
	*/
	
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	align-items: center;
	
	-webkit-transition: ease all 200ms;
	   -moz-transition: ease all 200ms;
	     -o-transition: ease all 200ms;
	        transition: ease all 200ms;
}

.product-list-item-body .title A{
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
	color: #333;
}

.product-list-item-body .desc{
	display: none;
	color: #666;
	font-size: .8em;
	white-space: normal;
}

.product-list-item-body .ratings{
	/*
	min-height: 1.5rem;
	*/
}

.product-list-item-body .price{
	margin-top: auto;
	
	font-size: var(--product-list-item-price-size, 1em);
	color: var(--product-list-item-price-color, #F63);
	font-weight: var(--product-list-item-price-weight ,bold);
	
	/*
	min-height: 2.8rem;
	*/
}

.product-list-item-body .price DEL{
	display: block;
	margin: 0px auto !important;
	margin-top: -.3rem !important;
	
	font-size: var(--product-list-item-price-del-size, .8em);
	color: var(--product-list-item-price-del-color, #CCC);
	font-weight: var(--product-list-item-price-del-weight, normal);
	
	text-decoration-color: var(--product-list-item-price-del-line-color, red);
}

/* STOCK BADGE */
.product-list-item .in-stock-badge,
.product-list-item .critical-stock-badge,
.product-list-item .out-stock-badge,
.product-list-item .next-stock-badge{
	display:inline-block;
	border: solid 1px #666;
	color: #666;
	border-radius: 5px;
	padding: .1em .5em;
	font-size: .7em;
}

.product-list-item .in-stock-badge{
	border-color: var(--instock, #0F0);
	color: var(--instock, #0F0);
}

.product-list-item .critical-stock-badge{
	border-color: var(--criticalstock, #0FC);
	color: var(--criticalstock, #0FC);
}

.product-list-item .out-stock-badge{
	border-color: var(--outstock, #F00);
	color: var(--outstock, #F00);
}

.product-list-item .next-stock-badge{
	border-color: var(--nextstock, #00F);
	color: var(--nextstock, #00F);
}

/* BUTTONS */
.product-list-item-body .buttons{
	display: block;
	margin-top: auto;
	padding-top: 1em;
	overflow: hidden;
	
	-webkit-transition: ease all 200ms;
	   -moz-transition: ease all 200ms;
	     -o-transition: ease all 200ms;
	        transition: ease all 200ms;
}

.product-list-item-body .price + .buttons{
	margin-top: 0px;
}

/* LIKE BUTTON */
.product-list-item .btn-product-like{
	font-size: 2em;
	vertical-align: middle;
	margin-top: -.1em;
}

.product-list-item .btn-product-like I{
	vertical-align: middle;
}

.product-list-item .btn-product-like .count{
	top: 1em;
}

.product-list-item-body .btn-preorder,
.product-list-item-body .btn-addcart{
	background-color: #eb801f;
	color: #FFF;
	font-weight: normal;
}

.product-list-item-body .btn-preorder:hover,
.product-list-item-body .btn-addcart:hover{
	background-color: #cd6b12;
}

.product-list-item-body .btn-getinfo{
	background-color: #0cf;
	color: #FFF;
	font-weight: bold;
}

.product-list-item-body .btn-preorder .icon,
.product-list-item-body .btn-addcart .icon{
	display: none;
}

.product-list-item-body .btn-preorder .text,
.product-list-item-body .btn-addcart .text{
	display: inline-block;
}

.product-list-item:hover .title,
.product-list-item:focus .title,
.product-list-item:active .title{
	/*
	min-height: 2rem;
	max-height: 2rem;
	*/
}

.product-list-item:hover .buttons,
.product-list-item:focus .buttons,
.product-list-item:active .buttons{
	/*
	display: block;
	margin-top: 1em;
	height: calc(4rem - 1em);
	*/
}

.product-list-item:hover .carousel-control-next,
.product-list-item:focus .carousel-control-next,
.product-list-item:active .carousel-control-next,
.product-list-item:hover .carousel-control-prev,
.product-list-item:focus .carousel-control-prev,
.product-list-item:active .carousel-control-prev,
.product-list-item:hover .carousel-indicators,
.product-list-item:focus .carousel-indicators,
.product-list-item:active .carousel-indicators {
	
	-webkit-opacity: 1;
	   -moz-opacity: 1;
	    -ms-opacity: 1;
	        opacity: 1;
}

/* PRODUCT LIST ITEM : DEFAULT */
.product-list-item_default{}

.product-list-item_default .product-list-item-inner{
	margin: 0px;
}

.owl-item .product-list-item_default .product-list-item-inner{
	margin: 0px;
}





/* PRODUCT LIST VIEW MODES */
	/* VIEW MODE SINGLE */
		.products-view-mode-single .products-list{
			display: -ms-inline-flexbox;
			display: -webkit-inline-flex;
			display: inline-flex;
			
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
			-webkit-align-content: stretch;
			align-content: stretch;
		}
		
		.products-view-mode-single .product-list-item{
			display: block;
			width: 100%;
			white-space: normal;
			
			padding: .5em;
		}
		
		.products-view-mode-single .product-list-item-inner{
			height: 100%;
		}
		
	/* VIEW MODE LARGE (Bigger Box) */
		.products-view-mode-large .products-list{
			display: -ms-inline-flexbox;
			display: -webkit-inline-flex;
			display: inline-flex;
			
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
			-webkit-align-content: stretch;
			align-content: stretch;
		}
		
		.products-view-mode-large .product-list-item{
			display: inline-block;
			white-space: normal;
			width: calc(50%);
						
			padding: .5em;
		}
		
		.products-view-mode-large .product-list-item-inner{
			height: 100%;
		}
		
		
		@media (max-width: 540px){
			.products-row.products-view-mode-single,
			.products-row.products-view-mode-large{
				margin-left: 2px;
				margin-right: 2px;
			}
		
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				padding: 0;
			}
			
			.products-view-mode-single .product-list-item-inner,
			.products-view-mode-large .product-list-item-inner{
				border: none;
			}
			
			.products-view-mode-large .product-list-item:nth-child(2n+1){
				border-right: solid 1px rgba(0,0,0,.1);
				padding-right: 1px;
			}
			
			.products-view-mode-large .product-list-item:nth-child(2n){
				padding-left: 1px;
				padding-right: 1px;
			}
						
			.products-view-mode-large .product-list-item:nth-child(n+3){
				border-top: solid 1px rgba(0,0,0,.1);
				padding-top: 1px;
				margin-top: 1px;
			}
		}
		
		
		@media (min-width: 540px){
			.products-view-mode-large .product-list-item{
				/* width: calc(33% - 5px); */
			}
		}
		
		@media (min-width: 720px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				display: inline-block;
				width: calc(50%);
			}
			
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				display: inline-block;
				width: calc(50%);
				padding: 1em;
			}
		}
		/*
		@media (min-width: 960px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				width: calc(50%);
			}
			
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				width: calc(50%);
			}
		}
		*/
		
		@media (min-width: 1200px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				width: calc(33.33333%);
			}
			
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				width: calc(33.33333%);
			}
		}
		/*
		@media (min-width: 1420px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				width: calc(33.33333%);
			}
			
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				width: calc(25%);
			}
		}
		*/
		@media (min-width: 1650px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				width: calc(25%);
			}
			
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				width: calc(25%);
			}
		}
		/*
		@media (min-width: 1921px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				width: calc(25%);
			}
		
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				width: calc(16.66666%);
			}
		}
		*/
		
		@media (min-width: 2500px){
			.filters-active .products-view-mode-single .product-list-item,
			.filters-active .products-view-mode-large .product-list-item{
				width: calc(16.66666%);
			}
		
			.products-view-mode-single .product-list-item,
			.products-view-mode-large .product-list-item{
				/*width: calc(14.2857%);*/
				width: calc(16.66666%);
			}
		}
	
	/* VIEW MODE NORMAL (Standart Box) */
		.products-view-mode-normal .products-list{
			display: -ms-inline-flexbox;
			display: -webkit-inline-flex;
			display: inline-flex;
			
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			
			-webkit-align-content: stretch;
			align-content: stretch;
		}
		
		.products-view-mode-normal .product-list-item{
			display: inline-block;
			white-space: normal;
			width: calc(50%);
			/* width: calc(33.33333%); */
			
			padding: .5em;
			
		}
		
		.products-view-mode-normal .product-list-item-inner{
			height: 100%;
		}
		
		@media (max-width: 540px){		
			.products-row.products-view-mode-normal{
				margin-left: 2px;
				margin-right: 2px;
			}
		
			.products-view-mode-normal .product-list-item{
				padding: 0;
			}
			
			.products-view-mode-normal .product-list-item-inner{
				border: none;
			}
			
			.products-view-mode-normal .product-list-item:nth-child(2n+1){
				border-right: solid 1px rgba(0,0,0,.1);
				padding-right: 1px;
			}
						
			.products-view-mode-normal .product-list-item:nth-child(2n){
				padding-left: 1px;
				padding-right: 1px;
			}
			
			.products-view-mode-normal .product-list-item:nth-child(n+3){
				border-top: solid 1px rgba(0,0,0,.1);
				padding-top: 1px;
				margin-top: 1px;
			}
		}
		
		@media (min-width: 540px){
			.products-view-mode-normal .product-list-item{
				 width: calc(33.33333%); 
			}
		}
		
		@media (min-width: 720px){
			.filters-active .products-view-mode-normal .product-list-item{
				width: calc(33.33333%);
			}
			
			.products-view-mode-normal .product-list-item{
				width: calc(33.3333%);
				padding: 1em;
			}
		}
		/*
		@media (min-width: 960px){
			.filters-active .products-view-mode-normal .product-list-item{
				width: calc(33.33333%);
			}
			
			.products-view-mode-normal .product-list-item{
				width: calc(33.33333%);
			}
		}
		*/
		@media (min-width: 1200px){
			.filters-active .products-view-mode-normal .product-list-item{
				width: calc(25%);
			}
			.products-view-mode-normal .product-list-item{
				width: calc(25%);
			}
		}
		/*
		@media (min-width: 1420px){
			.filters-active .products-view-mode-normal .product-list-item{
				width: calc(25%);
			}
			.products-view-mode-normal .product-list-item{
				width: calc(25%);
			}
		}
		*/
		
		@media (min-width: 1650px){
			.filters-active .products-view-mode-normal .product-list-item{
				width: calc(16.66666%); /* 25% */
			}
			
			.products-view-mode-normal .product-list-item{
				width: calc(16.66666%);
			}
		}
		
		/*
		
		@media (min-width: 1921px){
			.filters-active .products-view-mode-normal .product-list-item{
				width: calc(16.666666%);
			}
		
			.products-view-mode-normal .product-list-item{
				width: calc(16.66666%);
			}
		}
		
		*/
		
		@media (min-width: 2500px){
			.filters-active .products-view-mode-normal .product-list-item{
				/*width: calc(14.2857%);*/
				/*width: calc(16.66666%);*/
				width: calc(12.5%);
			}
		
			.products-view-mode-normal .product-list-item{
				width: calc(12.5%);
			}
		}
	
	/* VIEW MODE LIST (List view) */
		.products-view-mode-list .products-list{}
		.products-view-mode-list .product-list-item{
			white-space: normal;
			text-align: left;
			
		}
		
		.products-view-mode-list .product-list-item-inner{
			width: 100%;
			padding-left: 0;
			margin-left: 0;
			
			-webkit-flex-wrap: nowrap;
	            -ms-flex-wrap: nowrap;
			        flex-wrap: nowrap;
			
			-webkit-flex-direction: row;
			    -ms-flex-direction: row;
			        flex-direction: row;
		}
		
		.products-view-mode-list .product-list-item-figure{
			vertical-align: middle;
			
			background-color: #FFF;
			
			width: 100px;
			
			max-width: 150px !important;
			max-height: 150px !important;
			
			margin-top: auto;
			margin-bottom: auto;
		}
		
		.products-view-mode-list .product-list-item-figure .product-no-image{
			width: 100%;
			height: auto;
		}
	
		.products-view-mode-list .product-list-item-body{
			padding: 1rem;
			vertical-align: middle;
			
			text-align: right;
			white-space: nowrap;
			
			
			-webkit-flex-wrap: nowrap;
	    	    -ms-flex-wrap: nowrap;
				    flex-wrap: nowrap;
			
			-webkit-flex-direction: row;
			    -ms-flex-direction: row;
     				flex-direction: row;
	
			-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
	    			flex: 1 1 auto;
	    			
		}
	
		.products-view-mode-list .product-list-item-body .title{
			display: block;
			
			text-align: left;
			
			overflow: hidden;
			text-overflow: ellipsis;
			
			white-space: normal;
			vertical-align: middle;
			margin: auto;
			padding: 0;
						
		}
		
		.products-view-mode-list .product-list-item-body .ratings,
		.products-view-mode-list .product-list-item-body .desc{
			display: none;
		}
		
		.products-view-mode-list .product-list-item-body .price{
			text-align: right;
			margin: auto 0 auto auto;
			
			width: 150px;
			
			height: auto;
			padding: inherit;
			white-space: nowrap;
			vertical-align: middle;
		}
		
		.products-view-mode-list .product-list-item-body .buttons{
			display: block;
			text-align: center;
			
			height: auto;
			margin: auto;
			padding: inherit;
			
			white-space: normal;
			vertical-align: middle;
			
			margin-bottom: auto;
			margin-top: auto;
		}
	
	/* VIEW MODE MASONRY */
		.products-view-mode-masonry .products-list{}
		.products-view-mode-masonry .product-list-item{
			white-space: normal;
		}



/* PRODUCT FILTER */
.product-filter{
	border: none;
}

.product-filter + .product-filter{
	border-top: solid 1px var(--seperator-color, #CCC);
}

.product-filter-header{
	background-color: transparent;
	padding: .5em 1em;
	border: none;
}

.product-filter-header-title{
	cursor: pointer;	
	font-weight: normal;
	text-transform: capitalize;
	color: var(--secondary, #333);
	
	-webkit-transition: ease all 200ms;
	   -moz-transition: ease all 200ms;
	     -o-transition: ease all 200ms;
	        transition: ease all 200ms;
}

.product-filter-header-title:hover{
	color: var(--primary-color, var(--primary, #333));
}

.product-filter-header-actions{
	
}

.product-filter-header-actions::after{
	display: inline-block;
	content: "";
	
	width: .5em;
	height: .5em;
	
	border: solid 1px var(--secondary, #333);
	border-left: none;
	border-top: none;
	
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	       
	-webkit-transition: ease all 200ms;
	   -moz-transition: ease all 200ms;
	     -o-transition: ease all 200ms;
	        transition: ease all 200ms;
}

.product-filter-header:hover .product-filter-header-actions::after{
	border-color: var(--primary-color, var(--primary, #333));
}

.product-filter-header-title:hover + .product-filter-header-actions::after{
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.product-filter-header A.btn-clear{
	position: relative;
	color: var(--secondary, #CCC);
}

.product-filter-header A.btn-clear .badge{
	display: inline-block;
	font-weight: normal;
	font-size: .75em;
}

.product-filter-header A.btn-clear .badge::after{
	content: attr(data-endtext);
}

.product-filter-header A.btn-clear:hover{
	position: relative;
	color: var(--danger, #FA0);
	text-decoration: none;
}

.product-filter-content{
	padding-bottom: 1rem;
	padding-top: 1rem;
}

.product-filter-content .list-group-item > A,
.product-filter-content A.list-group-item{
	border: none;
	font-size: .8em;
	color: var(--secondary, #333);
	
	padding: .5em 1.5em;
}

.product-filter-content .list-group-item > A > SPAN:first-of-type::before,
.product-filter-content A.list-group-item > SPAN:first-of-type::before{
	display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	content: "\f10c";
	color: var(--seperator-dark-color, #CCC);
	font-size: 1.2em;
	margin-right: .5em;
}

.product-filter-content .list-group-item > A .badge,
.product-filter-content A.list-group-item .badge{
	display: inline-block;
	font-weight: normal;
	font-size: .8em;
	color: var(--secondary, #CCC);
}

.product-filter-content .list-group-item > A .badge::after,
.product-filter-content A.list-group-item .badge::after{
	content: attr(data-endtext);
}

.product-filter-content .list-group-item > A:hover,
.product-filter-content A.list-group-item:hover{
	color: var(--dark, #111);
}

.product-filter-content .list-group-item > A:hover > SPAN:first-of-type::before,
.product-filter-content A.list-group-item:hover > SPAN:first-of-type::before{
	content: "\f058";
	color: var(--secondary, #333);
}

.product-filter-content .list-group-item > A.active,
.product-filter-content A.list-group-item.active{
	background-color: transparent;
	color: var(--dark, #333);
}

.product-filter-content .list-group-item > A.active > SPAN:first-of-type::before,
.product-filter-content A.list-group-item.active > SPAN:first-of-type::before{
	content: "\f058";
	color: var(--primary-color, var(--primary, #333));
}

.product-filter-content .list-group-item > A.active:hover,
.product-filter-content A.list-group-item.active:hover{
	background-color: transparent;
}

.product-filter-content .list-group-item > A.active:hover > SPAN:first-of-type::before,
.product-filter-content A.list-group-item.active:hover > SPAN:first-of-type::before{
	content: "\f057";
	color: var(--danger, #333);
}


#filterGroupSelecteds .product-filter-header-actions::after{
	display: none;
}

#filterGroupSelecteds .product-filter-content .list-group-item > A > SPAN:last-of-type,
#filterGroupSelecteds .product-filter-content A.list-group-item > SPAN:last-of-type {
	display: none;
}

#filterGroupSelecteds .product-filter-content .list-group-item > A > SPAN SPAN,
#filterGroupSelecteds .product-filter-content A.list-group-item > SPAN SPAN{
	color: var(--secondary, #333);
}

.product-filter-content DIV.list-group-item{
	padding: 0;
	border: none;
}

.product-filter-content DIV.list-group-item .list-group{
	padding: .5em 0 .5em 1.5em;
}

.card-columns {
  
    column-count: 4;
  
}





/* Basic List */
.products-list .list-basics{
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	
	-webkit-align-content: stretch;
	align-content: stretch;
} 

.products-list .list-basics .item{
	display: block;
	padding: .5em .5em .5em 1em;
	
}

.products-list .list-basics .item A{
	display: block;
	border: solid 1px rgba(0,0,0,0.123);
	padding: 1em;
	border-radius: 8px;
	font-weight: 600;
}

.products-list .list-basics .item A EM{
	font-style: normal;
}

.products-list .list-basics .item.active A{
	border: solid 2px var(--primary);	
}


