/* == RIBBON CSS == */
.ribbon-wrapper-green {
	display: inline;
	height: 88px;
	overflow: hidden;
	position: absolute;
	top: 0;
}
.product-thumb .product-labels,.product-image .product-labels{
	display:none !important;
}
html[dir='ltr'] .ribbon-wrapper-green{
	left: 16px;
}
html[dir='ltr'] .site-wrapper .ribbon-wrapper-green{
	left: 0px;
}
html[dir='rtl'] .site-wrapper .ribbon-wrapper-green{
	right: 0px;
}
html[dir='rtl'] .ribbon-wrapper-green {
    right: 15px;
}
.product-info > .left{
	position:relative;
}
.el .ribbon-green{
	font-size:12px;
}
.ribbon-green {
	z-index:100;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	font-size:11px;
	letter-spacing:1px;
	font-weight:bold;
	padding: 2px 0;
	position: relative;
	text-align: center;
	top: 14px;
	text-indent:-29px;
	width: 192px;
	text-transform: uppercase;
}
html[dir='ltr'] .ribbon-green{
	transform: rotate(-39deg);
	-ms-transform: rotate(-39deg); /* IE 9 */
	-webkit-transform: rotate(-39deg);/*Chrome,Safari,Opera*/
	left: -45px;
}
html[dir='rtl'] .ribbon-green{
	transform: rotate(39deg);
	-ms-transform: rotate(39deg); /* IE 9 */
	-webkit-transform: rotate(39deg);/*Chrome,Safari,Opera*/
	right: -45px;
}
.ribbon-green:before, .ribbon-green:after {
	bottom: -3px;
	content: "";
	position: absolute;
}

.ribbon-green:before {
	left: 0;
}
.ribbon-green:after {
	right: 0;
}
.box-product > div{
	position:relative;
}

.oc3 .product-info .ribbon-wrapper-green,
.oc3 .product-thumb .ribbon-wrapper-green {
	left:0;
	height: 100px;
}

.oc3 .product-info .ribbon-green,
.oc3 .product-thumb .ribbon-green {
    top: 0;
    left: 0;
    right: initial;
    bottom: initial;
    transform: translate3d(-50%,-50%,0) rotate(-45deg);
	width: 150%;
    margin: calc(20px + var(--label-diagonal-offset, 20px)) !important;
    padding: 4px 0;
	text-indent: initial;
}

.oc3 .product-info .ribbon-wrapper-green {
	top:0 !important;
	height: 130px;
}
.oc3 .product-info .ribbon-green {
	margin: calc(20px + var(--label-diagonal-offset, 30px)) !important;
}

/* == RIBBON CSS == */