
.category-image {
    width: 100%;
    border-radius: $border-medium;
    margin-bottom: 20px;

}

.products ul,
ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    @include clearfix;

    li {
        list-style:none outside;
    }
}

ul.products {

    li.product,
    li.product-category {
        float: $left;
        margin-bottom: 1.4286em;
        position: relative;
        text-align: center;

        &.product-first {
            clear: both;
        }

        .product-image {
            margin-bottom: 1em;
            min-height: 90px;

            /*.img-effect {
                img {
                    position: relative;
                    left: 0;
                }

                .hover-image {
                    margin-right: -100%;
                }
            }

            &:hover {
                .img-effect {
                    img {
                        left: -100%;
                    }
                }
            }*/
            .img-effect {
                img {
                    position: relative;
                    opacity: 1;
                }

                .hover-image {
                    position: absolute;
                    left: 0; right: 0; top: 0; bottom: 0;
                    margin: auto;
                    opacity: 0;
                }
            }

            &:hover {
                .img-effect {
                    img {
                        opacity: 0;
                    }
                    .hover-image {
                        opacity: 1;
                    }
                }
            }
        }

        .product-loop-title {
            font-size: 1em;
            text-decoration: none;
        }

        h3 {
            font-size: 1em;
            line-height: 1.35;
            margin-bottom: .7143em;
        }

        .rating-wrap {
            margin: 0 auto 1.2em;
            height: 1px;
            position: relative;
            display: table;

            .rating-after,
            .rating-before {
                display: table-cell;
                width: 50%;
                height: 1px;
                vertical-align: middle;

                .rating-line {
                    display: block;
                    height: 1px;
                    width: 100%;
                    margin-top: 1px;
                }
            }

            .rating-before {
                .rating-line {
                    @include if-dark {
                        @include background-image(linear-gradient($right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 40%, transparent));
                    }
                    @include if-light {
                        @include background-image(linear-gradient($right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 40%, transparent));
                    }
                }
            }

            .rating-after {
                .rating-line {
                    @include if-dark {
                        @include background-image(linear-gradient($left, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 40%, transparent));
                    }
                    @include if-light {
                        @include background-image(linear-gradient($left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 40%, transparent));
                    }
                }
            }

            .rating-content {
                display: table-cell;
            }

            .star-rating,
            .star-rating span {
                width: 6.7em;
                margin-#{$right}: -2px;
                &:before {
                    #{$left}: .6em;
                }
            }
        }

        .description {
            display: none;
            margin-top: 1.5em;

            p {
                margin-bottom: 1em;
                line-height: 1.5714em;
            }
        }

        .price {
            display: block;
            font-size: 1.4286em;
            margin-top: -0.25em;
            margin-bottom: .75em;
        }

        .add-links {
            display: inline-block;
            position: relative;
            margin-bottom: 1.0714em;

            .tooltip-inner {
                white-space: nowrap;
            }

            .add_to_cart_read_more,
            .add_to_cart_button {
                @include transition(none);
                float: $left;
            }

            .added_to_cart {
                display: none;
            }

            .yith-wcwl-add-to-wishlist > div {
                #{$left}: 0;
            }

            .quickview {
                #{$right}: 0;
            }

            .yith-wcwl-add-to-wishlist > div,
            .quickview {
                position: absolute;
                top: 0;
                opacity: 0;
                visibility: hidden;
            }
        }

        .links-on-image {
            height: 0;

            .add-links-wrap {
                display: none;
            }

            .add-links-wrap .add-links {
                font-size: 1em;
                display: block;
                text-align: $left;
                position: static;
                margin-bottom: 0;

                > * {
                    position: relative;
                    z-index: 2;
                    display: none;
                    opacity: 0;
                }

                .add_to_cart_button,
                .add_to_cart_read_more,
                .yith-wcwl-add-to-wishlist > div,
                .quickview {
                    background: transparent;
                    border-radius: $border-normal !important;
                    margin-top: -3em;
                }

                .add_to_cart_button,
                .add_to_cart_read_more {
                    float: $left;
                    margin-#{$left}: .8em;
                    text-indent: -9999em;
                    width: 2.2em;
                    padding: 0;
                    @include transition($transition);

                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }

                    &:hover {
                        color: #fff;
                    }
                }

                .yith-wcwl-add-to-wishlist {
                    float: $right;
                    margin-#{$right}: .8em;
                    position: relative;
                    margin-bottom: -3px;

                    > div {
                        display: inline-block;
                        position: relative;
                        opacity: 0;
                        @include transition($transition);
                        visibility: visible;
                        #{$left}: auto;
                        top: auto;
                    }
                }

                .quickview {
                    font-size: .9em;
                    position: absolute;
                    top: -$product-image-border-width;
                    #{$right}: -$product-image-border-width;
                    #{$left}: auto !important;
                    width: auto;
                    height: auto;
                    line-height: 1;
                    margin: 0;
                    padding: .7937em;
                    text-indent: 0;
                    border-radius: corner-values(0 $border-thick 0 $border-thick) !important;
                    background: #52b9b5;
                    color: #fff;
                    @include transition($transition);
                    visibility: visible;

                    &:before {
                        position: static;
                        margin-#{$right}: .5714em;
                    }
                    &:hover {
                        background: lighten(#52b9b5, 5%);
                    }
                }
            }
        }

        &.show-links-onimage {
            .add-links-wrap {
                display: none;
            }
            .links-on-image {
                .add-links-wrap {
                    display: block;
                }
            }
        }

        &.show-wq-onimage {
            .add-links {
                .yith-wcwl-add-to-wishlist,
                .quickview {
                    display: none;
                }
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0 !important; width: auto !important; padding: 0 .7143em !important;
                    &:before {
                        position: static !important;
                        font-size: 1em !important;
                        margin-#{$right}: .5714em !important;
                    }
                }
            }
            .links-on-image {
                .add-links-wrap {
                    display: block;

                    .add-links > * {
                        visibility: hidden;

                        &.quickview {
                            visibility: visible;
                        }
                    }
                }
            }
        }
				
		&.show-outimage-q-onimage-alt{
			margin-bottom: 15px;
			padding-bottom: 15px;
			> div{ background-color: #fff; border-radius: $border-thick; }
			&:hover > div{ box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.2); }
			.product-image{
				.labels{
					position: absolute;
					.onhot, .onsale{
						position: relative;
						margin-bottom: 5px;
						border-radius: $searchform-border; /* 20px */
						font-size: 11px;
						#{left}: 0.8em;
					}
				}
				.links-on-image{
					.add-links-wrap{
						display: block;
						.add-links{
							a{ display: none; }
							.quickview{
								display: block;
								font-size: 12px;
								border: 0px;
								&:hover{ opacity: 0.9; }
								&:before{
									font-family: "Porto";
									content: "\e851";
									font-size: 12px;
								}
							}
						}
					}
				}
			}
			.product-loop-title,
			.product-loop-title > *{ 
				font-weight: $font-weight-normal;
				font-size: 14px;
			}
			.product-loop-title{
				color: #5b5b5f;
				&:hover,
				&:focus,
				&:active{
					color: #5b5b5f;
					> *{
						color: #5b5b5f;
					}
				}
			}
			.rating-wrap{
				margin-bottom: 0.2em;
				margin-top: 20px;
				.rating-before,
				.rating-after{ display: none; }
				.star-rating{
					width: 5.5em;
					&:before{ color: #c3c5c9; font-size: 11px;
					}
					span:before{ font-size: 11px; }
				}
			}
			.price{
				margin-top: 0.5em;
				margin-bottom: 0.75em;
				font-size: 18px;
				font-weight: $font-weight-normal;
				ins{ color: #ff0000; }
				del{ color: #2b2b2d; }
			}
			.add_to_cart_button,
			.add_to_cart_read_more{
				padding: 0 10px 0 9px !important;
				font-size: 12.5px;
				color: #6f6e6b;
				text-transform: uppercase;
				letter-spacing: 0.025em;
				height: 32px;
				line-height: 32px;
				background: #f4f4f4;
				border-color: #f4f4f4;
				font-weight: 400;
				&.product_type_simple:before{
					font-family: "porto" !important;
					content: "\e87f";
					margin-right: 5px !important;
					font-size: 17px !important;
					vertical-align: top;
				}
			}
			.add-links .quickview{ display: none; }
			.yith-wcwl-add-to-wishlist{
				a{
					line-height: 32px;
					height: 32px;
					width: 32px;
				}
				a, a:hover, a:focus,
				span, span:hover, span:focus{
					border-color: #d8d8d6;
					background: #f4f4f4;
				}
				.yith-wcwl-add-button{
					a,
					span{
						&:before{
							content: "\e889";
							font-family: "porto";
							font-size: 17px;
						}
					}
				}
				.yith-wcwl-wishlistaddedbrowse,
				.yith-wcwl-wishlistexistsbrowse{
					a:before{
						font-family: "porto";
						content: '\e88a';
						font-size: 17px;
					}
				}
			}
		}
		
		&.show-outimage-q-onimage{
			.product-image{
				border-color: #ececec;
				@include transition(all 0.3s);
			}
			.add-links{
				.quickview{
					display: none;
				}
			}
			.links-on-image{
				.add-links-wrap{
					display: block;
					
					.add-links {
						> *,
						.yith-wcwl-add-to-wishlist > div{
							visibility: hidden;
						}
						.quickview{
							top: auto;
							bottom: 0;
							border: 0;
							width: 100%;
							line-height: 25px;
							text-transform: uppercase;
							font-family: "Oswald", "Open Sans", Arial, serif;
							letter-spacing: 0.025em;
							border-radius: corner-values(0 0 $border-thick $border-thick) !important;
							&:hover{
								opacity: 0.9 !important;
								text-decoration: underline;
							}
							&:before{
								content: '';
							}
						}
					}
				}
			}
			.product-loop-title, .product-loop-title > *{ font-weight: 400; font-size: 15px; }
			.rating-wrap{
				margin-bottom: 0.2em;
				margin-top: 20px;
				.rating-before,
				.rating-after{
					display: none;
				}
				.star-rating{
					width: 5.5em;
					&:before{
						color: #797876;
						font-size: 11px;
					}
					span:before{
						font-size: 11px;
					}
				}
			}
			.price{
				margin-top: 0.5em;
				margin-bottom: 1.25em;
			}
			.add_to_cart_button,
			.add_to_cart_read_more{
				padding: 0 10px 0 9px !important;
				font-size: 12.5px;
				color: #6f6e6b;
				text-transform: uppercase;
				letter-spacing: 0.025em;
				height: 32px;
				line-height: 32px;
				background: transparent;
				border-color: #d8d8d6;
				&.product_type_simple:before{
					font-family: "porto" !important;
					content: "\e87f";
					margin-right: 5px !important;
					font-size: 17px !important;
					vertical-align: top;
				}
			}
			.yith-wcwl-add-to-wishlist{
				a{
					line-height: 32px;
					height: 32px;
				}
				a, a:hover, a:focus,
				span, span:hover, span:focus{
					border-color: #d8d8d6;
					background: transparent;
				}
				.yith-wcwl-add-button{
					a,
					span{
						&:before{
							content: "\e889";
							font-family: "porto";
							font-size: 17px;
						}
					}
				}
				.yith-wcwl-wishlistaddedbrowse,
				.yith-wcwl-wishlistexistsbrowse{
					a:before{
						font-family: "porto";
						content: '\e811';
					}
				}
			}
		}
    }
}
ul.products{
	li.product,
	li.product-category {
		&:hover{
			&.show-outimage-q-onimage{
				.links-on-image{
					.add-links-wrap{
						.add-links {
							> *.quickview{
								visibility: visible;
							}
						}
					}
				}
			}
			&.show-outimage-q-onimage-alt{
				.add_to_cart_button,
				.add_to_cart_read_more{
					border-color: #2b2b2d;
					background-color: #2b2b2d;
				}
			}
		}
	}
}
ul.products.grid{
	li.product,
	li.product-category {
		&.show-outimage-q-onimage{
			&:hover{
				.product-image{
					box-shadow: 0 25px 35px -5px rgba(0, 0, 0, 0.2);
				}
			}
			.links-on-image{
				.add-links-wrap{					
					.add-links {
						> *.quickview{
							visibility: visible;
						}
					}
				}
			}
			.add-links{
				.quickview{
					display: none;
				}
			}
		}
	}
}
ul.products.list{
	li.product,
	li.product-category {
		&.show-outimage-q-onimage-alt{
			.product-image .links-on-image .add-links-wrap .add-links .quickview{ display: none; }
			.product-loop-title{
				font-size: 18px; color: #666;
				> * {
					font-size: 18px; color: #666;
					margin-bottom: 10px;
				}
			}
			.rating-wrap{ margin-bottom: 22px; margin-top: 12px; }
			.add-links{
				.quickview{
					display: inline-block;
					line-height: 32px;
					height: 32px;
					
					&:hover{
						background: transparent;
						opacity: 0.8;
					}
					
					&:before{
						font-family: "Porto";
						content: "\e812";
						font-size: 17px;
					}
				}
			}
			&:hover > div { box-shadow: none; }
		}
		&.show-outimage-q-onimage{
			.product-loop-title > *{
				font-size: 18px;
				color: #666;
				line-height: 18px;
			}
			.rating-wrap{
				margin-top: 10px;
				margin-bottom: 22px !important;
			}
			.price{
				margin-bottom: 0.75em;
			}
			.links-on-image{
				.add-links-wrap{					
					.add-links {
						> *.quickview{
							visibility: hidden;
						}
					}
				}
			}
			.add-links{
				.quickview{
					display: inline-block;
					line-height: 32px;
					height: 32px;
					border-color: #d8d8d6;
					
					&:hover{
						background: transparent;
					}
					
					&:before{
						font-family: "Porto";
						content: "\e812";
						font-size: 17px;
					}
				}
			}
		}
	}
}

ul.products {

    li.product.hover,
    li.product:hover {
        .add-links {
            .yith-wcwl-add-to-wishlist > div {
                #{$left}: -2.8em;
            }
            .quickview {
                #{$right}: -2.8em;
            }
            .yith-wcwl-add-to-wishlist > div,
            .quickview {
                opacity: 1;
                visibility: visible;
            }
            &.no-effect {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 0.7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: 0.5714em;
                    }
                }
            }
        }

        .links-on-image {
            .add-links-wrap .add-links {
                .add_to_cart_button,
                .add_to_cart_read_more,
                .yith-wcwl-add-to-wishlist,
                .yith-wcwl-add-to-wishlist > div {
                    display: inline-block;
                    opacity: 1;
                }
            }
        }
    }

    li.product:hover {
        .product-image {
			.viewcart.added {
				display: block;
				opacity: 1;
			}
        }
        .links-on-image {
            .add-links-wrap .add-links {
                .quickview {
                    display: inline-block;
                    opacity: 1;
                }
            }
        }
    }
}

