.product-stickers {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-sticker {
    height: 24px;
    border-radius: 4px;
    margin-right: 5px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sticky-top-custom .product-sticker,
.product-page-details .product-sticker {
    height: 28px;
    font-size: 12px;
}

.product-sticker.big {
    width: 54px;
    height: 54px;
    font-size: 8px;
}

.product-sticker.circle {
    border-radius: 50%;
}

.basic-product.theme-product-1 .product-stickers,
.basic-product.theme-product-6 .product-stickers {
    -webkit-filter: grayscale(60%);
    filter: grayscale(60%);
    transition: filter .3s, opacity .3s;
    -webkit-transition: filter .3s, -webkit-filter .3s, opacity .3s;
    opacity: .6;
}

.basic-product.theme-product-1:hover .product-stickers,
.basic-product.theme-product-6:hover .product-stickers {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.sticker-best-fill {
    background-color: #4a90e2
}

.sticker-best {
    color: #4a90e2;
    border: 1px solid #4a90e2;
    background-color: #fff
}

.basic-product.theme-product-1:hover .product-stickers .sticker-best,
.basic-product.theme-product-6:hover .product-stickers .sticker-best {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    background-color: #4a90e2;
    color: #fff
}

.sticker-new-fill {
    background-color: #00b5a7
}

.sticker-new {
    color: #00b5a7;
    border: 1px solid #00b5a7;
    background-color: #fff
}

.basic-product.theme-product-1:hover .product-stickers .sticker-new,
.basic-product.theme-product-6:hover .product-stickers .sticker-new {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    background-color: #00b5a7;
    color: #fff
}

.sticker-sale-fill {
    background-color: #F44
}

.sticker-sale {
    color: #F44;
    border: 1px solid #F44;
    background-color: #fff;
}

.basic-product.theme-product-1:hover .product-stickers .sticker-sale,
.basic-product.theme-product-6:hover .product-stickers .sticker-sale {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    background-color: #F44;
    color: #fff
}

.sticker-percent-fill {
    background-color: #F44
}

.sticker-percent {
    color: #F44;
    border: 1px solid #F44;
    background-color: #fff;
}

.sticker-percent,
.sticker-percent-fill {
    font-size: 13px;
}

.basic-product.theme-product-1:hover .sticker-percent,
.basic-product.theme-product-6:hover .sticker-percent {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    background-color: #F44;
    color: #fff
}

.sticker-gift-fill {
    background-color: #ff9900
}

.sticker-gift {
    color: #ff9900;
    border: 1px solid #ff9900;
    background-color: #fff
}

.basic-product.theme-product-1:hover .product-stickers .sticker-gift,
.basic-product.theme-product-6:hover .product-stickers .sticker-gift {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    background-color: #ff9900;
    color: #fff
}


.sticker-i {
    display: block;
    width: 16px;
    height: 11px;
    margin-bottom: 4px
}


.sticker-popular .sticker-i {
    width: 14px;
    height: 21px;
    margin-top: -6px;
    margin-bottom: 5px
}


.sticker-profitable .sticker-i {
    width: 20px;
    height: 18px;
    margin-top: -3px;
    margin-bottom: 7px
}

.sticker-presents .sticker-i {
    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-bottom: 6px
}