.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: #777777; } .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-desktop-device .top-menu.moved .btn-green, .windows-desktop-device .top-menu.moved .btn.mobile-top-buy-btn { display: none; } .windows-version { display: none; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/banner-windows-bg.jpg?1631697355") no-repeat center 0, linear-gradient(#0E2072, #101a35); } .windows-desktop-device .downloads-page .windows-version { display: block; } .windows-downloads-banner { width: 100%; max-width: 560px; padding: 180px 0; box-sizing: border-box; } .windows-downloads-banner .title { padding: 0 0 20px; color: #ffffff; font-weight: bold; font-size: 3.125em; line-height: 120%; } .windows-downloads-banner .description { padding: 0 0 60px; color: #ffffff; font-size: 1.375em; line-height: 145%; } .windows-downloads-banner .form { display: flex; } .windows-downloads-banner .form input { display: block; max-width: 354px; height: 56px; margin: 0 15px 0 0; padding: 9px 20px 12px; background: rgba(39, 140, 243, 0.1); color: #ffffff; font-size: 1.375em; font-weight: 400; border: 2px solid #278CF3; border-radius: 10px; box-sizing: border-box; outline: none; } .de .windows-downloads-banner .form input { width: 100%; } .windows-downloads-banner .form input::placeholder { color: rgba(255, 255, 255, 0.8); } .windows-downloads-banner .form .btn { width: 100%; min-width: 150px; height: 56px; margin: 0; padding: 12px 10px; background: #278CF3; color: #ffffff; font-size: 1.375em; font-weight: 400; line-height: normal; border: none; border-radius: 10px; box-sizing: border-box; outline: none; cursor: pointer; } .windows-downloads-banner .privacy-agreement { padding: 15px 0; color: rgba(255, 255, 255, 0.8); font-size: 0.875rem; } .windows-downloads-banner .privacy-agreement > strong { font-weight: 600; } .windows-downloads-banner .privacy-agreement > a { color: #509FF0; } .popup-block { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); overflow-y: auto; z-index: 9999; } .popup-block .popup-content { position: relative; width: calc(100% - 40px); max-width: 560px; min-width: 280px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin: 100px 0 30px; border-radius: 20px; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.2); overflow: hidden; background-color: #ffffff; } .popup-block .form-block { position: relative; padding: 35px 35px 40px; background-color: #f9f9f9; border-top-left-radius: 20px; border-top-right-radius: 20px; } .popup-block .title { padding: 0 0 25px; text-align: center; color: var(--main-title-color); font-size: 2.5rem; font-weight: bold; line-height: 1.25; } .popup-block .text { font-size: 1.375rem; line-height: 1.45; text-align: center; color: #222222; } .popup-block .close-btn { position: absolute; top: 26px; right: 27px; display: block; width: 29px; height: 27px; color: #888888; font-size: 1.25em; font-weight: 400; line-height: 28px; text-align: center; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; } .popup-block .close-btn:after { content: "×"; height: 29px; position: absolute; right: 0; top: -5px; font-size: 3rem; } .popup-block .success .icon { width: 171px; height: 106px; margin: 0 auto 30px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/success-icon.svg?1631697355") no-repeat 0 0; } .windows-desktop-device .content-block.bottom { padding: 0 0 30px; background-color: #F8F8F8; } @media (max-width: 1399px) { .windows-downloads-banner .form input { max-width: 300px; } } @media (max-width: 991px) { .windows-version { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/banner-windows-small-bg.jpg?1631697355") no-repeat center 0, linear-gradient(#0E2072, #101a35); } .windows-version .windows-downloads-banner { padding: 150px 0; } } @media (max-width: 767px) { .windows-version { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pages/downloads/banner-windows-small-bg.jpg?1631697355") no-repeat -280px 0, linear-gradient(#0E2072, #101a35); background-color: #0f1d40; } } @media (max-width: 575px) { .windows-downloads-banner .title { font-size: 2.5em; text-align: center; } .windows-downloads-banner .description { font-size: 1.25em; line-height: normal; text-align: center; } .windows-downloads-banner .form { flex-direction: column; } .windows-downloads-banner .form input { width: 100%; margin: 0 auto 20px; } .windows-downloads-banner .form .btn { width: 100%; max-width: 300px; margin: 0 auto; } .windows-downloads-banner .privacy-agreement { max-width: 300px; margin: 0 auto; text-align: center; } .popup-block .popup-content { border-radius: 18px; } .popup-block .close-btn { top: 22px; right: 19px; } .popup-block .form-block { padding: 35px 20px; } .popup-block .success .icon { margin: 0 auto 25px; } .popup-block .title { padding: 0 0 25px; font-size: 1.875rem; line-height: 1.33; } .popup-block .text { font-size: 1.25rem; line-height: 1.5; } } @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; 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-block; min-width: 280px; height: 48px; margin: 0 auto; color: #fff; font-size: 1.188em; font-weight: 400; line-height: 48px; 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; } }