inFace Multifunctional Ion Facial Device — Szary

/* =============== inFace Multifunctional Ion Facial Device =============== */ #inface_multifunctional_ion_facial { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; font-family: Camphor Pro; } #inface_multifunctional_ion_facial ul, #inface_multifunctional_ion_facial ol { list-style: none; padding-left: 0; } #inface_multifunctional_ion_facial video, #inface_multifunctional_ion_facial img { vertical-align: middle; } #inface_multifunctional_ion_facial video { width: 100%; height: auto; } #inface_multifunctional_ion_facial.xiaomi_container { max-width: 2560px; } #inface_multifunctional_ion_facial .section { line-height: 1.2; } #inface_multifunctional_ion_facial .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #inface_multifunctional_ion_facial .font-bold { font-weight: 700; } #inface_multifunctional_ion_facial .font-light { font-weight: 300; } #inface_multifunctional_ion_facial .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #inface_multifunctional_ion_facial .text-box.text-box--left { text-align: left; } #inface_multifunctional_ion_facial .text-box--white { color: #ffffff; } #inface_multifunctional_ion_facial .text-box .title, #inface_multifunctional_ion_facial .text-box .desc, #inface_multifunctional_ion_facial .text-box .text { display: block; } #inface_multifunctional_ion_facial .text-box .title { font-size: 28px; line-height: 1.2; } #inface_multifunctional_ion_facial .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #inface_multifunctional_ion_facial .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 700; } #inface_multifunctional_ion_facial .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #inface_multifunctional_ion_facial .text-box .text.text--small { font-size: 14px; opacity: .5; } #inface_multifunctional_ion_facial .video-box, #inface_multifunctional_ion_facial .image-box { padding: 0 12.5%; } #inface_multifunctional_ion_facial .video-box video { width: 100%; height: auto; } #inface_multifunctional_ion_facial .video a, #inface_multifunctional_ion_facial .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #inface_multifunctional_ion_facial .video a img, #inface_multifunctional_ion_facial .video .video-link img { transition: 0.3s ease-in-out transform; } #inface_multifunctional_ion_facial .video a:hover img, #inface_multifunctional_ion_facial .video .video-link:hover img { transform: scale(1.1); } #inface_multifunctional_ion_facial .video a::after, #inface_multifunctional_ion_facial .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/inface-multifunctional-ion-facial/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #inface_multifunctional_ion_facial .text-box { padding: 5%; } #inface_multifunctional_ion_facial .text-box .title { font-size: 26px; } #inface_multifunctional_ion_facial .text-box .title.title--big { font-size: 36px; } #inface_multifunctional_ion_facial .video-box, #inface_multifunctional_ion_facial .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .text-box .title { font-size: 22px; } #inface_multifunctional_ion_facial .text-box .title.title--big { font-size: 28px; } #inface_multifunctional_ion_facial .text-box .desc { font-size: 18px; margin-top: 10px; } #inface_multifunctional_ion_facial .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #inface_multifunctional_ion_facial .text-box { padding: 10% 5%; } #inface_multifunctional_ion_facial .text-box .title { font-size: 20px; } #inface_multifunctional_ion_facial .text-box .title.title--big { font-size: 24px; } #inface_multifunctional_ion_facial .text-box .desc { font-size: 16px; } #inface_multifunctional_ion_facial .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #inface_multifunctional_ion_facial .text-box .title { font-size: 36px; } } @media (min-width: 1620px) { #inface_multifunctional_ion_facial .text-box .text { padding-left: 10%; padding-right: 10%; } #inface_multifunctional_ion_facial .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Floating text-box =============== */ #inface_multifunctional_ion_facial .section.section-float { position: relative; z-index: 1; height: 520px; } #inface_multifunctional_ion_facial .section.section-float--big { height: 680px; } #inface_multifunctional_ion_facial .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #inface_multifunctional_ion_facial .section .text-box.text-box-float--left { left: 5%; } #inface_multifunctional_ion_facial .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #inface_multifunctional_ion_facial .section.section-float { height: 420px; } #inface_multifunctional_ion_facial .section.section-float--big { height: 560px; } #inface_multifunctional_ion_facial .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 450px; } #inface_multifunctional_ion_facial .section .text-box.text-box-float, #inface_multifunctional_ion_facial .section .text-box.text-box-float--left { position: static; text-align: center; transform: none; padding: 10% 5%; width: 100%; } } @media only screen and (max-width: 575.98px) { #inface_multifunctional_ion_facial .section.section-float { padding-bottom: 300px; } } @media only screen and (max-width: 363.98px) { #inface_multifunctional_ion_facial .section.section-float { padding-bottom: 220px; } } @media (min-width: 1200px) { #inface_multifunctional_ion_facial .section.section-float { height: 620px; } #inface_multifunctional_ion_facial .section.section-float--big { height: 820px; } #inface_multifunctional_ion_facial .section .text-box.text-box-float { width: 40%; } #inface_multifunctional_ion_facial .section .text-box.text-box-float--left { left: 12.5%; } #inface_multifunctional_ion_facial .section .text-box.text-box-float--right { width: 35%; } } @media (min-width: 1620px) { #inface_multifunctional_ion_facial .section.section-float { height: 820px; } #inface_multifunctional_ion_facial .section.section-float--big { height: 980px; } #inface_multifunctional_ion_facial .section .text-box.text-box-float { width: 35%; } #inface_multifunctional_ion_facial .section .text-box.text-box-float--right { left: 55%; } } @media (min-width: 2080px) { #inface_multifunctional_ion_facial .section.section-float { height: 1080px; } #inface_multifunctional_ion_facial .section.section-float--big { height: 1180px; } } /* =============== Section 01 =============== */ #inface_multifunctional_ion_facial .section-01 { padding-bottom: 7.5%; } #inface_multifunctional_ion_facial .section-01 .text-box img { width: 96px; margin-bottom: 30px; display: inline-block; } #inface_multifunctional_ion_facial .section-01 .text-box .title { font-size: 36px; } #inface_multifunctional_ion_facial .section-01 .text-box .title span { white-space: nowrap; } #inface_multifunctional_ion_facial .section-01 .text-box .desc { margin-top: 10px; font-weight: 500; } #inface_multifunctional_ion_facial .section-01 .image-wrapper { text-align: center; max-width: 860px; width: 90%; margin: 0 auto; overflow: hidden; border-radius: 20px; } #inface_multifunctional_ion_facial .section-01 .text-bottom { text-align: center; padding: 30px 5% 0; } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .section-01 .text-box .title { font-size: 28px; } #inface_multifunctional_ion_facial .section-01 .text-box img { width: 68px; } } @media only screen and (max-width: 363.98px) { #inface_multifunctional_ion_facial .section-01 .text-box .title { font-size: 22px; } } @media (min-width: 1200px) { #inface_multifunctional_ion_facial .section-01 .text-box .title { font-size: 42px; } } /* =============== Section 02 =============== */ #inface_multifunctional_ion_facial .section-02 { padding-top: 7.5%; padding-bottom: 7.5%; background-color: #242424; } #inface_multifunctional_ion_facial .section-02 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; } #inface_multifunctional_ion_facial .section-02 .list .item { color: #ffffff; flex: 0 0 33.3333%; width: 33.3333%; padding: 30px 20px; font-size: 15px; font-weight: 300; text-align: center; } #inface_multifunctional_ion_facial .section-02 .list .item img { width: 110px; } #inface_multifunctional_ion_facial .section-02 .list .item .title { display: block; font-size: 22px; font-weight: bold; margin-top: 20px; } #inface_multifunctional_ion_facial .section-02 .list .item .text { display: block; margin-top: 10px; } @media (max-width: 991.98px) { #inface_multifunctional_ion_facial .section-02 .list .item .title { font-size: 18px; } } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .section-02 .list .item { font-size: 14px; } #inface_multifunctional_ion_facial .section-02 .list .item img { width: 86px; } #inface_multifunctional_ion_facial .section-02 .list .item .title { font-size: 16px; } #inface_multifunctional_ion_facial .section-02 .list .item .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #inface_multifunctional_ion_facial .section-02 .list .item { padding: 20px 10px; flex: 0 0 50%; width: 50%; } } @media only screen and (max-width: 363.98px) { #inface_multifunctional_ion_facial .section-02 .list .item { flex: 0 0 100%; width: 100%; } } /* =============== Section 03 =============== */ #inface_multifunctional_ion_facial .section-03 { padding: 2.5% 0 7.5%; background-color: #AACAE4; } #inface_multifunctional_ion_facial .section-03 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 5%; } #inface_multifunctional_ion_facial .section-03 .list .item { color: #191919; flex: 0 0 25%; width: 25%; padding: 30px 20px; font-size: 15px; font-weight: 600; text-align: center; } #inface_multifunctional_ion_facial .section-03 .list .item img { width: 110px; } #inface_multifunctional_ion_facial .section-03 .list .item .text { display: block; margin-top: 20px; } #inface_multifunctional_ion_facial .section-03 .image-wrapper { max-width: 860px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #inface_multifunctional_ion_facial .section-03 .image-item { flex: 0 0 calc(50% - 30px); width: calc(50% - 30px); border-radius: 20px; overflow: hidden; position: relative; z-index: 1; } #inface_multifunctional_ion_facial .section-03 .image-item .text { background-color: rgba(0,0,0,0.25); position: absolute; z-index: 2; bottom: 0; left: 0; text-align: center; width: 100%; padding: 10px; font-size: 22px; font-weight: 500; color: #ffffff; } @media (max-width: 991.98px) { #inface_multifunctional_ion_facial .section-03 .image-item { flex: 0 0 calc(50% - 10px); width: calc(50% - 10px); } } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .section-03 .list .item { font-size: 14px; } #inface_multifunctional_ion_facial .section-03 .list .item img { width: 86px; } #inface_multifunctional_ion_facial .section-03 .list .item .text { margin-top: 15px; } #inface_multifunctional_ion_facial .section-03 .image-item .text { font-size: 18px; } } @media only screen and (max-width: 575.98px) { #inface_multifunctional_ion_facial .section-03 .list .item { padding: 20px 10px; flex: 0 0 50%; width: 50%; } #inface_multifunctional_ion_facial .section-03 .image-item .text { font-size: 15px; } } /* =============== Section image box =============== */ #inface_multifunctional_ion_facial .section .image-box-wrap { padding: 0; width: 90%; max-width: 1024px; margin: 0 auto; overflow: hidden; border-radius: 20px; } #inface_multifunctional_ion_facial .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #ffffff; } #inface_multifunctional_ion_facial .section .image-box--reverse { flex-direction: row-reverse; } #inface_multifunctional_ion_facial .section .text-wrap, #inface_multifunctional_ion_facial .section .image { width: 50%; flex: 0 0 50%; } #inface_multifunctional_ion_facial .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: left; color: #191919; } #inface_multifunctional_ion_facial .section .text-wrap > div { width: 100%; } #inface_multifunctional_ion_facial .section .text-wrap .title { font-size: 24px; display: block; margin-bottom: 0; font-weight: bold; } #inface_multifunctional_ion_facial .section .text-wrap .text { font-weight: 300; padding-top: 20px; font-size: 15px; display: block; } @media (max-width: 991.98px) { #inface_multifunctional_ion_facial .section .text-wrap .title { font-size: 18px; } #inface_multifunctional_ion_facial .section .text-wrap .text { font-size: 14px; } } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .section .text-wrap { padding: 0 5%; } #inface_multifunctional_ion_facial .section .text-wrap .text { padding-top: 10px; } } @media only screen and (max-width: 575.98px) { #inface_multifunctional_ion_facial .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #inface_multifunctional_ion_facial .section .text-wrap, #inface_multifunctional_ion_facial .section .image { width: 100%; display: block; } #inface_multifunctional_ion_facial .section .text-wrap { padding: 10% 5%; text-align: center; } } @media (min-width: 1200px) { #inface_multifunctional_ion_facial .section .text-wrap { padding: 0 10%; } #inface_multifunctional_ion_facial .section .text-wrap .title { font-size: 28px; } } /* =============== Section spec =============== */ #inface_multifunctional_ion_facial .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #inface_multifunctional_ion_facial .section-notes ul { margin: 0; padding: 0; list-style: none; } #inface_multifunctional_ion_facial .section-notes ul li { color: #191919; font-size: 13px; line-height: 1.5; font-weight: 300; opacity: .5; padding-bottom: 5px; } @media (max-width: 991.98px) { #inface_multifunctional_ion_facial .section-notes { padding: 5%; } #inface_multifunctional_ion_facial .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #inface_multifunctional_ion_facial .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #inface_multifunctional_ion_facial .slick-dots { bottom: 35px; } #inface_multifunctional_ion_facial .slick-dots li button::before { font-size: 15px; color: #ffffff; transition: 0.3s ease-in-out opacity; font-family: 'slick'; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #inface_multifunctional_ion_facial .slick-dots li.slick-active button::before, #inface_multifunctional_ion_facial .slick-dots li:hover button::before { opacity: 1; } #inface_multifunctional_ion_facial .slick-dotted.slick-slider { margin-bottom: 0; } #inface_multifunctional_ion_facial .slick-slider > .slider-item { display: none; } #inface_multifunctional_ion_facial .slick-slider > .slider-item:first-child { display: block; } #inface_multifunctional_ion_facial .slick-slider .slick-dots li button { border-radius: 30px; } #inface_multifunctional_ion_facial .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #inface_multifunctional_ion_facial .slick-slider .slick-dots li.slick-active button, #inface_multifunctional_ion_facial .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #inface_multifunctional_ion_facial .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #inface_multifunctional_ion_facial .slick-dots { bottom: 15px; } } /* If you're copying, you are a very bad person. Very. */ require( ['aos', 'jquery'], function (AOS, $) { $(window).on('load scroll',function(){ AOS.init({ once:true }); }); } ); inFace Multifunctional Ion Facial Device 99,99% wskaźnik sterylizacji | Lekki i przenośny | Czyszczenie w 3 minuty Moc sieci jonowej | Błyskawiczna energia ssania Sunshine Yellow, Aurora Powder, Ice Silver Grey Potrójna energia Światło * ciepło * prąd, energia trafiająca bezpośrednio do dna skóry 3 tryby Chroni, odżywia, dodaje skórze witalności Certyfikat FDA Silikon klasy medycznej, łagodny dla skóry Certyfikat RoHS Bezpieczny w użyciu Kontrola temperatury 42° Ciepły i wygodny w użyciu, poprawia krążenie IPX6 wodoodporny Wodoodporna głowica masująca Gładka skóra jak skorupka jajka - pielęgnacja może być również bardzo prosta. Urządzenie inFace zapewnia ciepłe ukojenie + import i eksport jonów + odmładzanie skóry kolorowym światłem + masaż wibracyjny, technologia multi-efektów - wszystko po to by Twoja skóra odzyskała blask od wewnątrz. Ciepły i kojący Import i eksport jonów Odmładzanie skóry kolorowym światłem Masaż wibracyjny Przed użyciem Po użyciu