ul {
    &.pcols-lg-8 {
        margin: 0 -3px;
        li.product,
        li.product-category { width: 12.5%; padding: 0 3px; }
    }
    &.pwidth-lg-8 {
        .product-image { font-size: .8em; }
        .add-links { font-size: .85em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: -9999em; width: 2.2em; padding: 0;
                &:before {
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-indent: 0;
                    font-size: 1.1em;
                    margin-#{$right}: auto;
                }
            }
        }
    }

    &.pcols-lg-7 {
        margin: 0 -3px;
        li.product,
        li.product-category { width: 14.2857%; padding: 0 3px; }
    }
    &.pwidth-lg-7 {
        .product-image { font-size: .8em; }
        .add-links { font-size: .9em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: -9999em; width: 2.2em; padding: 0;
                &:before {
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-indent: 0;
                    font-size: 1.1em;
                    margin-#{$right}: auto;
                }
            }
        }
    }

    &.pcols-lg-6 {
        margin: 0 -6px;
        li.product,
        li.product-category { width: 16.6667%; padding: 0 6px; }
    }
    &.pwidth-lg-6 {
        .product-image { font-size: .9em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: -9999em; width: 2.2em; padding: 0;
                &:before {
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-indent: 0;
                    font-size: 1.1em;
                    margin-#{$right}: auto;
                }
            }
        }
    }

    &.pcols-lg-5 {
        margin: 0 -8px;
        li.product,
        li.product-category {
			width: 20%; padding: 0 8px;
			/*&.show-outimage-q-onimage-alt{
				padding: 0 10px 10px;
				margin: 0 12px 15px;
			}*/
		}
		
    }
    &.pwidth-lg-5 {
        .product-image { font-size: 1em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    &.pcols-lg-4 {
        margin: 0 -10px;
        li.product,
        li.product-category { width: 25%; padding: 0 10px; }
    }
    &.pwidth-lg-4 {
        .product-image { font-size: 1em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    &.pcols-lg-3 {
        margin: 0 -12px;
        li.product,
        li.product-category { width: 33.3333%; padding: 0 12px; }
    }
    &.pwidth-lg-3 {
        .product-image { font-size: 1.2em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    &.pcols-lg-2 {
        margin: 0 -15px;
        li.product,
        li.product-category { width: 50%; padding: 0 15px; }
    }
    &.pwidth-lg-2 {
        .product-image { font-size: 1.5em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    @media #{$screen-large} {
        &.pcols-md-6 {
            margin: 0 -3px;
            li.product,
            li.product-category { width: 16.6667%; padding: 0 3px; }
        }
        &.pwidth-md-6 {
            .product-image { font-size: .8em; }
            .add-links { font-size: .85em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: -9999em; width: 2.2em; padding: 0;
                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }
                }
            }
        }

        &.pcols-md-5 {
            margin: 0 -6px;
            li.product,
            li.product-category { width: 20%; padding: 0 6px; }
        }
        &.pwidth-md-5 {
            .product-image { font-size: .9em; }
            .add-links { font-size: .95em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: -9999em; width: 2.2em; padding: 0;
                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }
                }
            }
        }

        &.pcols-md-4 {
            margin: 0 -8px;
            li.product,
            li.product-category { width: 25%; padding: 0 8px; }
        }
        &.pwidth-md-4 {
            .product-image { font-size: 1em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }

        &.pcols-md-3 {
            margin: 0 -10px;
            li.product,
            li.product-category { width: 33.3333%; padding: 0 10px; }
        }
        &.pwidth-md-3 {
            .product-image { font-size: 1.15em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }

        &.pcols-md-2 {
            margin: 0 -12px;
            li.product,
            li.product-category { width: 50%; padding: 0 12px; }
        }
        &.pwidth-md-2 {
            .product-image { font-size: 1.4em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }
    }
}

.column2 ul {
    &.pcols-lg-6 {
        margin: 0 -3px;
        li.product,
        li.product-category { width: 16.6667%; padding: 0 3px; }
    }
    &.pwidth-lg-6 {
        .product-image { font-size: .75em; }
        .add-links { font-size: .8em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: -9999em; width: 2.2em; padding: 0;
                &:before {
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-indent: 0;
                    font-size: 1.1em;
                    margin-#{$right}: auto;
                }
            }
        }
    }

    &.pcols-lg-5 {
        margin: 0 -5px;
        li.product,
        li.product-category { width: 20%; padding: 0 5px; }
    }
    &.pwidth-lg-5 {
        .product-image { font-size: .8em; }
        .add-links { font-size: .9em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: -9999em; width: 2.2em; padding: 0;
                &:before {
                    position: absolute;
                    left: 0;
                    right: 0;
                    text-indent: 0;
                    font-size: 1.1em;
                    margin-#{$right}: auto;
                }
            }
        }
    }

    &.pcols-lg-4 {
        margin: 0 -7px;
        li.product,
        li.product-category { width: 25%; padding: 0 7px; }
    }
    &.pwidth-lg-4 {
        .product-image { font-size: .9em; }
        .add-links { font-size: .95em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    &.pcols-lg-3 {
        margin: 0 -9px;
        li.product,
        li.product-category { width: 33.3333%; padding: 0 9px; }
    }
    &.pwidth-lg-3 {
        .product-image { font-size: 1em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    &.pcols-lg-2 {
        margin: 0 -12px;
        li.product,
        li.product-category { width: 50%; padding: 0 12px; }
    }
    &.pwidth-lg-2 {
        .product-image { font-size: 1.2em; }
        .add-links { font-size: 1em; }
        li.product.hover,
        li.product:hover {
            .add_to_cart_read_more,
            .add_to_cart_button {
                text-indent: 0; width: auto; padding: 0 .7143em;
                &:before {
                    position: static;
                    font-size: 1em;
                    margin-#{$right}: .5714em;
                }
            }
        }
    }

    @media #{$screen-large} {
        &.pcols-md-5 {
            margin: 0 -3px;
            li.product,
            li.product-category { width: 20%; padding: 0 3px; }
        }
        &.pwidth-md-5 {
            .product-image { font-size: .75em; }
            .add-links { font-size: .8em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: -9999em; width: 2.2em; padding: 0;
                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }
                }
            }
        }
        &.pcols-md-4 {
            margin: 0 -5px;
            li.product,
            li.product-category { width: 25%; padding: 0 5px; }
        }
        &.pwidth-md-4 {
            .product-image { font-size: .8em; }
            .add-links { font-size: .9em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: -9999em; width: 2.2em; padding: 0;
                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }
                }
            }
        }

        &.pcols-md-3 {
            margin: 0 -7px;
            li.product,
            li.product-category { width: 33.3333%; padding: 0 7px; }
        }
        &.pwidth-md-3 {
            .product-image { font-size: .9em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }

        &.pcols-md-2 {
            margin: 0 -10px;
            li.product,
            li.product-category { width: 50%; padding: 0 10px; }
        }
        &.pwidth-md-2 {
            .product-image { font-size: 1.1em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }
    }
}

ul,
.column2 ul {
    @media #{$screen-medium} {
        &.pcols-xs-3 {
            margin: 0 -3px;
            li.product,
            li.product-category { width: 33.3333%; padding: 0 3px; }
        }
        &.pwidth-xs-3 {
            .product-image { font-size: .85em; }
            .add-links { font-size: .85em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: -9999em; width: 2.2em; padding: 0;
                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }
                }
            }
        }

        &.pcols-xs-2 {
            margin: 0 -6px;
            li.product,
            li.product-category { width: 50%; padding: 0 6px; }
        }
        &.pwidth-xs-2 {
            .product-image { font-size: 1em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }

        &.pcols-xs-1 {
            margin: 0;
            li.product,
            li.product-category { width: 100%; padding: 0; }
        }
        &.pwidth-xs-1 {
            .product-image { font-size: 1.2em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }
    }

    @media #{$screen-small} {
        &.pcols-ls-2 {
            margin: 0 -3px;
            li.product,
            li.product-category { width: 50%; padding: 0 3px; }
        }
        &.pwidth-ls-2 {
            .product-image { font-size: .8em; }
            .add-links { font-size: .85em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: -9999em; width: 2.2em; padding: 0;
                    &:before {
                        position: absolute;
                        left: 0;
                        right: 0;
                        text-indent: 0;
                        font-size: 1.1em;
                        margin-#{$right}: auto;
                    }
                }
            }
        }

        &.pcols-ls-1 {
            margin: 0;
            li.product,
            li.product-category { width: 100%; padding: 0; }
        }
        &.pwidth-ls-1 {
            .product-image { font-size: 1.1em; }
            .add-links { font-size: 1em; }
            li.product.hover,
            li.product:hover {
                .add_to_cart_read_more,
                .add_to_cart_button {
                    text-indent: 0; width: auto; padding: 0 .7143em;
                    &:before {
                        position: static;
                        font-size: 1em;
                        margin-#{$right}: .5714em;
                    }
                }
            }
        }
    }
}

ul,
.column2 ul {
    li.pcols-lg-first {
        clear: both;
    }
    @media #{$screen-large} {
        li.pcols-lg-first {
            clear: none;
        }
        li.pcols-md-first {
            clear: both;
        }
    }
    @media #{$screen-medium} {
        li.pcols-md-first {
            clear: none;
        }
        li.pcols-xs-first {
            clear: both;
        }
    }
    @media #{$screen-small} {
        li.pcols-xs-first {
            clear: none;
        }
        li.pcols-ls-first {
            clear: both;
        }
    }
}

