ul.product-list
{
	float: left;
	width: 100%;
	transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
}

ul.product-list.active
{
	opacity: 1 !important;
}

	.product-card
	{
		position: relative;
		list-style-type: none;
		float: left;
		width: 350px;
		height: 520px;
		box-sizing: border-box;
		margin: 0px 25px 55px 0px;
		background: #f5f5f5;
		border-radius: 17px;
	}
	
	.product-card.list
	{
		width: 100%;
		height: 240px;
		margin: 0px 0px 25px 0px;
	}

		.product-card:nth-child(3n)
		{
			margin: 0px 0px 55px 0px;
		}
		
		.product-card:hover div.settings_menu
		{
			display: block;
		}

			div.product-actions
			{
				position: absolute;
				top: 17px;
				left: 0px;
				z-index: 1;
			}
			
				div.product-actions span.action
				{
					position: relative;
					float: left;
					display: block;
					line-height: 30px;
					padding: 0px 10px 0px 20px;
					font-size: 10px;
					font-weight: 600;
					text-transform: uppercase;
					color: #fff;
				}
				
				div.product-actions span.action:first-child
				{
					padding: 0px 10px;
				}
				
					div.product-actions span.action:before
					{
						position: absolute;
						content: '';
						top: 0px;
						left: 100%;
						border: 15px solid transparent;
						border-left: none;
						z-index: 1;
					}
					
					
				div.product-actions span.action.best
				{
					background: #ed2224;
				}
				
					div.product-actions span.action.best:before
					{
						border-top: 15px solid #ed2224;
						border-bottom: 15px solid #ed2224;
					}
				
				div.product-actions span.action.new
				{
					background: #17a78b;
				}
				
					div.product-actions span.action.new:before
					{
						border-top: 15px solid #17a78b;
						border-bottom: 15px solid #17a78b;
					}
				
				div.product-actions span.action.discount
				{
					background: #ed2224;
				}
				
					div.product-actions span.action.discount:before
					{
						border-top: 15px solid #ed2224;
						border-bottom: 15px solid #ed2224;
					}
				
			div.product-specials
			{
				position: absolute;
				top: 17px;
				right: 10px;
				z-index: 1;
			}
			
				i.special
				{
					font-size: 30px;
					display: block;
				}
				
				i.special.spicy
				{
					color: #ed2224;
				}

		.product-card table
		{
			border-collapse: collapse;
			width: 100%;
			height: 100%;
		}
		
			td.product-img
			{
				width: 100%;
				height: 270px;
			}
			
			td.product-img.list
			{
				width: 240px;
				height: 240px;
				padding-right: 25px;
				vertical-align: bottom;
			}
			
				div.product-img-block
				{
					position: relative;
					width: 100%;
					height: 100%;
				}
				
				td.product-img a
				{
					position: relative;
					display: block;
					height: 350px;
					border-radius: 17px;
					overflow: hidden;
				}
				
					img.lazy-product
					{
						position: absolute;
						top: 0px;
						left: 0px;
						width: 100%;
						height: 100%;
						object-fit: cover;
						opacity: 1;
						transform: scale(1);
						transition: 0.4s;
						-o-transition: 0.4s;
						-webkit-transition: 0.4s;
					}
					
					.product-card:hover img.lazy-product
					{
						transform: scale(1.05);
					}
					
				td.product-img.list a
				{
					height: 240px;
				}
				
				div.product-action
				{
					position: absolute;
					bottom: 0px;
					width: 100%;
					font-size: 12px;
					line-height: 18px;
					text-align: center;
					padding: 5px 10px;
					box-sizing: border-box;
					background: rgba(255, 255, 255, 0.8);
				}
				
					div.product-action-wrap
					{
						float: left;
						width: 100%;
					}
				
					span.action-countdown
					{
						color: #ff6666;
						font-weight: 700;
						margin-left: 10px;
					}
					
					span.delivery-countdown
					{
						color: #31b404;
						font-weight: 700;
						margin-left: 10px;
					}
				
			td.product-feedback
			{
				height: 20px;
				padding: 10px;
			}
			
				div.star-wrap
				{
					float: left;
				}

					i.feedback-star
					{
						float: left;
						font-size: 18px;
						color: #aaa;
						cursor: pointer;
					}
					
					i.feedback-star.l
					{
						font-size: 22px;
					}
					
					i.feedback-star.active
					{
						color: #f7ca18;
					}

				div.form-star-wrap
				{
					float: left;
					width: 100%;
				}
				
					i.form-star
					{
						font-size: 40px;
						color: #aaa;
						cursor: pointer;
					}
					
					i.form-star.hover
					{
						color: #f7ca18;
					}
					
					i.form-star.active
					{
						color: #f7ca18;
					}
				
				div.comment-wrap
				{
					float: right;
					cursor: pointer;
				}
			
					i.feedback-comment
					{
						font-size: 18px;
						color: #47bac1;
						float: left;
						margin-right: 5px;
					}
					
					span.feedback-qty
					{
						line-height: 18px;
						color: #000;
						float: left;
					}
			
			td.product-name
			{
				height: 50px;
				padding: 20px 35px 0px;
			}
			
			td.product-name.list
			{
				text-align: left;
			}
			
				td.product-name a
				{
					color: #000;
					font-size: 18px;
					line-height: 24px;
					font-weight: 500;
				}
			
			td.product-availability
			{
				height: 16px;
				text-align: center;
				font-size: 14px;
				font-weight: 600;
				line-height: 16px;
				padding: 5px 10px;
			}
			
			td.product-availability.list
			{
				text-align: left;
			}
			
				span.product-availability.red
				{
					color: #ff3b3b;
				}
				
				span.product-availability.grey
				{
					color: #969696;
				}
				
				span.product-availability.green
				{
					color: #31b404;
				}
				
				span.product-qty
				{
					font-size: 20px;
					color: #f00;
				}
				
				span.product-qty.small
				{
					font-size: 12px;
				}
			
				span.product-barcode
				{
					display: block;
				}
			
			td.product-barcode
			{
				height: 16px;
				text-align: center;
				font-size: 14px;
				font-weight: 100;
				line-height: 16px;
				color: #000;
				padding: 5px 10px;
			}
			
			td.product-barcode.list
			{
				text-align: left;
			}
			
			td.product-price
			{
				height: 60px;
				padding: 0px 35px;
			}
			
				div.product-price-wrap
				{
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
				}
			
					div.product-price-cell
					{
						display: flex;
					}
			
						span.product-price-info
						{
							display: flex;
							align-items: center;
						}
						
							span.product-price-info span
							{
								position: relative;
								font-size: 16px;
								line-height: 20px;
								color: #7b7b7b;
								margin-left: 7px;
								padding-left: 7px;
							}
							
							span.product-price-info span:before
							{
								position: absolute;
								content: '';
								left: -2px;
								top: 50%;
								margin-top: -2px;
								width: 4px;
								height: 4px;
								background: #7b7b7b;
								border-radius: 4px;
							}
							
							span.product-price-info span:first-child
							{
								margin: 0px;
								padding: 0px;
							}
							
							span.product-price-info span:first-child:before
							{
								width: 0px;
								height: 0px;
							}
							
							span.product-price-label
							{
								font-size: 26px;
								font-weight: 600;
							}
							
							span.product-price-label.action
							{
								color: #ed2224;
							}
						
						div.product-price-btns
						{
							float: left;
							width: 100%;
						}
						
							span.product-price-btn
							{
								position: relative;
								float: left;
								width: 28px;
								text-align: center;
								padding-right: 20px;
								margin-left: 5px;
								font-size: 12px;
								font-weight: 700;
								line-height: 24px;
								border: 1px solid #ed2224;
								border-radius: 28px;
								cursor: pointer;
							}
							
							span.product-price-btn:first-child
							{
								margin: 0px;
							}
							
								span.product-price-btn:after
								{
									position: absolute;
									content: '';
									width: 18px;
									height: 18px;
									top: 50%;
									margin-top: -10px;
									right: 3px;
									border: 1px solid #000;
									border-radius: 20px;
								}
								
								span.product-price-btn.active:after
								{
									border: 1px solid #ed2224;
									background: #ed2224
								}
					
					
				td.product-price font.currency
				{
					font-size: 14px;
				}
			
			td.product-price.action
			{
				font-size: 36px;
				color: #ff3b3b;
			}
			
				span.old-price
				{
					position: relative;
					font-size: 16px;
					line-height: 20px;
					color: #000;
					vertical-align: super;
				}
			
				span.old-price:after
				{
					position: absolute;
					content: '';
					top: 50%;
					width: 100%;
					left: 0px;
					border-top: 1px solid #ff3b3b;
				}
				
					span.old-price font.currency
					{
						font-size: 12px;
					}
				
			td.product-price.list
			{
				text-align: left;
			}
			
				font.currency
				{
					line-height: 8px;
					margin-left: 2px;
				}
			
			td.product-buttons
			{
				vertical-align: bottom;
			}
			
			td.product-buttons.list
			{
			}
			
				.cart-btn-card
				{
					display: flex;
					justify-content: center;
					align-items: center;
					color: #fff;
					background: #ed2224;
					width: 50%;
					margin: -30px auto;
					padding: 20px;
					border-radius: 30px;
					cursor: pointer;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				.cart-btn-card:hover
				{
					background: #df1214;
				}
				
					.cart-btn-card i
					{
						font-size: 20px;
						margin-right: 5px;
					}
					
					.cart-btn-card span
					{
						font-size: 16px;
					}
					
				td.product-buttons.list .cart-btn-card
				{
					margin: 0px 5px 0px 0px;
				}
				

	div.product-card-small
	{
		position: relative;
		display: table;
		float: left;
		width: 410px;
		height: 130px;
		margin-bottom: 10px;
		padding: 10px;
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0 5px 10px rgba(0,0,0,.05);
	}
	
	div.product-card-small:nth-child(2n)
	{
		float: right;
	}

		div.product-actions-small
		{
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1;
		}
		
			div.product-actions-small span.action
			{
				position: relative;
				float: left;
				display: block;
				line-height: 14px;
				padding: 0px 5px 0px 10px;
				font-size: 10px;
				font-weight: 100;
				text-transform: uppercase;
				color: #fff;
			}
			
			div.product-actions-small span.action:first-child
			{
				padding: 0px 5px;
			}
			
				div.product-actions-small span.action:before
				{
					position: absolute;
					content: '';
					top: 0px;
					left: 100%;
					border: 7px solid transparent;
					border-left: none;
					border-bottom: none;
					z-index: 1;
				}
				
				
			div.product-actions-small span.action.best
			{
				background: #c52c2c;
			}
			
				div.product-actions-small span.action.best:before
				{
					border-top: 14px solid #c52c2c;
				}
			
			div.product-actions-small span.action.new
			{
				background: #31b404;
			}
			
				div.product-actions-small span.action.new:before
				{
					border-top: 14px solid #31b404;
				}
			
			div.product-actions-small span.action.discount
			{
				background: #ff3b3b;
			}
			
				div.product-actions-small span.action.discount:before
				{
					border-top: 14px solid #ff3b3b;
				}
			
			div.product-actions-small span.action.empty
			{
				background: #969696;
			}
	
				div.product-actions-small span.action.empty:before
				{
					border-top: 14px solid #969696;
				}

		div.product-action-small
		{
			position: absolute;
			width: 100%;
			top: 0px;
			right: 0px;
			padding: 0px 5px;
			box-sizing: border-box;
			background: #eee;
			text-align: right;
		}
		
			div.product-action-small span
			{
				display: inline-block;
				font-size: 12px;
				line-height: 14px;
			}

		div.product-cell
		{
			display: table-cell;
			vertical-align: top;
			height: 100px;
		}
		
		div.product-cell.img
		{
			width: 100px;
		}

			div.product-cell.img a
			{
				position: relative;
				display: block;
				height: 100%;
			}

		div.product-cell.info
		{
			padding: 0px 10px;
		}
		
			div.product-cell-wrap
			{
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				height: 100%;
			}
			
				a.product-name
				{
					font-weight: 700;
					color: #000;
				}

		div.product-cell.commerce
		{
			width: 120px;
		}
		
			div.product-price-small
			{
				font-size: 16px;
				font-weight: 700;
				text-align: right;
			}
			
				div.product-price-small font.currency
				{
					font-size: 12px;
				}
				
			div.product-price-small.action
			{
				color: #ff3b3b;
			}
			
				span.old-price-small
				{
					position: relative;
					font-size: 12px;
					line-height: 20px;
					color: #000;
					vertical-align: super;
					font-weight: 600;
				}
				
					span.old-price-small:after
					{
						position: absolute;
						content: '';
						top: 50%;
						width: 100%;
						left: 0px;
						border-top: 1px solid #ff3b3b;
					}
			
			div.product-line.btns
			{
				text-align: right;
			}
			
				i.cart-button-small
				{
					font-size: 18px;
					color: #fff;
					display: inline-block;
					background: #47bac1;
					margin-left: 3px;
					padding: 10px;
					cursor: pointer;
					transition: 0.2s;
					-o-transition: 0.2s;
					-webkit-transition: 0.2s;
				}
				
				i.cart-button-small:first-child
				{
					margin: 0px;
				}
				
				i.cart-button-small.active,
				i.cart-button-small:hover
				{
					background: #2a8e94;
				}
			
	div.products-container
	{
		position: relative;
		float: left;
		width: 100%;
		margin-top: 20px;
		padding-bottom: 24px;
	}
	
		div.products-list
		{
			width: 100%;
		}
		
			div.products-list.owl-carousel .owl-wrapper-outer
			{
				overflow: inherit;
			}
			
			i.products-list-navi.mdi-chevron-left
			{
				margin-left: 0px;
			}
			
			i.products-list-navi.mdi-chevron-right
			{
				margin-right: 0px;
			}