FLAEM ASPIRA 40L Ssak wysokoprzepływowy o wydajności 40l/min
Opis
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
.catalog-product-view .tabs-container #description .description{width:1420px !important; max-width:100%;}
.pojemnik{max-width:100%; margin:auto; width:1420px; background-color:#fff; scroll-behavior:smooth; font-family:"Roboto", sans-serif; font-weight:300;}
.pojemnik *{box-sizing:border-box;}
.pojemnik a{text-decoration:none; text-align:center; color:#000;}
.pojemnik img{max-width:100%;}
.pojemnik p{font-size:20px;}
.wiersz{display:flex;}
.wiersz .prawa,
.wiersz .lewa{display:flex; flex-direction:column; width:50%;}
.pojemnik .naglowek p,
.wiersz.opis p{color:#000000; font-size:18px; line-height:30px; font-weight:400;}
.pojemnik .naglowek h3,
.wiersz.opis h3{font-size:30px; font-weight:500; color:#1F3C90;}
.wiersz.opis p,
.wiersz.opis h3{text-align:left;}
.wiersz.opis h3{margin:20px 0;}
.wiersz.opis{justify-content:center; }
.wiersz.opis .lewa,
.wiersz.opis .prawa{width:45%;}
.pojemnik .naglowek h3{width:50%; margin:2% auto; text-align:center;}
.pojemnik .naglowek p{max-width:65%; margin:auto; text-align:center;}
.wiersz.hero{align-items:center; justify-content:space-around; padding:30px 0; background:linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 40%, #2E3E8C 40%, #2E3E8C 50%, #2E3E8C 100%); margin-bottom:7%;}
.wiersz.hero .lewa{width:53%; padding:0 0 0 7%;}
.wiersz.hero .lewa img{margin-bottom:-22%;}
.wiersz.hero .prawa{width:41%; align-items:end; padding:0 3% 0 0;}
.wiersz img.flaemlogo{max-width:350px; margin-bottom:10%;}
.wiersz img.modelLogo{max-width:80%; margin-bottom:20px; margin-right:20px;}
.wiersz.hero h2{font-weight:500 !important; font-size:34px; font-style:italic !important; margin:10px 20px !important; color:white !important; text-align:right; width:80%;}
.wiersz.cechy{display:flex; flex-wrap:wrap; justify-content:center; padding:0;}
.wiersz.cechy a{text-decoration:none !important;}
.wiersz.cechy p{font-size:18px; font-weight:500; margin-top:24px; color:#1F3C90;}
.wiersz .cecha{flex:0 0 16%; text-align:center; margin:30px 0; transition:0.2s;}
.wiersz .cecha img{max-width:120px;}
.wiersz.opis b{font-weight:bold;}
.pojemnik .naglowek.naglowek3{margin:3% 0 4%;}
.pojemnik .naglowek.naglowek3 h3{color:#009FE3; font-style:italic; width:90%; text-align:left; }
.pojemnik .naglowek.naglowek3 p{max-width:90%; text-align:left; margin:2% auto;}
.pojemnik .naglowek.naglowek3.naglowek2{margin:6% 0;}
.pojemnik .naglowek.naglowek3.naglowek2 h3{font-style:normal; color:#1F3C90;}
.pojemnik .naglowek.naglowek3.naglowek2 div{text-align:center; margin-bottom:-5%;}
.wiersz.opis .tekst{justify-content:center; padding:0;}
/* sekcja opis 1 */
.wiersz.opis1Gray{background-color:#2E3E8C; margin:5% auto;}
.wiersz.opis1Gray .lewa img{width:75%; transform:scale(1.25); border-radius:250px; margin-top:5%;}
.wiersz img.okraglyIMG{border-radius:250px;}
.wiersz.opis1Gray .prawa{width:40%;}
.wiersz.opis1Gray .prawa img{width:75%; padding-top:5%;}
.wiersz.opis1Gray p {margin-top:15px; color:white !important;}
.wiersz.opis1{justify-content:center; align-items:center; padding:0 15px; gap:5%; margin:5% auto;}
.wiersz.opis1 .prawa{width:45%; margin-right:40px; padding:0;}
.wiersz.opis1 .lewa{width:40%; align-items:center;}
.wiersz.opis1 .lewa img{width:85%;}
.wiersz.opis1 .prawa img{width:75%;}
/* elementy */
.pojemnik .elementy{margin:8% 0 3%;}
.pojemnik .sekcja-elementow{display:flex; justify-content:center; align-items:center; gap:5%;}
.pojemnik .grupy-elementow{width:45%; display:flex; flex-direction:column; align-items:center; margin-bottom:30px;}
.pojemnik .grupy-elementow .numer-rzedu{position:relative;}
.pojemnik .single-row .numer-kafelka{display:flex; position:absolute;}
.pojemnik .single-row .numer-kafelka:nth-of-type(1){top:16%; left:70%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(2){top:38%; left:78%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(3){top:35%; left:48%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(4){top:50%; left:47%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(5){top:40%; left:36%;}
.pojemnik .single-row .numer-kafelka:nth-of-type(6){top:63%; left:15%;}
.pojemnik .numer-kafelka{cursor:pointer;}
.pojemnik .numer-kafelka p{font-size:20px; transition:transform 0.4s; width:35px; height:35px; margin:auto; text-align:center; background-color:#1F3C90; color:#fff; border-radius:50%; padding-top:5px; font-weight:bold;}
.pojemnik .numer-kafelka p.active{background-color:#009FE3; box-shadow:0px 0px 15px #1F3C90; color:#fff;}
.pojemnik .nazwy-elementow{display:flex; align-items:center; justify-content:center; width:30%;}
.pojemnik .element p{text-align:left; padding:9px 15px; font-weight:500; transition:transform 0.4s; cursor:pointer; color:#1F3C90; font-size:23px; margin:0;}
.pojemnik .element.active p{transform:scale(1.10); background-color:transparent; color:#009FE3; font-style:italic;}
.pojemnik .
