<style class="wpcode-css-snippet">#bar-fixed { position: fixed; bottom: 0; left: 0; width: 100%; padding: 20px 40px; background: #121212; z-index: 10000; -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px -50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 630px 60px -30px; box-shadow: rgba(0, 0, 0, 0.25) 0px -50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 630px 60px -30px; } #bar-fixed > div { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #bar-fixed .bar-content .bar-info { display: -webkit-box; display: -ms-flexbox; display: flex; } #bar-fixed .bar-content .bar-info .image { width: 45px; height: 45px; overflow: hidden; border-radius: 100%; margin-right: 20px; } #bar-fixed .bar-content .bar-info img{ object-size: cover; min-witdth: 100%; min-height: 100%; } #bar-fixed .bar-content .bar-info .title { font-size: 1rem; font-weight: 700; float: left; width: 100%; } #bar-fixed .bar-content .bar-info .title p { padding: 0; } #bar-fixed .bar-content .bar-info ul { padding: 0; list-style-type: none; margin: 0; min-width: 110px; } #bar-fixed .bar-content .bar-info li, #bar-fixed .bar-content .bar-info a { opacity: .4; float: left; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; list-style-type: none; font-size: 12px; margin-right: 10px; margin: 0; display: inline-block; text-decoration: none; color: #fff; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } #bar-fixed .bar-content .bar-info a:hover { opacity: 1; } #bar-fixed .bar-content .bar-info li:not(:last-child):after, #bar-fixed .bar-content .bar-info li:not(:last-child)::after { content: ','; margin-right: 5px; } #bar-fixed .bar-content .bar-action { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 3vw; } #bar-fixed .bar-content .bar-action .controls { max-width: 40px; cursor: pointer; } #bar-fixed .bar-content .bar-action #pause { display: none; } #bar-fixed .bar-action .bar-play { max-width: 45px; margin: 0 20px; cursor: pointer; } #bar-fixed .bar-action .bar-play img { width: 100%; } #bar-fixed .bar-content .bar-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; float: right; margin-right: 65px; max-width: 100%; } #bar-fixed .bar-content .bar-progress-text { opacity: .5; } #bar-fixed .bar-content .bar-progress-line { height: 4px; background: rgba(255,255,255, .1); margin: 0 20px; width: 50vw; border-radius: 4px; } #bar-fixed .bar-content .bar-progress-line #bar-progress { height: 100%; background: #fff; border-radius: 4px; width: 0%; } @media only screen and (max-width: 1368px) { #bar-fixed .bar-content .bar-progress-line { width: 35vw; } } @media only screen and (max-width: 1024px) { #bar-fixed .bar-content .bar-progress-line { width: 15vw; } } @media only screen and (max-width: 768px) { #bar-fixed .bar-content .bar-progress { display: block; position: absolute; top: 0; left: 0; width: 100%; } #bar-fixed .bar-content .bar-progress-text { display: none!important; } .bar-progress-line { width: 100%!important; margin: 0!important; border-radius: 0px!important; } } @media only screen and (max-width: 650px) { #bar-fixed .bar-content .bar-info { display: none!important; } #bar-fixed > div { -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; } } div#yq-row-contanct { z-index: 0; } .has-global-section:has(div > div > div > div > #form-contatti) { z-index: 0; }</style>Labello Studios: Temporary Store e Merchandising

LABELLO STUDIOS: Temporary Store & Merchandising in edizione limitata per celebrare il rilancio dell’iconico burro cacao