/*
* 1. PRODUCT MASONRY (GRID,...)
* 2. PRODUCT LIST
*/
/* 1. PRODUCT MASONRY */
.shortcode-product-wrap {
	position: relative;
	.product-item-wrap{
		&:hover{
			.product-item-inner{
				.box-shadow(none);
			}
		}
	}
	.product-filters{
		ul {
			list-style: none;
			list-style-type: none;
			padding: 0;
			&.filter-center {
				text-align: center;
			}
			&.filter-left {
				text-align: left;
			}
			&.filter-right {
				text-align: right;
			}
			&.style_1 {
				margin-bottom: 35px;
				li{
					a{
						position: relative;
						padding: 5px;
						&:before{
							content: '';
							position: absolute;
							height: 2px;
							width: 100%;
							background-color: @text_color;
							top: 0;
							left: 0;
							.scale(0);
							.transition(all 0.35s ease);
						}
						&:after{
							content: '';
							position: absolute;
							height: 2px;
							width: 100%;
							background-color: @text_color;
							bottom: 0;
							left: 0;
							.transition(all 0.35s ease);
							.scale(0);
						}
						&:hover, &.selected{
							&:before,&:after{
								.scale(1);
							}	
						} 
					}

				}
			}
			&.style_2{
				margin-bottom: 45px;
				li{
					a{
						color: @text_color;
						position: relative;
						padding: 5px;
						.transition(all 0.35s ease);
						&:before{
							content: '';
							position: absolute;
							height: 2px;
							width: 100%;
							background-color: @primary_color;
							top: 0;
							left: 0;
							.scale(0);
							.transition(all 0.35s ease);
						}
						&:after{
							content: '';
							position: absolute;
							height: 2px;
							width: 100%;
							background-color: @primary_color; 
							bottom: 0;
							left: 0;
							.transition(all 0.35s ease);
							.scale(0);
						}
						&:hover, &.selected{
							&:before,&:after{
								.scale(1);
							}	
							color: @primary_color;
						} 
					}

				}
			}
			&.style_3{
				border-bottom: 2px solid @border_color;
				margin-bottom: 25px;
				li{
					a{
						color: @text_color;
						position: relative;
						padding-bottom: 7px;
						transition: all 0.35s ease;
						&:before{
							content: '';
							position: absolute;
							height: 2px;
							width: 100%;
							background-color: @primary_color;
							bottom: -2px;
							left: 10px;
							transition: all 0.35s ease;
							.scale(0)
						}
						&:hover, &.selected{
							color: @primary_color;
							&:before{
								background-color: @primary_color;
								.scale(1)
							}	
						}
					}

				}
			}
			&.style_4{
				li{
					a{
						position: relative;
						text-transform: uppercase;
						&:before{
							content: '';
							position: absolute;
							height: 2px;
							width: 100%;
							background-color: transparent;
							left: -10px;
							transition: all 0.35s ease;
							bottom: 10px;
						}
						&:hover, &.selected{
							&:before{
								background-color: @primary_color;
								left: 10px;
							}	
						}
					}

				}
			}
			&.style_5{
				li{
					a{
						color: @text_color;
						margin: 0 15px;
						position: relative;
						text-transform: uppercase;
						&:before{
							content: '';
							position: absolute;
							height: 1px;
							width: 120%;
							background-color: transparent;
							left: -20%;
							transition: all 0.35s ease;
							top: 50%;
							.translate(0,-50%);
						}
						&:hover, &.selected{
							&:before{
								left: 0;
								background-color: @text_color;
							}	
						}
					}

				}
				@media(max-width: @screen-sm-max){
					margin-top: 60px;
					text-align: center;
				}
			}
			&.style_6{
				li{
					a{
						margin: 0 15px;
						position: relative;
						text-transform: uppercase;
						&:before{
							content: '';
							position: absolute;
							height: 1px;
							width: 120%;
							background-color: transparent;
							left: -20%;
							transition: all 0.35s ease;
							top: 50%;
							.translate(0,-50%);
						}
						&:hover, &.selected{
							color: @text_color;
							&:before{
								left: 0;
								background-color: @text_color;
							}	
						}
					}

				}
			}
			li {
				display: inline-block;
				a {
					font-weight: bold;
					color: fade(@text_color, 60%);
					margin: 0 30px;
					padding: 15px 0;
					text-transform: uppercase;
					display: block;
					&.selected{
						color: @text_color;
					}
				}
			}
		}
	}
	.product-style_1{
		padding: 0;
		margin: -1px -1px 0px 0px;
		border: 1px solid darken(@border_color, 5%);
		z-index: 1;	
	}
	// Product-style-2
	.product-style_2{
		.product-info{
			.product-actions{
			}
			.star-rating {
				margin-bottom: 0;
			}
			span.price{
				margin: 0;
				position: relative;
				margin-bottom: 0;
			}
			h3{
				position: relative;
				margin-top: 10px;
				margin-bottom: 10px;
				padding-right: 0;
			}
		}
		&:hover{
		}
	}
	// Product-style-3
	.product-style_3{
		.product-info{
			.transition( all 0.35s ease-in-out);
		}
		.product-actions{
			background-color: transparent;;
		}
		.star-rating{
			top:0px;
			right: auto;
			position: relative;	
		}
		span.price{
			position: relative;
			text-align: center;
			margin: 0px;
		}
		h3{
			position: relative;
			text-align: center;
			margin: 5px 0;
			padding-right: 0;
		}
		&:hover{
			.product-info{
				border-bottom: 1px solid @border_color;
			}
		}
	}
	// Product-style-4
	.slider_home4{
		.owl-wrapper-outer{
			&:before{
				position: absolute;
				left: 0;
				top: 0;
				z-index: 3;
				height: 100%;
				width: 320px;
				content: '';
				background-color: rgba(255,255,255, 0.8);
			}
			&:after{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 3;
				height: 100%;
				width: 320px;
				content: '';
				background-color: rgba(255,255,255, 0.8);
			}
		}
		@media(max-width: @screen-sm-max){
			.owl-wrapper-outer{
				&:before{
					background-color: transparent;
				}
				&:after{
					background-color: transparent;
				}
			}
		}
	}
	// Layout Slider
	& .products-slider {
		.product-item-wrap{
			margin-top: 0;
			margin-bottom: 0;
			&.product-style_1{
				padding: 0;
				margin: 0;
			}
			&.product-style_3{
				.product-item-inner{
					&:before{
						content: '';
						opacity: 0;
						background-color: fade(@black, 50%);
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 2;
						.transition( all 0.35s ease);
					}
					.product-thumb{

					}
					.product-info{
						z-index: 3;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: transparent;
						.star-rating{
							opacity: 0;
							right: auto;
							top: auto;
							bottom: 50px;
							left: 100%;
							.transition( all 0.35s ease);
						}
						h3{
							opacity: 0;
							position: absolute;
							text-align: left;
							bottom: 0;
							top: auto;
							padding-left: 20px;
							.transition( all 0.35s ease);
							color: lighten(@black, 25%);
							left: 100%;
							margin-bottom: 25px;
							padding-right: 0;
						}
						span.price{
							opacity: 0;
							right: auto;
							left: 100%;
							position: absolute;
							top: 30px;
							margin: 0;
							.transition( all 0.35s ease );
							border-top: 1px solid @white;
							border-bottom: 1px solid @white;
							font-size: 24px;
							color: @white !important;
							line-height: 1;
							ins{
								color: @white !important;
							}
							del{
								font-size: 16px;
								color: fade(@white, 70%) !important;
							}
						}
					}
					.product-actions{
						z-index: 4;
						background-color: transparent;
						border: none;
						top: 50%;
						bottom: auto;
						left: -50%;
						.transform(translateY(-50%));
						.transition( all 0.35s ease-in-out);
						.yith-wcwl-wishlistaddedbrowse a,
						.yith-wcwl-wishlistexistsbrowse a,
						.add_to_wishlist,
						.compare,
						.product-quick-view,
						.btn_add_to_cart,
						.add-to-cart-wrap a {
							width: 50px;
							height: 50px;
							line-height: 50px !important;
							text-align: center;
							color: @white;
							background-color: fade(@white, 35%);
							display: inline-block;
							padding: 0;
							position: relative;
							border-radius: 100%;
							font-size: 0;
							min-width: 0;
							vertical-align: middle;
							margin-right: 4px;
							margin-left: 4px;
							opacity: 1;
							.transition( all 0.35s ease);
							i {
								font-size: 16px;
								line-height: 1;
								vertical-align: middle;
							}
							&:hover,
							&.active {
								color: lighten(@black, 25%);
								background-color: @white;
							}
						}
					}
				}
				&:hover{
					.product-item-inner{
						.product-thumb{
							img{
								.transform(scale3d(1.5,1.5,1.5));
							}
						}
						&:before{
							opacity: 1;
							.scale(1);
						}
						.product-info{
							span.price{
								opacity: 1;
								left: 30px;
							}
							h3{
								opacity: 1;
								color: @white;
								left: 10px;
							}
							.star-rating{
								opacity: 1;
								left: 30px;
							}
						}
						.product-actions{
							left: 0;
							.transform(translateY(-50%));
						}
					}
				}	
			}
			&.product-style_4{
				.product-item-inner{
					&:before{
						content: '';
						opacity: 0;
						background-color: fade(@black, 50%);
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 2;
						.scale(0);
						.transition( all 0.35s ease-in-out);
					}
					.product-thumb{

					}
					.product-info{
						z-index: 3;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: transparent;
						.star-rating{
							display: none;
						}
						h3{
							opacity: 0;
							width: 100%;
							position: absolute;
							text-align: center;
							bottom: -15%;
							top: auto;
							.transition( all 0.35s ease);
							color: @white;
							margin: 0;
							padding-right: 0;
						}
						span.price{
							opacity: 0;
							right: auto;
							left: 50%;
							.translateX(-50%);
							position: absolute;
							top: -15%;
							margin: 0;
							.transition( all 0.35s ease );
							font-size: 24px;
							color: @white !important;
							line-height: 1;
							ins{
								color: @white !important;
							}
							del{
								display: none;
								font-size: 16px;
								color: fade(@white, 70%) !important;
							}
						}
					}
					.product-actions{
						background-color: transparent;
						border: none;
						top: 50%;
						bottom: auto;
						.transform(translateY(-50%) scale(0));
						.transition( all 0.35s ease);
						.yith-wcwl-wishlistaddedbrowse a,
						.yith-wcwl-wishlistexistsbrowse a,
						.add_to_wishlist,
						.compare,
						.product-quick-view,
						.btn_add_to_cart,
						.add-to-cart-wrap a {
							width: 50px;
							height: 50px;
							line-height: 50px !important;
							text-align: center;
							color: @white;
							background-color: fade(@black, 35%);
							display: inline-block;
							padding: 0;
							position: relative;
							border-radius: 100%;
							font-size: 0;
							min-width: 0;
							vertical-align: middle;
							margin-right: 4px;
							margin-left: 4px;
							opacity: 1;
							.transition( all 0.35s ease);
							i {
								font-size: 16px;
								line-height: 1;
								vertical-align: middle;
							}
							&:hover,
							&.active {
								color: lighten(@black, 25%);
								background-color: @white;
							}
						}
					}
				}
				&:hover{
					.product-item-inner{
						.product-thumb{
						}
						&:before{
							opacity: 1;
							.scale(1);
						}
						.product-info{
							span.price{
								opacity: 1;
								top: 15%;
							}
							h3{
								opacity: 1;
								color: @white;
								bottom: 15%;
							}
							.star-rating{
								opacity: 1;
							}
						}
						.product-actions{
							.transform(translateY(-50%) scale(1));
						}
					}
				}	
			}
			&.product-style_5 {
				.product-item-inner{
					&:before{
						content: '';
						opacity: 0;
						background-color: fade(@black, 50%);
						width: 100%;
						height: 100%;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 2;
						.transition( all 0.8s ease);
					}
					.product-thumb{

					}
					.product-info{
						z-index: 3;
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						background-color: transparent;
						.star-rating{
							right: auto;
							top: auto;
							bottom: 50px;
							left: 50%;
							.translateX(-50%);
						}
						h3{
							position: absolute;
							width: 100%;
							text-align: center;
							bottom: 0;
							top: auto;
							.transition( all 0.35s ease);
							color: lighten(@black, 25%);
							left: 0;
							padding-right: 0;
						}
						span.price{
							opacity: 0;
							right: auto;
							left: 50%;
							position: absolute;
							top: 30px;
							margin: 0;
							.translateX(-50%);
							.transition( all 0.35s ease );
							border-top: 1px solid @white;
							border-bottom: 1px solid @white;
							font-size: 24px;
							color: @white !important;
							line-height: 1;
							ins{
								color: @white !important;
							}
							del{
								display: none;
								font-size: 16px;
								color: fade(@white, 70%) !important;
							}
						}
					}
					.product-actions{
						background-color: transparent;
						border: none;
						top: 50%;
						bottom: auto;
						.transform(translateY(-50%) scale(0.7));
						.transition( all 0.7s ease);
						.yith-wcwl-wishlistaddedbrowse a,
						.yith-wcwl-wishlistexistsbrowse a,
						.add_to_wishlist,
						.compare,
						.product-quick-view,
						.btn_add_to_cart,
						.add-to-cart-wrap a {
							width: 50px;
							height: 50px;
							line-height: 50px !important;
							text-align: center;
							color: @white;
							background-color: fade(@black, 35%);
							display: inline-block;
							padding: 0;
							position: relative;
							border-radius: 100%;
							font-size: 0;
							min-width: 0;
							vertical-align: middle;
							margin-right: 4px;
							margin-left: 4px;
							opacity: 1;
							.transition( all 0.35s ease);
							i {
								font-size: 16px;
								line-height: 1;
								vertical-align: middle;
							}
							&:hover,
							&.active {
								color: lighten(@black, 25%);
								background-color: @white;
							}
						}
					}
				}
				&:hover{
					.product-item-inner{
						&:before{
							opacity: 1;
							.scale(0.93);
						}
						.product-info{
							span.price{
								opacity: 1;
							}
							h3{
								color: @white;
							}
						}
						.product-actions{
							.transform(translateY(-50%) scale(1));
						}
					}
				}		
			}	
		}
	}
	.products-slider-control {
		.products-nav {
			z-index: 99;
			position: absolute;
			top: 50%;
			.translateY(-50%);
			-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
			box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
			&:hover {
				cursor: pointer;
			}
			&.nav-prev {
				float: left;
			}
			&.nav-next {
				right: 0;
				float: right;
			}
			i {
				padding: 15px;
				background: @white;
			}
		}
	}
	// Layout
	/* Product creative masonry */
  	.products-creative{
		.product-style-masonry{
			.product-style_1{
				border: none;
				.product-item-wrap{
					.product-item-inner{
						padding: 60px;
						&:before{
							content: '';
							opacity: 0;
							background-color: fade(@black, 15%);
							width: 0;
							height: 0;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 1;
							.transition( all 0.8s ease-in-out);
						}
						&:after{
							content: '';
							opacity: 0;
							background-color: fade(@black, 15%);
							width: 0;
							height: 0;
							position: absolute;
							bottom: 0;
							right: 0;
							z-index: 1;
							.transition( all 0.8s ease-in-out);
						}
						.product-thumb{
							> a{
								&:before{
									text-align: center;
									content: '\f064';
									opacity: 1;
									color: @white;
									font-family:FontAwesome;
									font-size: 16px;
									position: absolute;
									z-index: 4;
									top: 0;
									right: 0;
									.transition( all 0.5s ease-in-out);
									width: 50px;
									height: 50px;
									line-height: 50px !important;
									.scale(0);
								}
								&:hover{
									&:before{
										color: @primary_color;
									}
								}
							}
						}
						.product-info{
							z-index: 3;
							position: absolute;
							top: 0;
							left: 0;
							width: 100%;
							height: 100%;
							background-color: transparent;
							padding: 0;
							.transition( all 0.5s ease-in-out);
							.star-rating{
								opacity: 0;
								right: auto;
								top: auto;
								bottom: 70px;
								left: 50%;
								.translateX(-50%);
							}
							h3{
								padding-right: 0;
								position: absolute;
								width: 100%;
								text-align: center;
								bottom: 0;
								margin-bottom: 50px;
								top: auto;
								.transition( all 0.35s ease);
								color: lighten(@black, 25%);
								padding-right: 0;
							}
							span.price{
								opacity: 1;
								right: auto;
								left: 50%;
								position: absolute;
								bottom: 20px;
								margin: 0;
								font-weight: bold;
								.translateX(-50%);
								.transition( all 0.35s ease );
								font-size: 16px;
								color: lighten(@black, 25%) !important;
								line-height: 1;
								ins{
									color: lighten(@black, 25%) !important;
								}
								del{
									font-size: 16px;
									color: fade(@black, 70%) !important;
								}
							}
						}
						.product-actions{
							z-index: 4;
							background-color: transparent;
							border: none;
							top: 50%;
							width: 100%;
							bottom: auto;
							.transform(translate(0,-50%) scale(0));
							.transition( all 0.6s ease-in-out);
							.yith-wcwl-wishlistaddedbrowse a,
							.yith-wcwl-wishlistexistsbrowse a,
							.add_to_wishlist,
							.compare,
							.product-quick-view,
							.btn_add_to_cart,
							.add-to-cart-wrap a {
								width: 50px;
								height: 50px;
								line-height: 50px !important;
								text-align: center;
								color: @white;
								background-color: fade(@black, 35%);
								display: inline-block;
								padding: 0;
								position: relative;
								border-radius: 100%;
								font-size: 0;
								min-width: 0;
								vertical-align: middle;
								margin-right: 4px;
								margin-left: 4px;
								opacity: 1;
								.transition( all 0.35s ease);
								i {
									font-size: 16px;
									line-height: 1;
									vertical-align: middle;
								}
								&:hover,
								&.active {
									color: lighten(@black, 25%);
									background-color: @white;
								}
							}
						}
						@media (max-width:991px){
							padding: 0;
							.product-thumb{
								> a {
									&:before{
										top: 20px;
										right: 0px;
									}
								}
							}
						}
					}
					&:hover{
						.product-item-inner{
							&:before, &:after{
								opacity: 1;
								width: 100%;
								height: 100%;
							}
							.product-thumb{
								> a{
									&:before{
										.transform( translate(-50%,-50%) scale(1));
									}
								}
							}
							.product-info{
								opacity: 0;
								span.price{
									opacity: 1;
								}
								h3{
									color: @white;
								}
							}
							.product-actions{
								.transform(translate(0,-50%) scale(1));
							}
						}
					}	
				}
			}
		  	.product-item-wrap{
				overflow: hidden;
				padding: 0;
				margin: 0;
				.product-item-inner{
				  	height: 100%;
				  	.product-thumb{
						height: 100%;
						img{
					  	height: 100%;
						}
				  	}
				}
				&.yolo-columns-5{
				  	width: 20%;
				  	&.yolo_product_x2{
						width: 40%;
				  	}
				  	&.yolo_product_x3{
						width: 60%;
				  	}
				}
				&.yolo-columns-4{
				  	width: 25%;
				  	&.yolo_product_x2{
						width: 50%;
				  	}
				}
				&.yolo-columns-3{
				  	width: 33.33%;
				  	border-right: 1px solid @border_color;
				  	border-bottom: 1px solid @border_color;  
				  	&:first-child{
				  		border-left: 1px solid @border_color;
				  		border-top: 1px solid @border_color;
				  		z-index: 1;
				  	}
				  	&:nth-child(2){
				  		border-top: 1px solid @border_color;
				  	}
				  	&:nth-child(3){
				  		border-left: 1px solid @border_color;
				  	}
				  	&.yolo_product_x2{
						width: 66.67%;
						@media (max-width:767px){
							margin: 15px 0;
							width: 100%;
							height: auto !important;
							border:1px solid @border_color;
						}
				  	}
				  	@media (max-width:767px){
				  		margin: 15px 0;
						width: 100%;
						height: auto !important;
						border:1px solid @border_color;
					}

				}
				&.yolo-columns-2{
				  	width: 50%;
				  	&.yolo_product_x2{
						width: 100%;
				  	}
				}
				&.yolo-columns-6{
				  	width: 16.666%;
				  	&.yolo_product_x2{
						width: 33.333%;
				  	}
				}

				&.yolo_product_x2{
				  	.product-item-inner{
						.product-thumb{
					  		.yolo_title_excerpt{
								position: absolute;
								top: 40px;
								h3{
								  	display: block;
								  	left: 30px;
								  	top: 40px;
								  	margin: 0;
								  	font-size: 36px;
								  	font-weight: bold;
								  	padding-right: 0;
								}
								.yolo_excerpt{
								  	opacity: 1;
								  	top: 80px;
								  	left: 30px;
								  	font-family: Ek Mukta;
								  	font-size: 14px;
								}
					  		}
						}
				  	}
				}
				&.yolo_product_x1{
				  	.product-item-inner{
						.product-thumb{

						}
				  	}
				}
		  	}
	  		.product-style_1{
				.product-item-wrap.yolo_product_x2  {
				  	.product-item-inner{
						.product-thumb{
						  	.yolo_title_excerpt{
							
						  	}
						}
				  	}
				}
		  	}
		}
  	}
  	.product-paging-wrapper{
  		margin-top: 30px;
  		margin-bottom: 50px;
  	}
}


