Xiaomi Temperature and Humidity Monitor Clock

/* =============== Xiaomi Temperature and Humidity Monitor Clock =============== */ #temperature_humidity_monitor_clock { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; } #temperature_humidity_monitor_clock ul, #temperature_humidity_monitor_clock ol { list-style: none; padding-left: 0; } #temperature_humidity_monitor_clock video, #temperature_humidity_monitor_clock img { vertical-align: middle; } #temperature_humidity_monitor_clock video { width: 100%; height: auto; } #temperature_humidity_monitor_clock.xiaomi_container { max-width: 2560px; } #temperature_humidity_monitor_clock .section { line-height: 1.2; } #temperature_humidity_monitor_clock .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #temperature_humidity_monitor_clock .font-bold { font-weight: 700; } #temperature_humidity_monitor_clock .font-light { font-weight: 300; } #temperature_humidity_monitor_clock .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #temperature_humidity_monitor_clock .text-box.text-box--left { text-align: left; } #temperature_humidity_monitor_clock .text-box--white { color: #ffffff; } #temperature_humidity_monitor_clock .text-box .title, #temperature_humidity_monitor_clock .text-box .desc, #temperature_humidity_monitor_clock .text-box .text { display: block; } #temperature_humidity_monitor_clock .text-box .title { font-size: 32px; line-height: 1.2; } #temperature_humidity_monitor_clock .text-box .title.title--big { font-size: 42px; margin-bottom: 20px; } #temperature_humidity_monitor_clock .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 15px; font-weight: 700; } #temperature_humidity_monitor_clock .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #temperature_humidity_monitor_clock .text-box .text.text--small { font-size: 14px; opacity: .5; } #temperature_humidity_monitor_clock .video-box, #temperature_humidity_monitor_clock .image-box { padding: 0 12.5%; } #temperature_humidity_monitor_clock .video-box video { width: 100%; height: auto; } #temperature_humidity_monitor_clock .video a, #temperature_humidity_monitor_clock .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #temperature_humidity_monitor_clock .video a img, #temperature_humidity_monitor_clock .video .video-link img { transition: 0.3s ease-in-out transform; } #temperature_humidity_monitor_clock .video a:hover img, #temperature_humidity_monitor_clock .video .video-link:hover img { transform: scale(1.1); } #temperature_humidity_monitor_clock .video a::after, #temperature_humidity_monitor_clock .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/temperature-humidity-monitor-clock/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 2; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .text-box { padding: 5%; } #temperature_humidity_monitor_clock .text-box .title { font-size: 26px; } #temperature_humidity_monitor_clock .text-box .title.title--big { font-size: 36px; } #temperature_humidity_monitor_clock .video-box, #temperature_humidity_monitor_clock .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .text-box { padding: 10% 5%; } #temperature_humidity_monitor_clock .text-box .title { font-size: 22px; } #temperature_humidity_monitor_clock .text-box .title.title--big { font-size: 28px; } #temperature_humidity_monitor_clock .text-box .desc { font-size: 18px; margin-top: 10px; } #temperature_humidity_monitor_clock .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .text-box .title { font-size: 20px; } #temperature_humidity_monitor_clock .text-box .title.title--big { font-size: 24px; } #temperature_humidity_monitor_clock .text-box .desc { font-size: 16px; } #temperature_humidity_monitor_clock .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .text-box .title { font-size: 36px; } #temperature_humidity_monitor_clock .text-box .text { padding-left: 10%; padding-right: 10%; } #temperature_humidity_monitor_clock .text-box .text { font-size: 18px; } #temperature_humidity_monitor_clock .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } /* =============== Floating text-box =============== */ #temperature_humidity_monitor_clock .section.section-float { position: relative; z-index: 1; height: 520px; } #temperature_humidity_monitor_clock .section.section-float--big { height: 680px; } #temperature_humidity_monitor_clock .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #temperature_humidity_monitor_clock .section .text-box.text-box-float--left { left: 5%; } #temperature_humidity_monitor_clock .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .section.section-float { height: 420px; } #temperature_humidity_monitor_clock .section.section-float--big { height: 560px; } #temperature_humidity_monitor_clock .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 450px; } #temperature_humidity_monitor_clock .section .text-box.text-box-float, #temperature_humidity_monitor_clock .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) { #temperature_humidity_monitor_clock .section.section-float { padding-bottom: 300px; } } @media only screen and (max-width: 363.98px) { #temperature_humidity_monitor_clock .section.section-float { padding-bottom: 200px; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .section.section-float { height: 620px; } #temperature_humidity_monitor_clock .section.section-float--big { height: 820px; } #temperature_humidity_monitor_clock .section .text-box.text-box-float { width: 40%; } #temperature_humidity_monitor_clock .section .text-box.text-box-float--left { left: 12.5%; } #temperature_humidity_monitor_clock .section .text-box.text-box-float--right { width: 35%; } } @media (min-width: 1400px) { #temperature_humidity_monitor_clock .section .text-box.text-box-float { width: 30%; } #temperature_humidity_monitor_clock .section .text-box.text-box-float--right { left: 60%; } } @media (min-width: 1620px) { #temperature_humidity_monitor_clock .section.section-float { height: 820px; } #temperature_humidity_monitor_clock .section.section-float--big { height: 980px; } } @media (min-width: 2080px) { #temperature_humidity_monitor_clock .section.section-float { height: 1080px; } #temperature_humidity_monitor_clock .section.section-float--big { height: 1180px; } } /* =============== Section 01 =============== */ #temperature_humidity_monitor_clock .section-01 { background-image: url('https://media.mi-home.pl/products/temperature-humidity-monitor-clock/section-01.jpg'); height: 660px; position: relative; z-index: 1; } #temperature_humidity_monitor_clock .section-01 .text-box { padding: 0; position: absolute; z-index: 2; left: 7.5%; top: 20%; width: 40%; } #temperature_humidity_monitor_clock .section-01 .text-box img { width: 260px; margin-bottom: 20px; display: inline-block; } #temperature_humidity_monitor_clock .section-01 .text-box .title { font-size: 42px; line-height: 1; margin-bottom: 30px; } #temperature_humidity_monitor_clock .section-01 .text-box .title span { display: block; } #temperature_humidity_monitor_clock .section-01 .text-box .title span:last-child { display: inline-block; font-weight: 600; padding: 5px 10px; border: 2px solid #191919; border-radius: 5px; font-size: 32px; margin-top: 10px; } #temperature_humidity_monitor_clock .section-01 .text-box .desc { font-size: 24px; font-weight: normal; margin-top: 10px; } #temperature_humidity_monitor_clock .section-01 .text-box .text { margin-top: 15px; } #temperature_humidity_monitor_clock .section-01 .text-box .text--small { margin-top: 150px; font-size: 15px; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .section-01 { height: 560px; } #temperature_humidity_monitor_clock .section-01 .text-box img { width: 200px; margin-bottom: 15px; } #temperature_humidity_monitor_clock .section-01 .text-box { left: 5%; top: 15%; width: 45%; } #temperature_humidity_monitor_clock .section-01 .text-box .title { font-size: 36px; } #temperature_humidity_monitor_clock .section-01 .text-box .desc { font-size: 20px; } #temperature_humidity_monitor_clock .section-01 .text-box .text--small { margin-top: 100px; } #temperature_humidity_monitor_clock .section-01 .text-box .title span:last-child { font-size: 28px; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-01 { height: auto; background-position: right bottom; background-size: 140% auto; background-color: #EFF1F0; padding-bottom: 450px; } #temperature_humidity_monitor_clock .section-01 .text-box { width: 100%; padding: 10% 5%; position: static; transform: none; text-align: center; } #temperature_humidity_monitor_clock .section-01 .text-box img { width: 160px; } #temperature_humidity_monitor_clock .section-01 .text-box .desc { font-size: 16px; } #temperature_humidity_monitor_clock .section-01 .text-box .text--small { margin-top: 50px; font-size: 14px; } #temperature_humidity_monitor_clock .section-01 .text-box .title span:last-child { font-size: 24px; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-01 { padding-bottom: 300px; } #temperature_humidity_monitor_clock .section-01 .text-box .title { font-size: 28px; } } @media only screen and (max-width: 363.98px) { #temperature_humidity_monitor_clock .section-01 { padding-bottom: 200px; } #temperature_humidity_monitor_clock .section-01 .text-box img { width: 140px; } #temperature_humidity_monitor_clock .section-01 .text-box .title { font-size: 24px; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .section-01 { height: 780px; } #temperature_humidity_monitor_clock .section-01 .text-box { left: 12.5%; } #temperature_humidity_monitor_clock .section-01 .text-box .title { font-size: 48px; } #temperature_humidity_monitor_clock .section-01 .text-box .desc { font-size: 28px; } } @media (min-width: 1620px) { #temperature_humidity_monitor_clock .section-01 { height: 880px; } } @media (min-width: 2080px) { #temperature_humidity_monitor_clock .section-01 { height: 980px; } } /* =============== Section 02 =============== */ #temperature_humidity_monitor_clock .section-02 > .text-box { background-color: #6A82F5; } #temperature_humidity_monitor_clock .section-02 .section-wrapper { padding: 0 30px; position: relative; z-index: 1; } #temperature_humidity_monitor_clock .section-02 .section-wrapper::before { content: ''; background-color: #6A82F5; width: 100%; position: absolute; z-index: -1; left: 0; top: 0; height: 30%; } #temperature_humidity_monitor_clock .section-02 .image-wrapper { background-color: #f9f9f9; } #temperature_humidity_monitor_clock .section-02 .section-wrapper .text-box { text-align: center; } #temperature_humidity_monitor_clock .section-02 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #temperature_humidity_monitor_clock .section-02 .list .item { flex: 0 0 50%; width: 50%; padding: 20px; text-align: center; color: #191919; } #temperature_humidity_monitor_clock .section-02 .list .item img { width: 82px; display: inline-block; } #temperature_humidity_monitor_clock .section-02 .section-wrapper .text-box .text:first-child { margin-top: 0; margin-bottom: 10px; } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-02 .list .item img { width: 68px; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-02 .section-wrapper { padding: 0 15px; } #temperature_humidity_monitor_clock .section-02 .list .item { padding: 10px; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .section-02 .section-wrapper .text-box { position: absolute; z-index: 2; left: 0; top: 0; padding-right: 50%; padding-left: 10%; text-align: left; } } /* =============== Section 03 =============== */ #temperature_humidity_monitor_clock .section-03 { padding: 30px; } #temperature_humidity_monitor_clock .section-03 .section-wrapper .text-box { position: absolute; z-index: 2; left: 0; top: 0; padding-left: 50%; } #temperature_humidity_monitor_clock .section-03 .section-wrapper { position: relative; z-index: 1; } #temperature_humidity_monitor_clock .section-03 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #temperature_humidity_monitor_clock .section-03 .list .item { flex: 0 0 25%; width: 25%; padding: 20px; text-align: center; color: #191919; } #temperature_humidity_monitor_clock .section-03 .list .item img { width: 82px; display: inline-block; } #temperature_humidity_monitor_clock .section-03 .section-wrapper .text-box .text:first-child { margin-top: 0; margin-bottom: 10px; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .section-03 .section-wrapper .text-box { position: static; padding: 5%; text-align: center; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-03 .list .item img { width: 68px; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-03 { padding: 15px; } #temperature_humidity_monitor_clock .section-03 .list .item { flex: 0 0 50%; width: 50%; } } /* =============== Section 04 =============== */ #temperature_humidity_monitor_clock .section-04 { padding-top: 2.5%; padding-bottom: 7.5%; background-color: #6A82F5; } #temperature_humidity_monitor_clock .section-04 .list { max-width: 1080px; width: 90%; margin: 0 auto; display: flex; flex-wrap: wrap; } #temperature_humidity_monitor_clock .section-04 .list .item { flex: 0 0 50%; width: 50%; color: #ffffff; font-size: 18px; font-weight: 300; text-align: center; padding: 20px; } #temperature_humidity_monitor_clock .section-04 .list .item img { height: 82px; display: inline-block; } #temperature_humidity_monitor_clock .section-04 .list .item .text { display: block; opacity: .6; margin-top: 20px; } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-04 .list .item { font-size: 15px; } #temperature_humidity_monitor_clock .section-04 .list .item img { height: 54px; } } /* =============== Section 05 =============== */ #temperature_humidity_monitor_clock .section-05 { padding-top: 2.5%; padding-bottom: 7.5%; background-color: #f9f9f9; } #temperature_humidity_monitor_clock .section-05 .section-wrapper { display: flex; align-items: center; flex-wrap: wrap; padding: 0 10%; } #temperature_humidity_monitor_clock .section-05 .image-wrapper { flex: 0 0 40%; width: 40%; } #temperature_humidity_monitor_clock .section-05 .section-wrapper .text-box { flex: 0 0 60%; width: 60%; padding: 0 10% 0 0; } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-05 .image-wrapper, #temperature_humidity_monitor_clock .section-05 .section-wrapper .text-box { flex: 0 0 100%; width: 100%; } #temperature_humidity_monitor_clock .section-05 .section-wrapper .text-box { padding: 10% 0; text-align: center; } } /* =============== Section 06 =============== */ #temperature_humidity_monitor_clock .section-06 { padding-top: 2.5%; padding-bottom: 7.5%; } #temperature_humidity_monitor_clock .section-06 .image-wrapper { width: 90%; max-width: 1080px; margin: 0 auto; } /* =============== Section 07 =============== */ #temperature_humidity_monitor_clock .section-07 { background-color: #FAFAFA; } #temperature_humidity_monitor_clock .section-07 .section-wrapper { display: flex; align-items: center; flex-wrap: wrap; padding: 0 10%; } #temperature_humidity_monitor_clock .section-07 .image-wrapper { flex: 0 0 40%; width: 40%; } #temperature_humidity_monitor_clock .section-07 .section-wrapper .text-box { flex: 0 0 60%; width: 60%; padding: 0 10% 0 0; } #temperature_humidity_monitor_clock .section-07 .section-wrapper .text-box .text:first-child { margin-top: 0; margin-bottom: 10px; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .section-07 .section-wrapper { padding: 0 5%; } #temperature_humidity_monitor_clock .section-07 .section-wrapper .text-box { padding: 0 5% 5% 0; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-07 .image-wrapper, #temperature_humidity_monitor_clock .section-07 .section-wrapper .text-box { flex: 0 0 100%; width: 100%; } #temperature_humidity_monitor_clock .section-07 .section-wrapper .text-box { padding: 10% 0; text-align: center; } } /* =============== Section 08 =============== */ #temperature_humidity_monitor_clock .section-08 { padding: 30px; } #temperature_humidity_monitor_clock .section-08 .section-wrapper { display: flex; align-items: center; flex-wrap: wrap; flex-direction: row-reverse; } #temperature_humidity_monitor_clock .section-08 .image-wrapper { flex: 0 0 50%; width: 50%; } #temperature_humidity_monitor_clock .section-08 .text-box { flex: 0 0 50%; width: 50%; padding: 0 5%; } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-08 .image-wrapper, #temperature_humidity_monitor_clock .section-08 .text-box { flex: 0 0 100%; width: 100%; } #temperature_humidity_monitor_clock .section-08 .text-box { padding: 10% 0; text-align: center; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-08 { padding: 15px; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .section-08 .text-box { padding: 0 7.5%; } } /* =============== Section 09 =============== */ #temperature_humidity_monitor_clock .section-09 > .text-box { background-color: #6A82F5; } #temperature_humidity_monitor_clock .section-09 .section-wrapper { padding: 0 30px; position: relative; z-index: 1; } #temperature_humidity_monitor_clock .section-09 .section-wrapper::before { content: ''; background-color: #6A82F5; width: 100%; position: absolute; z-index: -1; left: 0; top: 0; height: 30%; } #temperature_humidity_monitor_clock .section-09 .image-wrapper { background-color: #f9f9f9; } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-09 .section-wrapper { padding: 0 15px; } } /* =============== Section 10 =============== */ #temperature_humidity_monitor_clock .section-10 { padding: 30px; } #temperature_humidity_monitor_clock .section-10 .image-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } #temperature_humidity_monitor_clock .section-10 .image-wrapper .item { flex: 0 0 calc(50% - 15px); width: calc(50% - 15px); } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-10 { padding: 15px; } #temperature_humidity_monitor_clock .section-10 .image-wrapper .item { flex: 0 0 100%; width: 100%; } #temperature_humidity_monitor_clock .section-10 .image-wrapper .item:first-child { margin-bottom: 15px; } } /* =============== Section 11 =============== */ #temperature_humidity_monitor_clock .section-11 { background-color: #f9f9f9; } #temperature_humidity_monitor_clock .section-11 .section-wrapper { display: flex; align-items: center; flex-wrap: wrap; padding: 10% 0; flex-direction: row-reverse; } #temperature_humidity_monitor_clock .section-11 .image-wrapper { flex: 0 0 50%; width: 50%; } #temperature_humidity_monitor_clock .section-11 .text-box { flex: 0 0 50%; width: 50%; padding: 0 10%; } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-11 .image-wrapper, #temperature_humidity_monitor_clock .section-11 .text-box { flex: 0 0 100%; width: 100%; } #temperature_humidity_monitor_clock .section-11 .image-wrapper { padding-right: 10%; } #temperature_humidity_monitor_clock .section-11 .text-box { padding: 0 5% 10% 5%; text-align: center; } } /* =============== Section 12 =============== */ #temperature_humidity_monitor_clock .section-12 { background-image: url('https://media.mi-home.pl/products/temperature-humidity-monitor-clock/section-12.jpg'); } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-12.section.section-float { background-position: right bottom; background-color: #EAEAEC; } } /* =============== Section 13 =============== */ #temperature_humidity_monitor_clock .section-13 { background-color: #D8DDE3; padding-top: 2.5%; } #temperature_humidity_monitor_clock .section-13 .text-box { padding-bottom: 2.5%; } /* =============== Section 14 =============== */ #temperature_humidity_monitor_clock .section-14 { background-color: #EBEBEB; padding-top: 2.5%; padding-bottom: 7.5%; } #temperature_humidity_monitor_clock .section-14 .list { width: 90%; max-width: 1360px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; } #temperature_humidity_monitor_clock .section-14 .list .item { flex: 0 0 calc(50% - 20px); background-color: #ffffff; text-align: center; padding: 5%; color: rgba(0, 0, 0, 0.3); font-size: 18px; font-weight: 300; } #temperature_humidity_monitor_clock .section-14 .list .item img { height: 52px; display: inline-block; } #temperature_humidity_monitor_clock .section-14 .list .item .title { display: block; font-size: 24px; font-weight: 500; color: rgba(0, 0, 0, 0.6); margin: 30px 0 15px; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .section-14 .list .item { font-size: 16px; } #temperature_humidity_monitor_clock .section-14 .list .item .title { font-size: 20px; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section-14 .list .item { font-size: 15px; } #temperature_humidity_monitor_clock .section-14 .list .item .title { font-size: 18px; } #temperature_humidity_monitor_clock .section-14 .list .item img { height: 42px; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section-14 .list .item { font-size: 14px; flex: 0 0 100%; } #temperature_humidity_monitor_clock .section-14 .list .item:first-child { margin-bottom: 10px; } } /* =============== Section image box =============== */ #temperature_humidity_monitor_clock .section .image-box-wrap { padding: 5% 0; width: 90%; margin: 0 auto; overflow: hidden; border-radius: 20px; } #temperature_humidity_monitor_clock .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #F7F7F7; } #temperature_humidity_monitor_clock .section .image-box--reverse { flex-direction: row-reverse; } #temperature_humidity_monitor_clock .section .text-wrap, #temperature_humidity_monitor_clock .section .image { width: 50%; flex: 0 0 50%; } #temperature_humidity_monitor_clock .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: left; } #temperature_humidity_monitor_clock .section .text-wrap .title { font-size: 36px; display: block; margin-bottom: 0; font-weight: bold; } #temperature_humidity_monitor_clock .section .text-wrap .text { font-weight: 300; padding-top: 20px; display: block; } @media (max-width: 991.98px) { #temperature_humidity_monitor_clock .section .text-wrap .title { font-size: 18px; } #temperature_humidity_monitor_clock .section .image-box-wrap { width: 95%; } } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .section .text-wrap { padding: 0 5%; } } @media only screen and (max-width: 575.98px) { #temperature_humidity_monitor_clock .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #temperature_humidity_monitor_clock .section .image-box-wrap .image-box:first-child { flex-direction: column; margin-bottom: 10px; } #temperature_humidity_monitor_clock .section .text-wrap, #temperature_humidity_monitor_clock .section .image { width: 100%; flex: 0 0 100%; } #temperature_humidity_monitor_clock .section .text-wrap { padding: 5%; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .section .text-wrap { padding: 0 10%; } } /* =============== Section spec =============== */ #temperature_humidity_monitor_clock .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #temperature_humidity_monitor_clock .section-notes ul { margin: 0; padding: 0; list-style: none; } #temperature_humidity_monitor_clock .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) { #temperature_humidity_monitor_clock .section-notes { padding: 5%; } #temperature_humidity_monitor_clock .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #temperature_humidity_monitor_clock .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #temperature_humidity_monitor_clock .slick-dots { bottom: 35px; } #temperature_humidity_monitor_clock .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; } #temperature_humidity_monitor_clock .slick-dots li.slick-active button::before, #temperature_humidity_monitor_clock .slick-dots li:hover button::before { opacity: 1; } #temperature_humidity_monitor_clock .slick-dotted.slick-slider { margin-bottom: 0; } #temperature_humidity_monitor_clock .slick-slider > .slider-item { display: none; } #temperature_humidity_monitor_clock .slick-slider > .slider-item:first-child { display: block; } #temperature_humidity_monitor_clock .slick-slider .slick-dots li button { border-radius: 30px; } #temperature_humidity_monitor_clock .slick-slider .slick-dots li button { background: #fff; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #temperature_humidity_monitor_clock .slick-slider .slick-dots li.slick-active button, #temperature_humidity_monitor_clock .slick-slider .slick-dots li button:hover { background: #fff; opacity: 1; } #temperature_humidity_monitor_clock .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #temperature_humidity_monitor_clock .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 }); }); } ); Xiaomi Temperature and Humidity Monitor Clock Sprawdź godzinę Kontroluj temperaturę i wilgoć Monitorowanie temperatury i wilgoci | Wyświetlacz E-ink Inteligentna łączność | Elastyczne rozmieszczenie Dzięki wskaźnikom komfortu, nawet niewielkie zmiany temperatury i wilgotności są widoczne już na pierwszy rzut oka. Ciągłe monitorowanie zmian temperatury i wilgoci w pomieszczeniu. Całoroczna opieka i dbałość o zdrowie Twojej rodziny. Temperatura i wilgoć są ściśle związane ze zdrowiem układu oddechowego, alergiami, schorzeniami skóry i wieloma innymi dolegliwościami. Monitorowanie i regulowanie temperatury oraz wilgotności w przedszkolach, sypialniach, pokojach dostępnych dla zwierząt, biurach i innych pomieszczeniach w domu, może poprawić komfort i chronić zdrowie członków rodziny i zwierząt. Optymalna temperatura pomieszczenia 19°C - 27°C Optymalna wilgotność względna 20%RH - 85%RH Monitoruje temperaturę i wilgoć w określonych miejscach. Upiększa życie. Kontrolowanie i dostosowywanie temperatury i wilgoci w szklarni, kuchni, składziku czy łazience w odpowiednim czasie może pomóc w lepszej uprawie roślin, przechowywaniu żywności i innych artykułów, a także zahamować rozwój bakterii. Szklarnia Kuchnia Spiżarnia Łazienka Intuicyjne emotikony pozwalają na szybkie odczytanie poziomu komfortu. Dlaczego monitor temperatury i wilgoci podnosi brew, gdy użytkownik uważa, że temperatura jest idealna? Dzieje się tak dlatego, że tylko jeden z czynników znajduje się w normie. Dzięki emotikonom wizualnym można łatwo odczytać poziom komfortu. Niekomfortowy poziom temperatury i wilgoci Komfortowy poziom temperatury i wilgoci Wyraźny obraz na wyświetlaczu pod różnymi kątami. Monitor temperatury i wilgoci z dokładnym wykrywaniem. Duży wyświetlacz e-ink. Szeroki kąt widzenia. Wyświetlacz e-ink o przekątnej 3,7'' (88 mm x 33 mm) charakteryzuje się bardzo niskim zużyciem energii i żywotnością baterii wynoszącą około roku, przy użyciu tylko dwóch baterii guzikowych. Wyświetlacz przypomina tekst drukowany i jest dobrze widoczny pod wieloma kątami. Superprecyzyjne układy i czujniki. Zapewniają dokładność wyświetlanych danych. Xiaomi Temperature and Humidity Monitor Clock zapewnia pełną precyzję dzięki wbudowanemu układowi zegara czasu rzeczywistego (RTC) i wysokiej klasy czujnikowi Swiss Sensirion, wyświetlającemu prawidłowy czas w znakomitej rozdzielczości i wykrywającemu każdą niewielką zmianę temperatury i wilgoci. Inteligentny monitor temperatury i wilgotności, który dostrzega Twoje potrzeby. Historia temperatur i poziomu wilgotności. Rejestruje każdą zmianę. Zegar monitorujący temperaturę i wilgotność Xiaomi może rejestrować trendy temperatury i wilgotności z ostatnich sześciu miesięcy. Możesz wyszukać i dodać Xiaomi Temperature and Humidity Monitor Clock w aplikacji Mi Home / Xiaomi Home, aby wyświetlić szczegóły zman. *Jednostkę temperatury można łatwo przełączać między stopniami Celsjusza i Fahrenheita w aplikacji Mi Home/Xiaomi Home, dzięki czemu urządzenie może obsługiwać więcej wariantów i spełniać szerszy zakres potrzeb. Inteligentna regulacja temperatury i wilgotności. W gorące dni klimatyzator może być włączany i wyłączany automatycznie po skonfigurowaniu wstępnie ustawionej temperatury w aplikacji Mi Home/Xiaomi Home. Gdy w pomieszczeniu jest sucho, nawilżacz może być włączany i wyłączany automatycznie po skonfigurowaniu wstępnie ustawionego poziomu wilgotności w aplikacji Mi Home/Xiaomi Home. *Zegar monitorujący temperaturę i wilgotność Xiaomi może łączyć się z innymi inteligentnymi urządzeniami Xiaomi (klimatyzatorami i nawilżaczami) za pomocą aplikacji Mi Smart Home Hub. Profesjonalnie przetestowany w celu zapewnienia niezawodnej jakości. Precyzyjnie dopracowana konstrukcja monitora zapewnia stylowy wygląd. Wielokomponentowa konstrukcja umożliwia elastyczne rozmieszczenie. Umieść zegar Xiaomi Temperature and Humidity Monitor Clock na stole, ścianie lub drzwiach lodówki. Ważący zaledwie 60g, mający grubość 10,1mm zegar Xiaomi Temperature and Humidity Monitor Clock można łatwo postawić na stole za pomocą podstawki, przymocować do ściany lub zabezpieczyć miękkim magnesem, dzięki czemu jest łatwy w użyciu i atrakcyjny wizualnie. Zegar Xiaomi Temperature and Humidity Monitor Clock można swobodnie umieścić na stoliku nocnym, biurku, drzwiach lodówki lub ścianie. Wyszukana gładka powierzchnia. Elegancka prezencja. Gładka, zaokrąglona konstrukcja wyświetlacza ze szkła organicznego zapewnia bardziej stylowy wygląd. Wybierz swoją strefę czasową. Przy pierwszym włączeniu zegar wyświetla godzinę 00:00. Po podłączeniu zegara do aplikacji Mi Home/Xiaomi Home wyświetlany czas zostanie automatycznie zsynchronizowany z czasem wyświetlanym w smartfonie. *Jeśli po wymianie baterii wyświetlany czas jest nieprawidłowy, otwórz aplikację Mi Home/Xiaomi Home i przejdź do strony głównej urządzenia, aby je podłączyć. Czas zostanie automatycznie zsynchronizowany. Opcje wyświetlania czasu w systemie 12- i 24- godzinnym. Możliwość wyboru. Zegar Xiaomi Temperature and Humidity Monitor oferuje zarówno 12-, jak i 24-godzinne opcje wyświetlania czasu. Można je ustawić w dowolnym momencie, łącząc się z aplikacją Mi Home/Xiaomi Home. Profesjonalnie testowany w celu zapewnienia niezawodnej jakości. Aby zapewnić kompleksową jakość produktu, przeprowadzono szereg specjalistycznych testów certyfikacyjnych. Certyfikat CE *No.: ENS2110260055W00101C Certyfikat Bluetooth SIG *Quality Design ID: D057759 Uwagi: *Otwory wentylacyjne nie mogą być zanurzone w wodzie. *Okrągłe otwory z tyłu urządzenia są otworami wentylacyjnymi. Jedynym otworem, do którego można włożyć przedmiot, jest ten zawierający przycisk resetowania, do pozostałych otworów nie wolno wkładać żadnych przedmiotów. *Po przymocowaniu produktu do ściany należy zachować ostrożność przy jego zdejmowaniu, aby nie uszkodzić produktu ani powierzchni ściany. *Zakres pomiaru temperatury dla tego produktu wynosi 0°C-60°C. Nie nadaje się do stosowania w trudnych warunkach środowiskowych w temperaturze poniżej 0°C lub powyżej 60°C. *Zakres pomiaru wilgotności dla tego produktu wynosi 0%-99% RH, należy unikać ekstremalnej wilgotności. *Ten produkt jest przeznaczony do prowadzenia zdrowego trybu życia, ale nie powinien być używany jako narzędzie pomiarowe. *Ten produkt wykorzystuje baterie CR2032. Baterie należy zakupić osobno. *Aby poprawić efekt wizualny wyświetlacza i wyeliminować powidoki, raz na 30 minut miga on (kolory są odwrócone) w celu odświeżenia obrazu. *Wszystkie powyższe dane testowe pochodzą z laboratorium Miaomiaoce. Rzeczywista wydajność może się różnić w zależności od różnic środowiskowych.