:root { --btn-green-color: #1DA84B; --btn-green-hover-color: #23da48; --btn-green-disable-color: #179e32; } .header-btn { background: var(--btn-green-color); } .header-btn:hover { background: var(--btn-green-hover-color); } .dwn-btn { display: flex; justify-content: center; align-items: center; width: fit-content; min-width: 140px; min-height: 44px; margin: 0; padding: 0 24px; font-size: 1.125rem; font-weight: 600; background: var(--btn-green-color); box-sizing: border-box; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .dwn-btn:hover { background: var(--btn-green-hover-color); } .moved .header-prod-logo .title { display: block; } .moved .header-prod-logo::before { opacity: 1; } .wrap .container { max-width: 1060px; } .content.description { max-width: 890px; margin: 0 auto; } .content .section-title { padding-bottom: 20px; font-size: 3.125rem; font-weight: bold; line-height: 1.2; text-align: center; color: #222222; } .section-title span { color: #4e4cc3; } .content .section-text { padding-bottom: 60px; font-size: 1.375rem; line-height: 1.55; text-align: center; color: #444444; } .quote-text { font-size: 2rem; font-weight: bold; line-height: 1.5; color: #222222; } .description.fade { transform: translateY(0); opacity: 1; transition: transform .6s ease-in-out,opacity .4s ease-in-out; } .description.fade.fade-in { opacity: 0; transition: transform .2s ease-in,opacity .2s ease-in; transform: translateY(50px); } @media (max-width: 991px) { .dwn-btn { font-size: 1rem; } .content .section-title { font-size: 2.875rem; } } @media (max-width: 768px) { .wrap .container { padding: 0 30px; } } @media (max-width: 575px) { .uk .dwn-btn { font-size: 0.9375rem; } .wrap .container { padding: 0 20px; } .content .section-title { font-size: 1.875rem; line-height: 1.33; } .content .section-text { padding-bottom: 40px; font-size: 1.25rem; line-height: 1.5; } .quote-text { font-size: 1.5rem; line-height: 1.42; } } @media (max-width: 375px) { .quote-text { font-size: 1.4rem; } } .spring-sale-banner { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; display: none; align-items: center; justify-content: space-between; height: 60px; background: #3A89FF; overflow: hidden; } body.scanner-spring-sale.ios-device .spring-sale-banner { display: flex; } .spring-sale-banner.show-countdown .countdown { display: block; } .spring-sale-banner.show-countdown .content { max-width: 1159px; } .spring-sale-banner::before, .spring-sale-banner::after { content: ''; overflow: hidden; width: 130px; height: 60px; flex-shrink: 0; } .spring-sale-banner::before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left.webp?1715266671") no-repeat; background-size: 130px 80px; background-position: center; } .spring-sale-banner::after { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right.webp?1715266692") no-repeat; background-size: 130px 80px; background-position: center; } .spring-sale-banner .content { display: flex; align-items: center; justify-content: center; max-width: 1013px; width: 100%; margin: 0 auto; gap: 24px; height: 100%; } .spring-sale-banner .title { display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 171px; height: 35px; font-size: 1.375rem; font-weight: 600; text-transform: uppercase; color: #fff; border: 1px solid #FFF; border-radius: 28px; } .spring-sale-banner .text { flex-shrink: 0; font-size: 2.75rem; font-weight: 700; text-transform: uppercase; color: #FFF; } .spring-sale-banner .image { flex-shrink: 0; width: 451px; height: 60px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-center.webp?1715266681") no-repeat; background-position: center; background-size: 451px 100px; } .spring-sale-banner .spring-sale-btn { flex-shrink: 0; min-width: 133px; height: 44px; padding: 10px; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #FFF; border-radius: 6px; background: #1CC43E; text-align: center; } .spring-sale-banner .countdown { display: none; } .spring-sale-banner .countdown-items { display: flex; align-items: center; gap: 20px; } .spring-sale-banner .countdown-item { position: relative; display: flex; flex-direction: column; width: 28px; } .spring-sale-banner .countdown-item::after { content: ':'; position: absolute; top: 0; left: -12.5px; width: 7px; height: 26px; font-size: 1.375rem; font-weight: 700; color: #FFF; } .spring-sale-banner .countdown-item:first-child::after { display: none; } .spring-sale-banner .countdown-value { font-size: 1.375rem; font-weight: 700; text-align: center; color: #FFF; } .spring-sale-banner .countdown-name { font-size: 0.688rem; font-weight: 700; text-align: center; color: #fff; } @media (-webkit-min-device-pixel-ratio: 2) { .spring-sale-banner::before { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left-2x.webp?1715266396") no-repeat; background-size: 130px 100px; background-position: center; } .spring-sale-banner::after { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right-2x.webp?1715266426") no-repeat; background-size: 130px 100px; background-position: center; } .spring-sale-banner .image { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-center-2x.webp?1715266520") no-repeat; background-position: center; background-size: 451px 100px; } } @media(max-width: 1450px) { .spring-sale-banner .content { gap: 32px; } .spring-sale-banner .title { height: 30px; width: 147px; font-size: 1.125rem; font-weight: 600; border-radius: 24px; } .spring-sale-banner .text { font-size: 2.25rem; } .spring-sale-banner .image { display: none; } } @media (max-width: 991px) { .spring-sale-banner .spring-sale-btn { display: none; } } @media (max-width: 768px) { .spring-sale-banner.show-countdown .title { display: none; } .spring-sale-banner::before, .spring-sale-banner::after { width: 104px; height: 80px; background-size: 104px 80px; } .spring-sale-banner .content { gap: 24px; } .spring-sale-banner .title { font-size: 0.813rem; height: 21px; width: 106px; border-radius: 18px; } .spring-sale-banner .text { font-size: 1.875rem; } .spring-sale-banner.countdown-value { font-size: 1rem; } .spring-sale-banner .countdown-name { font-size: 0.5rem; } } @media (-webkit-min-device-pixel-ratio: 3) and (max-width: 575px) { .spring-sale-banner::before { width: 104px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-left-mobile-3x.webp?1715267063") no-repeat; background-size: 104px 80px; background-position: center; } .spring-sale-banner::after { width: 104px; height: 80px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/spring-sale-banner/background-right-mobile-3x.webp?1715267076") no-repeat; background-size: 104px 80px; background-position: center; } } @media (max-width: 575px) { .spring-sale-banner { height: 80px; } .spring-sale-banner.show-countdown .title { display: none; } .spring-sale-banner .content { flex-direction: column; gap: 4px; } .spring-sale-banner .title { font-size: 0.813rem; height: 21px; width: 106px; border-radius: 18px; } .spring-sale-banner .text { font-size: 1.875rem; } .spring-sale-banner .countdown-item { width: 21px; } .spring-sale-banner .countdown-value { font-size: 1rem; } .spring-sale-banner .countdown-name { font-size: 0.5rem; } } @media(max-width: 375px) { .spring-sale-banner .text { font-size: 1.25rem; } .spring-sale-banner .countdown-items { gap: 15px; } .spring-sale-banner .countdown-value { font-size: 0.75rem; } .spring-sale-banner .countdown-item::after { height: 23px; left: -10px; font-size: 1rem; } } .fluently-languages-block { padding: 0 0 100px; } .fluently-languages-block .description { padding: 140px 0 0; border-top: 1px solid #dcdcdc; } .fluently-languages-block .content .section-title { padding: 0 0 80px; } .fluently-languages-block .lang-list { display: flex; justify-content: space-between; width: 100%; max-width: 735px; margin: 0 auto 80px; } .fluently-languages-block .flag { width: 42px; height: 42px; } .fluently-languages-block .flag.en { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/en.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.de { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/de.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.fr { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/fr.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.es { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/es.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.it { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/it.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.pt { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/pt.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.ja { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/ja.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.zh { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/zh.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.ua { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/ua.svg?1606081286") no-repeat center; } .fluently-languages-block .flag.ru { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/langs_icons_bordered/ru.svg?1606081286") no-repeat center; } .fluently-languages-block .dwn-btn { margin: 0 auto; } @media (max-width: 1199px) { .fluently-languages-block .description { padding: 120px 0 0; } } @media (max-width: 991px) { .fluently-languages-block .content .section-title { padding: 0 0 40px; } .fluently-languages-block .lang-list { flex-wrap: wrap; justify-content: center; } .fluently-languages-block .flag { min-width: 14%; margin-top: 40px; } } @media (max-width: 768px) { .fluently-languages-block .description { padding: 100px 0 0; } .fluently-languages-block .lang-list { margin: 0 auto 60px; } } @media (max-width: 575px) { .fluently-languages-block { padding: 0 0 80px; } .fluently-languages-block .description { padding: 80px 0 0; } .fluently-languages-block .content .section-title { padding: 0 0 20px; } .fluently-languages-block .lang-list { max-width: 400px; } .fluently-languages-block .flag { min-width: 30%; margin-top: 40px; } } .title-text-asset { padding: 0 20px 140px; } .title-text-asset.left-text-align .section-title { text-align: left; } .title-text-asset.left-text-align .section-text { text-align: left; } .title-text-asset .animation-block { max-width: 874px; margin: 0 auto; } @media (max-width: 1199px) { .title-text-asset { padding: 0 0 120px; } } @media (max-width: 991px) { .title-text-asset { padding: 0 0 100px; } } @media (max-width: 575px) { .title-text-asset { padding: 0 0 80px; } .title-text-asset .animation-block { max-width: 260px; } } @media (max-width: 375px){ .title-text-asset .animation-block { max-width: 225px; } }.features-list-block { padding: 0 20px 140px; } .features-list-block .container { padding: 100px 80px; border-radius: 20px; background-color: rgba(112, 110, 255, 0.08); } .features-list-block .section-title { text-align: left; } .features-list-block .feature-list { display: flex; justify-content: space-between; flex-wrap: wrap; } .features-list-block .feature-item { padding: 60px 0 0; width: 45%; max-width: 400px; } .features-list-block .feature-item .icon { height: 60px; width: 100%; margin: 0 auto 20px 0; } .features-list-block.json-animation .feature-item .icon { width: 60px; height: initial; } .features-list-block .feature-item .title { padding: 0 0 2px; font-size: 1.375rem; font-weight: bold; line-height: 1.55; color: #222222; } .features-list-block .feature-item .text { font-size: 1.375rem; line-height: 1.55; color: #444444; } @media (max-width: 1199px) { .features-list-block { padding: 0 20px 120px; } .features-list-block .container { padding: 80px 66px; } } @media (max-width: 991px) { .features-list-block { padding: 0 20px 100px; } .features-list-block .container { padding: 80px 45px; } .features-list-block .feature-item { padding: 50px 0 0; } } @media (max-width: 768px) { .features-list-block .container { padding: 50px 20px; } .features-list-block .section-title { padding-bottom: 5px; } .features-list-block .feature-item { padding: 40px 0 0; } .features-list-block .feature-item .icon { margin: 0 auto 15px 0; } } @media (max-width: 575px) { .features-list-block { padding: 0 10px 80px; } .features-list-block .container { padding: 50px 20px; } .features-list-block .feature-list { flex-direction: column; } .features-list-block .feature-item { width: 100%; max-width: initial; } .features-list-block .feature-item .icon { margin: 0 auto 5px 0; } }.qr-code-get-product { display: none; position: fixed; z-index: 10; bottom: 20px; left: 20px; align-items: center; justify-content: center; max-width: 358px; width: 100%; gap: 20px; background: rgba(255, 255, 255, 0.70); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.25); border-radius: 16px; padding: 16px; } .qr-code-get-product .close { display: block; width: 24px; height: 24px; position: absolute; top: 6px; right: 6px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/close-icon.svg?1729592618"); background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; } .qr-code-get-product .close:focus { outline: none; -moz-box-shadow: var(--common-focus-box-shadow);; -webkit-box-shadow: var(--common-focus-box-shadow);; -o-box-shadow: var(--common-focus-box-shadow);; -ms-box-shadow: var(--common-focus-box-shadow);; box-shadow: var(--common-focus-box-shadow);; border-radius: 8px; } .qr-code-get-product .qr-code { display: block; width: 80px; height: 80px; flex-shrink: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .qr-code-get-product.scannerpro .qr-code { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/index/qr-code-scannerpro.svg?1730977434"); } .qr-code-get-product .text-block { display: flex; flex-direction: column; gap: 4px; } .qr-code-get-product .text-block h2 { color: #222; font-size: 1.25em; } .qr-code-get-product .text-block p { line-height: 1.5; } @media (min-width: 576px) { .desktop-device .qr-code-get-product { display: flex; } } .header-body .container { max-width: 1160px; } .header-body { position: relative; } .header-body .video-block { position: relative; height: 770px; 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; height: 100%; } .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(180deg, #363578 0%, #282760 100%); background: -moz-linear-gradient(180deg, #363578 0%, #282760 100%); background: -o-linear-gradient(180deg, #363578 0%, #282760 100%); background: -ms-linear-gradient(180deg, #363578 0%, #282760 100%); background: linear-gradient(180deg, #363578 0%, #282760 100%); opacity: 0.9; z-index: 2; } .header-body .video-block .info-block { position: relative; max-width: 1060px; width: 100%; margin: 0 auto; padding: 120px 0 76px 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: 16px; font-size: 3.125rem; font-weight: bold; } .header-body .video-block .info-block .sub-title { padding-bottom: 30px; opacity: 0.9; font-size: 1.875rem; line-height: 1.2; font-weight: normal; color: var(--white); } .header-body .video-block .info-block .dwn-btn { min-width: 215px; margin: 0 auto 50px; font-size: 1.25rem; } .header-body .video-block .info-block .award-rating-block { display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; padding: 25px 0 0; } .header-body .video-block .info-block .award-block { position: relative; height: 70px; padding: 0 30px; font-size: 1.74rem; font-weight: 600; line-height: 1; } .header-body .video-block .info-block .award-block span { font-size: 1.25rem; font-weight: 400; opacity: 0.75; line-height: 1.4; } .header-body .video-block .info-block .award-block:before { content: ""; position: absolute; width: 20px; height: 70px; top: -5px; left: 0; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/wrth-left.svg?1712922133"); background-size: 20px 70px; } .header-body .video-block .info-block .award-block:after { content: ""; position: absolute; width: 20px; height: 70px; top: -5px; right: 0; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/wrth-right.svg?1712922133"); background-size: 20px 70px; } .header-body .video-block .info-block .rating-block { padding: 0 0 0 60px; } .header-body .video-block .info-block .rating-block span { display: none; } .header-body .video-block .info-block .appstore-stars { width: 139px; height: 21px; margin: 0 auto 15px auto; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/gradient-stars-4.9.svg?1712922133") no-repeat 0 0; } .header-body .video-block .info-block .appstore-ratings { font-size: 1.375rem; line-height: 1.27; color: rgba(255, 255, 255, 0.7); } .header-body .press-list { position: absolute; bottom: 0; width: 100%; height: 88px; background-image: -webkit-linear-gradient(to bottom, rgba(54, 53, 121, 0.6), rgba(54, 53, 121, 0.6)); background-image: -moz-linear-gradient(to bottom, rgba(54, 53, 121, 0.6), rgba(54, 53, 121, 0.6)); background-image: -o-linear-gradient(to bottom, rgba(54, 53, 121, 0.6), rgba(54, 53, 121, 0.6)); background-image: -ms-linear-gradient(to bottom, rgba(54, 53, 121, 0.6), rgba(54, 53, 121, 0.6)); background-image: linear-gradient(to bottom, rgba(54, 53, 121, 0.6), rgba(54, 53, 121, 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; padding: 0 74px; } .header-body .press-list .press-item img { height: 30px; } .header-body .press-list .press-item:nth-child(1) img{ height: 41px; } .header-body .press-list .press-item:nth-child(3) img { height: 36px; } .header-body .press-list .press-item:nth-child(4) img { height: 34px; } .high-quality-scans { padding: 140px 20px; } .high-quality-scans .section-text { padding-bottom: 20px; } .high-quality-scans .animation-block { max-width: 525px; margin: 0 auto; padding: 0 0 40px; text-align: center; } .high-quality-scans .animation-block video { width: 100%; height: 100%; } .high-quality-scans .quote-block { position: relative; max-width: 900px; width: 100%; margin: 0 auto; padding: 0 0 60px 50px; } .high-quality-scans .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/scannerpro/common/icons/quotes.svg?1712922133"); background-size: 70px 56px; } .high-quality-scans .quote-author { display: block; width: 260px; height: 34px; margin: 31px 0 0 auto; vertical-align: middle; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/tnyt-gray.svg?1712922133") no-repeat 0 0; } .high-quality-scans .dwn-btn { margin: 0 auto; } .enjoy-documents { padding: 0 20px 140px; } .enjoy-documents .container { padding: 100px 80px; border-radius: 20px; background-color: rgba(112, 110, 255, 0.08); } .enjoy-documents .section-title { text-align: left; } .enjoy-documents .section-text { max-width: 750px; padding-bottom: 40px; text-align: left; } .enjoy-documents #enjoyDocumentsArrow { margin-right: calc(100% / 2 - 5px); padding: 0 0 7px; text-align: right; } .enjoy-documents #enjoyDocumentsArrow label { display: inline-block; transform: rotate(-5deg); font-size: 2.25rem; line-height: 1.67; font-family: 'Nanum Pen Script', cursive; color: #4e4cc3; } .ja .enjoy-documents #enjoyDocumentsArrow label { font-size: 2rem; font-family: inherit; } .zh .enjoy-documents #enjoyDocumentsArrow label { font-size: 1.8rem; font-family: inherit; } .enjoy-documents #enjoyDocumentsArrow span { display: inline-block; width: 60px; vertical-align: middle; } .enjoy-documents .compare-slider { max-width: 760px; position: relative; margin: 0 auto; overflow: hidden; } .enjoy-documents .compare-slider img { width: 100%; display:block; } .enjoy-documents .resize { position: absolute; top:0; left: 0; height: 100%; width: 50%; overflow: hidden; } .enjoy-documents .resize img { height: 100%; width: auto; max-width: initial; } .enjoy-documents .handle { position: absolute; left: 50%; top: 49.9%; height: 89.4%; bottom: 0; width: 4px; transform: translateY(-50%); margin-left: -1px; background-color: #4e4cc3; cursor: ew-resize; } .enjoy-documents .handle:after { position: absolute; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; content: ""; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/pull-me-btn.svg?1712922133"); border-radius: 50%; transition:all 0.3s ease; box-shadow: 0 2px 6px rgba(0,0,0,.3), inset 0 2px 0 rgba(255,255,255,.5); } @-webkit-keyframes swing { 15% { -webkit-transform: translateX(9px); transform: translateX(9px); } 30% { -webkit-transform: translateX(-9px); transform: translateX(-9px); } 40% { -webkit-transform: translateX(6px); transform: translateX(6px); } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 65% { -webkit-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes swing { 15% { -webkit-transform: translateX(9px); transform: translateX(9px); } 30% { -webkit-transform: translateX(-9px); transform: translateX(-9px); } 40% { -webkit-transform: translateX(6px); transform: translateX(6px); } 50% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 65% { -webkit-transform: translateX(3px); transform: translateX(3px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .enjoy-documents .compare-slider:hover .handle:after { -webkit-animation: swing 0.6s ease; animation: swing 0.6s ease; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .enjoy-documents .draggable:after { width: 36px; height: 36px; margin: -18px 0 0 -18px; } .en .text-vision .section-title { padding-top: 4px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/select-text-vision.svg?1712922133") no-repeat; background-position: 290px 1px; background-size: 308px 66px; } .keep-organized { padding: 0 20px 140px; } .keep-organized .container { display: flex; justify-content: space-between; } .keep-organized .animation-block { width: 100%; position: relative; } .keep-organized .animation-block video { max-width: 400px; margin: 0 0 0 25px; } .keep-organized .animation-block .text-1, .keep-organized .animation-block .text-2 { position: absolute; font-size: 2.25rem; line-height: 1.67; font-family: 'Nanum Pen Script', cursive; color: #4e4cc3; } .ja .keep-organized .animation-block .text-1, .ja .keep-organized .animation-block .text-2 { font-size: 2rem; font-family: inherit; } .zh .keep-organized .animation-block .text-1, .zh .keep-organized .animation-block .text-2 { font-size: 1.6rem; font-family: inherit; } .keep-organized .animation-block .text-1 { top: -38px; left: 17px; transform: rotate(-5deg); } .keep-organized .animation-block .text-2 { top: 14px; right: 35px; transform: rotate(7deg); } .ja .keep-organized .animation-block .text-2 { right: 9px; } .keep-organized .vertical-view-btn { display: none; } .keep-organized .description { width: 100%; max-width: 484px; margin: 0 0 0 93px; } .keep-organized .section-title { text-align: left; } .keep-organized .section-text { text-align: left; } .keep-organized .dwn-btn { margin: 0 auto 0 0; } .save-time { padding: 0 20px 140px; } .save-time .container { display: flex; justify-content: space-between; padding: 100px 80px 60px; border-radius: 20px; background-color: rgba(112, 110, 255, 0.08); } .save-time .animation-block { width: 100%; } .save-time .animation-block video { max-height: 540px; margin-top: -30px; margin-right: -50px; } .save-time .vertical-view-btn.dwn-btn { display: none; } .save-time .description { width: 100%; max-width: 429px; margin: 0 44px 0 0; } .save-time .section-title { text-align: left; } .save-time .section-text { text-align: left; } .save-time .dwn-btn { margin: 0 auto 0 0; } .press-block { max-width: 900px; margin: 0 auto; padding: 0 0 140px; } .press-block.content .section-title { padding-bottom: 30px; } .press-block .press-quote-list { display: flex; flex-wrap: wrap; justify-content: center; } .press-block .press-item { position: relative; width: 30%; height: 310px; padding: 42px 30px 20px 30px; margin: 30px 0 0 0; border-radius: 12px; background-color: rgba(244, 244, 244, 0.8); } .press-block .press-item:nth-child(1), .press-block .press-item:nth-child(2), .press-block .press-item:nth-child(4), .press-block .press-item:nth-child(5) { margin: 30px 18px 0 0; } .press-block .press-item .text { position: relative; font-size: 1.25em; line-height: 1.5; } .press-block .press-item .text:before { content: ""; position: absolute; top: -13px; left: -10px; width: 35px; height: 28px; background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/icons/quotes.svg?1712922133"); background-size: 35px 28px; } .press-block .press-item .icon { position: absolute; bottom: 30px; right: 30px; } .press-block .press-item .icon.times { width: 210px; height: 28px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/tnyt.svg?1712922133") no-repeat 0 0; } .press-block .press-item .icon.macworld { width: 96px; height: 30px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/macworld.svg?1712922133") no-repeat 0 0; } .press-block .press-item .icon.mac-rumors { width: 150px; height: 30px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/macrumors.svg?1712922133") no-repeat 0 0; } .press-block .press-item .icon.tnw { width: 98px; height: 24px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/tnw.svg?1712922133") no-repeat 0 0; } .press-block .press-item .icon.usa-today { width: 104px; height: 55px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/usa-today.svg?1712922133") no-repeat 0 0; } .press-block .press-item .icon.zd-net { width: 86px; height: 55px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/products/scannerpro/common/press/zdnet.svg?1712922133") no-repeat 0 0; } .press-block .press-bullets { display: none; } body.scanner-spring-sale.ios-device .header-body .video-block { padding-top: 60px; } body.scanner-spring-sale.ios-device .header-body .video-block { height: 830px; } .de .qr-code-get-product, .fr .qr-code-get-product, .ja .qr-code-get-product, .pt .qr-code-get-product { max-width: 390px; } .uk .qr-code-get-product { max-width: 400px; } @media (max-width: 1199px) { .header-body .video-block video { width: initial; } .header-body .press-list .container { margin: 0; } .high-quality-scans { padding: 120px 0; } .enjoy-documents { padding: 0 20px 120px; } .enjoy-documents .container { padding: 80px 66px; } .keep-organized { padding: 0 0 120px; } .keep-organized .description { margin: 0 0 0 40px; } .keep-organized .animation-block { min-width: 490px; } .keep-organized .animation-block video { margin: initial; } .keep-organized .animation-block .text-1 { left: -5px; } .keep-organized .animation-block .text-2 { right: 55px; } .ja .keep-organized .animation-block .text-2 { right: 43px; } .save-time { padding: 0 20px 120px; } .save-time .container { padding: 80px 66px 40px; } .save-time .animation-block video { margin-right: -40px; } .press-block { padding: 0 0 120px; } .press-block .content .section-title { padding-bottom: 10px; } } @media (max-width: 1024px) { .header-body .video-block { height: 710px; } .header-body .video-block video { left: -30%; } .header-body .video-block .info-block { padding: 110px 0 120px 0; } .header-body .video-block .info-block .logo { margin: 0 auto 22px auto; } .header-body .video-block .info-block .title { padding-bottom: 9px; } .header-body .video-block .info-block .sub-title { padding-bottom: 34px; } .header-body .video-block .info-block .dwn-btn { margin: 0 auto 26px; } .header-body .video-block .info-block .award-block { height: 59px; padding: 0 28px; font-size: 1.375rem; } .header-body .video-block .info-block .award-block:before, .header-body .video-block .info-block .award-block:after { width: 16px; height: 58px; background-size: 16px 58px; } .header-body .video-block .info-block .award-block span { font-size: 1rem; line-height: 1.75; } .header-body .video-block .info-block .appstore-stars { margin: 0 auto 8px auto; } .header-body .video-block .info-block .appstore-ratings { font-size: 1rem; line-height: 1.75; } .header-body .press-list { height: 80px; } .header-body .press-list .container { height: 80px; } .header-body .press-list .press-item img { height: 23px; } .header-body .press-list .press-item:nth-child(1) img { height: 32px; } .header-body .press-list .press-item:nth-child(3) img { height: 28px; } .header-body .press-list .press-item:nth-child(4) img { height: 27px; } body.scanner-spring-sale.ios-device .header-body .video-block { height: 770px; } } @media (max-width: 991px) { .header-body .press-list .container { padding: 0 45px; } .high-quality-scans { padding: 100px 0; } .high-quality-scans .section-text { padding-bottom: 20px; } .high-quality-scans .animation-block { max-width: 490px; padding: 0 0 35px; } .high-quality-scans .quote-author { margin: 20px 0 0 auto; } .enjoy-documents { padding: 0 20px 100px; } .enjoy-documents .container { padding: 80px 60px; } .keep-organized { padding: 0 0 100px; } .keep-organized .animation-block { width: 344px; min-width: initial; margin-top: 46px; } .keep-organized .animation-block video { height: 450px; } .keep-organized .animation-block .text-1, .keep-organized .animation-block .text-2 { font-size: 2rem; } .ja .keep-organized .animation-block .text-1, .ja .keep-organized .animation-block .text-2 { font-size: 1.4rem; } .ja .keep-organized .animation-block .text-1 { top: -30px; } .keep-organized .animation-block .text-2 { top: 6px; right: -16px; } .ja .keep-organized .animation-block .text-2 { top: 10px; right: -31px; } .es .keep-organized .animation-block .text-2 { right: -27px; } .fr .keep-organized .animation-block .text-2 { right: -23px; } .keep-organized .description { margin: 0 0 0 50px; } .keep-organized .section-text { padding-bottom: 40px; } .en .text-vision .section-title { background-position: center 0; } .save-time { padding: 0 20px 100px; } .save-time .container { padding: 80px 20px; } .save-time .animation-block video { max-height: 450px; margin-right: -20px; } .save-time .description { margin: 0 15px 0 0; } .press-block .press-item { width: 50%; max-width: 304px; } .press-block .press-item:nth-child(1), .press-block .press-item:nth-child(3), .press-block .press-item:nth-child(5) { margin: 30px 18px 0; } .press-block .press-item:nth-child(2), .press-block .press-item:nth-child(4), .press-block .press-item:nth-child(6) { margin: 30px 0 0; } } @media (max-width: 768px) { .header-body .video-block { height: 650px; } .header-body .video-block .info-block { padding: 100px 0 120px 0; } .header-body .video-block video { left: -50%; } .header-body .video-block .info-block .title { font-size: 2.875rem; } .header-body .video-block .info-block .sub-title { padding-bottom: 30px; font-size: 1.5rem; } .header-body .video-block .info-block .award-block { font-size: 1.25rem; line-height: 1.3; } .header-body .video-block .info-block .award-block span { font-size: 0.8125rem; line-height: 2.15; } .header-body .video-block .info-block .appstore-stars { width: 99px; height: 15px; margin: 0 auto 6px auto; } .header-body .video-block .info-block .rating-block { padding: 5px 0 0 60px; } .header-body .video-block .info-block .appstore-ratings { font-size: 0.8125rem; line-height: 2.15; } .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/scannerpro/common/press/sp-press-all.svg?1712922133") 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; } .high-quality-scans .section-text { padding-bottom: 20px; } .high-quality-scans .animation-block { max-width: 450px; } .enjoy-documents .container { padding: 60px 30px; } .keep-organized .container { flex-direction: column; } .keep-organized .description { max-width: initial; margin: 0; order: 1; } .keep-organized .description .dwn-btn { display: none; } .keep-organized .animation-block { margin: 34px auto 0; order: 2; } .keep-organized .vertical-view-btn.dwn-btn { display: block; margin: 60px auto 0; order: 3; } .keep-organized .animation-block video { margin: 0 0 0 17px; } .save-time .container { flex-direction: column; padding: 50px 20px; } .save-time .description { max-width: initial; margin: 0; } .save-time .section-text { padding-bottom: 10px; } .save-time .description .dwn-btn { display: none; } .save-time .animation-block { margin: 0 auto; } .save-time .animation-block video { margin: 0 auto; width: 100%; } .save-time .vertical-view-btn.dwn-btn { display: block; margin: 25px auto 0; } .press-block { padding: 0 0 100px; } .press-block .content .section-title br { display: none; } .press-block .press-item { width: 45%; padding: 42px 22px 20px 22px; } .press-block .press-item .text { font-size: 1.125rem; } .press-block .press-item .icon.times { width: 175px; height: 24px; } body.scanner-spring-sale.ios-device .header-body .video-block { height: 710px; } } @media (min-width: 576px) { .press-block .press-quote-list .press-item { opacity: 1 !important; } } @media (max-width: 575px) { .header-body .video-block { height: 714px; } .header-body .video-block video { left: 0; } #header-desktop-video { display: none; } #header-mobile-video { display: block; } .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: 8px; font-size: 2.125rem; line-height: 1.18; } .header-body .video-block .info-block .sub-title { padding-bottom: 40px; font-size: 1.25rem; line-height: 1.4; } .header-body .video-block .info-block .dwn-btn { margin: 0 auto 28px; font-size: 1rem; } .header-body .video-block .info-block .award-rating-block { flex-direction: column; padding: 0; } .header-body .video-block .info-block .award-block { margin: 0 auto; order: 2; } .header-body .video-block .info-block .rating-block { padding: 0 0 13px; order: 1; } .high-quality-scans { padding: 80px 0; } .high-quality-scans .section-text { padding-bottom: 20px; } .high-quality-scans .animation-block { max-width: 410px; padding: 0 0 25px; } .high-quality-scans .quote-block { padding: 0 0 60px 30px; } .high-quality-scans .quote-block::before { width: 60px; height: 48px; top: -8px; left: -7px; background-size: 60px 48px; } .enjoy-documents { padding: 0 10px 80px; } .enjoy-documents .container { padding: 50px 20px; } .enjoy-documents #enjoyDocumentsArrow label { font-size: 2rem; line-height: 1; } .ja .enjoy-documents #enjoyDocumentsArrow label { font-size: 1.6rem; } .enjoy-documents .compare-slider { max-width: 223px; margin: 0 auto; } .enjoy-documents .handle { top: 39.4%; height: 68%; } .enjoy-documents .handle:after { width: 48px; height: 48px; margin: -24px 0 0 -24px; } .keep-organized { padding: 0 0 80px; } .keep-organized .animation-block video { height: 390px; margin: 0 0 0 37px; } .ja .keep-organized .animation-block .text-1, .ja .keep-organized .animation-block .text-2 { font-size: 1.2rem; } .keep-organized .animation-block .text-1 { left: 7px; } .ja .keep-organized .animation-block .text-1 { left: 29px; top: -27px; } .keep-organized .animation-block .text-2 { top: 0; right: -3px; } .ja .keep-organized .animation-block .text-2 { right: -3px; } .en .text-vision .section-title { padding-top: 2px; background-size: 190px 44px; } .save-time { padding: 0 10px 80px; } .save-time .container { padding: 50px 20px; } .save-time .section-text { padding-bottom: 10px; } .press-block { padding: 0 0 80px; } .press-block .content .section-title { padding-bottom: 40px; } .press-block .press-quote-list { position: relative; height: 310px; } .press-block .press-item { position: absolute; max-width: 294px; width: 100%; padding: 42px 30px 20px 30px; opacity: 0; } .press-block .press-item:nth-child(1), .press-block .press-item:nth-child(2), .press-block .press-item:nth-child(3), .press-block .press-item:nth-child(4), .press-block .press-item:nth-child(5), .press-block .press-item:nth-child(6) { margin: 0 auto; } .press-block .press-bullets { display: block; margin: 30px auto 0; list-style: none; text-align: center; } .press-block .press-bullets li { display: inline-block; width: 8px; height: 8px; margin: 0 5px; border-radius: 50%; background-color: #b9b9b9; opacity: 0.4; } .press-block .press-bullets li.current { opacity: 1; } body.scanner-spring-sale.ios-device .header-body .video-block { padding-top: 80px; } body.scanner-spring-sale.ios-device .header-body .video-block { height: 764px; } } @media (max-width: 414px){ .keep-organized .section-text { padding-bottom: 35px; } .keep-organized .animation-block video { height: 340px; width: 100%; max-width: 335px; margin: 0 auto; } .keep-organized .animation-block .text-1, .keep-organized .animation-block .text-2 { font-size: 1.8rem; } .zh .keep-organized .animation-block .text-1, .zh .keep-organized .animation-block .text-2 { font-size: 1.4rem; } .ja .keep-organized .animation-block .text-1, .ja .keep-organized .animation-block .text-2 { font-size: 1.1rem; } .keep-organized .animation-block .text-1 { top: -28px; left: 9px; } .ja .keep-organized .animation-block .text-1 { left: 34px; } .keep-organized .animation-block .text-2 { top: 0; right: 28px; } .ja .keep-organized .animation-block .text-2 { top: 8px; right: 22px; } .es .keep-organized .animation-block .text-2 { right: 22px; } .fr .keep-organized .animation-block .text-2 { right: 15px; } } @media (max-width: 375px){ .high-quality-scans .quote-author { width: 200px; height: 25px; background-size: 200px 30px; } .keep-organized .animation-block video { height: 280px; max-width: 280px; } .keep-organized .animation-block .text-1, .keep-organized .animation-block .text-2 { font-size: 1.4rem; } .ja .keep-organized .animation-block .text-1, .ja .keep-organized .animation-block .text-2 { font-size: 1rem; } .zh .keep-organized .animation-block .text-1, .zh .keep-organized .animation-block .text-2 { font-size: 1.2rem; } .keep-organized .animation-block .text-1 { top: -25px; left: 18px; } .ja .keep-organized .animation-block .text-1 { left: 31px; top: -22px; } .keep-organized .animation-block .text-2 { top: 1px; right: 82px; } .ja .keep-organized .animation-block .text-2 { top: 5px; right: 74px; } .es .keep-organized .animation-block .text-2 { right: 74px; } .fr .keep-organized .animation-block .text-2 { right: 74px; } } .header-body .info-block .logo { content:url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/scanner-mini-2x.png?1567686355"); }