h3.sc-title {
	font-size: 30px;
	padding-bottom: 20px;
	padding-left: 5px;
	margin-bottom: 40px;
	border-bottom-width: 1px;
	border-bottom-style:solid;
}


.sc-product-wrap {
	.owl-theme .owl-controls {
		margin: 0;
		height: 0;
		position: absolute;
		top: -98px;
		right: 15px;
	}

	.owl-theme .owl-controls .owl-buttons div {
		width: 42px;
		height: 42px;
		border: 2px solid #eee;
		background-color: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0;
		line-height: 38px;
		opacity: 1;
		color: #333333;
		margin: 0;
		font-size: 15px;

		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;

		&:hover {
			background-color: #F7F7F7;
			border-color: #F7F7F7;
		}
		&.owl-prev {
			margin-right: 5px;
		}
	}


	.product-category {
		.product-category-inner {
			position: relative;
			margin-bottom: 15px;
			&:before {
				content:  "";
				display: block;
				position: absolute;
				background-color: rgba(221,221,221,0.5);
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				z-index: 1;
			}
			&:after {
				content:  "";
				display: block;
				position: absolute;
				border-style: solid;
				border-width: 2px;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				z-index: -1;

				opacity: 0;
				visibility: hidden;

				-webkit-transition: all 0.2s;
				-moz-transition: all 0.2s;
				-ms-transition: all 0.2s;
				-o-transition: all 0.2s;
				transition: all 0.2s;
			}

			&:hover {
				&:after {
					opacity: 1;
					visibility: visible;

					-webkit-transform: translateY(15px) translateX(15px);
					-moz-transform: translateY(15px) translateX(15px);
					-ms-transform: translateY(15px) translateX(15px);
					-o-transform: translateY(15px) translateX(15px);
					transform: translateY(15px) translateX(15px);
				}
				div a {
					padding-right: 45px;
					i {
						visibility: visible;
						opacity: 1;
						display: inline-block;
					}
				}
			}


			div {
				position: absolute;
				height: 35px;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				margin: auto;
				z-index: 2;
				a {
					position: relative;
					display: inline-block;
					font-size: 15px;
					height: 35px;
					line-height: 35px;
					padding: 0 20px;
					margin: 0;
					color: #fff;

					-webkit-transition: all 0.2s;
					-moz-transition: all 0.2s;
					-ms-transition: all 0.2s;
					-o-transition: all 0.2s;
					transition: all 0.2s;
					i {
						position: absolute;
						right: 15px;
						top: 0;
						bottom: 0;
						margin: auto;
						font-size: 20px;
						height: 20px;
						vertical-align: middle;
						visibility: hidden;
						opacity: 0;
						display: none;

						-webkit-transition: all 0.2s;
						-moz-transition: all 0.2s;
						-ms-transition: all 0.2s;
						-o-transition: all 0.2s;
						transition: all 0.2s;

					}
				}
			}
		}
		img {
			width: 100%;
		}
	}

	&.no-title {
		.owl-theme .owl-controls {
			position: static;
		}
		.owl-theme .owl-controls .owl-buttons div {
			position: absolute;
			margin: -60px 0 0 0;
			top: 50%;
			background-color: rgba(255,255,255,0.7);
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
			color: #777;
			border: none;
			width: 41px;
			height: 41px;
			line-height: 41px;
			-webkit-transform: translateY(-50%);
			-moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			-o-transform: translateY(-50%);
			transform: translateY(-50%);
			opacity: 0;
			visibility: hidden;

			&:hover {
				background-color: rgba(255,255,255,1);
				color: #888888;
			}


			&.owl-prev {
				left: -30px;
			}

			&.owl-next {
				right: -30px;
			}
		}
		&:hover {
			.owl-theme .owl-controls .owl-buttons div {
				opacity: 1;
				visibility: visible;
				&.owl-prev {
					left: 30px;
				}

				&.owl-next {
					right: 30px;
				}
			}
		}
	}
}

