VITAMMY Next e1 Ciśnieniomierz naramienny z komunikatami głosowymi + zasilacz

87,75 PLN

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap'); .desc-text{width:1470px !important; max-width:100%; } .pojemnik {max-width: 100% ;margin: auto; width: 1470px; } .pojemnik {scroll-behavior: smooth;} .pojemnik {font-family: "Lato", sans-serif; font-weight: 300;} .pojemnik *{box-sizing: border-box;} .pojemnik a {text-decoration: none; text-align: center; color: white;} .pojemnik img { max-width: 100%;} .pojemnik p{font-size: 19px !important;} .pojemnik .naglowek{margin: 4% 0 4% ;} .pojemnik h1, .pojemnik .naglowek h2{ font-size:32px !important; font-weight: 900 !important; text-align: center;} .pojemnik .naglowek h3{ color: #6D4873; font-size:28px !important; line-height:1.5em; font-weight: bold; text-align: center;} .wiersz{ display: flex;} .wiersz.hero, .pojemnik .oProdukcie{background-color:#31183C;} .wiersz .prawa, .wiersz .lewa{display: flex;flex-direction: column; width: 50%;} .wiersz.hero .tytul h2 { font-size:26px !important; color:white !important ; margin: 30px 0 0 0; font-weight: 700 !important; text-align:center} .wiersz.hero .tytul img { margin-left: -18px;margin-top: -10px;} .wiersz.hero .vitammy{max-width: 50%;text-align: center;margin-bottom: 15px;} .wiersz.hero .lewa{justify-content: space-between;padding: 5% 8%;} .wiersz.cechy p {color: #6D4873; font-weight: bold;font-size: 14px;} .wiersz.cechy {display: flex;flex-wrap: wrap;justify-content: space-evenly;padding:0; margin: 0 0 5% 0;} .wiersz .cecha:hover{transform: scale(1.15);} .wiersz .cecha {flex: 0 0 18%;text-align: center;margin: 30px 0;transition: 0.2s;} .wiersz .cecha img {max-width: 70px;} .pojemnik .oProdukcie{padding:5% 20%; margin-bottom: 3%;} .pojemnik .oProdukcie img{width: 30%; margin: 0 0 5% 0;} .pojemnik .oProdukcie div{text-align: center;} .pojemnik .oProdukcie p{color:white; text-align: center; font-weight: bold; line-height: 1.7em;} .wiersz.elementy.mobile, .wiersz.elementy.desktop{flex-direction:column; justify-content: space-around;} .wiersz.elementy.mobile .next, .wiersz.elementy.desktop .next{ text-align:center; position: relative; margin-top: 5%;} .wiersz.elementy.desktop .next img{max-width: 70%;} .wiersz.elementy p span{font-size: 1.4em; color:#6d4873; font-weight: bold; position: absolute; top: 5px; left: -30px;} .wiersz.elementy.mobile{display:none;} .pojemnik .separator {margin-top: 20%;} .wiersz.tlo {background-image: url(https://novamed.pl/media/wysiwyg/Vitammy/next/tloOpacity.jpg); padding: 4% 2%; background-size: auto; background-position: bottom; background-repeat: no-repeat;} .wiersz.tlo .prawa {width: 40%; justify-content: center; margin-left:40px;} .wiersz.tlo .lewa {width: 60%;} .wiersz.tlo li{line-height: 1.6em; font-weight: 400;} .wiersz.tlo li:nth-of-type(odd){background: #F4F4F4;} /* hotspot */ .elementy .marker1a, .elementy .marker1b, .elementy .marker1c, .elementy .marker1d, .elementy .marker1e, .elementy .marker1f, .elementy .marker1g { position: absolute; width: 30px; height: 30px; background-color: #6d4873; color: white; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-weight: bold; font-size: 15px; transform: translate(-50%, -50%); animation: pulse 0.7s infinite alternate ease-in-out; } /* ulożenie opisow kropek desktop */ .wiersz.elementy.desktop .marker1 {position: absolute;top: 120%; left: 8%;transition: 0.2s;} .wiersz.elementy.desktop .marker2 {position: absolute;top: 120%; left: 18%;transition: 0.2s;} .wiersz.elementy.desktop .marker3 {position: absolute;top: 120%; left: 30%;transition: 0.2s;} .wiersz.elementy.desktop .marker4 {position: absolute;top: 120%; left: 43%;transition: 0.2s;} .wiersz.elementy.desktop .marker5 {position: absolute;top: 120%; left: 56%;transition: 0.2s;} .wiersz.elementy.desktop .marker6 {position: absolute;top: 120%; left: 72%;transition: 0.2s;} .wiersz.elementy.desktop .marker7 {position: absolute;top: 120%; left: 88%;transition: 0.2s;} /* hover po najechaniu na kropki */ .elementy.desktop .next .marker1a:hover ~ .marker1 {transform: translateY(-30px); font-weight: bold;} .elementy.desktop .next .marker1b:hover ~ .marker2 {transform: translateY(-30px); font-weight: bold;} .elementy.desktop .next .marker1c:hover ~ .marker3 {transform: translateY(-30px); font-weight: bold;} .elementy.desktop .next .marker1d:hover ~ .marker4 {transform: translateY(-30px); font-weight: bold;} .elementy.desktop .next .marker1e:hover ~ .marker5 {transform: translateY(-30px); font-weight: bold;} .elementy.desktop .next .marker1f:hover ~ .marker6 {transform: translateY(-30px); font-weight: bold;} .elementy.desktop .next .marker1g:hover ~ .marker7 {transform: translateY(-30px); font-weight: bold;} /* animacja kropek */ @keyframes pulse {0% {transform: translate(-50%, -50%) scale(1);} 100% {transform: translate(-50%, -50%) scale(1.25); }} .wiersz.opis {background-color: #f5f5f5; margin-bottom: 20px;} .wiersz.opis b {font-weight: bold;} .wiersz.opis p {margin: 0 0 20px 0; line-height: 1.