ul.list,
.column2 ul.list {

    &.products {
        margin: 0;
    }

    li.product {
        width: 100%;
        padding: 0;
        margin-bottom: 2.1429em;
        text-align: $left;

        .description {
            display: block;
        }

        .product-image {
            float: $left;
            padding-#{$left}: $product-image-padding !important;
            margin-bottom: 0;
        }

        h3 {
            font-size: 1.2857em;
            font-weight: $font-weight-semibold;
            margin-top: .3em;
        }

        .rating-wrap {
            display: block;
            margin-bottom: 2em;

            .rating-before {
                display: none;
            }

            .rating-after {
                width: 100%;
                padding-#{$left}: .6em;
            }

            .star-rating {
                margin-#{$left}: 0;
            }

            .star-rating,
            .star-rating span {
                width: 5.5em;
                &:before {
                    #{$left}: 0em;
                }
            }
        }

        .price {
            margin-top: 0;
        }

        .add-links {
            display: inline;
            .yith-wcwl-add-to-wishlist > div,
            .quickview {
                position: relative;
                #{$left}: 0 !important;
                opacity: 1;
                visibility: visible;
            }
        }

        .add_to_cart_button,
        .add_to_cart_read_more {
            margin-#{$right}: .8em;
            color: #fff;
        }

        .yith-wcwl-add-to-wishlist {
            display: inline-block;
            margin-#{$right}: .2143em;
        }
    }

    .add-links { font-size: 1em; }
    li.product.hover,
    li.product:hover {
        .add_to_cart_read_more,
        .add_to_cart_button {
            text-indent: 0; width: auto; padding: 0 .7143em;
            &:before {
                position: static;
                font-size: 1em;
                margin-#{$right}: .5714em;
            }
        }
    }
}

