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 figcaption{opacity: 0;visibility: hidden;height: 0;line-height: 0;}
article.product .flags{position: absolute;top: 10px;left: 10px;/*opacity: 0;*/opacity: 1;}
article.product .flags.flagsLoaded{opacity: 1;}
article.product .flags .flag{position:relative; float: left;padding: 6px 4px;margin-right: 5px;width: 62px; height: 62px;border-radius: 62px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); line-height: 53px; text-align:center; font-family: 'RobotoCondensedBold', Arial, Helvetica, 'Segoe UI', sans-serif; -webkit-font-smoothing: auto; font-size: 14px;}
article.product .flags .flag:after{content: ''; position: absolute; top: 3px; left: 3px; width: calc(100% - 8px); width: -webkit-calc(100% - 8px); height: calc(100% - 8px); height: -webkit-calc(100% - 8px); border: 1px solid #fff;
    border-radius: calc(100% - 8px);}
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;/*width: 100%;*/}
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 .desc{position: relative;display: block;margin: 7px 0 0;padding: 0 25px;text-align: center;}
article.product .desc .name{color: #333333;}
article.product .desc .price{display: table;margin: 2px auto 0;font-size: 0;line-height: 0;}
article.product .desc .price p{float: left;line-height: 27px; font-size: 16px; font-family: 'RobotoMedium', Arial, Helvetica, 'Segoe UI', sans-serif; color: #1a1a1a;}
article.product .desc .price .old{ color: #999999; position: relative; margin-right: 16px;}
article.product .desc .price .old:after{content: ''; position: absolute; top: 14px; left: 0; height: 1px; width: 90%; border-top: 1px solid #f54f4f; transform: rotate(-15deg);}
article.product .desc .price .discount{color: #f54f4f;/*margin-left: 10px;padding: 0 4px;background: #D0021B;*/margin-left: 16px;}
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 span{position: absolute;top: 0;cursor: pointer;z-index: 10;}
article.product span::before{content: '';display: block;}*/
article.product span:not(.disabled):hover::before{background-position: left bottom;}
article.product span.sel::before{background-position: left bottom;}
article.product .item-buttons{margin-top: 15px;}
article.product .addCart{text-transform: uppercase;}
article.product .addComp{left: 3px;padding: 5px;}
article.product .addComp::before{width: 10px;height: 10px;background: url(/sysimages/icon-compare.png) left top/10px no-repeat;}
article.product .addWish{right: 3px;padding: 4px;}
article.product .addWish::before{width: 12px;height: 12px;background: url(/sysimages/icon-wishlist02.png) left top/12px no-repeat;}
article.product .remWish{right: 10px; top: 10px; padding: 4px;position: absolute;cursor: pointer;z-index: 10;}
article.product .remWish::before{content: '';display: block; width: 18px;height: 18px;background: url(/sysimages/icon-remove-2.png) left top/18px no-repeat;}
article.product .desc .item-buttons .addComp.disabled{opacity: 0.5;cursor: default;}
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 .desc .name{overflow: hidden;max-height: 28px;height: 28px;display: -webkit-box;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media screen and (min-width: 768px){
	article.product:hover .image{border-color: #999;}
	article.product:hover .quickshop{opacity: 1;visibility: visible;}
	/*article.product .desc .name{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/
}

@media screen and (max-width: 768px){
   article.product .flags{top: 15px; left: 15px;}
   article.product .desc{margin: 5px 0;padding: 0 0px;}
   article.product .desc .name{padding: 2px 5px 0;}
   article.product .desc .price{text-align: center;}
   article.product .desc .price p{float: none;display: inline-block;vertical-align: top;}
}

@media screen and (max-width: 767px){
	
	article.product .flags{left: 5px;top: 5px;}
	article.product .flags .flag{width: 46px; height: 46px;border-radius: 46px;line-height: 36px;font-size: 11px;}

	article.product.mobile .image{position: relative;}
	article.product.mobile .image ul{list-style: none;margin: 0;}
	article.product.mobile .image ul.slider li{overflow: hidden; opacity: 0; height: 1px;}
	article.product.mobile .image ul.slider li:first-child, article.product.mobile .image ul.slider.slick-initialized li{opacity: 1; height: auto;}
	article.product.mobile .image ul li:first-child img{display: block;width: 100%;}
	article.product.mobile .image ul.slider.slick-initialized li img{width: 100%;display: block;}

	/* ------- MAIN LIST  ------- */
	article.product.mobile .main-list{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 1;display: none;}
	article.product.mobile .main-list.big{height: 100%;overflow: auto;}
	article.product.mobile .main-list > div{background-color: rgba(255, 255, 255, 0.8);position: relative;padding: 15px;}
	article.product.mobile .main-list a.close-div{position: absolute;top: 10px;right: 10px;width: 15px;height: 15px;background: url(../../sysimages/icon-close.png) no-repeat left top/15px;}
	article.product.mobile .main-list a.close-div:hover{background-position: left bottom;}

	article.product.mobile .main-list .wrapper-list p{display: block;width: 100%;text-align: center;padding-bottom: 5px;}
	article.product.mobile .main-list .wrapper-list ul{list-style: none;margin: 0;text-align: center;}
	article.product.mobile .main-list .wrapper-list ul li{display: block;width: 100%;padding-bottom: 2px;}
	/* ------- MAIN LIST  ------- */

	/* --------- CORES ---------- */
	article.product.mobile .colors-container.main-list ul li{display: inline-block;width: 25px;margin-left: 5px;}
	article.product.mobile .colors-container.main-list ul li:first-child{margin-left: 0;}
	article.product.mobile .colors-container.main-list ul li a{padding: 5px;display: inline-block; border: 1px solid #dadada; text-decoration: none;line-height: normal; font-size: 11px;}
	article.product.mobile .colors-container.main-list ul li a span{width: 21px;height: 21px;border-radius: 100%;display: block;border: 1px solid #fff;}
	article.product.mobile .colors-container.main-list ul li a img{border-radius: 100%;width: 100%;}
	/* --------- CORES ---------- */

	/* ---------- DESC ---------- */
	article.product.mobile .desc{padding: 8px 0 0 0;margin: 0;}
	article.product.mobile .desc .wrapper-top{display: table;width: 100%;padding-bottom: 15px;}
	article.product.mobile .desc .wrapper-top .wrapper-wishlist{display: table-cell;vertical-align: middle;}
	article.product.mobile .desc .wrapper-top .wrapper-name{display: table-cell;vertical-align: middle;width: 100%;text-align: center;padding: 0px 6px;/*display: none;*/}
	article.product.mobile .desc .wrapper-top .flags{float: right;width: auto;padding: 0 8px 0 0;}
	article.product.mobile .desc .wrapper-top .flags .flag{padding-left: 3px;padding-right: 0;float: right;}
	article.product.mobile .desc .wrapper-top .flags .flag span{top: 2px;}

	article.product.mobile .desc .wrapper-bottom > div:not(.wrapper-button){margin-right: 5px; width: calc(100% - 139px);}
	article.product.mobile .desc .wrapper-bottom .price, article.product.mobile .desc .wrapper-bottom .selected-color{margin-top: 0;width: 50%; border: 2px solid #dadada;float: left;padding: 0px 5px;height: 40px;}
	article.product.mobile .desc .wrapper-bottom .price{ border-radius: 2px 0px 0 2px;}
	article.product.mobile .desc .wrapper-bottom .selected-color{ border-radius: 0px 2px 2px 0px;}
	article.product.mobile .desc .wrapper-bottom .price div.table, article.product.mobile .desc .wrapper-bottom .selected-color div.table{width: 100%;display: table;text-align: center;height: 100%;}
	article.product.mobile .desc .wrapper-bottom .price div.table p{display: table-cell;vertical-align: middle;float: none;width: 100%;text-align: center;font-size: 14px;font-family: Helvetica, 'Segoe UI', sans-serif; font-weight: 400;}
	article.product.mobile .desc .wrapper-bottom .price div.table p.current{line-height: 18px;}
	article.product.mobile .desc .wrapper-bottom .price div.table.old-visible p{display: block;}
	article.product.mobile .desc .wrapper-bottom .price div.table p.old{margin-right: 0; line-height: 15px;padding-top: 2px;}
	article.product.mobile .desc .wrapper-bottom .price div.table p.old span{font-size: 12px;}
	article.product.mobile .desc .wrapper-bottom .price div.table p.old:after{left: 50%; width: 46px; margin-left: -23px; top: 9px;}

	article.product.mobile .desc .wrapper-bottom .selected-color,


	article.product.mobile .desc .wrapper-bottom .selected-color{border-left: 0;/*width: 74px;*/padding-top: 7px;padding-bottom: 7px;text-align: center;display: table;}
	article.product.mobile .desc .wrapper-bottom .selected-color > div{display: table-cell; vertical-align: middle;}
	article.product.mobile .desc .wrapper-bottom .selected-color a{display: block; text-decoration: none;}
	article.product.mobile .desc .wrapper-bottom .selected-color a:hover{text-decoration: none;}
	article.product.mobile .desc .wrapper-bottom .selected-color p, article.product.mobile .desc .wrapper-bottom .selected-color span{display: block;}
	article.product.mobile .desc .wrapper-bottom .selected-color p{padding-bottom: 4px;}

	article.product.mobile .desc .wrapper-bottom .wrapper-button{float: left;width: 134px;}
	article.product.mobile .desc .wrapper-bottom .wrapper-button button{width: 100%;padding-top: 11px;padding-bottom: 11px;height: 40px;}
	/* ---------- DESC ---------- */
	

	/* SLIDER DOTS */
	article.product.mobile .image .slider .slick-dots{top: 17px;bottom: auto;text-align: left;left: 10px;}
	article.product.mobile .image .slider .slick-dots li{margin-left: 3px;}
	article.product.mobile .image .slider .slick-dots li button{width: 5px;height: 5px;background-color: #999;}
	/* SLIDER DOTS */

	/* GUIDE */
	article.product.mobile .main-list .wrapper-list p{font-family: 'Montserrat-Regular', Arial, Helvetica, 'Segoe UI', sans-serif;color: #000;}
	article.product.mobile .main-list .wrapper-list ul li a{color: #000;}
	article.product.mobile .main-list .wrapper-list ul li a.disabled{pointer-events: none;cursor: default;color: #999;}
	article.product.mobile .colors-container.main-list ul li a.sel{border: 1px solid #000;}
	article.product.mobile .desc .wrapper-bottom .selected-color p{font-size: 10px;color: #262626;line-height: 11px;text-transform: lowercase;}
	article.product.mobile .desc .wrapper-bottom .selected-color span{ font-size: 14px; font-family: Helvetica, 'Segoe UI', sans-serif; font-weight: 400; color: #1a1a1a;}
	article.product.mobile .desc .wrapper-bottom .wrapper-button button.btn-cart-esgotado{background-color: #999;border-color: #999;color: #fff;}
	/* GUIDE */
}