Xiaomi Civi 3

/* =============== Xiaomi Civi 3 =============== */ #civi_3 { font-size: 16px; overflow: hidden; color: #191919; background-color: #ffffff; font-family: 'Camphor Pro'; } #civi_3 ul, #civi_3 ol { list-style: none; padding-left: 0; } #civi_3 video, #civi_3 img { vertical-align: middle; } #civi_3 video { width: 100%; height: auto; } #civi_3.xiaomi_container { max-width: 2560px; } #civi_3 .section { line-height: 1.2; } #civi_3 .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #civi_3 .font-bold { font-weight: bold; } #civi_3 .font-light { font-weight: 300; } #civi_3 .font-color { color: #ffd400; } #civi_3 .text-box { text-align: center; color: #000000; padding: 5% 12.5%; } #civi_3 .text-box.text-box--left { text-align: left; } #civi_3 .text-box--white { color: #ffffff; } #civi_3 .text-box .title, #civi_3 .text-box .desc, #civi_3 .text-box .text { display: block; } #civi_3 .text-box .title { font-size: 36px; line-height: 1.2; } #civi_3 .text-box .title.title--big { font-size: 44px; margin-bottom: 20px; } #civi_3 .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 500; } #civi_3 .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; } #civi_3 .text-box .text.text--small { font-size: 14px; opacity: .5; } #civi_3 .video-box, #civi_3 .image-box { padding: 0 12.5%; } #civi_3 .video-box video { width: 100%; height: auto; } #civi_3 .video a, #civi_3 .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #civi_3 .video a img, #civi_3 .video .video-link img { transition: 0.3s ease-in-out transform; } #civi_3 .video a:hover img, #civi_3 .video .video-link:hover img { transform: scale(1.1); } #civi_3 .video a::after, #civi_3 .video .video-link::after { content: ''; position: absolute; transform: translateX(-50%) translateY(-50%); width: 56px; height: 56px; background: url('https://media.mi-home.pl/products/civi-3/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 5; } @media (max-width: 991.98px) { #civi_3 .text-box { padding: 5%; } #civi_3 .text-box .title { font-size: 28px; } #civi_3 .text-box .title.title--big { font-size: 36px; } #civi_3 .video-box, #civi_3 .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #civi_3 .text-box .title { font-size: 24px; } #civi_3 .text-box .title.title--big { font-size: 28px; } #civi_3 .text-box .desc { font-size: 18px; margin-top: 10px; } #civi_3 .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #civi_3 .text-box { padding: 10% 5%; } #civi_3 .text-box .title { font-size: 20px; } #civi_3 .text-box .title.title--big { font-size: 24px; } #civi_3 .text-box .desc { font-size: 16px; } #civi_3 .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #civi_3 .text-box .text { padding-left: 10%; padding-right: 10%; } #civi_3 .text-box .title.title--big { font-size: 54px; } #civi_3 .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } @media (min-width: 1620px) { #civi_3 .text-box .text { font-size: 16px; } } /* =============== Floating text-box =============== */ #civi_3 .section.section-float { position: relative; z-index: 1; height: 520px; } #civi_3 .section.section-float--big { height: 680px; } #civi_3 .section .text-box.text-box-float { padding: 0; position: absolute; z-index: 2; top: 50%; width: 40%; transform: translateY(-50%); } #civi_3 .section .text-box.text-box-float--left { left: 5%; } #civi_3 .section .text-box.text-box-float--right { left: 55%; width: 40%; } @media (max-width: 991.98px) { #civi_3 .section.section-float { height: 420px; } #civi_3 .section.section-float--big { height: 560px; } #civi_3 .section .text-box.text-box-float--right { left: 55%; width: 40%; } } @media (max-width: 767.98px) { #civi_3 .section.section-float { height: auto; background-position: center bottom; background-size: 160% auto; background-color: #ffffff; padding-bottom: 550px; } #civi_3 .section .text-box.text-box-float, #civi_3 .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) { #civi_3 .section.section-float { padding-bottom: 380px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section.section-float { padding-bottom: 280px; } } @media (min-width: 1200px) { #civi_3 .section.section-float { height: 620px; } #civi_3 .section.section-float--big { height: 820px; } #civi_3 .section .text-box.text-box-float { width: 35%; } #civi_3 .section .text-box.text-box-float--left { left: 12.5%; } #civi_3 .section .text-box.text-box-float--right { width: 35%; left: 55%; } } @media (min-width: 1400px) { #civi_3 .section .text-box.text-box-float--right { width: 30%; left: 60%; } } @media (min-width: 1620px) { #civi_3 .section.section-float { height: 820px; } #civi_3 .section.section-float--big { height: 980px; } #civi_3 .section .text-box.text-box-float--right { width: 25%; left: 65%; } } @media (min-width: 2080px) { #civi_3 .section.section-float { height: 1080px; } #civi_3 .section.section-float--big { height: 1180px; } } /* =============== Add Font =============== */ @font-face { font-display: swap; font-family: 'Xiaomi Brand'; font-style: normal; font-weight: 100 900; src: url(https://i02.appmifile.com/i18n/fonts/Brand/Brand.woff2) format("woff2") } #civi_3 .xiaomi_product_name { font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important; } /* =============== Common =============== */ #civi_3 .section .title-wrapper { color: #0f3baf; display: flex; margin-bottom: 20px; } #civi_3 .section .title-wrapper > * { padding-right: 5%; } #civi_3 .section .title-wrapper .text { font-weight: bold; margin-top: 0; } @media (max-width: 991.98px) { #civi_3 .section .title-wrapper { justify-content: center; } } @media only screen and (max-width: 575.98px) { #civi_3 .section .title-wrapper { display: block; } #civi_3 .section .title-wrapper > * { padding-right: 0; } } @media (min-width: 1200px) { #civi_3 .section .title-wrapper .text { font-size: 18px; } } /* =============== Section 01 =============== */ #civi_3 .section-01 { background-image: url('https://media.mi-home.pl/products/civi-3/section-01.jpg'); height: 780px; position: relative; z-index: 1; } #civi_3 .section-01 .text-box { padding-top: 15%; padding-left: 60%; } #civi_3 .section-01 .text-box .title { font-size: 42px; font-weight: bold; } #civi_3 .section-01 .text-box .title img { max-height: 36px; } #civi_3 .section-01 .text-box .desc { font-size: 24px; font-weight: 500; margin-top: 10px; } @media (max-width: 991.98px) { #civi_3 .section-01 { height: 640px; } #civi_3 .section-01 .text-box .desc { font-size: 20px; } #civi_3 .section-01 .text-box .title { font-size: 36px; } } @media (max-width: 767.98px) { #civi_3 .section-01 { height: auto; background-size: 140% auto; background-position: left bottom; padding-bottom: 550px; background-color: #fff; } #civi_3 .section-01 .text-box { padding: 10% 5%; text-align: center; } #civi_3 .section-01 .text-box .text { font-size: 15px; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-01 { padding-bottom: 400px; } #civi_3 .section-01 .text-box { padding: 15% 5% 10%; } #civi_3 .section-01 .text-box .title { font-size: 28px; } #civi_3 .section-01 .text-box .title img { max-height: 32px; } #civi_3 .section-01 .text-box .desc { font-size: 16px; } #civi_3 .section-01 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-01 { padding-bottom: 300px; } #civi_3 .section-01 .text-box .title { font-size: 24px; } } @media (min-width: 1200px) { #civi_3 .section-01 { height: 1060px; } #civi_3 .section-01 .text-box .title { font-size: 54px; } #civi_3 .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1600px) { #civi_3 .section-01 { height: 1280px; } #civi_3 .section-01 .text-box .title { font-size: 60px; } } @media (min-width: 2080px) { #civi_3 .section-01 { height: 1360px; } } /* =============== Section 01a =============== */ #civi_3 .section-01a { background-color: #1C1C1C; padding: 0 0 7.5%; } @media (min-width: 1200px) { #civi_3 .section-01a .text-box .desc { font-size: 28px; } } /* =============== Section 03 & 09 & 14 =============== */ #civi_3 .section-03, #civi_3 .section-09, #civi_3 .section-14 { position: relative; z-index: 1; padding-top: 5%; } #civi_3 .section-14 { padding-top: 0; } #civi_3 .section-03 .text-box, #civi_3 .section-09 .text-box, #civi_3 .section-14 .text-box { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; } #civi_3 .section-03 .text-box { padding-top: 12.5%; padding-left: 16.5%; } #civi_3 .section-09 .text-box { padding-top: 10%; } #civi_3 .section-14 .text-box { padding-top: 17.5%; padding-left: 40%; } #civi_3 .section-03 .image-wrapper { padding-left: 12.5%; } @media (max-width: 767.98px) { #civi_3 .section-09 .text-box { padding-top: 5%; } #civi_3 .section-14 .text-box { padding-top: 12.5%; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-03, #civi_3 .section-09 { padding-top: 10%; } #civi_3 .section-14 .text-box { padding-top: 10%; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-03, #civi_3 .section-09 { padding-top: 15%; } } /* =============== Section 04 & 05 =============== */ #civi_3 .section-04 { background-image: url('https://media.mi-home.pl/products/civi-3/section-04.jpg'); } #civi_3 .section-05 { background-image: url('https://media.mi-home.pl/products/civi-3/section-05.jpg'); } #civi_3 .section-04 .text-box, #civi_3 .section-05 .text-box { padding-top: 15%; padding-bottom: 15%; padding-right: 55%; } #civi_3 .section-04 .list, #civi_3 .section-05 .list { display: flex; padding-top: 30px; } #civi_3 .section-04 .list .item, #civi_3 .section-05 .list .item { flex: 0 0 50%; width: 50%; font-weight: 300; color: #191919; padding: 10px 10px 10px 0; } #civi_3 .section-04 .list .item-title, #civi_3 .section-05 .list .item-title { font-size: 21px; font-weight: bold; } @media (max-width: 767.98px) { #civi_3 .section-04, #civi_3 .section-05 { background-size: 160% auto; background-position: right bottom; padding-bottom: 480px; } #civi_3 .section-04 .text-box, #civi_3 .section-05 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-04, #civi_3 .section-05 { padding-bottom: 320px; } #civi_3 .section-04 .list .item, #civi_3 .section-05 .list .item { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-04, #civi_3 .section-05 { padding-bottom: 220px; } } @media (min-width: 1200px) { #civi_3 .section-04 .text-box, #civi_3 .section-05 .text-box { padding-right: 60%; } #civi_3 .section-04 .list .item-title, #civi_3 .section-05 .list .item-title { font-size: 28px; } } /* =============== Section 06 =============== */ #civi_3 .section-06 { background-image: url('https://media.mi-home.pl/products/civi-3/section-06.jpg'); } #civi_3 .section-06 .text-box { padding-top: 15%; padding-bottom: 15%; padding-right: 55%; } #civi_3 .section-06 .text-box img { height: 20px; display: inline-block; margin-bottom: 20px; } @media (max-width: 767.98px) { #civi_3 .section-06 { background-size: 160% auto; background-position: right -100px bottom; padding-bottom: 550px; } #civi_3 .section-06 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-06 { padding-bottom: 400px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-06 { padding-bottom: 280px; } } @media (min-width: 1200px) { #civi_3 .section-06 .text-box { padding-right: 60%; } } /* =============== Section 07 =============== */ #civi_3 .section-07 { padding-bottom: 5%; } #civi_3 .section-07 .slider-box { width: 90%; margin: 0 auto; } #civi_3 .section-07 .slider-item .text { text-align: center; font-size: 18px; font-weight: bold; padding: 20px 10px; } #civi_3 .section-07 .slick-dots { bottom: -35px; } @media (max-width: 767.98px) { #civi_3 .section-07 { padding-bottom: 15%; } #civi_3 .section-07 .slick-dots { bottom: -20px; } } /* =============== Section 10 =============== */ #civi_3 .section-10 { padding: 7.5% 0 5% 0; } #civi_3 .section-10 .section-wrapper { display: flex; flex-wrap: wrap; align-items: center; } #civi_3 .section-10 .section-wrapper > * { flex: 0 0 50%; width: 50%; } #civi_3 .section-10 .text-box { padding: 0 10%; } @media (max-width: 991.98px) { #civi_3 .section-10 .text-box { padding: 0 5%; } } @media (max-width: 767.98px) { #civi_3 .section-10 .section-wrapper > * { flex: 0 0 100%; width: 100%; text-align: center; } #civi_3 .section-10 .text-box { padding: 10% 5%; } #civi_3 .section-10 .image-wrapper { padding-left: 10%; } } /* =============== Section 11 & 35 =============== */ #civi_3 .section-11 { background-color: #000000; padding-top: 2.5%; padding-bottom: 5%; position: relative; z-index: 1; } #civi_3 .section-35 { background-color: #000000; padding-top: 2.5%; } #civi_3 .section-11 .list, #civi_3 .section-35 .list { display: flex; padding-bottom: 5%; max-width: 640px; width: 90%; margin: 0 auto; } #civi_3 .section-11 .list .item, #civi_3 .section-35 .list .item { flex: 0 0 50%; width: 50%; font-weight: 300; color: rgba(255,255,255,.4); padding: 10px 20px; text-align: center; font-size: 15px; } #civi_3 .section-11 .list .item-title, #civi_3 .section-35 .list .item-title { font-size: 21px; font-weight: bold; color: #ffffff; } #civi_3 .section-11 .image-wrapper { width: 75%; margin: 0 auto; } #civi_3 .section-35 .image-wrapper { padding-top: 5%; } #civi_3 .section-11 .text-bottom { position: absolute; z-index: 2; left: 0; width: 100%; bottom: 7.5%; padding: 0 12.5%; text-align: center; color: rgba(255,255,255,.4); font-weight: 300; font-size: 13px; } @media (max-width: 767.98px) { #civi_3 .section-11 .text-bottom { position: static; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-11 .list .item, #civi_3 .section-35 .list .item { font-size: 14px; } #civi_3 .section-11 .list .item-title, #civi_3 .section-35 .list .item-title { font-size: 18px; } } @media (min-width: 1200px) { #civi_3 .section-11 .list .item-title, #civi_3 .section-35 .list .item-title { font-size: 28px; } } /* =============== Section 12 =============== */ #civi_3 .section-12 { background-image: url('https://media.mi-home.pl/products/civi-3/section-12.jpg'); } #civi_3 .section-12 .text-box { padding-top: 12.5%; padding-bottom: 22.5%; padding-left: 55%; text-align: right; } #civi_3 .section-12 .text-box .text { padding: 0; } @media (max-width: 767.98px) { #civi_3 .section-12 { background-size: 150% auto; background-position: left bottom; padding-bottom: 550px; background-color: #F2EEFC; } #civi_3 .section-12 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-12 { padding-bottom: 350px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-12 { padding-bottom: 220px; } } @media (min-width: 1200px) { #civi_3 .section-12 .text-box { padding-left: 60%; } } /* =============== Section 13 =============== */ #civi_3 .section-13 { background-image: url('https://media.mi-home.pl/products/civi-3/section-13.jpg'); } #civi_3 .section-13 .text-box { padding-top: 15%; padding-bottom: 15%; padding-right: 55%; } #civi_3 .section-13 .list { display: flex; flex-wrap: wrap; padding-top: 30px; } #civi_3 .section-13 .list .item { flex: 0 0 50%; width: 50%; font-weight: 300; color: rgba(255,255,255,.4); padding: 10px 10px 10px 0; font-size: 15px; } #civi_3 .section-13 .list .item-title { font-size: 21px; font-weight: bold; color: #ffffff; } @media (max-width: 767.98px) { #civi_3 .section-13 { background-size: 150% auto; background-position: right bottom; padding-bottom: 550px; background-color: #000000; } #civi_3 .section-13 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-13 { padding-bottom: 350px; } #civi_3 .section-13 .list .item { font-size: 14px; } #civi_3 .section-13 .list .item-title { font-size: 18px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-13 { padding-bottom: 220px; } } @media (min-width: 1200px) { #civi_3 .section-13 .list .item-title { font-size: 28px; } } /* =============== Section 36 =============== */ #civi_3 .section-36 { background-color: #000000; position: relative; z-index: 1; padding-top: 5%; } #civi_3 .section-36 .text-box { position: absolute; z-index: 2; width: 100%; left: 0; top: 0; } #civi_3 .section-36 .text-box img { display: inline-block; height: 60px; margin: 30px 20px 0; } #civi_3 .section-36 .list { position: absolute; z-index: 2; width: 100%; left: 0; bottom: 20%; padding: 0 12.5%; display: flex; flex-wrap: wrap; justify-content: center; } #civi_3 .section-36 .list .item { flex: 0 0 20%; width: 20%; padding: 10px; text-align: center; color: rgba(255,255,255,.75); font-weight: 300; font-size: 15px; } #civi_3 .section-36 .list .item-title { font-size: 28px; font-weight: bold; margin-bottom: 5px; } #civi_3 .section-36 .list .item:nth-child(1) .item-title { background: linear-gradient(-45deg,#35fda5,#69c9f9); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #civi_3 .section-36 .list .item:nth-child(2) .item-title { background: linear-gradient(-45deg,#f9f9ff,#eb87f3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #civi_3 .section-36 .list .item:nth-child(3) .item-title { background: linear-gradient(-60deg,#ffe703,#d737cf 31%,#ff0b05 61%,#59ff7f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #civi_3 .section-36 .list .item:nth-child(4) .item-title { background: linear-gradient(-45deg,#e5fbff,#c5d783); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #civi_3 .section-36 .list .item:nth-child(5) .item-title { background: linear-gradient(-45deg,#89e3ff,#555dd1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } @media (max-width: 767.98px) { #civi_3 .section-36 { padding-top: 15%; padding-bottom: 5%; } #civi_3 .section-36 .list { bottom: 10%; } #civi_3 .section-36 .list .item { flex: 0 0 33.3333%; width: 33.3333%; } #civi_3 .section-36 .list .item-title { font-size: 21px; } #civi_3 .section-36 .text-box img { height: 45px; margin: 20px 10px 0; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-36 { padding-top: 25%; padding-bottom: 25%; } #civi_3 .section-26 .list .item { font-size: 14px; } #civi_3 .section-26 .list .item-title { font-size: 18px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-36 { padding-top: 50%; padding-bottom: 75%; } #civi_3 .section-36 .text-box img { height: 36px; } #civi_3 .section-36 .list .item { flex: 0 0 50%; width: 50%; } } @media (min-width: 1200px) { #civi_3 .section-36 .list .item-title { font-size: 36px; } } /* =============== Section 38 =============== */ #civi_3 .section-38 { background-image: url('https://media.mi-home.pl/products/civi-3/section-38.jpg'); } #civi_3 .section-38 .text-box { padding-top: 20%; padding-bottom: 20%; padding-left: 60%; } #civi_3 .section-38 .text-box .title span { color: #61d693; } #civi_3 .section-38 .text-box .text { color: rgba(255,255,255,.4); } @media (max-width: 767.98px) { #civi_3 .section-38 { background-size: 160% auto; background-position: left bottom; padding-bottom: 500px; background-color: #000000; } #civi_3 .section-38 .text-box { padding: 10% 5%; text-align: center; } } @media only screen and (max-width: 575.98px) { #civi_3 .section-38 { padding-bottom: 350px; } } @media only screen and (max-width: 363.98px) { #civi_3 .section-38 { padding-bottom: 220px; } } /* =============== Section 39 =============== */ #civi_3 .section-39 { padding-top: 5%; } #civi_3 .section-39 .image-wrapper { width: 60%; max-width: 480px; margin: 0 auto; } @media (max-width: 991.98px) { #civi_3 .section-39 .image-wrapper { max-width: 360px; } } /* =============== Section image box =============== */ #civi_3 .section .image-box-wrap { padding: 0; width: 100%; max-width: 2560px; margin: 0 auto; overflow: hidden; border-radius: 0; } #civi_3 .section .image-box-wrap .image-box { display: flex; flex-wrap: wrap; padding: 0; background-color: #A2A2A2; } #civi_3 .section .image-box--reverse { flex-direction: row-reverse; } #civi_3 .section .text-wrap, #civi_3 .section .image { width: 50%; flex: 0 0 50%; } #civi_3 .section .image { background-color: #A2A2A2; } #civi_3 .section .text-wrap { display: flex; align-items: center; flex-wrap: wrap; padding: 0 5%; text-align: left; color: #ffffff; } #civi_3 .section .text-wrap .title { font-size: 28px; display: block; margin-bottom: 5px; font-weight: bold; } #civi_3 .section .text-wrap .text { font-weight: 500; font-size: 16px; padding-top: 10px; display: block; } @media (max-width: 991.98px) { #civi_3 .section .text-wrap .title { font-size: 24px; } #civi_3 .section .image-box-wrap { width: 100%; border-radius: 0; } #civi_3 .section .text-wrap .text { padding-top: 10px; font-size: 14px; } } @media (max-width: 767.98px) { #civi_3 .section .text-wrap { padding: 7.5% 5%; text-align: center; } #civi_3 .section .image-box-wrap .image-box { flex-wrap: wrap; flex-direction: column-reverse; } #civi_3 .section .text-wrap .title { font-size: 18px; } #civi_3 .section .text-wrap, #civi_3 .section .text-wrap div, #civi_3 .section .image { width: 100%; flex: 0 0 100%; } } @media only screen and (max-width: 575.98px) { #civi_3 .section .image-box-wrap { border-radius: 0; } #civi_3 .section .text-wrap { padding: 10% 5%; } } @media (min-width: 1200px) { #civi_3 .section .text-wrap { padding: 0 10%; } #civi_3 .section .text-wrap .title { font-size: 36px; margin-bottom: 10px; } } /* =============== Section spec =============== */ #civi_3 .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #civi_3 .section-notes ul { margin: 0; padding: 0; list-style: none; } #civi_3 .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) { #civi_3 .section-notes { padding: 5%; } #civi_3 .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #civi_3 .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #civi_3 .slick-slider .slick-slide { font-family: 'Camphor Pro'; } #civi_3 .slick-dots { bottom: 35px; } #civi_3 .slick-dots li { text-align: center; } #civi_3 .slick-dots li button { display: inline-block; } #civi_3 .slick-dots li button::before { font-size: 15px; color: #191919; 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; } #civi_3 .slick-dots li.slick-active button::before, #civi_3 .slick-dots li:hover button::before { opacity: 1; } #civi_3 .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #civi_3 .slick-slider > .slider-item { display: none; } #civi_3 .slick-slider > .slider-item:first-child { display: block; } #civi_3 .slick-slider .slick-dots li button { border-radius: 30px; } #civi_3 .slick-slider .slick-dots li button { background: #191919; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #civi_3 .slick-slider .slick-dots li.slick-active button, #civi_3 .slick-slider .slick-dots li button:hover { background: #191919; opacity: 1; } #civi_3 .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #civi_3 .slick-dots { bottom: 15px; } } Stworzony, by się wyróżniać Modny, nieprzeciętny design Smukły i lekki, jednocześnie superwydajny Realistyczne i perfekcyjne portrety Estetyczna ekspresja Xiaomi Civi 3 Nowa definicja modnego smartfona Miej odwagę się wyróżnić. Wąska obudowa i duży ekran. Doskonałe leży w dłoni. Duży ekran, wąska obudowa, idealny rozmiar do trzymania jedną dłonią. 6,55" Duży ekran 71,7 mm Ultrawąska obudowa *Dane pochodzą z Xiaomi Labs, rzeczywiste warunki mogą się nieznacznie różnić w zależności od temperatury otoczenia, użytkowania itp. Lekkość i elegancja. Niewyczuwalna waga. Lekki korpus, wyrafinowany i elegancki. Gustowny dodatek do każdego stroju. 173,5g Ultralekki 7,56 mm Ultracienki *Dane pochodzą z Xiaomi Labs, rzeczywiste warunki mogą się nieznacznie różnić w zależności od temperatury otoczenia, użytkowania itp. Dwukolorowa konstrukcja o podwójnej żywotności. Xiaomi Civi nawiązało współpracę z globalną firmą prognozującą trendy -WGSN w celu zbadania stylu życia młodych ludzi i trendów 2023-2024. Coroczny trend w projektowaniu "Dwa życia, dwa kolory". Niezwykle efektowny wygląd Unikalna kombinacja kolorów. Różany fiolet Miętowa zieleń Majestatyczne złoto Popielata szarość Przełomowa wydajność w każdej dziedzinie. Światowa premiera Dimensity 8200-Ultra. Flagowy procesor o wysokiej wydajności. Wykorzystując zaawansowany proces technologiczny TSMC 4 nm, procesor osiąga maksymalną główną częstotliwość 3.1 GHz. Połączenie LPDDR5 i UFS 3.1 skutecznie zmniejsza opóźnienia w wielozadaniowości i znacznie zwiększa szybkość przetwarzania. *Wersja pamięci 16GB+1TB to LPDDR5X. Rozbudowany system chłodzenia cieczą VC ze stalą nierdzewną. System chłodzenia Deluxe. 4000 mm² Rozbudowany system chłodzenia cieczą VC ze stalą nierdzewną +68% Zwiększony obszar komory w porównaniu do poprzedniej generacji *Dane z Xiaomi Labs, rzeczywiste warunki mogą się nieznacznie różnić w zależności od temperatury otoczenia, użytkowania itp. *Porównanie powierzchni radiatora dotyczy Xiaomi Civi 2. *Ten obraz służy wyłącznie do celów ilustracyjnych. Obsługa gier przy 90 FPS. 30 minut stabilnej pracy przy wysokiej liczbie klatek na sekundę. *Dane pochodzą z Xiaomi Labs, rzeczywiste wyniki różnią się nieznacznie w zależności od środowiska. Xiaomi × MediaTeK. Wspólna koncepcja. Potężny rdzeń o wysokiej wydajności. Bardziej dostosowany do nowoczesnych potrzeb układ graficzny. Współpraca w zakresie głębokiej technologii obejmująca definicję, testowanie i weryfikację na całym łańcuchu dla określenia funkcji obrazowania na poziomie układu scalonego oraz kluczowych algorytmów potrzebnych do osiągnięcia kompleksowej poprawy pracy. 35% Wzrost prędkości migawki selfie 57% Zwiększenie szybkości sceny nocnej 153% Poprawa HDR 235% Zwiększenie prędkości zdjęć seryjnych *Źródło: Xiaomi Labs, porównanie z Xiaomi Civi 2. Modne zdjęcia. Profesjonalne kadry. 4500mAh mocy baterii. Szybkie ładowanie 67W. 38 minut ładowania do 100% 1,21 dnia Średnia praca na baterii Profesjonalny ekran 6,55". Doskonale odzwierciedlenie kolorów. 120Hz Odświeżanie 1500 nit Jasność 12 bit Kolor 16000 Regulacja podświetlenia 1920 Hz Przyciemnianie PWM Przyciemnianie PWM 1920 Hz. Ekrany chroniące oczy. Certyfikat SGS potwierdzający niski poziom niebieskiego światła. Osobista ochrona oczu Xiaomi. Wykrywanie temperatury barwowej otoczenia MIUI Płynne działanie, które nie przemija.