.product-creative{
	position: relative;
	.next,
	.prev{
		border: 2px solid #F7F7F7;
		display: inline-block;
		font-size: 17px;
		height: 42px;
		padding-top: 4px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 42px;
		color: #000;
		&:hover{
			background-color: #F7F7F7;
			cursor: pointer;
		}
	}
	.next{
		right: 0;
	}
	.prev{
		right: 48px;
	}

	.product-item-inner.double-size{
		.product-info{
			position: absolute;
			bottom: 0;
			padding-bottom: 40px;
			padding-left: 40px;
			text-align: left;
		}
	}
	.product-item-wrap{
		display: inline-block;
		float: left;
	}
	.layout-style-2col .product-thumb .mobile-mode{
		display: none;
	}
}

.sc-product-sidebar-wrap {

	border: 2px solid #eee;
	padding: 30px 15px;

	h4.sc-title {
		font-size: 20px;
		padding-bottom: 15px;
		margin-bottom: 30px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	.product-listing.woocommerce {
		margin: 0;
	}

	.product-listing.woocommerce .product-item-wrap {
		padding: 0;
	}
	.product-item-wrap + .product-item-wrap {
		margin-top: 20px;
	}

	.product-sidebar-item + .product-sidebar-item {
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #eee;
	}
	.product-sidebar-item:after {
		content: "";
		display: block;
		clear: both;
	}
	.product-sidebar-image {
		float: left;
		width: 70px;
		margin-right: 15px;
	}
	.product-sidebar-info {
		position: relative;
		overflow: hidden;
	}
	.product-sidebar-title {
		display: block;
		font-size: 15px;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	span.amount {
		font-size: 15px;
		line-height: 1.2;
	}

	ins {
		display: inline-block;
		text-decoration: none;
	}
	del {
		span.amount {
			display: inline-block;
			font-size: 13px;
			color: #999999;
			opacity: 1;
			margin-right: 10px;
			font-weight: normal;
			text-decoration:inherit;
		}
	}

	.owl-theme .owl-controls {
		margin: 0;
		height: 0;
		position: absolute;
		top: -70px;
		right: 0;
	}

	.owl-theme .owl-controls .owl-buttons div {
		background: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		padding: 0;
		opacity: 1;
		color: #999999;
		margin: 0;
		font-size: 15px;
		line-height: 1;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;

		&.owl-prev {
			margin-right: 25px;
		}
	}

	&.style-02.no-title {
		border: none;
		padding: 0;
	}

	&.no-title {
		.owl-theme .owl-controls {
			display: none !important;
		}
	}

	.comment {
		a.title {
			font-size: 15px;
			line-height: 1.3;
			display: block;
			margin: 0 0 15px 0;
		}
		.star-rating {
			margin: 0 0 10px 0;
		}
		.comment-content {
			margin: 0;
			font-size: 14px;
			line-height: 1.6;
			color: #999999;
		}
	}
}

@media only screen and (max-width: 1023px) {
	.product-creative{
		.product-item-inner.double-size{
			.product-info{
				position: relative;
				padding: 30px;
			}
		}
		.layout-style-2col .product-thumb .wp-post-image:first-child{
			display: none;
		}
		.layout-style-2col .product-thumb .mobile-mode{
			display: block;
		}
	}
}
@media only screen and (max-width: 590px){
	.product-creative .col-xs-6{
		width: 100%;
	}
	.sc-product-wrap.product-creative h3.sc-title{
		padding-right: 90px;
	}
}

/* 2. PRODUCT LIST */
.products-list {
	.product-listing {
		.product-style {
			&.list_style_1 {
				.product-item-inner {
					.product-thumb {
					}
					.product-info {
						text-align: left;
						.star-rating {
							&:before {
								left: 0;
								transform: none;
							}
						}
					}
				}
			}
		}
	}
}

/* Pagination style */ 
.product-paging-wrapper {
	&.product-paging-none {
		display: none;
	}
}