/* Sticker base */
.fmm_sticker_base_span{ 
    position: absolute; 
    z-index:12;
    box-sizing: border-box;
}

/* Sticker posizioni */
.sticker-position-left{
    left:12px;
    right:auto;
    text-align: left;
}
.sticker-position-right{
    right:12px;
    left:auto;
    text-align: right;
}
.sticker-position-top{
    top:12px;
    bottom:auto;
    text-align: left;
}
.sticker-position-bottom{
    bottom:12px;
    top:auto;
    text-align: right;
}
@media (max-width: 767px) {
    .sticker-position-left{ left:10px; }
    .sticker-position-right{ right:10px; }
    .sticker-position-top{ top:10px; }
    .sticker-position-bottom{ bottom:10px; }
}

.sticker-position-top.sticker-position-left{ text-align: left; }
.sticker-position-top.sticker-position-right{ text-align: right; }
.sticker-position-bottom.sticker-position-left{ text-align: left; }
.sticker-position-bottom.sticker-position-right{ text-align: right; }

.sticker-position-center{
    left:50%; top:50%;
    right:auto; bottom:auto;
    -webkit-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align: center;
}
.sticker-position-top.sticker-position-center{
    left:50%; top:12px;
    -webkit-transform:translate(-50%, 0px);
    -moz-transform:translate(-50%, 0px);
    -ms-transform:translate(-50%, 0px);
    -o-transform:translate(-50%, 0px);
    transform:translate(-50%, 0px);
    text-align: center;
}
.sticker-position-bottom.sticker-position-center{
    left:50%; top:auto; bottom:12px;
    -webkit-transform:translate(-50%, 0px);
    -moz-transform:translate(-50%, 0px);
    -ms-transform:translate(-50%, 0px);
    -o-transform:translate(-50%, 0px);
    transform:translate(-50%, 0px);
}
.sticker-position-left.sticker-position-center{
    left:12px; top:50%;
    right:auto; bottom:auto;
    -webkit-transform:translate(0px, -50%);
    -moz-transform:translate(0px, -50%);
    -ms-transform:translate(0px, -50%);
    -o-transform:translate(0px, -50%);
    transform:translate(0px, -50%);
    text-align: left;
}
.sticker-position-right.sticker-position-center{
    left:auto; top:50%;
    right:12px; bottom:auto;
    -webkit-transform:translate(0px, -50%);
    -moz-transform:translate(0px, -50%);
    -ms-transform:translate(0px, -50%);
    -o-transform:translate(0px, -50%);
    transform:translate(0px, -50%);
    text-align: right;
}
@media (max-width: 767px) {
    .sticker-position-top.sticker-position-center{ top:10px; }
    .sticker-position-bottom.sticker-position-center{ bottom:10px; }
    .sticker-position-left.sticker-position-center{ left:10px; }
    .sticker-position-right.sticker-position-center{ right:10px; }
}

/* Sticker di testo */
.product-accessories .fmm_title_text_sticker,
#prod-detail-left .fmm_title_text_sticker,
.fmm_title_text_sticker{
    font-weight: 600 !important;
    line-height: 1.0;
    border-bottom:none;
    max-width:50%;
    min-width: 1px; min-height: 1px;    
    padding: 6px 11px !important;
    margin-top: 0px;
    margin-bottom: 3px;
    font-size: 14px !important;
    text-transform: none;
    border-radius: 3px;    
}
@media (max-width: 767px) {
    .product-accessories .fmm_title_text_sticker,
    #prod-detail-left .fmm_title_text_sticker,
    .fmm_title_text_sticker{
        padding: 5px 10px !important;
        font-size: 12px !important;
        max-width:80%;
    }
}
.product-accessories .product-flag-sticker img{
    max-width:50px;
}
@media(max-width:767px){
    .product-flag-sticker img{
        max-width:50px !important;
    }
}
/* Hinter */
.fmm_hinter {
    position: absolute;
    opacity: 0.0;
    box-shadow: 4px 4px 4px rgba(0,0,0,0.07);    
    font-family: 'cera_round_pro_demoregular'; font-style: normal;
    font-size:13px; font-weight: 500 !important;
    line-height: 1.0; padding: 5px 11px !important;
    border-radius: 0px;    
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    white-space: nowrap;
}
.fmm_hinter .arrow:before{
    content: '';
    display:block;
    width:10px; height:10px;
}

.fmm_hinter_l { right:106%; top:50%; }
.fmm_hinter_r { left:106%; top:50%; }
.fmm_hinter_l_txt { right:106%; top:50%; }
.fmm_hinter_r_txt { left:106%; top:50%; }

.fmm_hinter_l, .fmm_hinter_r,
.fmm_hinter_l_txt, .fmm_hinter_r_txt{
    -webkit-transform:translate(0px, -50%);
    -moz-transform:translate(0px, -50%);
    -ms-transform:translate(0px, -50%);
    -o-transform:translate(0px, -50%);
    transform:translate(0px, -50%);
}

.fmm_sticker_base_span:hover > .fmm_hinter { opacity:1.0 !important;}

.hinter-arrow-left,
.hinter-arrow-right{
    position: absolute;
    top:0px;
}
.hinter-arrow-left{
    left:-14px;
}
.hinter-arrow-right{
    right:-14px;
}