ul.list {
    li.product {
        > * {
            display: block;
        }
        > script,
        > style {
            display: none;
        }
    }
    &.pcols-lg-8 {
        li.product {
            > * {
                padding-#{$left}: 14%;
            }
            .product-image { width: 12.5%; font-size: .75em; }
			&.show-outimage-q-onimage-alt{
				> div > *{ padding-#{$left}: 14%; }
			}
        }
    }

    &.pcols-lg-7 {
        li.product {
            > * {
                padding-#{$left}: 16%;
            }
            .product-image { width: 14.5%; font-size: .8em; }
			&.show-outimage-q-onimage-alt{
				> div > *{ padding-#{$left}: 16%; }
			}
        }
    }

    &.pcols-lg-6 {
        li.product {
            > * {
                padding-#{$left}: 18.5%;
            }
            .product-image { width: 17%; font-size: .85em; }
			&.show-outimage-q-onimage-alt{
				> div > *{ padding-#{$left}: 18.5%; }
			}
        }
    }

    &.pcols-lg-5,
    &.pcols-lg-4,
    &.pcols-lg-3,
    &.pcols-lg-2 {
        li.product {
            > * {
                padding-#{$left}: 21.5%;
            }
            .product-image { width: 20%; font-size: 1em; }
			&.show-outimage-q-onimage-alt{
				> div > *{ padding-#{$left}: 21.5%; }
				> *{ padding-left: 0; }
			}
        }
    }

    @media #{$screen-large} {
        &.pcols-md-6 {
            li.product {
                > * {
                    padding-#{$left}: 18.8%;
                }
                .product-image { width: 17%; font-size: .75em; }
				&.show-outimage-q-onimage-alt{
					> div > *{ padding-#{$left}: 18.8%; }
				}
            }
        }

        &.pcols-md-5 {
            li.product {
                > * {
                    padding-#{$left}: 21.8%;
                }
                .product-image { width: 20%; font-size: .8em; }
				&.show-outimage-q-onimage-alt{
					> div > *{ padding-#{$left}: 21.8%; }
				}
            }
        }

        &.pcols-md-4,
        &.pcols-md-3,
        &.pcols-md-2 {
            li.product {
                > * {
                    padding-#{$left}: 24.3%;
                }
                .product-image { width: 22.5%; font-size: .9em; }
				&.show-outimage-q-onimage-alt{
					> div > *{ padding-#{$left}: 24.3%; }
				}
            }
        }
    }
}

.column2 ul.list {
    &.pcols-lg-6 {
        li.product {
            > * {
                padding-#{$left}: 18.5%;
            }
            .product-image { width: 17%; font-size: .8em; }
			&.show-outimage-q-onimage-alt{
				> div > *{ padding-#{$left}: 18.5%; }
			}
        }
    }

    &.pcols-lg-5,
    &.pcols-lg-4,
    &.pcols-lg-3,
    &.pcols-lg-2 {
        li.product {
            > * {
                padding-#{$left}: 21.5%;
            }
            .product-image { width: 20%; font-size: .9em; }
			&.show-outimage-q-onimage-alt{
				> div > *{ padding-#{$left}: 21.5%; display: block; }
				> *{ padding-left: 0; }
			}
        }
    }

    @media #{$screen-large} {
        &.pcols-md-6,
        &.pcols-md-5 {
            li.product {
                > * {
                    padding-#{$left}: 21.8%;
                }
                .product-image { width: 20%; font-size: .8em; }
				&.show-outimage-q-onimage-alt{
					> div > *{ padding-#{$left}: 21.8%; }
				}
            }
        }

        &.pcols-md-4,
        &.pcols-md-3,
        &.pcols-md-2 {
            li.product {
                > * {
                    padding-#{$left}: 24.3%;
                }
                .product-image { width: 22.5%; font-size: .8em; }
				&.show-outimage-q-onimage-alt{
					> div > *{ padding-#{$left}: 24.3%; }
				}
            }
        }
    }
}

ul.list,
.column2 ul.list {
    @media #{$screen-medium} {
        &.pcols-xs-3,
        &.pcols-xs-2,
        &.pcols-xs-1 {
            li.product {
                > * {
                    padding-#{$left}: 0;
                }
                .rating-after { display: none; }
                .product-image {
                    width: 30%;
                    margin-#{$right}: 18px;
                    font-size: .8em;
                }
				&.show-outimage-q-onimage-alt{
					> div > *{ padding-#{$left}: 0; }
				}
            }
        }
    }

    @media #{$screen-small} {
        &.pcols-ls-2,
        &.pcols-ls-1 {
            li.product {
                .product-image {
                    width: 40%;
                    margin-#{$right}: 15px;
                    font-size: .75em;
                }
            }
        }
    }
}

ul.products.list,
.column2 ul.products.list {
    li.product-category {
        img {
            width: 100%;
            font-size: 1em;
        }
    }
}

ul.products,
.column2 ul.products {
    li.product-category {
        a {
            text-decoration: none;
        }
        .thumb-info {
            min-height: 90px;
            margin-bottom: 0;
            text-align: $left;

            h3 {
                font-weight: inherit;
                font-size: 1em;
                font-weight: inherit;
                color: inherit;
                line-height: inherit;
                margin: 0;
                padding: 0;
                text-transform: uppercase;
            }
        }

        mark {
            padding: 0;
            background: transparent;
            color: inherit;
        }
    }
}

.porto-products.hide-count {
    ul.products {
        li.product-category {
            .thumb-info-wrap {
                bottom: 10%;
                position: absolute;
                left: 0;
                right: 0;
                text-align: center;

                .thumb-info-title {
                    position: static;
                    display: inline-block;
                }

                h3 {
                    line-height: 1;
                }
            }
            .thumb-info-type {
                display: none;
            }
        }
    }
}

ul.products,
.column2 ul.products {
    &.products-slider,
    &.product-carousel {
        li.product,
        li.product-category {
            float: none;
            width: 100%;
			/*&.show-outimage-q-onimage-alt{
				width: calc(100% - 20px);
			}*/
        }
    }
}

ul.products,
.column2 ul.products {
    &.product-carousel {
        margin: 0;
    }
}

ul.products {
    &.product_list_widget {
        .product {
            float: none;
            text-align: $left;
            padding-#{$left}: 0;

            .product-image {
                margin-#{$left}: 0;
                margin-#{$right}: 15px;
            }

            .rating-wrap {
                display: block;
                margin: -8px 0 6px;
                height: auto;

                .star-rating {
                    width: 5.5em;
                }
            }
        }

        .add-links {
            font-size: .8571em;
            .add_to_cart_button,
            .add_to_cart_read_more {
                text-indent: 0 !important;
                &:before {
                    display: none;
                }
            }

            .tooltip {
                display: none !important;
            }
        }

        .labels,
        .description,
        .yith-wcwl-add-to-wishlist,
        .add-links .quickview {
            display: none;
        }

        .rating-wrap {
            .rating-before,
            .rating-after {
                display: none !important;
            }

            .star-rating {
                margin-#{$left}: 0 !important;
                font-size: 1em;

                &:before,
                span:before {
                    #{$left}: 0 !important;
                }
            }
        }
        .add-links-wrap {
            display: block !important;
        }
        .links-on-image {
            .add-links-wrap {
                display: none !important;
            }
        }
    }
}

.yith-wcan-loading {
    height: 200px;
}

.prdctfltr_filter_title a {
    text-decoration: none;
}

/* Add to Cart Notification Style 2 */
#loading-mask {
	font-size: 1.1em;
	font-weight: 700;
	position: fixed;
	text-align: center;
	z-index: 20002;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.loader-container {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 199;
	text-align: center;
	background-color: rgba(255,255,255,.5);	
	display: none;
	> .loader {
		position: absolute;
		width: 100%;
		top: 50%;
		margin-top: -8px;
	}
	i.porto-ajax-loader {
		display: inline-block;
		border: 2.5px solid;
		width: 24px;
		height: 24px;
		vertical-align: middle;
		border-radius: 20px;
		border-bottom-color: transparent !important;
		-moz-animation: spin 2s infinite linear;
		-o-animation: spin 2s infinite linear;
		-webkit-animation: spin 2s infinite linear;
		animation: spin 2s infinite linear;
	}
}
.after-loading-success-message {
	display: none;
	font-size: 1.1em;
	position: fixed;
	text-align: center;
	z-index: 20002;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.background-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .5;
	filter: Alpha(Opacity=50);
	background-color: transparent;
}
.success-message-container {
	margin: auto;
	padding: 20px 14px;
	line-height: 1.4;
	position: relative;
	text-align: center;
	top: 35%;
	width: 300px;
	z-index: 1000;
	background: #fff none repeat scroll 0 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	.product-name {
		font-size: 14px;
		margin: 5px 0 10px;
	}
	.msg {
		display: block;
		margin-bottom: 10px;
		font-size: 13px;
	}
	button {
		margin-top: 12px;
		padding: 8.5px 0;
		min-width: 133px;
		border-radius: $border-base;
	}
	img {
		display: inline-block;
		width: 30%;
	}
}