.hero-screen { position: relative; padding-top: 217px; margin-bottom: 120px; } .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1920.jpg?1655309125"); background-repeat: no-repeat; background-size: 1920px 576px; background-position: top center; } .hero-screen.grey-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1920-wave-bg.png?1710858596"); background-repeat: no-repeat; background-size: 2056px 556px; background-position: top center; } .hero-screen.grey-wave-v2 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave-v2/1920-wave-bg.svg?1689776051"); background-repeat: no-repeat; background-size: 2056px 556px; background-position: top center; } .hero-screen.color-wave:before { content: ''; position: absolute; top: 0; left: calc((100% - 1922px)/2); width: 106px; height: 100%; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.75) 19.8%, rgba(255, 255, 255, 0.4) 44.1%, rgba(255, 255, 255, 0.15) 67.04%, rgba(255, 255, 255, 0) 86.39%); } .hero-screen.color-wave:after { content: ''; position: absolute; top: 0; right: calc((100% - 1922px)/2); width: 106px; height: 100%; background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.75) 19.8%, rgba(255, 255, 255, 0.4) 44.1%, rgba(255, 255, 255, 0.15) 67.04%, rgba(255, 255, 255, 0) 86.39%); transform: matrix(-1, 0, 0, 1, 0, 0); } .hero-screen.red-blue-gradient { background: radial-gradient(79.43% 69.71% at 89.03% 0%, rgba(31, 162, 255, 0.80) 0%, rgba(43, 131, 229, 0.35) 44.23%, rgba(56, 97, 201, 0.00) 100%), radial-gradient(121.51% 66.18% at 16.25% -6.18%, rgba(229, 53, 56, 0.90) 0%, rgba(195, 54, 103, 0.35) 58.65%, rgba(173, 55, 132, 0.00) 100%); } .hero-screen.red-blue-gradient { border-bottom: none; } .hero-screen.red-blue-gradient .container { align-items: center; } .hero-screen.red-blue-gradient.short-gradient { padding-top: 120px; background-size: 100% 540px; background-repeat: no-repeat; background-position: top 60px center; } .hero-screen.red-blue-gradient.short-gradient .container { min-height: 640px; } .hero-screen.red-blue-gradient.short-gradient .illustration { left: 540px; width: 735px; height: 640px; } .hero-screen .container { position: relative; min-height: 438px; height: 100%; display: flex; margin-bottom: 106px; } .hero-screen .text-block { max-width: 480px; } .hero-screen .text-block .banner-logo { position: relative; font-weight: 700; font-size: 1.25em; line-height: 130%; display: flex; align-items: center; color: #111111; padding-left: 54px; margin-bottom: 38px; } .hero-screen.features-hero .text-block .banner-logo, .hero-screen.hidden-logo .text-block .banner-logo { display: none; } .hero-screen .text-block .banner-logo:before { content: ''; position: absolute; left: 0; width: 40px; height: 40px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; } .hero-screen .badge { display: inline-flex; align-items: center; justify-content: center; text-align: center; border-radius: 30px; padding: 4px 20px; color: #FFF; font-weight: 600; line-height: 1.5; text-transform: uppercase; margin: 0 0 16px; } .hero-screen .text-block .section-name { margin-bottom: 8px; color: var(--grey); font-size: 1em; line-height: 150%; font-weight: 600; text-transform: uppercase; } .hero-screen .text-block h1 { display: flex; flex-direction: column; margin-bottom: 16px; } .hero-screen.dark .text-block h1 { color: #fff; } .hero-screen .text-block h1 span { color: var(--grey); font-weight: 600; } .hero-screen .text-block .sub-title { font-size: 1.25em; font-style: normal; font-weight: 600; line-height: 133%; margin-bottom: 16px; } .hero-screen .text-block p { margin-bottom: 32px; } .hero-screen.dark .text-block p { color: rgba(255, 255, 255, 0.80); } .hero-screen .additional-text { font-size: 1.25em; line-height: 150%; color: var(--black); } .hero-screen .additional-text ul { padding: 0 0 0 24px; } .hero-screen .additional-text ul li { padding: 0 0 0 3px; } .hero-screen .text-block .link-group { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 24px; } .hero-screen .link-group .btn:nth-child(1) { min-width: 160px; min-height: 44px; } .hero-screen .link-group .btn.big:nth-child(1) { min-width: 240px; min-height: 44px; } .hero-screen .link-group .btn.free-download ~ .btn.buy-now, .hero-screen .link-group .btn.buy-now ~ .btn.free-download, .hero-screen .link-group .btn.free-download ~ .btn.custom-btn { margin: 0 0 0 16px; } .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { min-width: 112px; min-height: 44px; } .hero-screen .special-offer { margin: -10px 0 16px; font-size: 0.875em; color: var(--grey); } .hero-screen .schema-org-props { display: none; } .hero-screen .illustration { position: absolute; top: 0; left: 530px; width: 715px; height: 438px; } .hero-screen .illustration.big-asset { top: -37px; width: 880px; height: 438px; } .hero-screen .illustration img { width: 100%; } .hero-screen .illustration.rounded img { border-radius: 16px; } .hero-screen .ratings-group { display: flex; flex-direction: row; gap: 32px; } .hero-screen .ratings-group.vertical { gap: 24px; } .hero-screen .ratings-group .ratings { padding-left: 0; padding-top: 16px; white-space: nowrap; } .hero-screen .ratings-group .ratings:before { top: 0; } .hero-screen .g2-badge { width: 70px; height: 84px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/award-icons/g2.svg?1750760588") no-repeat center; background-size: contain; } .hero-screen .ratings-reddot { height: 37px; width: 124px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/award-icons/reddot.png?1710155715") no-repeat center; background-size: contain; } .hero-screen.dark .ratings-reddot { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/award-icons/reddot-white.png?1710178123"); } .hero-screen .ratings-group.vertical .ratings-reddot { height: 84px; width: 70px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/award-icons/reddot-vertical.png?1718613032") no-repeat center; background-size: contain; } .hero-screen.dark .ratings-group.vertical .ratings-reddot { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/award-icons/reddot-white-vertical.png?1718613032"); } .hero-screen .download-block { margin-top: 32px; } .hero-screen .download-block a { color: var(--common-btn-color); font-weight: 600; padding: 6px 16px 6px 0; position: relative; } .hero-screen .download-block a:after { content: ''; position: absolute; top: calc(50% - 5px); right: 0; width: 10px; height: 10px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/icon-arrow-blue.svg?1653047384"); background-size: contain; } .hero-screen .download-block a:hover { padding-right: 20px; } @media (-webkit-min-device-pixel-ratio: 1.5) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1920-2x.jpg?1655309125"); } .hero-screen.grey-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1920-wave-bg-2x.png?1710858630"); } } @media (max-width: 1920px) { .hero-screen.color-wave:before, .hero-screen.color-wave:after { content: unset; } } @media (max-width: 1439px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1440.jpg?1655309124"); background-repeat: no-repeat; background-size: 1440px 576px; } .hero-screen.grey-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1440-wave-bg.png?1710858505"); background-repeat: no-repeat; background-size: 1440px 576px; } .hero-screen.grey-wave-v2 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave-v2/1440-wave-bg.svg?1689776588"); background-repeat: no-repeat; background-size: 1440px 576px; } } @media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1439px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1440-2x.jpg?1655309123"); } .hero-screen.grey-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1440-wave-bg-2x.png?1710858564"); } } @media (max-width: 1199px) { .hero-screen { padding-top: 174px; margin-bottom: 80px; } .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1024.jpg?1654800146"); background-repeat: no-repeat; background-size: 1200px 480px; } .hero-screen.grey-wave, .hero-screen.grey-wave-v2 { background-size: 1200px 480px; } .hero-screen.red-blue-gradient.short-gradient { background-size: 100% 440px; } .hero-screen .container { min-height: 364px; margin-bottom: 82px; } .hero-screen.red-blue-gradient.short-gradient .container { min-height: 540px; } .hero-screen .text-block { max-width: 440px; } .hero-screen .text-block .banner-logo { font-size: 1em; padding-left: 43px; margin-bottom: 21px; } .hero-screen .text-block .banner-logo:before { width: 32px; height: 32px; } .hero-screen .text-block .section-name { font-size: 0.75em; } .hero-screen .text-block h1, .hero-screen .text-block .sub-title { margin-bottom: 8px; } .hero-screen .text-block p { margin-bottom: 24px; } .hero-screen .additional-text { font-size: 1.125em; } .hero-screen .illustration { left: 540px; width: 611px; height: 374px; } .hero-screen .illustration.big-asset { top: -10px; left: 520px; width: 767px; height: 374px; } .hero-screen.red-blue-gradient.short-gradient .illustration { left: 464px; width: 620px; height: 540px; } } @media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1199px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1024-2x.jpg?1654800322"); } } @media (max-width: 1024px) { .hero-screen.color-wave { background-size: 1024px 408px; } .hero-screen.grey-wave, .hero-screen.grey-wave-v2 { background-size: 1080px 432px; } .hero-screen .additional-text { font-size: 1.125em; } } @media (max-width: 991px) { .hero-screen { padding-top: 140px; } .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-991.jpg?1654800892"); background-repeat: no-repeat; background-size: 991px 320px; } .hero-screen.grey-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/991-wave-bg.png?1710858395"); background-repeat: no-repeat; background-size: 100% 320px; } .hero-screen.grey-wave-v2 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave-v2/991-wave-bg.svg?1689847810"); background-repeat: no-repeat; background-size: 100% 320px; } .hero-screen.red-blue-gradient.short-gradient { padding-top: 140px; background-size: 100% 600px; } .hero-screen .container { flex-direction: column-reverse; align-items: center; margin-bottom: 64px; } .hero-screen.red-blue-gradient.short-gradient .container { min-height: unset; } .hero-screen .text-block { max-width: 100%; display: flex; flex-direction: column; align-items: center; } .hero-screen .text-block .banner-logo { font-size: 1.2em; margin: 10px 0 10px; } .hero-screen.red-blue-gradient.short-gradient .text-block .banner-logo { display: none; } .hero-screen.features-hero .text-block .banner-logo, .hero-screen.hidden-logo .text-block .banner-logo { display: flex; } .hero-screen .text-block h1 { text-align: center; } .hero-screen .text-block p { max-width: 480px; text-align: center; margin-bottom: 40px; } .hero-screen .special-offer { display: none; } .hero-screen .additional-text ul li { padding: 0; } .hero-screen .additional-text ul li:not(:first-child):before { content: ''; list-style-type: disc; display: list-item; float: left; width: 5px; margin: 0 10px 0 8px; } .hero-screen .link-group .btn:nth-child(1) { min-width: 175px; } .hero-screen .illustration, .hero-screen .illustration.big-asset { position: relative; top: unset; left: unset; max-width: 650px; width: 100%; height: auto; margin-bottom: 40px; } .hero-screen.red-blue-gradient.short-gradient .illustration { left: unset; max-width: 540px; width: 100%; height: auto; margin-bottom: 0; } .hero-screen .ratings-group .ratings:before { right: 0; left: inherit; } } @media (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 991px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-991-2x.jpg?1654800891"); } .hero-screen.grey-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/991-wave-bg.png?1710858395"); } } @media (max-width: 767px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-767-2x.jpg?1654801066"); background-repeat: no-repeat; background-size: 767px 320px; } .hero-screen.red-blue-gradient.short-gradient { padding-top: 100px; } .hero-screen .illustration, .hero-screen .illustration.big-asset { max-width: 550px; } .hero-screen.red-blue-gradient.short-gradient .illustration { max-width: 550px; } } @media (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 767px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-767-3x.jpg?1654801066"); background-repeat: no-repeat; background-size: 767px 320px; } } @media (max-width: 575px) { .hero-screen { padding-top: 108px; } .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-575-2x.jpg?1654801168"); background-repeat: no-repeat; background-size: 575px 183px; } .hero-screen.grey-wave, .hero-screen.grey-wave-v2 { background-size: 100% 220px; } .hero-screen .container { margin-bottom: 56px; } .hero-screen .text-block .banner-logo { font-size: 1em; padding-left: 33px; } .hero-screen .text-block .banner-logo:before { width: 25px; height: 25px; } .hero-screen .badge { font-size: 0.75em; margin: 0 0 8px; padding: 4px 16px; } .hero-screen .text-block .sub-title { font-size: 1em; } .hero-screen .text-block p { margin-bottom: 32px; } .hero-screen .text-block .link-group { margin-bottom: 16px; } .hero-screen .link-group .btn:nth-child(1), .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { padding: 0 10px; } .hero-screen .additional-text { font-size: 1em; } .hero-screen .illustration, .hero-screen .illustration.big-asset { max-width: 480px; } } @media (-webkit-min-device-pixel-ratio: 2.5) and (max-width: 575px) { .hero-screen.color-wave { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-575-3x.jpg?1654801169"); background-repeat: no-repeat; background-size: 575px 183px; } } @media (max-width: 480px) { .hero-screen.color-wave { background-size: 480px 183px; } .hero-screen .text-block { width: 100%; } .hero-screen .text-block .link-group { width: 100%; flex-direction: column; } .hero-screen .link-group .btn:nth-child(1) { min-width: unset; width: 100%; } .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { width: 100%; } .hero-screen .link-group .btn.free-download ~ .btn.buy-now, .hero-screen .link-group .btn.buy-now ~ .btn.free-download, .hero-screen .link-group .btn.free-download ~ .btn.custom-btn { margin: 16px 0 0; } } @media (max-width: 375px) { .hero-screen.red-blue-gradient.short-gradient { background-size: 100% 400px; } .hero-screen .illustration, .hero-screen .illustration.big-asset { width: 100%; } .hero-screen .ratings-group { gap: 16px; } .de .hero-screen .ratings-reddot, .es .hero-screen .ratings-reddot, .it .hero-screen .ratings-reddot, .pt .hero-screen .ratings-reddot { width: 100px; } .de .hero-screen .ratings-group.vertical .ratings-reddot, .es .hero-screen .ratings-group.vertical .ratings-reddot, .it .hero-screen .ratings-group.vertical .ratings-reddot, .pt .hero-screen .ratings-group.vertical .ratings-reddot { width: 70px; } }.title-text-center-moving-rows .container.big { max-width: 1920px; padding: 0; } .title-text-center-moving-rows .text-block { max-width: 995px; width: 100%; display: flex; flex-direction: column; align-items: center; margin: 0 auto 64px; } .title-text-center-moving-rows .text-block h2, .title-text-center-moving-rows .text-block { text-align: center; } .title-text-center-moving-rows .text-block h2 { font-size: 2.5rem; margin-bottom: 24px; } .title-text-center-moving-rows .row-list { overflow: hidden; white-space: nowrap; display: flex; flex-direction: column; gap: 16px; height: fit-content; } .title-text-center-moving-rows .moving-row-list { display: flex; justify-content: center; align-items: center; position: relative; height: 56px; } .title-text-center-moving-rows .moving-row { display: flex; justify-content: center; align-items: center; position: relative; -webkit-animation-duration: 60s ; animation-duration: 60s ; -webkit-animation-iteration-count: infinite ; animation-iteration-count: infinite ; -webkit-animation-timing-function: linear ; animation-timing-function: linear ; animation-play-state: running; will-change: transform; } .title-text-center-moving-rows .moving-row.row-1, .title-text-center-moving-rows .moving-row.row-3 { -webkit-animation-name: rightToLeft; animation-name: rightToLeft; } .title-text-center-moving-rows .moving-row.row-2 { -webkit-animation-name: leftToRight; animation-name: leftToRight; } .title-text-center-moving-rows .moving-row-list:hover .moving-row { -webkit-animation-play-state: paused; animation-play-state: paused; transform: inherit; } .title-text-center-moving-rows .item { position: relative; min-width: fit-content; height: 56px; font-size: 1rem; display: flex; justify-content: center; align-items: center; flex-shrink: 0; font-weight: 600; line-height: 150%; color: #111; background: #F7F7FA; padding: 0 20px; border: 2px solid #F7F7FA; border-radius: 8px; cursor: pointer; margin: 0 8px; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -o-transition: all .1s ease; -ms-transition: all .1s ease; transition: all .1s ease; } .title-text-center-moving-rows .item:hover { color: #FFF; border-color: rgba(101, 121, 227, 0.6); background: rgba(101, 121, 227, 0.6); } @-webkit-keyframes rightToLeft { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes rightToLeft { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @-webkit-keyframes leftToRight { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes leftToRight { from { -webkit-transform: translateX(0%); transform: translateX(0%); } to { -webkit-transform: translateX(100%); transform: translateX(100%); } } @media (min-width: 1920px) { .title-text-center-moving-rows .moving-row-list::before { content: ''; position: absolute; left: 0; top: 0; width: 160px; height: 100%; background: -webkit-linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: -moz-linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: -o-linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: -ms-linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); z-index: 10; pointer-events: none; } .title-text-center-moving-rows .moving-row-list::after { content: ''; position: absolute; right: 0; top: 0; width: 160px; height: 100%; background: -webkit-linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: -moz-linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: -o-linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: -ms-linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%); z-index: 10; pointer-events: none; } } @media (max-width: 1199px) { .title-text-center-moving-rows .text-block h2 { font-size: 2rem; } } @media (max-width: 991px) { .title-text-center-moving-rows .moving-row-list { height: 45px; } .title-text-center-moving-rows .item { font-size: 0.875rem; height: 45px; pointer-events: none; padding: 0 16px; } } @media (max-width: 767px) { .title-text-center-moving-rows .text-block { margin-bottom: 40px; } .title-text-center-moving-rows .text-block h2 { font-size: 1.5rem; } .title-text-center-moving-rows .text-block p { font-size: 1rem; } } .top-menu .top-dwnl-btn { display: none; } .point-arrow { display: none; position: fixed; left: 60px; bottom: -20px; width: 120px; height: 150px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/simple/arrow-bottom.svg?1661949201") no-repeat 0 0; background-size: contain; -webkit-animation: bounce-down 5s infinite; animation: bounce-down 5s infinite; z-index: 10000; } .point-arrow.safari, .point-arrow.edge, .point-arrow.mozilla, .point-arrow.opera, .point-arrow.new-chrome { top: 20px; right: 60px; bottom: auto; left: auto; -webkit-animation: bounce-top 5s infinite; animation: bounce-top 5s infinite; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/simple/arrow-top.svg?1661949238") no-repeat 0 0; } .point-arrow.new-chrome { right: 35px; } .point-arrow.mozilla { right: 20px; } .point-arrow.opera { right: -7px; } @keyframes bounce-down { 30%, 50%, 80% { -ms-transform: translateY(0px); transform: translateY(0px); } 0%, 100%{ -ms-transform: translateY(-30px); transform: translateY(-30px); } } @keyframes bounce-top { 30%, 50%, 80% { -ms-transform: translateY(-30px); transform: translateY(-30px); } 0%, 100%{ -ms-transform: translateY(0px); transform: translateY(0px); } } .itunes-badge { margin: 0 auto; opacity: 1; } .itunes-badge img { height: 54px; } .downloads-simple { position: relative; margin: 160px auto 80px; } body:not(.mobile-device) .downloads-page .mobile-version, body.mobile-device .downloads-page .desktop-version { display: none; } .downloads-simple .text-block { display: flex; flex-direction: column; align-items: center; margin-bottom: 60px; } .downloads-simple .text-block .title { position: relative; display: flex; margin-bottom: 28px; padding-left: 58px; } .downloads-simple .text-block .title i { position: absolute; top: 3px; left: 0; display: flex; width: 48px; height: 48px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; } .downloads-simple .text-block p { font-weight: 400; font-size: 1.25em; line-height: 150%; text-align: center; } .downloads-simple .text-block p a { font-weight: 700; transition: opacity .3s; } .downloads-simple .text-block p a:hover { opacity: .8; transition: opacity .3s; } .downloads-simple .instruction-block { max-width: 780px; width: 100%; display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; margin-bottom: 80px; } .downloads-simple .instruction-block .item { max-width: 150px; width: 100%; display: flex; flex-direction: column; align-items: center; } .downloads-simple .instruction-block .step { position: relative; display: flex; align-items: center; width: 40px; height: 40px; margin-bottom: 20px; } .downloads-simple .instruction-block .step.step-1:after, .downloads-simple .instruction-block .step.step-2:after, .downloads-simple .instruction-block .step.step-3:after { content: ''; position: absolute; left: 64px; width: 120px; height: 4px; background: rgba(193, 223, 254, 0.3); } .downloads-simple .instruction-block .step .circle { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 50%; background: linear-gradient(180deg, #40BCFD 0%, #0688F7 100%); box-shadow: 0px 5px 10px rgba(61, 150, 225, 0.2); } .downloads-simple .instruction-block .step span { font-weight: 600; font-size: 20px; line-height: 150%; text-align: center; letter-spacing: 0.03em; text-transform: uppercase; background: linear-gradient(180deg, #FFFFFF 25%, #BBE2FD 85%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; text-fill-color: transparent; } .downloads-simple .instruction-block .text p { font-weight: 600; font-size: 1.25em; line-height: 133%; color: #111111; margin-bottom: 6px; } .downloads-simple .instruction-block .text span { font-weight: 400; font-size: 1em; line-height: 150%; text-align: center; color: var(--grey); } .downloads-simple .central-block { display: flex; flex-direction: column; align-items: center; position: relative; margin: 0 auto 64px; } .downloads-simple .central-block h2 { font-size: 1.75em; text-align: center; margin-bottom: 28px } .downloads-simple .video { position: relative; width: 100%; max-width: 480px; cursor: pointer; outline: none; } .downloads-simple .video:focus-within { border-radius: 16px; } .downloads-simple .video-cover { width: 100%; max-width: 480px; height: auto; border-radius: 16px; } .downloads-simple .video p { position: absolute; width: 100%; top: 65%; padding: 0 20px; color: #ffffff; font-size: 1.5em; font-weight: 500; line-height: 150%; } .downloads-simple .additional-info { font-size: 1.125rem; line-height: 150%; text-align: center; } .downloads-simple .additional-info p { font-size: 1.125rem; line-height: 150%; } .downloads-simple .additional-info a { text-decoration: underline; } .downloads-simple .additional-info a:hover { text-decoration: none; } .downloads-simple .additional-info p strong { display: block; margin: 10px auto 0; font-size: 1.25rem; font-weight: 600; } .downloads-simple .additional-info br { display: none; } .downloads-simple .macos-version { margin: 10px auto 0; display: inline-block; } .downloads-simple .macos-version p { position: relative; font-style: normal; font-weight: normal; display: flex; align-items: center; text-align: center; color: #888888; padding-left: 21px; } .downloads-simple .macos-version p:before { content: ''; position: absolute; width: 16px; height: 16px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/grey-info-icon.svg?1655294894") no-repeat 0 0; background-size: contain; left: 0; } @media (max-width: 1199px) { .downloads-simple .text-block .title i { top: 0; } } @media (max-width: 991px) { .top-menu.moved .menu_container ul li a.language-selector { visibility: visible; } .downloads-simple { height: initial; margin: 140px auto 80px; } .downloads-simple .text-block { margin-bottom: 40px; } .downloads-simple .text-block .title { font-size: 2em; padding-left: 48px; margin-bottom: 20px; } .downloads-simple .text-block .title i { top: 2px; width: 40px; height: 40px; } .downloads-simple .instruction-block { max-width: 684px; } .downloads-simple .instruction-block .step.step-1:after, .downloads-simple .instruction-block .step.step-2:after, .downloads-simple .instruction-block .step.step-3:after { width: 100px; left: 59px; } .downloads-simple .central-block { width: 100%; } .downloads-simple .video-cover { max-width: 100%; } .downloads-simple .video p { font-size: 1.5rem; } .downloads-simple .additional-info { max-width: 704px; margin: 0 auto; text-align: left; } .downloads-simple .additional-info p { font-size: 1rem; } .downloads-simple .additional-info p strong { font-size: 1.125rem; } } @media (max-width: 767px) { .downloads-simple .text-block .title { font-size: 1.5em; flex-direction: column; align-items: center; padding-left: 0; } .downloads-simple .text-block .title i { position: relative; top: unset; left: unset; width: 32px; height: 32px; margin-bottom: 20px; } .downloads-simple .text-block p { font-size: 1.125em; } .downloads-simple .instruction-block { max-width: 360px; flex-wrap: wrap; } .downloads-simple .instruction-block .item:nth-child(1), .downloads-simple .instruction-block .item:nth-child(2) { margin-bottom: 50px; } .downloads-simple .instruction-block .step.step-1:after, .downloads-simple .instruction-block .step.step-3:after { left: 75px; } .downloads-simple .instruction-block .step.step-2:after { content: unset; } .downloads-simple .central-block h2 { font-size: 1.5em; } .downloads-simple .video { width: 100%; max-width: initial; margin: 0 auto; } .downloads-simple .central-block { margin: 0 auto 40px; } .downloads-simple .macos-version p { text-align: left; } } @media (max-width: 575px) { .downloads-simple { margin: 108px 0 80px 0; } .downloads-simple .text-block { margin-bottom: 36px; } .downloads-simple .text-block .title { margin-bottom: 16px; } .downloads-simple .text-block p { font-size: 1em; } .downloads-simple .instruction-block { max-width: 271px; flex-direction: column; align-items: center; margin-bottom: 60px; } .downloads-simple .instruction-block .item { max-width: 100%; flex-direction: row; justify-content: space-between; align-items: unset; margin-bottom: 15px; } .downloads-simple .instruction-block .item:last-child { margin-bottom: 0; } .downloads-simple .instruction-block .item:nth-child(1), .downloads-simple .instruction-block .item:nth-child(2) { margin-bottom: 15px; } .downloads-simple .instruction-block .text { max-width: 211px; width: 100%; display: flex; flex-direction: column; margin-bottom: 30px; } .downloads-simple .instruction-block .item:last-child .text { margin-bottom: 0; } .downloads-simple .instruction-block .text p { text-align: left; } .downloads-simple .instruction-block .text span { text-align: left; } .downloads-simple .instruction-block .step { height: auto; flex-direction: column; margin-bottom: 0; } .downloads-simple .instruction-block .step.step-2:after { content: ''; position: absolute; bottom: 0; left: 18px; width: 4px !important; height: calc(100% - 55px); background: rgba(193, 223, 254, 0.3); } .downloads-simple .instruction-block .step.step-1:after, .downloads-simple .instruction-block .step.step-3:after { bottom: 0; left: 18px; width: 4px !important; height: calc(100% - 55px); } .downloads-simple .instruction-block .step .circle { height: 40px; } .downloads-simple .central-block { margin: 0 auto 24px; } .downloads-simple .central-block h2 { font-size: 1.25em; } .downloads-simple .video { margin: 0 auto; } .downloads-simple .video p { font-size: 1em; } .downloads-simple .description .disclaimer { font-size: 0.8125em; } .downloads-simple .additional-info p { font-size: 0.875rem; } .downloads-simple .additional-info p strong { font-size: 1rem; } .downloads-simple .macos-version p { font-size: 0.875rem; line-height: 150%; } .downloads-simple .macos-version p:before { width: 14px; height: 14px; } } @media (max-width: 375px) { .downloads-simple .macos-version p { font-size: 10px; line-height: 14px; text-align: left; align-items: flex-start; padding: 0; } .downloads-simple .macos-version p:before { position: relative; width: 12px; height: 12px; margin-right: 5px; margin-top: 2px; } } .windows-desktop-device .downloads-page .mobile-version, .windows-desktop-device .downloads-page .desktop-version { display: none !important; } .windows-version { display: none; } .windows-desktop-device .downloads-page .windows-version { display: block; } @media only screen and (min-device-width : 320px) { body.mobile-device .top-menu .btn.btn-green { display: none; } .mobile-version .container { width: 100%; max-width: 800px; margin: 0 auto; } .downloads-banner { padding: 100px 0 65px; } .downloads-banner .icon { width: 96px; height: auto; margin: 0 auto; } .downloads-banner .title { padding: 20px 0; color: var(--text-color); font-size: 2.125em; font-weight: 700; line-height: 100%; } .downloads-banner .description { padding: 0 0 40px; color: var(--text-color); font-size: 1.188em; font-weight: 300; line-height: 120%; } .downloads-banner input { display: block; width: 280px; min-height: 48px; margin: 0 auto 25px; padding: 0 20px; color: var(--text-color); font-size: 1.188em; font-weight: 400; text-align: center; border: 1px solid #c2c2c2; border-radius: 5px; box-sizing: border-box; outline: none; } .downloads-banner .btn { display: inline-flex; min-width: 280px; min-height: 48px; margin: 0 auto; color: #fff; font-size: 1.188em; font-weight: 400; text-align: center; border: none; border-radius: 5px; background-color: #3ba6ff; box-sizing: border-box; outline: none; } .downloads-banner .privacy-agreement { max-width: 300px; margin: 0 auto; color: var(--text-color); font-size: 0.875rem; padding: 10px 0 0; } .downloads-banner .privacy-agreement > strong { font-weight: 600; } .downloads-banner .form-text { width: 200px; margin: 0 auto; padding: 20px 0 0; color: #3ba6ff; font-size: 1.063em; font-weight: 400; line-height: 150%; } .downloads-banner .success { display: none; padding: 80px 0 0; color: var(--text-color); font-size: 1.063em; font-weight: 600; line-height: 150%; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/pic-checkmark_2x.png?1631697355") no-repeat center top; background-size: 72px 72px; } .expert-ios { padding: 50px 0 40px; background-color: #f6f6f6; } .expert-ios .section-title { padding: 0 0 30px; font-size: 2em; line-height: 120%; } .expert-ios .text { padding: 0 0 40px; font-size: 1.188em; font-weight: 400; line-height: 150%; } .expert-ios .device { width: 290px; height: auto; margin: 30px auto 0; } .how-to-ios { padding: 40px 0 30px; } .how-to-ios .section-title { padding: 0 0 30px; font-size: 2em; line-height: 120%; } .how-to-ios .text { padding: 0; font-size: 1.188em; font-weight: 400; line-height: 150%; } .howto-line { padding: 20px 0; } .howto-block { display: block; } .howto-line.light-gray { background-color: #f3f3f6; } .howto-line .icon { display: inline-block; width: 72px; height: 72px; margin: 0 8px 10px 0; vertical-align: middle; } .howto-line .title { display: inline-block; max-width: 190px; height: auto; padding: 0; font-size: 1.5em; font-weight: 300; line-height: 1.2; vertical-align: middle; } .howto-line .descr { padding: 0 0 10px; color: #4d545f; font-size: 0.875em; font-weight: 400; } .howto-line .read-more { position: relative; display: inline-block; padding: 0 10px 0 0; color: #0074e2; font-size: 0.875em; font-weight: 600; } .howto-line .read-more:after { content: ""; border-bottom: 2px solid #0074e2; border-right: 2px solid #0074e2; width: 4px; height: 4px; position: absolute; right: 0; top: 8px; z-index: 10; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .support-ios { padding: 40px 0; border-top: 1px solid #e1e1e1; } .support-ios .icon { display: block; width: 145px; height: auto; margin: 0 auto; } .support-ios .section-title { padding: 30px 0; color: #17212f; font-size: 2em; line-height: 120%; } .support-ios .text { padding: 0 0 30px; color: #4d545f; font-size: 1.188em; font-weight: 400; line-height: 150%; } .support-ios .support-link { position: relative; display: inline-block; padding: 0 15px 0 0; color: #0074e2; font-size: 1.188em; font-weight: 600; } .support-ios .support-link:after { content: ""; border-bottom: 2px solid #0074e2; border-right: 2px solid #0074e2; width: 6px; height: 6px; position: absolute; right: 0; top: 10px; z-index: 10; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } } @media only screen and (min-device-width : 375px) { .expert-ios .device { width: 324px; } } @media only screen and (min-device-width : 414px) { .downloads-banner .icon { content: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161"); } .downloads-banner .success { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/pic-checkmark_3x.png?1631697355"); } .expert-ios .device { content: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/iphone_ipad_editing_3x.png?1631697355"); width: 324px; } }