[class*="c4d-woo-filter-template"] {
	list-style: none;
	vertical-align: top;
	span.color {
		width: 10px;
		height: 10px;
		display: inline-block;
		border-radius: 10px;
		margin-right: 5px;
	}
}
.c4d-woo-filter-prefix-class {
	[class*="c4d-woo-filter-template"] {
		a {
			font-size: 14px;
			color: #777;
			cursor: pointer;
			&:hover {
				color: #dc9814;
			}
		}
	}
	.c4d-woo-filter-status-active {
		color: #dc9814 !important;
	}
	.c4d-woo-filter-template-tag {
		.tagcloud {
			a {
				display: inline-block;
				float: left;
				font-size: 12px !important;
				line-height: 1;
				margin: 0 6px 6px 0;
				padding: 5px 10px;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				background: #282828;
				border: none;
				color: #fff;
				&:hover,
				&.c4d-woo-filter-status-active {
					color: #fff !important;
					background: #dc9814;
				}
			}
		}
	}
}
ul.products {
	li {
		opacity: 1;
		transition: opacity 1s 0.6s;
	}
}
/////////////////// LOADING MORE ////////////////
@mixin mx-loading-ball($icon) {
	#{$icon} {
		position: absolute;
		top: 10%;
		left: 50%;
		width: 10px;
		height: 10px;
		display: block;
		background: none;
		border-radius: 10px;
		&:after, &:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			left: -10px;
			width: 10px;
			height: 10px;
			display: block;
			background: #dc9814;
			border-radius: 10px;
			-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  		animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  		-webkit-animation-delay: -0.32s;
  		animation-delay: -0.32s;
		}
		&:before {
		 	left: 5px;
		 	-webkit-animation-delay: -0.1s;
  		animation-delay: -0.1s;
		}
	}
}
.c4d-woo-filter-loading-icon {
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: rgba(#fff, 0.9);
	opacity: 0;
	transition: opacity 0.4s;
	.c4d-woo-filter-loading-active & {
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	@include mx-loading-ball('.ball');
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.c4d-woo-filter-load-more {
	text-align: center;
	.text {
		cursor: pointer;
		border: 1px solid #ccc;
		display: inline-block;
		margin: auto;
		padding: 0px 40px;
		border-radius: 30px;
		line-height: 50px;
		height: 50px;
		font-size: 14px;
		color: #888;
		transition: all 0.3s;
		&:hover {
			border-color: #dc9814;
			color: #fff;
			background: #dc9814;
		}
	}
	.icon,
	.end {
		display: inline-block;
		width: 0px;
		height: 0px;
		overflow: hidden;
		opacity: 0;
		transition: all 0.3s 2s;
	}
	&.end-page {
		.text {
			display: none;
		}
		.end {
			display: inline-block;
			width: auto;
			height: auto;
			opacity: 1;
		}
	}
	&.no-products {
		display: none;
	}
	@include mx-loading-ball('.icon');
}
.c4d-woo-filter-loading-active {
	ul.products {
		li {
			opacity: 0;
		}
	}
}
.c4d-woo-filter-load-more-active {
	.woocommerce-pagination {
		display: none;
	}
}
.c4d-woo-filter-load-more-scroll {
	.c4d-woo-filter-load-more {
		visibility: hidden;
		width: 0;
		height: 0;
		overflow: hidden;
	}
}
/////////////////// END LOADING MORE ////////////////

/////////////////// COLUMNS ////////////////////////////

/////////////////// END COLUMNS ////////////////////////////