article.product{position: relative;display: block;text-decoration: none;}
article.product a:not([class]){display: block;text-decoration: none;}
article.product .remove{position: absolute;top: 12px;right: 12px;padding-right: 19px;z-index: 10;line-height: 13px;}
article.product .remove::after{content: '';position: absolute;top: 0;right: 0;width: 13px;height: 13px;background: url(sysimages/icon-remove.png) no-repeat left top;background-size: 13px;}
article.product .image{position: relative;}
article.product .image > a{display: block;text-decoration: none;}
article.product .image img{display: block;width: 100%;}
article.product .flags{position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;}
article.product .flags .flag{display: inline-block;padding: 0 9px;margin: 0 3px;border-radius: 5px;}
article.product .image .wrapper-colors ul{list-style: none;margin: 0;}
article.product .image .wrapper-colors ul li{float: left;width: 30px;margin-right: 9px;}
article.product .image .wrapper-colors ul li:first-child{margin-left: 0;}
article.product .image .wrapper-colors ul li img{width: auto;}
article.product .wrapper-colors{position: absolute;bottom: 0;left: 0;width: 100%;padding: 8px 0;background-color: rgba(51, 51, 51, 0.25);visibility: hidden;opacity: 0;font-size: 0;line-height: 0;text-align: center;z-index: 1;}
article.product .wrapper-colors > div{position: relative;display: inline-block;padding: 0 40px;}
article.product .wrapper-colors ul{margin: 0;}
article.product .wrapper-colors img{display: block;}
article.product .wrapper-colors .bx-controls a{position: absolute;top: calc(50% - 15px);width: 30px;height: 30px;background: url(sysimages/icon-controls-02.png) left top/60px;no-repeat;text-indent: -9999px;}
article.product .wrapper-colors .bx-controls a.disabled{display: none;}
article.product .wrapper-colors .bx-controls a.bx-prev{left: 5px;background-position: left top;}
article.product .wrapper-colors .bx-controls a.bx-next{right: 5px;background-position: right top;}
article.product .wrapper-colors .bx-controls a.bx-prev:hover{background-position: left bottom;}
article.product .wrapper-colors .bx-controls a.bx-next:hover{background-position: right bottom;}
article.product .image .overlay{visibility: hidden;opacity: 0;position: absolute;top: 20px;left: 20px;bottom: 20px;right: 20px;background-color: rgba(196,137,112,0.6);}
article.product .image .overlay > div{display: table;width: 100%;height: 100%;}
article.product .image .overlay > div > div{display: table-cell;vertical-align: middle;text-align: center;}
article.product .image .overlay p{position: relative;}
article.product .image .overlay p::after{content: '';position: absolute;bottom: -18px;left: calc(50% - 10px);width: 20px;height: 2px;background-color: #FFF;}
article.product .image .overlay-wish{top: 38px;}
article.product .image .item-buttons{visibility: hidden;opacity: 0;position: absolute;bottom: 52px;left: 0;width: 100%;font-size: 0;line-height: 0;text-align: center;}
article.product .image .item-buttons span{display: inline-block;cursor: pointer;}
article.product .image .item-buttons span::before{content: '';display: block;}
article.product .image .item-buttons span:not(.disabled):hover::before{background-position: left bottom;}
article.product .image .item-buttons span.sel::before{background-position: left bottom;}
article.product .image .item-buttons .addCart::before{width: 16px;height: 16px;background: url(sysimages/icon-cart-small.png) left top/16px no-repeat;}
article.product .image .item-buttons .addComp::before{width: 10px;height: 10px;background: url(sysimages/icon-compare.png) left top/10px no-repeat;}
article.product .image .item-buttons .addWish::before{width: 22px;height: 22px;background: url(sysimages/icon-wishlist02.png) left top/22px no-repeat;}
article.product .image .item-buttons .addComp.disabled{opacity: 0.5;cursor: default;}
article.product .image .remWish{position: absolute;top: 8px;right: 11px;padding-left: 17px;}
article.product .image .remWish::before{content: '';position: absolute;top: calc(50% - 4px);left: 0;width: 10px;height: 10px;background: url(sysimages/icon-close.png) left top/10px no-repeat;}
article.product .desc{position: relative;display: block;margin: 13px 0 0;padding: 0 25px;text-align: center;}
article.product .desc .family{padding-bottom: 3px;}
article.product .desc .name{padding-bottom: 8px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
article.product .desc .price{display: table;margin: 0 auto;font-size: 0;line-height: 0;}
article.product .desc .price p{float: left;line-height: 16px;}
article.product .desc .price .old{margin-right: 16px;position: relative;}
article.product .desc .price .old::after{content:'';position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../sysimages/line-through.png) no-repeat;background-position: center center;}
article.product .desc .price .discount{margin-left: 10px;padding: 0 4px;background: #D0021B;}
article.product .desc .rating{min-height: 11px;margin-top: 4px;font-size: 0;line-height: 0;text-align: center;}
article.product .desc .rating span{display: inline-block;width: 11px;height: 11px;margin-left: 1px;background: url(sysimages/icon-star.png) no-repeat left top;background-size: 11px;}
article.product .desc .rating:not(.disabled) span{cursor: pointer;}
article.product .desc .rating span.sel{background-position: left bottom;}
article.product .desc .rating span.sel2{background-position: left -11px;}
article.product .desc .rating span:first-child{margin-left: 0;}
article.product .quickshop{position: absolute;bottom: 0;left: 0;width: 100%;padding: 15px;opacity: 0;visibility: hidden;text-align: center;background-color: rgba(0, 0, 0, 0.4);z-index: 2;}
article.product:hover .image{border-color: #999;}
article.product:hover .image .flags{visibility: hidden;opacity: 0;}
article.product:hover .image .overlay{visibility: visible;opacity: 1;}
article.product:hover .image .item-buttons{visibility: visible;opacity: 1;}
article.product:hover .quickshop{opacity: 1;visibility: visible;}
article.productCW{width: 100%;clear: both;line-height: 0;margin-top: 28px;}
article.productCW .prodImage{background:#fff;float: left;max-width: 158px;margin-right: 4px;padding: 10px;}
article.productCW .prodImage a{position: relative;display: block;line-height: 0;}
article.productCW .prodImage .mask{transition: 0.2s opacity;opacity: 0;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(196, 137, 112, 0.6) url(./sysimages/plusIco.png) no-repeat;background-size: 22px;background-position: center;}
article.productCW .prodImage:hover .mask{opacity: 1;}
article.productCW .prodImage img{width: 100%;}
article.productCW .prodDesc{background: #FFF;float: left;width: calc(100% - 162px);padding: 24px;}
article.productCW .prodDesc .leftDesc{width: 498px;float: left;}
article.productCW .prodDesc .leftDesc .prod-desc{margin-top: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
article.productCW .prodDesc .rightDesc{float: right;max-width: calc(100% - 498px);}
article.productCW .prodDesc .rightDesc .button{float: right;margin-top: 30px;margin-bottom: 32px;padding: 17px 49px 18px;}
article.productCW .prodDesc .rightDesc .prodPrice{float: left;margin-right: 24px;}
article.productCW .prodDesc .rightDesc .prodPrice .h3{margin-top: 46px;}
article.productCW .prodDesc .rightDesc .prodPrice .old{margin-right: 21px;position: relative;}
article.productCW .prodDesc .rightDesc .prodPrice .old::after{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../sysimages/line-through.png) no-repeat;background-position: center center;}
article.product a[href="javascript:void(0);"] {cursor:default;}

@media screen and (max-width: 768px){
	article.product .flags{z-index: 3;bottom: 5px;}
	article.product .flags .flag{padding: 0 4px;}
	article.product .image .overlay{display: none;}
	article.product .image .item-buttons{display: none;}
	article.product .desc{margin: 11px 0 0;padding: 0 6px;}
	article.product .desc .family{padding-bottom: 5px;}
	article.product .desc .name{padding-bottom: 9px;}
	article.product:hover .image .flags{visibility: visible;opacity: 1;}
	article.productCW{margin-top: 6px;}
	article.productCW .prodImage{max-width: 96px;}
	article.productCW .prodDesc{width: calc(100% - 100px);width: -webkikt-calc(100% - 100px);padding: 5px 8px 10px;}
	article.productCW .prodDesc .leftDesc{width: 100%;}
	article.productCW .prodDesc .leftDesc .prod-desc{display: none;}
	article.productCW .prodDesc .rightDesc{float: none;width: 100%;max-width: 100%;clear: both;}
	article.productCW .prodDesc .rightDesc .prodPrice p.h3{margin-top: 15px;}
	article.productCW .prodDesc .rightDesc .button{display: none;}
}