Xiaomi MIX Fold 3

/* =============== Xiaomi MIX Fold 3 =============== */ #mix_fold_3 { font-size: 16px; overflow: hidden; color: #ffffff; background-color: #000000; font-family: 'Camphor Pro'; } #mix_fold_3 ul, #mix_fold_3 ol { list-style: none; padding-left: 0; } #mix_fold_3 video, #mix_fold_3 img { vertical-align: middle; } #mix_fold_3 video { width: 100%; height: auto; } #mix_fold_3.xiaomi_container { max-width: 2560px; } #mix_fold_3 .section { line-height: 1.2; } #mix_fold_3 .section-bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } #mix_fold_3 .font-bold { font-weight: bold; } #mix_fold_3 .font-light { font-weight: 300; } #mix_fold_3 .font-color { color: #eacd9c; } #mix_fold_3 .text-box { text-align: center; color: #191919; padding: 5% 12.5%; } #mix_fold_3 .text-box.text-box--left { text-align: left; } #mix_fold_3 .text-box--white { color: #ffffff; } #mix_fold_3 .text-box--white .title { color: #ffffff; } #mix_fold_3 .text-box .title, #mix_fold_3 .text-box .desc, #mix_fold_3 .text-box .text { display: block; } #mix_fold_3 .text-box .title { font-size: 36px; line-height: 1.2; } #mix_fold_3 .text-box .title.title--big { font-size: 48px; margin-bottom: 20px; } #mix_fold_3 .text-box .desc { font-size: 22px; line-height: 1.5; margin-top: 25px; font-weight: 500; } #mix_fold_3 .text-box .text { font-size: 15px; line-height: 1.5; margin-top: 25px; font-weight: 300; opacity: .5; } #mix_fold_3 .text-box .text.text--small { font-size: 14px; opacity: .5; } #mix_fold_3 .video-box, #mix_fold_3 .image-box { padding: 0 12.5%; } #mix_fold_3 .video-box video { width: 100%; height: auto; } #mix_fold_3 .video a, #mix_fold_3 .video .video-link { position: relative; z-index: 1; display: block; overflow: hidden; cursor: pointer; } #mix_fold_3 .video a img, #mix_fold_3 .video .video-link img { transition: 0.3s ease-in-out transform; } #mix_fold_3 .video a:hover img, #mix_fold_3 .video .video-link:hover img { transform: scale(1.1); } #mix_fold_3 .video a::after, #mix_fold_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/mix-fold-3/play-btn.png') no-repeat center center / contain; left: 50%; top: 50%; z-index: 5; } @media (max-width: 991.98px) { #mix_fold_3 .text-box { padding: 5%; } #mix_fold_3 .text-box .title { font-size: 28px; } #mix_fold_3 .text-box .title.title--big { font-size: 42px; } #mix_fold_3 .video-box, #mix_fold_3 .image-box { padding: 0 5%; } } @media (max-width: 767.98px) { #mix_fold_3 .text-box .title { font-size: 24px; } #mix_fold_3 .text-box .title.title--big { font-size: 36px; } #mix_fold_3 .text-box .desc { font-size: 18px; margin-top: 10px; } #mix_fold_3 .text-box .text { margin-top: 15px; } } @media only screen and (max-width: 575.98px) { #mix_fold_3 .text-box { padding: 10% 5%; } #mix_fold_3 .text-box .title { font-size: 20px; } #mix_fold_3 .text-box .title.title--big { font-size: 28px; } #mix_fold_3 .text-box .desc { font-size: 16px; } #mix_fold_3 .text-box .text { font-size: 14px; } } @media (min-width: 1200px) { #mix_fold_3 .text-box .text { padding-left: 10%; padding-right: 10%; font-size: 16px; } #mix_fold_3 .text-box .title.title--big { font-size: 60px; } #mix_fold_3 .text-box.text-box--left .text { padding-left: 0; padding-right: 0; } } @media (min-width: 1400px) { #mix_fold_3 .text-box .title.title--big { font-size: 78px; } } @media (min-width: 1620px) { #mix_fold_3 .text-box .text { font-size: 16px; } } /* =============== 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") } #mix_fold_3 .xiaomi_product_name { font-family: 'Xiaomi Brand', 'Camphor Pro', sans-serif !important; } /* =============== Global =============== */ /* =============== Section 01 =============== */ #mix_fold_3 .section-01 { background-image: url('https://media.mi-home.pl/products/mix-fold-3/section-01.jpg'); height: 640px; position: relative; z-index: 1; } #mix_fold_3 .section-01 .text-box { padding-top: 5%; max-width: 1080px; margin: 0 auto; } #mix_fold_3 .section-01 .text-box .title { font-size: 42px; font-weight: 500; white-space: nowrap; } #mix_fold_3 .section-01 .text-box .desc { font-weight: bold; font-size: 32px; } #mix_fold_3 .section-01 .text-box .text { text-align: right; margin-top: 0; opacity: 1; } #mix_fold_3 .section-01 .text-box .text img { display: inline-block; margin-left: 10px; height: 56px; } @media (max-width: 991.98px) { #mix_fold_3 .section-01 { height: 480px; } #mix_fold_3 .section-01 .text-box .desc { font-size: 20px; margin-top: 10px; } } @media (max-width: 767.98px) { #mix_fold_3 .section-01 { height: auto; background-size: 140% auto; background-position: left bottom; padding-bottom: 450px; background-color: #E2E7EA; } #mix_fold_3 .section-01 .text-box { padding: 10% 5%; text-align: center; } #mix_fold_3 .section-01 .text-box .text { font-size: 15px; text-align: center; } } @media only screen and (max-width: 575.98px) { #mix_fold_3 .section-01 { padding-bottom: 320px; } #mix_fold_3 .section-01 .text-box { padding: 15% 5% 10%; } #mix_fold_3 .section-01 .text-box .title { font-size: 32px; } #mix_fold_3 .section-01 .text-box .desc { font-size: 16px; } #mix_fold_3 .section-01 .text-box .text { font-size: 14px; } } @media only screen and (max-width: 363.98px) { #mix_fold_3 .section-01 { padding-bottom: 220px; } } @media (min-width: 1200px) { #mix_fold_3 .section-01 { height: 780px; } #mix_fold_3 .section-01 .text-box .title { font-size: 44px; } #mix_fold_3 .section-01 .text-box .text { font-size: 18px; } } @media (min-width: 1400px) { #mix_fold_3 .section-01 .text-box .title { font-size: 48px; } } @media (min-width: 1600px) { #mix_fold_3 .section-01 { height: 880px; } } @media (min-width: 2080px) { #mix_fold_3 .section-01 { height: 980px; } } /* =============== Section 02 =============== */ #mix_fold_3 .section-02 { padding-top: 17.5%; padding-bottom: 17.5%; background-image: url('https://media.mi-home.pl/products/mix-fold-3/section-02.jpg'); background-size: 100% auto; background-position: bottom center; } /* =============== Section 04 =============== */ #mix_fold_3 .section-04 { padding-top: 5%; background-color: #020202; } /* =============== Section 05 =============== */ #mix_fold_3 .section-05 { padding-top: 5%; padding-bottom: 7.5%; } #mix_fold_3 .section-05 .image-wrapper { max-width: 1080px; width: 90%; margin: 0 auto; } /* =============== Section 07 =============== */ #mix_fold_3 .section-07 { padding-top: 5%; } /* =============== Section 08 =============== */ #mix_fold_3 .section-08 { padding-top: 5%; } /* =============== Section 09 =============== */ #mix_fold_3 .section-09 { padding-top: 5%; padding-bottom: 5%; } /* =============== Section 11 =============== */ #mix_fold_3 .section-11 { padding-top: 7.5%; } /* =============== Section spec =============== */ #mix_fold_3 .section-notes { padding: 3.5% 12.5%; margin: 0 auto; } #mix_fold_3 .section-notes ul { margin: 0; padding: 0; list-style: none; } #mix_fold_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) { #mix_fold_3 .section-notes { padding: 5%; } #mix_fold_3 .section-notes ul li { font-size: 13px; } } @media (min-width: 1200px) { #mix_fold_3 .section-notes { padding: 3.5% 0; max-width: 1164px; } } /* =============== Slider =============== */ #mix_fold_3 .slick-slider .slick-slide { font-family: 'Camphor Pro'; } #mix_fold_3 .slick-dots { bottom: -35px; } #mix_fold_3 .slick-dots li { text-align: center; } #mix_fold_3 .slick-dots li button { display: inline-block; } #mix_fold_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; } #mix_fold_3 .slick-dots li.slick-active button::before, #mix_fold_3 .slick-dots li:hover button::before { opacity: 1; } #mix_fold_3 .slick-dotted.slick-slider { margin-bottom: 0; padding: 0; } #mix_fold_3 .slick-slider > .slider-item { display: none; } #mix_fold_3 .slick-slider > .slider-item:first-child { display: block; } #mix_fold_3 .slick-slider .slick-dots li button { border-radius: 30px; } #mix_fold_3 .slick-slider .slick-dots li button { background: #191919; transition: 0.3s ease-in-out opacity; opacity: .25; width: 15px; height: 15px; } #mix_fold_3 .slick-slider .slick-dots li.slick-active button, #mix_fold_3 .slick-slider .slick-dots li button:hover { background: #191919; opacity: 1; } #mix_fold_3 .slick-dots li button::before { content: none; } @media (max-width: 767.98px) { #mix_fold_3 .slick-dots { bottom: -25px; } } Xiaomi MIX Fold 3 CO-ENGINEERED WITH Przyszłość w pełnej krasie Najcieńszy jak dotąd składany telefon Xiaomi z nową, samodzielnie opracowaną technologią. Najtrwalszy flagowy telefon ze zginanym ekranem. Cienka i lekka obudowa, niesamowity obraz, optyka Leica z czterema aparatami o pełnej ogniskowej. Cienka obudowa, długa żywotność. Spójny wewnątrz i na zewnątrz, podwójny flagowy ekran, bogate doznania, wszystkie aspekty dopracowane do perfekcji. Lekki i cienki, składany oraz wytrzymały. --> Cienki i lekki. Kolejne przeżycia otwierają się przed Twoimi oczami. Grubość po rozłożeniu. Grubość po złożeniu i waga. Z ekranu wewnętrznego do pełnego obrazu. Niezawodność składanego ekranu, jakościowa zmiana innowacji. Pod powierzchnią frywolności. Ukryta siła profesjonalnych podzespołów. Cienki i lekki składany ekran. Więcej niż jedna strona. Symetryczne podwójne głośniki stereo. Dźwięk nadąża za cudownymi ekranami. Flagowe podwójne głośniki stereo, dźwięk porusza się wraz z ekranem i otacza uszy immersyjnym dźwiękiem.