.sbButton { display: block; background-color: #dedede; border-radius: 3px; font-size: 18px; font-weight: 600; line-height: 32px !important; color: #ffffff !important; text-decoration: none !important; cursor: default; transition: 0.2s ease-in-out;}
.sbButton i { transition: 0.2s ease-in-out;}
.sbbText .text-body { line-height: 30px !important;}
.sbbUp, .sbbIcoUp, .sbbIcoDown, .sbbVote { cursor: pointer;}
.sbbUp i.fa { line-height: 32px;}
.sbButton.sbbFace { background-color: #3a579a;}
.sbButton.sbbTwit { background-color: #00abf0;}
.sbButton.sbbPint { background-color: #cd1c1f;}
.sbButton.sbbWhat { background-color: #33b847;}
.sbButton.sbbVote > span { font-size: 20px; color: #111111 !important;}
.sbButton:not(.sbbUp):not(.sbbText):not(.sbbVoteIco):hover { background-color: #cecece;}
.shareBlock:not(.shareBlockStickyLeft):not(.shareBlockStickyRight) .sbbUp:hover,
.shareBlock:not(.shareBlockStickyLeft):not(.shareBlockStickyRight) .sbbIcoUp:hover i,
.shareVote:not(.shareBlockStickyLeft):not(.shareBlockStickyRight) .sbbIcoUp:hover i { transform: translateY(-3px);}
.sbbIcoDown:hover i { transform: translateY(3px);}
.sbbVote.active { background-color: #fdc316;}
.sbbVote.activex1,
.sbbVote.activex2,
.sbbVote.activex3,
.sbbVote.activex4,
.sbbVote.activex5,
.sbbVote.activex6,
.sbbVote.activex7,
.sbbVote.activex8,
.sbbVote.activex9,
.sbbVote.activex10,
.sbbVote.activex { position: relative;}
.sbbVote.activex1::before,
.sbbVote.activex2::before,
.sbbVote.activex3::before,
.sbbVote.activex4::before,
.sbbVote.activex5::before,
.sbbVote.activex6::before,
.sbbVote.activex7::before,
.sbbVote.activex8::before,
.sbbVote.activex9::before,
.sbbVote.activex10::before,
.sbbVote.activex::before { content: ''; background-color: #fdc316; font-size: 12px; display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; width: 0%; overflow: hidden;}
.sbbVote img,
.sbbVote > span { position: relative; z-index: 50;}
.sbbVote:hover img { transform: scale(1.2);}
.sbbVote:hover > span { color: #007bff !important;}
.sbbVote .svg { height: 50px;}

.shareBlockSticky { position: fixed; z-index: 100;}
.shareBlockStickyFooter { bottom: 0; left: 0; right: 0;}
.shareBlockStickyLeft { left: 0; top: 20%;}
.shareBlockStickyRight { right: 0; top: 20%;}
.shareBlockSticky > div:first-child { display: none;}
.shareBlockSticky .sbButton { border-radius: 0; line-height: 32px !important;}
.shareBlockSticky .sbbText .text-body { line-height: 30px !important;}
.shareBlockStickyLeft .sbbText i,
.shareBlockStickyRight .sbbText i,
.shareBlockStickyLeft .sbbText span.text,
.shareBlockStickyRight .sbbText span.text,
.shareBlockStickyLeft .sbbUp > span,
.shareBlockStickyRight .sbbUp > span { display: none !important;}
.shareBlockStickyLeft .sbbText span:not(.text),
.shareBlockStickyRight .sbbText span:not(.text) { display: block; text-align: center;}
.shareBlockStickyLeft .sbbUp > i,
.shareBlockStickyRight .sbbUp > i { margin-right: 0 !important;}
.shareBlockStickyLeft .sbbText,
.shareBlockStickyRight .sbbText,
.shareBlockStickyLeft .sbbUp,
.shareBlockStickyRight .sbbUp { width: 56px !important;}
.shareBlockStickyLeft .sbbUp.wAuto,
.shareBlockStickyRight .sbbUp.wAuto { width: auto !important;}
.shareBlockStickyLeft .sbbUp > span.dBlock,
.shareBlockStickyRight .sbbUp > span.dBlock { display: inline-block !important;}
.shareBlockStickyRight .sbbUp { text-align: right !important;}
.shareBlockStickyRight .sbbUp.wAuto > span { margin-right: 8px;}

.productInfoShareBoxAbs { position: absolute; bottom: 0; left: 0;}

h1.fs24 { line-height: 28px; letter-spacing: 0.2pt;}

.voteBlockStars { display: block;}
.vbsStar { cursor: pointer;}
.vbsStar i { color: #eaeaea;}
.vbsStar.active i { color: #ffc200;}
.vbsWiShadow .vbsStar i,
.vbsWiShadow .vbsInfo { text-shadow: -1px -1px 2px #00000040;}

.imgCover { object-fit: cover; object-position: center;}
.h160 { height: 240px;} 

@media (max-width: 576px) {

    .sbbVote.activex1::before,
    .sbbVote.activex2::before,
    .sbbVote.activex3::before,
    .sbbVote.activex4::before,
    .sbbVote.activex5::before,
    .sbbVote.activex6::before,
    .sbbVote.activex7::before,
    .sbbVote.activex8::before,
    .sbbVote.activex9::before,
    .sbbVote.activex10::before { right: 0; width: 100% !important; top: 50%;}

    .productImageBox { position: relative; left: -10px; right: 0; width: 100vw;}
    .productImageBox img { width: 100%;}
}