.option-not-close.bottom-fixed-banner { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: -webkit-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -moz-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -o-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -ms-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: linear-gradient(141deg, #410A88 0%, #00091A 100%); z-index: 1000; } .option-not-close.bottom-fixed-banner .banner-content { position: relative; display: flex; justify-content: center; align-items: center; padding: 32px 0; overflow: hidden; } .option-not-close.bottom-fixed-banner .banner-content:before, .option-not-close.bottom-fixed-banner .banner-content:after { content: ''; position: absolute; bottom: 0; width: 530px; height: 176px; z-index: -1; } .option-not-close.bottom-fixed-banner .banner-content:before { left: 0; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/left-asset-2x.webp?1750342014"); background-repeat: no-repeat; background-size: contain; background-position: bottom left; } .option-not-close.bottom-fixed-banner .banner-content:after { right: 0; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/right-asset-2x.webp?1750342002"); background-repeat: no-repeat; background-size: contain; background-position: bottom left; } .option-not-close.bottom-fixed-banner .text-block { max-width: 680px; width: 100%; display: flex; justify-content: center; align-items: center; gap: 24px; } .option-not-close.bottom-fixed-banner .text-block h2 { font-size: 1.5rem; font-style: normal; font-weight: 700; line-height: 132%; color: #FFFFFF; margin-bottom: 4px; } .option-not-close.bottom-fixed-banner .text-block h2 span { background: -webkit-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: -moz-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: -o-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: -ms-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .option-not-close.bottom-fixed-banner .text-block p { font-size: 1rem; font-style: normal; font-weight: 400; line-height: 150%; color: #FFF; } .option-not-close.bottom-fixed-banner .text-block a { display: flex; flex-shrink: 0; font-size: 1rem; font-weight: 500; line-height: normal; text-align: center; color: #FFF; padding: 12px 24px; border-radius: 8px; background: -webkit-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -moz-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -o-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -ms-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); } .option-close.bottom-fixed-banner { position: fixed; right: 31px; bottom: 35px; display: none; width: 280px; border-radius: 16px; background: -webkit-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -moz-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -o-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -ms-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: linear-gradient(141deg, #410A88 0%, #00091A 100%); z-index: 1000; } .option-close.bottom-fixed-banner .banner-content { position: relative; display: flex; flex-direction: column; align-items: center; padding: 28px 20px 20px; } .option-close.bottom-fixed-banner .close { display: flex; width: 24px; height: 24px; position: absolute; top: 8px; right: 8px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/icon-close.svg?1749741750"); background-repeat: no-repeat; background-size: contain; cursor: pointer; z-index: 2; } .option-close.bottom-fixed-banner .text-block { position: relative; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/banner-small-bg.webp?1749741532"); background-repeat: no-repeat; background-size: 240px 170px; background-position: center bottom 78px; } .option-close.bottom-fixed-banner .text-block .text { margin-bottom: 218px; } .option-close.bottom-fixed-banner .text-block h2 { font-size: 1.5rem; font-weight: 700; line-height: 130%; text-align: center; color: #FFFFFF; margin-bottom: 10px; } .option-close.bottom-fixed-banner .text-block h2 span { background: -webkit-linear-gradient(90deg, #FF6FD4 44.19%, #9E67FF 67.69%, #3C9CFF 91.2%); background: -moz-linear-gradient(90deg, #FF6FD4 44.19%, #9E67FF 67.69%, #3C9CFF 91.2%); background: -o-linear-gradient(90deg, #FF6FD4 44.19%, #9E67FF 67.69%, #3C9CFF 91.2%); background: -ms-linear-gradient(90deg, #FF6FD4 44.19%, #9E67FF 67.69%, #3C9CFF 91.2%); background: linear-gradient(90deg, #FF6FD4 44.19%, #9E67FF 67.69%, #3C9CFF 91.2%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .option-close.bottom-fixed-banner .text-block p { font-size: 0.875rem; font-weight: 400; line-height: 140%; text-align: center; color: #FFFFFF; } .option-close.bottom-fixed-banner .text-block a { display: flex; justify-content: center; width: 100%; font-size: 1.25rem; font-weight: 500; line-height: normal; text-align: center; color: #FFFFFF; padding: 15px 10px; background: -webkit-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -moz-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -o-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -ms-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); border-radius: 8px; } @media (-webkit-min-device-pixel-ratio: 1.5) or (-webkit-min-device-pixel-ratio: 2.5) { .option-not-close.bottom-fixed-banner .banner-content:before { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/left-asset-3x.webp?1750342013"); } .option-not-close.bottom-fixed-banner .banner-content:after { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/right-asset-3x.webp?1750342001"); } } @media (max-width: 1240px) { .option-close.bottom-fixed-banner .banner-content { padding: 32px 0; } .option-close.bottom-fixed-banner .banner-content:before, .option-close.bottom-fixed-banner .banner-content:after { content: ''; position: absolute; bottom: 0; width: 530px; height: 176px; z-index: -1; } .option-close.bottom-fixed-banner .banner-content:before, .option-not-close.bottom-fixed-banner .banner-content:before { left: -110px; } .option-not-close.bottom-fixed-banner .banner-content:after, .option-close.bottom-fixed-banner .banner-content:after { right: -110px; } .option-close.bottom-fixed-banner .banner-content:before { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/left-asset-2x.webp?1750342014"); background-repeat: no-repeat; background-size: contain; background-position: bottom left; } .option-close.bottom-fixed-banner .banner-content:after { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/right-asset-2x.webp?1750342002"); background-repeat: no-repeat; background-size: contain; background-position: bottom left; } .option-close.bottom-fixed-banner { display: none; position: fixed; bottom: 0; left: 0; width: 100%; background: -webkit-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -moz-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -o-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: -ms-linear-gradient(141deg, #410A88 0%, #00091A 100%); background: linear-gradient(141deg, #410A88 0%, #00091A 100%); border-radius: 16px 16px 0px 0px; overflow: hidden; } .option-close.bottom-fixed-banner .banner-content { position: relative; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-position: center center; } .option-close.bottom-fixed-banner .text-block { max-width: 680px; width: 100%; display: flex; justify-content: center; align-items: center; gap: 24px; background-image: none; } .option-close.bottom-fixed-banner .text-block .text { margin-bottom: 0; } .option-close.bottom-fixed-banner .text-block h2 { font-size: 1.5rem; font-weight: 700; line-height: 132%; text-align: left; margin-bottom: 4px; } .option-close.bottom-fixed-banner .text-block h2 span { background: -webkit-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: -moz-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: -o-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: -ms-linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background: linear-gradient(92deg, #FF6FD4 60.89%, #9E67FF 73.71%, #3C9CFF 86.53%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .option-close.bottom-fixed-banner .text-block p { font-size: 1rem; font-weight: 400; line-height: 150%; text-align: left; } .option-close.bottom-fixed-banner .text-block a { display: flex; flex-shrink: 0; width: auto; font-size: 1rem; font-weight: 500; line-height: normal; text-align: center; color: #FFF; padding: 12px 24px; border-radius: 8px; background: -webkit-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -moz-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -o-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: -ms-linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); background: linear-gradient(88deg, #BE4CFF 0%, #3863FF 100%); } } @media (max-width: 1240px) and (-webkit-min-device-pixel-ratio: 1.5) or (-webkit-min-device-pixel-ratio: 2.5) { .option-close.bottom-fixed-banner .banner-content:before { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/left-asset-3x.webp?1750342013"); } .option-close.bottom-fixed-banner .banner-content:after { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/banner/right-asset-3x.webp?1750342001"); } } @media (max-width: 991px) { .option-not-close.bottom-fixed-banner .banner-content, .option-close.bottom-fixed-banner .banner-content { padding: 32px 32px; } .option-close.bottom-fixed-banner .banner-content:before, .option-not-close.bottom-fixed-banner .banner-content:before { left: -230px; } .option-not-close.bottom-fixed-banner .banner-content:after, .option-close.bottom-fixed-banner .banner-content:after { right: -289px; } } @media (max-width: 575px) { .option-not-close.bottom-fixed-banner .banner-content, .option-close.bottom-fixed-banner .banner-content { padding: 16px 32px; } .option-not-close.bottom-fixed-banner .text-block, .option-close.bottom-fixed-banner .text-block { flex-direction: column; align-items: center; gap: 20px; } .option-not-close.bottom-fixed-banner .text-block h2, .option-close.bottom-fixed-banner .text-block h2 { text-align: center; margin-bottom: 10px; } .ja .option-not-close.bottom-fixed-banner .text-block h2, .ja .option-close.bottom-fixed-banner .text-block h2 { display: flex; flex-direction: column; align-items: center; } .option-not-close.bottom-fixed-banner .text-block p, .option-close.bottom-fixed-banner .text-block p { font-size: 0.875rem; text-align: center; } } @media (max-width: 375px) { .option-close.bottom-fixed-banner .banner-content:before, .option-not-close.bottom-fixed-banner .banner-content:before { left: -260px; } .option-not-close.bottom-fixed-banner .text-block h2, .option-close.bottom-fixed-banner .text-block h2 { font-size: 1.25rem; } } .moved .header-prod-logo .title { display: block; } .moved .header-prod-logo::before { opacity: 1; } .header-body { position: relative; } .header-body .video-block { position: relative; height: 830px; padding: 0; overflow: hidden; box-sizing: border-box; } .header-body .video-block > video { position: absolute; top: 0; bottom: 0; width: 120%; left: -10%; } #header-mobile-video { display: none; } .header-body .video-block .video-overlay { position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; background: -webkit-linear-gradient(0deg, #101A33 0%, #233375 100%); background: -moz-linear-gradient(0deg, #101A33 0%, #233375 100%); background: -o-linear-gradient(0deg, #101A33 0%, #233375 100%); background: -ms-linear-gradient(0deg, #101A33 0%, #233375 100%); background: linear-gradient(0deg, #101A33 0%, #233375 100%); opacity: 0.9; z-index: 2; } .header-body .video-block .info-block { position: relative; max-width: 1060px; width: 100%; margin: 0 auto; padding: 160px 0 200px 0; text-align: center; color: #ffffff; z-index: 10; } .header-body .video-block .info-block .logo { width: 120px; height: 120px; margin: 0 auto 30px auto; border-radius: 26px; } .header-body .video-block .info-block .title { padding-bottom: 20px; font-size: 3.125rem; font-weight: bold; } .header-body .video-block .info-block .sub-title { padding-bottom: 70px; opacity: 0.9; font-size: 1.75rem; line-height: 1; font-weight: normal; color: var(--white); } .header-body .video-block .info-block .dwn-btn { min-width: 250px; padding: 15px 38px; margin-bottom: 22px; border-radius: 8px; font-size: 1.25rem; font-weight: 500; } .header-body .video-block .info-block .available-block { display: flex; justify-content: center; align-items: center; padding: 0 0 40px; font-size: 1.125rem; color: rgba(255, 255, 255, 0.8); } .header-body .video-block .info-block .rating-block span { display: none; } .header-body .video-block .info-block .appstore-stars { width: 104px; height: 15px; margin: 0 auto 10px auto; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/gradient-stars-4.5.svg?1712921747") no-repeat 0 0; } .header-body .video-block .info-block .appstore-ratings { font-size: 0.8125rem; color: rgba(255, 255, 255, 0.4); } .header-body .press-list { position: absolute; bottom: 0; width: 100%; height: 88px; background: rgba(16, 25, 51, 0.6); z-index: 10; } .header-body .press-list .container { display: flex; align-items: center; justify-content: space-between; margin: 0 calc(50% - 580px); height: 88px; } .header-body .press-list .press-item img { height: 30px; } .content .section-title { padding-bottom: 20px; font-size: 3.125rem; font-weight: bold; line-height: 1.2; text-align: center; color: #222222; transition: 1s; } .content .section-subtitle { padding-bottom: 20px; font-size: 2.5rem; font-weight: bold; line-height: 1.25; color: #222222; } .content .section-text { font-size: 1.375rem; line-height: 1.55; text-align: center; color: #444444; transition: 1s; } .content .info-link { padding-top: 15px; font-size: 1.2rem; font-weight: 500; } .quote-text { font-size: 2rem; font-weight: bold; line-height: 1.5; color: #222222; } .wrap .dwn-btn { display: table; min-width: 250px; max-width: 300px; width: fit-content; margin: 0 auto; padding: 15px 20px; font-size: 1.25rem; font-weight: 500; } .horiz-divider { width: 1160px; height: 1px; margin: 100px auto; background-color: #dcdcdc; } .all-files-one-app { padding-top: 120px; } .all-files-one-app .section-text { padding: 0 50px; } .all-files-one-app .icons-list { display: flex; flex-wrap: wrap; max-width: 880px; width: 100%; margin: 0 auto; padding-top: 80px; } .all-files-one-app .icon-item { margin: 0 15px; } .all-files-one-app .icon-item img { width: 80px; height: 80px; } .all-files-one-app .section-device { position: relative; height: 840px; width: 4200px; } .all-files-one-app .section-device img { position: absolute; height: 840px; width: 2100px; left: 50vw; margin: auto auto auto -1050px; } .all-files-one-app .quote-block { position: relative; max-width: 724px; width: 100%; margin: 0 auto; padding: 0 0 60px 50px; } .all-files-one-app .quote-block::before { content: ""; position: absolute; top: -5px; left: 5px; width: 70px; height: 56px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/quotes.svg?1712921747"); background-size: 70px 56px; } .all-files-one-app .quote-author { display: inline-block; width: 147px; height: 22px; margin-top: -10px; vertical-align: middle; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/press/quote-the-verge.svg?1712921747") no-repeat 0 0; } .vpn-feature { padding: 0 50px 120px; } .vpn-feature .container { padding: 0; } .vpn-feature .logo { width: 120px; height: 120px; margin-bottom: 30px; } .vpn-feature .section-title, .vpn-feature .section-text { max-width: 830px; width: 100%; text-align: left; } .vpn-feature .section-text { padding-bottom: 100px; } .vpn-feature .section-device img { margin: 0 auto; } .compatible-with-m1 { padding: 100px 0 40px 50px; margin: 0 0 120px; will-change: initial; transition: 1s; } .compatible-with-m1.dark { background-color: rgb(17, 17, 17); } .compatible-with-m1 .container { display: flex; justify-content: space-between; padding: 0; } .compatible-with-m1 .section-info { max-width: 480px; } .compatible-with-m1 .section-title { text-align: left; transition: 1s; will-change: initial; } .compatible-with-m1.dark .section-title { color: #ffffff; } .compatible-with-m1 .section-text { text-align: left; transition: 1s; will-change: initial; } .compatible-with-m1.dark .section-text { color: rgba(255, 255, 255, 0.8); } .compatible-with-m1 .section-device { padding-left: 86px; } .compatible-with-m1 .section-device img { width: 508px; max-width: initial; margin-top: -90px; } .easy-ways-add-files .logo { width: 120px; height: 120px; margin: 0 auto 30px; } .easy-ways-add-files .section-title { padding-bottom: 100px; } .easy-ways-add-files .info-block { position: relative; max-width: 1200px; margin: 0 auto 120px auto; width: 100%; } .easy-ways-add-files .info-block .content .mobile-case-screen, .enjoy-pdf .info-block .content .mobile-case-screen { display: none; } .easy-ways-add-files .section-device { position: absolute; right: 608px; width: 100%; height: 540px; } .easy-ways-add-files .section-device img { position: absolute; display: block; max-width: initial; right: 0; height: 100%; opacity: 0; background-color: #ffffff; transition: opacity 0.5s ease-in-out; } .easy-ways-add-files .section-device img.active { opacity: 1; } .easy-ways-add-files .section-device img ~ .easy-ways-add-files .section-device img.active { opacity: 0 !important; } .easy-ways-add-files .section-device picture:nth-of-type(1) img { opacity: 1; z-index: 1; } .easy-ways-add-files .section-device picture:nth-of-type(2) img { z-index: 2; } .easy-ways-add-files .section-device picture:nth-of-type(3) img { z-index: 3; } .easy-ways-add-files .section-descr { width: 592px; height: 540px; padding: 56px 35px; border-radius: 12px; background-color: #f8f8f8; position: relative; margin: 0 0 60px auto; opacity: 0; transform: translate(0, 50px); transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .easy-ways-add-files .section-descr.active { transform: translate(0, 0); opacity: 1; } .easy-ways-add-files .section-text { text-align: left; } .highlight-case-show-container { position: absolute; top: 0; right: calc(50vw + 8px); width: 753px; height: 540px; z-index: 10; } .highlight-case-show { height: 540px; } .highlight-content { position: relative; margin: 0 auto ; } .highlight-case > .trigger { position: absolute; top: 230px; left: 0; z-index: 0; } .highlight-case .highlight-content > .trigger:nth-of-type(1) { position: absolute; top: calc((1 * (540px + 60px)) + 120px - 50vh); } .highlight-case .highlight-content > .trigger:nth-of-type(2) { position: absolute; top: calc((2 * (540px + 60px)) + 120px - 50vh); } .highlight-case .highlight-content > .trigger:nth-of-type(3) { position: absolute; top: calc((3 * (540px + 60px)) + 120px - 50vh); } .listen-love-music { padding-bottom: 100px; } .listen-love-music .logo { width: 120px; height: 120px; margin-bottom: 30px; } .listen-love-music .content { padding: 0 50px; } .listen-love-music .section-title, .listen-love-music .section-text { max-width: 830px; width: 100%; text-align: left; } .listen-love-music .section-text { padding-bottom: 100px; } .listen-love-music .section-device { margin-bottom: 60px; } .listen-love-music .section-device { position: relative; height: 610px; width: 3800px; } .listen-love-music .section-device img { position: absolute; height: 610px; width: 1900px; left: 50vw; transform: translate(-50%, 0%); } .watch-favorite-movies { padding-bottom: 100px; z-index: 10; } .dark .watch-favorite-movies .section-title { will-change: initial; } .dark .watch-favorite-movies .section-title { color: #ffffff; transition: 1s; } .watch-favorite-movies .section-text { padding-bottom: 80px; transition: 1s; will-change: initial; } .dark .watch-favorite-movies .section-text { color: rgba(255, 255, 255, 0.8); } .watch-favorite-movies .content { padding: 0 50px; position: relative; z-index: 10; } .watch-favorite-movies .logo { min-height: unset; width: 120px; height: 120px; margin: 0 auto 30px; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; will-change: initial; } .dark .watch-favorite-movies .logo.white, .watch-favorite-movies .logo.black { opacity: 0; } .watch-favorite-movies .logo.black{ position: absolute; top: 0; transform: translate(50%, 0%); right: 50%; } .watch-favorite-movies .logo.white, .dark .watch-favorite-movies .logo.black { opacity: 1; } .watch-favorite-movies .section-device { margin-bottom: 60px; position: relative; width: 900px; height: 665px; z-index: 10; } .watch-favorite-movies .device-background { position: absolute; top: 0; width: 900px; height: 665px; margin: 0 auto; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/index/illustration-video-light.png?1712921747") no-repeat center; background-size: cover; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; will-change: initial; } .watch-favorite-movies .device-background.black { opacity: 0; } .dark .watch-favorite-movies .device-background.black { opacity: 1; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/index/illustration-video-dark.png?1712921747") no-repeat center; background-size: cover; } .watch-favorite-movies .section-device video { position: absolute; top: 28px; left: 101px; width: 698px; height: 484px; border-radius: 10px; } .dark .watch-favorite-movies .dwn-btn { position: relative; z-index: 10; } .wrap .dark-transition-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; visibility: hidden; opacity: 0; z-index: 5; background-color: rgb(17, 17, 17); will-change: initial; -webkit-transition: opacity 1s, visibility 1s; -moz-transition: opacity 1s, visibility 1s; -o-transition: opacity 1s, visibility 1s; transition: opacity 1s, visibility 1s; } .wrap.dark .dark-transition-layer { visibility: visible; opacity: 1; will-change: initial; transition-delay: 0s; } .view-mark-images { padding-bottom: 100px; } .view-mark-images .logo { position: relative; width: 120px; height: 120px; margin-bottom: 30px; z-index: 10; } .view-mark-images .content { padding: 0 50px; } .view-mark-images .section-title, .view-mark-images .section-text { position: relative; max-width: 830px; width: 100%; text-align: left; z-index: 10; } .dark .view-mark-images .section-title { color: #ffffff; transition: 1s; z-index: 20; } .view-mark-images .section-text { padding-bottom: 100px; } .dark .view-mark-images .section-text { color: rgba(255, 255, 255, 0.8); } .view-mark-images .section-device { margin-bottom: 60px; } .view-mark-images .section-device { position: relative; height: 610px; width: 3800px; } .view-mark-images .section-device img { position: absolute; height: 610px; width: 1900px; left: 50vw; transform: translate(-50%, 0%); } .enjoy-pdf .logo { width: 120px; height: 120px; margin: 0 auto 30px; } .enjoy-pdf .section-title { padding-bottom: 100px; } .enjoy-pdf .info-block { position: relative; max-width: 1200px; margin: 0 auto 120px auto; width: 100%; } .enjoy-pdf .section-device { position: absolute; left: 608px; width: 100%; height: 540px; } .enjoy-pdf .section-device img { position: absolute; display: block; height: 100%; left: 0; opacity: 0; transition: opacity 0.5s ease-in-out; } .enjoy-pdf .section-device img.active { opacity: 1; } .enjoy-pdf .section-device img:nth-of-type(1) { opacity: 1; z-index: 1; } .enjoy-pdf .section-device img:nth-of-type(2) { z-index: 2; } .enjoy-pdf .section-device img:nth-of-type(3) { z-index: 3; } .enjoy-pdf .section-descr { width: 592px; height: 540px; padding: 56px 35px; border-radius: 12px; background-color: #f8f8f8; position: relative; margin: 0 auto 60px 0; opacity: 0; transform: translate(0, 50px); transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .enjoy-pdf .section-descr.active { transform: translate(0, 0); opacity: 1; } .enjoy-pdf .section-text { text-align: left; } .enjoy-pdf .section-icons { display: flex; flex-wrap: nowrap; justify-content: space-around; padding: 40px 59px 10px 59px; } .enjoy-pdf .section-icons .text { text-align: center; font-size: 1rem; line-height: 1.25; color: #222222; } .enjoy-pdf .section-icons .icon { width: 64px; height: 64px; margin: 0 auto 16px; } .enjoy-pdf .section-icons .icon-highlight { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-highlight.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-pen { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-pen.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-notes { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-notes.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-edit-text { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-edit-text.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-image { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-image.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-link { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-link.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-fill { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-fill.svg?1712921747") no-repeat 0 0; } .enjoy-pdf .section-icons .icon-sign { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/icons/icon-sign.svg?1712921747") no-repeat 0 0; } .sync-all-files { padding: 0 50px 120px; } .sync-all-files .container { padding: 0; } .sync-all-files .logo { width: 120px; height: 120px; margin-bottom: 30px; } .sync-all-files .section-title, .sync-all-files .section-text { max-width: 830px; width: 100%; text-align: left; } .sync-all-files .section-text { padding-bottom: 100px; } .sync-all-files .section-device img { margin: 0 auto; } .simple-file-manager .content { padding: 0 50px 80px; } .simple-file-manager .icons-list { display: flex; justify-content: space-between; flex-wrap: wrap; padding-bottom: 60px; } .simple-file-manager .icon-item { flex: 1 0 10px; } .simple-file-manager .icon-item img { width: 110px; height: 110px; } .simple-file-manager .icon-item .text { padding-top: 20px; width: 120px; text-align: center; font-size: 1.25rem; color: #222222; } .press-block { padding-bottom: 100px; } .press-block .section-subtitle { text-align: center; } .press-block .press-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; } .press-block .press-item { width: 30%; margin-top: 51px; } .press-block .press-item img { height: 100%; width: 100%; margin: 0 auto; } .press-block .press-item.the-verge img { width: 206px; } .press-block .press-item.tech-crunch img { width: 242px; } .press-block .press-item.imore img { width: 156px } .press-block .press-item.sweet-setup img { width: 275px; } .press-block .press-item.usa-today img { width: 190px; } .press-block .press-item.tnw img { width: 139px; } .press-block .press-item.mac-stories img { width: 227px; } .press-block .press-item.press-9to5-mac img { width: 195px; } .press-block .press-item.cult-of-mac img { width: 248px; } @media (max-width: 1199px) { .header-body .video-block video { width: initial; } .header-body .press-list .container { margin: 0; } .horiz-divider { margin: 80px auto; width: calc(100% - 32px); } .all-files-one-app { padding-top: 100px; } .all-files-one-app .icons-list { padding-top: 60px; } .all-files-one-app .section-device { padding-top: 20px; height: 640px; width: 3200px; } .all-files-one-app .section-device img { height: 640px; width: 1600px; margin: auto auto auto -800px; } .all-files-one-app .quote-block::before { top: 5px; } .all-files-one-app .quote-block { padding: 10px 0 60px 50px; } .vpn-feature { padding: 0 50px 100px; } .vpn-feature .section-text { padding-bottom: 80px; } .highlight-case-show { width: 100% !important; } .compatible-with-m1 { padding: 80px 0 40px 50px; margin: 0 0 100px; } .compatible-with-m1 .section-device img { width: 430px; margin-top: -50px; } .easy-ways-add-files .section-title { padding-bottom: 80px; } .easy-ways-add-files .section-descr { width: 488px; margin: 0 16px 60px auto; } .easy-ways-add-files .section-device { right: 520px; } .easy-ways-add-files .info-block { margin: 0 auto 100px auto; } .listen-love-music .section-text { padding-bottom: 80px; } .listen-love-music .section-device { height: 500px; } .listen-love-music .section-device img { height: 500px; width: initial; } .watch-favorite-movies .section-device video { left: 101px; } .watch-favorite-movies .section-device.container { padding: 0 0 60px 0; } .view-mark-images .section-text { padding-bottom: 80px; } .view-mark-images .section-device { height: 500px; } .view-mark-images .section-device img { height: 500px; width: initial; } .enjoy-pdf .section-title { padding-bottom: 80px; } .enjoy-pdf .section-descr { width: 488px; margin: 0 auto 60px 16px; } .enjoy-pdf .section-device { left: 520px; } .enjoy-pdf .info-block { margin: 0 auto 100px auto; } .sync-all-files { padding: 0 50px 100px; } .sync-all-files .section-text { padding-bottom: 80px; } .simple-file-manager .icons-list { justify-content: center; max-width: 800px; margin: 0 auto; padding-bottom: 0; } .simple-file-manager .icon-item { flex: initial; width: 25%; padding-bottom: 60px; } .simple-file-manager .icon-item img { margin: 0 auto; } .simple-file-manager .icon-item .text { margin: 0 auto; } } @media (max-width: 1023px) { .header-body .video-block { height: 710px; } .header-body .video-block video { left: -30%; } .header-body .video-block .info-block { padding: 98px 0 130px 0; } .header-body .video-block .info-block .logo { margin: 0 auto 36px auto; } .header-body .video-block .info-block .title { padding-bottom: 26px; } .header-body .video-block .info-block .sub-title { padding-bottom: 46px; } .header-body .video-block .info-block .appstore-stars { width: 104px; height: 15px; margin: 0 auto 5px auto; } .header-body .press-list { height: 80px; } .header-body .press-list .container { height: 80px; } .header-body .press-list .press-item img { height: 23px; } .compatible-with-m1 .section-title { font-size: 2.5rem; } } @media (max-width: 991px) { .all-files-one-app .icons-list { max-width: 560px; padding-top: 0; } .all-files-one-app .icon-item { width: 25%; margin: 0; padding-top: 60px; } .all-files-one-app .icon-item img { margin: 0 auto; } .all-files-one-app .section-device { padding-top: 0; } .compatible-with-m1 { padding: 80px 50px 40px; margin: 0 0 80px; } .compatible-with-m1 .container { flex-direction: column; } .compatible-with-m1 .section-info { max-width: 100%; } .compatible-with-m1 .section-title { text-align: center; } .compatible-with-m1 .section-text { padding-bottom: 30px; text-align: center; } .compatible-with-m1 .section-device { padding-left: 0; } .compatible-with-m1 .section-device img { max-width: 380px; width: 100%; margin: 0 auto; } .vpn-feature { padding: 0 50px 80px; } .watch-favorite-movies .section-device { width: 720px; height: 532px; } .watch-favorite-movies .device-background { width: 720px; height: 532px; } .watch-favorite-movies .section-device video { width: 560px; height: 391px; top: 20px; left: 80px; } .sync-all-files { padding: 0 50px 80px; } } @media (max-width: 768px) { .header-body .video-block video { left: -50%; } .header-body .video-block .info-block .title { font-size: 2.8rem; } .header-body .press-list { overflow: hidden; } .header-body .press-list .container { width: 2400px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/common/press/sp-press-all.svg?1712921747") repeat-x; background-size: 800px 80px; animation: slideMobilePress 40s linear infinite; background-repeat: round; max-width: unset; } @keyframes slideMobilePress { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-800px, 0, 0); } } .header-body .press-list .press-item { display: none; } .horiz-divider { margin: 60px auto; } .content .section-title { font-size: 2.875rem; } .all-files-one-app { padding-top: 80px; } .all-files-one-app .quote-block { padding: 10px 20px 60px 70px; } .all-files-one-app .quote-block::before { left: 25px; } .all-files-one-app .quote-author { display: block; width: 100%; right: 0; margin-top: initial; background-position: right; } .all-files-one-app .section-device { height: 530px; width: 2644px; } .all-files-one-app .section-device img { height: 530px; width: 1322px; margin: auto auto auto -661px; } .easy-ways-add-files .section-device { display: none; } .easy-ways-add-files .info-block .content .mobile-case-screen { display: block; padding: 0 20px 20px; } .easy-ways-add-files .section-descr { width: initial; height: 100%; margin: 0 16px 80px 16px; padding: 40px 20px; opacity: 1; transform: translate(0, 0); } .watch-favorite-movies .content { padding: 0 20px; } .watch-favorite-movies .section-device { width: 414px; height: 310px; } .watch-favorite-movies .device-background { width: 414px; height: 310px; } .watch-favorite-movies .section-device video { width: 328px; height: 228px; top: 12px; left: 43px; border-radius: 8px; } .enjoy-pdf .section-device { display: none; } .enjoy-pdf .info-block .content .mobile-case-screen { display: block; padding: 0 20px 20px; } .enjoy-pdf .section-descr { width: initial; height: 100%; margin: 0 16px 80px 16px; padding: 40px 20px; opacity: 1; transform: translate(0, 0); } .enjoy-pdf .section-icons { padding: 40px 0 10px; } } @media (max-width: 575px) { .uk .header-body .video-block .info-block .dwn-btn { padding: 15px 18px; } .uk .wrap .dwn-btn { padding: 15px 16px; } .header-body .video-block { height: 670px; } .header-body .video-block video { left: 0; } #header-desktop-video { display: none; } #header-mobile-video { display: block; } .header-body .video-block .video-overlay { display: none; } .header-body .video-block .info-block { padding: 100px 0 110px 0; } .header-body .video-block .info-block .logo { margin: 0 auto 24px auto; } .header-body .video-block .info-block .title { padding-bottom: 12px; font-size: 2.125rem; line-height: 1.29; } .header-body .video-block .info-block .sub-title { padding-bottom: 50px; font-size: 1.25rem; line-height: 1.4; } .header-body .video-block .info-block .available-block { padding: 0 0 35px; font-size: 1rem; } .content .section-title { font-size: 1.875rem; line-height: 1.33; } .content .section-subtitle { font-size: 1.875rem; line-height: 1.33; } .content .section-text { font-size: 1.25rem; line-height: 1.5; } .content .info-link { font-size: 1.1rem; } .quote-text { font-size: 1.5rem; line-height: 1.42; } .all-files-one-app { padding-top: 60px; } .all-files-one-app .icons-list { padding-top: 20px; } .all-files-one-app .icon-item { padding-top: 40px; } .all-files-one-app .icon-item img { width: 64px; height: 64px; } .all-files-one-app .section-text { padding: 0; } .all-files-one-app .section-device { height: 1000px; width: 575px; margin: 60px 0 26px; } .all-files-one-app .section-device img { height: 1000px; width: 575px; margin: 0; transform: translate(-50%, 0); } .all-files-one-app .quote-block { padding: 10px 20px 60px 60px; } .all-files-one-app .quote-block::before { top: 0; left: 20px; width: 60px; height: 48px; background-size: 60px 48px; } .compatible-with-m1 { padding: 30px 20px 10px; } .compatible-with-m1 .section-device img { max-width: 340px; } .compatible-with-m1 .section-text { padding-bottom: 0; } .vpn-feature .logo { margin: 0 auto 30px; } .vpn-feature { padding: 0 20px 80px; } .vpn-feature .section-title, .vpn-feature .section-text { text-align: center; } .vpn-feature .section-text { padding-bottom: 60px; } .easy-ways-add-files .section-title { padding-bottom: 60px; } .easy-ways-add-files .section-descr { transform: initial; } .listen-love-music .logo { margin: 0 auto 30px; } .listen-love-music .content { padding: 0 20px; } .listen-love-music .section-title, .listen-love-music .section-text { text-align: center; } .listen-love-music .section-text { padding-bottom: 60px; } .listen-love-music .section-device { height: 550px; } .listen-love-music .section-device img { height: 550px; } .watch-favorite-movies .content { padding: 0 20px; } .watch-favorite-movies .section-device { width: 375px; height: 281px; } .watch-favorite-movies .device-background { width: 375px; height: 281px; } .watch-favorite-movies .section-device video { width: 298px; height: 207px; top: 13px; left: 39px; border-radius: 6px; } .view-mark-images .logo { margin: 0 auto 30px; } .view-mark-images .content { padding: 0 20px; } .view-mark-images .section-title, .view-mark-images .section-text { text-align: center; } .view-mark-images .section-text { padding-bottom: 60px; } .view-mark-images .section-device { height: 550px; } .view-mark-images .section-device img { height: 550px; transform: translate(-50%, 0); margin: 0; } .sync-all-files .logo { margin: 0 auto 30px; } .sync-all-files { padding: 0 20px 80px; } .sync-all-files .section-title, .sync-all-files .section-text { text-align: center; } .sync-all-files .section-text { padding-bottom: 60px; } .simple-file-manager .content { padding: 0 0 60px; } .simple-file-manager .icon-item { padding-bottom: 40px; } .simple-file-manager .icon-item:nth-child(1), .simple-file-manager .icon-item:nth-child(2), .simple-file-manager .icon-item:nth-child(6), .simple-file-manager .icon-item:nth-child(7) { width: 35%; } .simple-file-manager .icon-item:nth-child(3), .simple-file-manager .icon-item:nth-child(4), .simple-file-manager .icon-item:nth-child(5) { width: 33%; } .simple-file-manager .icon-item img { width: 80px; height: 80px; } .simple-file-manager .icon-item .text { padding-top: 16px; width: 100px; font-size: 0.9375rem; line-height: 1.33; } .press-block { padding-bottom: 80px; } .press-block .section-subtitle { font-size: 1.875rem; } } @media (max-width: 375px){ .all-files-one-app .icons-list { padding-top: 10px; } .all-files-one-app .icon-item img { width: 60px; height: 60px; } .easy-ways-add-files img.mobile-case-screen.screen-2 { margin: 0 auto 0 calc(100vw - 375px); padding: 0 !important; width: 375px; max-width: initial; } .easy-ways-add-files img.mobile-case-screen.screen-3 { margin: 0 calc(100vw - 375px) 0 auto; padding: 0 !important; width: 375px; max-width: initial; } .press-block .section-subtitle { font-size: 1.55rem; padding-bottom: 0; } .watch-favorite-movies .section-device { width: 320px; height: 240px; } .watch-favorite-movies .device-background { width: 320px; height: 240px; } .watch-favorite-movies .section-device video { width: 255px; height: 178px; top: 10px; left: 33px; border-radius: 6px; } .enjoy-pdf .section-icons .icon { width: 60px; height: 60px; } } @media (max-width: 575px) and (-webkit-min-device-pixel-ratio: 2){ .watch-favorite-movies .device-background.white { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/index/m-illustration-video-light-2x.png?1712921747") no-repeat center; background-size: cover; } .dark .watch-favorite-movies .device-background.black { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/index/m-illustration-video-dark-2x.png?1712921747") no-repeat center; background-size: cover; } } @media (max-width: 575px) and (-webkit-min-device-pixel-ratio: 3){ .watch-favorite-movies .device-background.white { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/index/m-illustration-video-light-3x.png?1712921747") no-repeat center; background-size: cover; } .dark .watch-favorite-movies .device-background.black { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/documents/index/m-illustration-video-dark-3x.png?1712921747") no-repeat center; background-size: cover; } }