.hero-screen { position: relative; padding-top: 217px; margin-bottom: 120px; } .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/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://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1920-wave-bg.png?1655223086"); 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 .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 { display: none; } .hero-screen .text-block .banner-logo:before { content: ''; position: absolute; left: 0; width: 40px; height: 40px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; } .hero-screen .text-block .section-name { margin-bottom: 8px; color: #777777; 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 .text-block h1 span { color: #777777; font-weight: 600; } .hero-screen .text-block p { margin-bottom: 32px; } .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; height: 44px; color: #FFFFFF; } .hero-screen .link-group .btn.free-download ~ .btn.buy-now, .hero-screen .link-group .btn.buy-now ~ .btn.free-download { margin: 0 0 0 16px; } .hero-screen .link-group .btn:nth-child(2), .hero-screen .link-group .btn:nth-child(3) { min-width: 112px; height: 44px; } .hero-screen .special-offer { margin: -10px 0 16px; font-size: 0.875em; color: #555555; } .hero-screen .ratings { position: relative; font-weight: 600; font-size: 0.875em; line-height: 150%; letter-spacing: -0.03em; display: flex; align-items: center; color: #111111; padding-left: 84px; } .hero-screen .ratings span { display: flex; font-size: 0.875em; line-height: 21px; color: #777777; margin-left: 5px; } .hero-screen .ratings:before { content: ''; position: absolute; left: 0; width: 76px; height: 12px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/icon-stars.svg?1652180282") no-repeat 0 0; background-size: contain; } .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%; } @media (-webkit-min-device-pixel-ratio: 2) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1920-2x.jpg?1655309125"); } .hero-screen.grey-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1920-wave-bg-2x.png?1655223085"); } } @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://d3pbdh1dmixop.cloudfront.net/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://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1440-wave-bg.png?1655223345"); background-repeat: no-repeat; background-size: 1440px 576px; } } @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1439px) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-1440-2x.jpg?1655309123"); } .hero-screen.grey-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/1440-wave-bg-2x.png?1655223345"); } } @media (max-width: 1199px) { .hero-screen { padding-top: 174px; margin-bottom: 80px; } .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/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 { background-size: 1200px 480px; } .hero-screen .container { min-height: 364px; margin-bottom: 82px; } .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 { 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; } } @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 1199px) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/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 { 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://d3pbdh1dmixop.cloudfront.net/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://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/991-wave-bg.png?1655283847"); background-repeat: no-repeat; background-size: 100% 320px; } .hero-screen .container { flex-direction: column-reverse; align-items: center; margin-bottom: 64px; } .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.features-hero .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; } } @media (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-991-2x.jpg?1654800891"); } .hero-screen.grey-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/gray-wave/991-wave-bg.png?1655283847"); } } @media (max-width: 767px) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/hero-screen-bg/color-wave/background-767-2x.jpg?1654801066"); background-repeat: no-repeat; background-size: 767px 320px; } .hero-screen .illustration, .hero-screen .illustration.big-asset { max-width: 550px; } } @media (-webkit-min-device-pixel-ratio: 3) and (max-width: 767px) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/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://d3pbdh1dmixop.cloudfront.net/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 { 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 .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: 3) and (max-width: 575px) { .hero-screen.color-wave { background-image: url("https://d3pbdh1dmixop.cloudfront.net/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 { margin: 16px 0 0; } } @media (max-width: 375px) { .hero-screen .illustration, .hero-screen .illustration.big-asset { width: 100%; } }.top-choice { background: #FBFBFD; padding: 16px 0; } .garland-window { display: flex; justify-content: center; margin: 0 auto; } .top-choice .garland-card { position: relative; display: inline-block; height: 70px; padding: 0 37px; margin-right: 92px; } .top-choice .garland-card:last-child { margin-right: 0; } .top-choice .garland-card:before { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 70px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/garland-left.svg?1652198658") no-repeat 0 0; background-size: contain; } .top-choice .garland-card:after { content: ''; position: absolute; top: 0; right: 0; width: 20px; height: 70px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/garland-right.svg?1652198673") no-repeat 0 0; background-size: contain; } .top-choice .garland-card .title { font-weight: 600; font-size: 1.25em; line-height: 133%; text-align: center; color: #111111; margin-top: 10px; margin-bottom: 4px; } .top-choice .garland-card .desc { font-weight: 400; font-size: 0.875em; line-height: 150%; text-align: center; display: flex; justify-content: center; letter-spacing: -0.03em; color: #777777; } .top-choice .garland-card .desc span { position: relative; display: flex; align-items: center; padding-left: 12px; margin-left: 7px; } .top-choice .garland-card .desc span:before { content: ''; position: absolute; left: 0; width: 10px; height: 12px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/icon-apple-logo.svg?1652280570") no-repeat 0 0; background-size: contain; } @media (min-width: 992px) { .garland-window .garland-card { opacity: 1 !important; } } @media (max-width: 991px) { .top-choice { position: relative; height: 102px; padding: 0; } .garland-window { position: absolute; top: 16px; left: 0; right: 0; display: flex; justify-content: space-around; align-items: center; height: 70px; } .top-choice .garland-card { position: absolute; left: unset; margin: 0; opacity: 0; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .garland-window .garland-card.current { opacity: 1; } }.text-asset-blocks-scroll-magic { margin-bottom: 120px; } .text-asset-blocks-scroll-magic .container { position: relative; padding-top: 0; padding-bottom: 0; box-sizing: border-box; } .text-asset-blocks-scroll-magic h3 { font-size: 2em; margin-bottom: 20px; } .text-asset-blocks-scroll-magic .highlight-case-show-container { position: absolute; top: 0; left: calc(50% - 80px); width: 800px; height: 573px; z-index: 10; } .text-asset-blocks-scroll-magic .highlight-case-show { position: relative; width: 800px; height: 573px; } .text-asset-blocks-scroll-magic > .trigger { position: absolute; top: 280px; left: 0; z-index: 0; } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(1) { position: absolute; top: calc(578px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(2) { position: absolute; top: calc(2 * 578px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(3) { position: absolute; top: calc(3 * 578px); } .text-asset-blocks-scroll-magic #trigger-screen-in-2, .text-asset-blocks-scroll-magic #trigger-screen-in-3, .text-asset-blocks-scroll-magic #trigger-screen-in-4 { position: absolute; top: -27px; } .text-asset-blocks-scroll-magic .highlight-case-show .background-ipad { display: block; width: 100%; height: 100%; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen-container { position: absolute; top: 27px; left: 26px; display: block; width: 749px; height: 519px; } .text-asset-blocks-scroll-magic .highlight-case-screen-container #sign-animation { position: absolute; width: 100%; height: 100%; z-index: 2; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen img { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity 0.5s ease-in-out; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen.active img { opacity: 1; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(1) img { opacity: 1; z-index: 1; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(2) img { z-index: 2; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(3) img { z-index: 3; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(4) img { z-index: 4; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen:nth-of-type(5) img { z-index: 5; } .text-asset-blocks-scroll-magic .highlight-case-card { position: relative; display: flex; justify-content: center; align-items: center; width: 486px; height: 573px; margin: 0 24px 0 0; } .text-asset-blocks-scroll-magic.right .highlight-case-show-container { right: initial; left: calc(50vw + 8px); } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { width: 100%; height: 400px; display: flex; flex-direction: column; justify-content: center; padding: 64px; border-radius: 16px; background-color: #FBFBFD; opacity: 0; transform: translate(0, 100px); transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .text-asset-blocks-scroll-magic .highlight-case-card.active .text-block { transform: translate(0, 0); opacity: 1; } .text-asset-blocks-scroll-magic.right .highlight-case-card { margin: 0 auto 60px 16px; } .text-asset-blocks-scroll-magic .highlight-case-card:last-of-type, .text-asset-blocks-scroll-magic.right .highlight-case-card:last-of-type { margin-bottom: 0; } .text-asset-blocks-scroll-magic .highlight-case-card .title { line-height: 1.25; } .text-asset-blocks-scroll-magic .highlight-case-card .features-list { display: flex; justify-content: space-around; margin-top: 60px; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item { width: 110px; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item .feature-icon { display: block; width: 64px; height: auto; margin: 0 auto; } .text-asset-blocks-scroll-magic .highlight-case-card .feature-item p { padding: 16px 0 0; color: var(--black); font-size: 0.938rem; line-height: 1.3; text-align: center; } .text-asset-blocks-scroll-magic .mobile-case-screen { display: none; } @media (max-width: 1199px) { .text-asset-blocks-scroll-magic { margin-bottom: 80px; } .text-asset-blocks-scroll-magic .highlight-case-card { width: 440px; height: 420px; margin-bottom: 60px; } .text-asset-blocks-scroll-magic > .trigger { top: 220px; } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(1) { position: absolute; top: calc(500px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(2) { position: absolute; top: calc(2 * 500px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(3) { position: absolute; top: calc(3 * 500px); } .text-asset-blocks-scroll-magic #trigger-screen-in-2, .text-asset-blocks-scroll-magic #trigger-screen-in-3, .text-asset-blocks-scroll-magic #trigger-screen-in-4 { top: -45px; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { width: 100%; height: 100%; padding: 20px 40px; } .text-asset-blocks-scroll-magic h3 { font-size: 1.75em; } .text-asset-blocks-scroll-magic .highlight-case-show-container { left: calc(440px + 64px + 16px); width: 580px; height: 420px; } .text-asset-blocks-scroll-magic .highlight-case-show { width: 580px; height: 420px; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen-container { top: 20px; left: 20px; width: 544px; height: 380px; } } @media (max-width: 991px) { .text-asset-blocks-scroll-magic .highlight-case-card { width: 400px; height: 372px; margin-bottom: 0px; } .text-asset-blocks-scroll-magic > .trigger { top: 186px; } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(1) { position: absolute; top: calc(22px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(2) { position: absolute; top: calc(372px); } .text-asset-blocks-scroll-magic .container > .trigger:nth-of-type(3) { position: absolute; top: calc(2 * 372px); } .text-asset-blocks-scroll-magic #trigger-screen-in-2, .text-asset-blocks-scroll-magic #trigger-screen-in-3, .text-asset-blocks-scroll-magic #trigger-screen-in-4 { top: -10px; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { width: 100%; height: 330px; padding: 20px 40px; } .text-asset-blocks-scroll-magic h3 { font-size: 1.5em; } .text-asset-blocks-scroll-magic p { font-size: 1em; } .text-asset-blocks-scroll-magic .highlight-case-show-container { left: calc(400px + 32px + 16px); width: 504px; height: 372px; } .text-asset-blocks-scroll-magic .highlight-case-show { width: 504px; height: 372px; } .text-asset-blocks-scroll-magic .highlight-case-show .highlight-case-screen-container { top: 15px; left: 16px; width: 472px; height: 338px; } } @media (max-width: 767px) { .text-asset-blocks-scroll-magic { margin-bottom: 96px; } .text-asset-blocks-scroll-magic .container { padding-top: 0; padding-bottom: 0; } .highlight-case-show-container .section-device { display: none; } .text-asset-blocks-scroll-magic .mobile-case-screen { display: block; width: 100%; max-width: 259px; margin: 0 auto; box-sizing: content-box; } .text-asset-blocks-scroll-magic .highlight-case-card { width: auto; height: auto; margin: 0 0 40px 0; opacity: 1; transform: translate(0, 0); } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { max-width: 535px; width: 100%; height: 100%; margin: 0 auto; transform: translate(0, 0); opacity: 1; padding: 40px; } .text-asset-blocks-scroll-magic h3 { font-size: 1.5em; margin-bottom: 16px; } .text-asset-blocks-scroll-magic p { font-size: 1em; } .text-asset-blocks-scroll-magic.right .highlight-case-card { margin: 0 auto 40px; } .text-asset-blocks-scroll-magic .highlight-case-card .features-list { margin-top: 50px; } } @media (max-width: 575px) { .text-asset-blocks-scroll-magic { margin-bottom: 80px; } .text-asset-blocks-scroll-magic .highlight-case-card .text-block { max-width: 335px; } .text-asset-blocks-scroll-magic p { font-size: 0.875em; } } @media (max-width: 375px) { .text-asset-blocks-scroll-magic .highlight-case-card .text-block { padding: 20px; } }.text-asset-center-scan-effect .container { max-width: 1038px; } .text-asset-center-scan-effect .title { text-align: center; margin-bottom: 24px; } .text-asset-center-scan-effect .title-desc { max-width: 792px; width: 100%; text-align: center; margin-bottom: 64px; } .text-asset-center-scan-effect .description { display: flex; flex-direction: column; align-items: center; } .text-asset-center-scan-effect .compare-slider { position: relative; overflow: hidden; } .text-asset-center-scan-effect .compare-slider img { width: 100%; display:block; } .text-asset-center-scan-effect .resize { position: absolute; top:0; left: 0; height: 100%; width: 30%; overflow: hidden; } .text-asset-center-scan-effect .resize img { height: 100%; width: auto; } .text-asset-center-scan-effect .handle { position: absolute; left: 30%; top: 51.2%; height: 74.6%; bottom: 0; width: 2px; transform: translateY(-50%); margin-left: -1px; background: rgba(0,0,0,.25); cursor: ew-resize; } .text-asset-center-scan-effect .handle:after { position: absolute; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; content: ""; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-arrow-scan.svg?1652881165") no-repeat 0 0; background-size: contain; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } @-moz-keyframes swing { 15% { -moz-transform: translateX(9px); -webkit-transform: translateX(9px); -o-transform: translateX(9px); -ms-transform: translateX(9px); transform: translateX(9px); } 30% { -moz-transform: translateX(-9px); -webkit-transform: translateX(-9px); -o-transform: translateX(-9px); -ms-transform: translateX(-9px); transform: translateX(-9px); } 40% { -moz-transform: translateX(6px); -webkit-transform: translateX(6px); -o-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } 50% { -moz-transform: translateX(-6px); -webkit-transform: translateX(-6px); -o-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 65% { -moz-transform: translateX(3px); -webkit-transform: translateX(3px); -o-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes swing { 15% { -moz-transform: translateX(9px); -webkit-transform: translateX(9px); -o-transform: translateX(9px); -ms-transform: translateX(9px); transform: translateX(9px); } 30% { -moz-transform: translateX(-9px); -webkit-transform: translateX(-9px); -o-transform: translateX(-9px); -ms-transform: translateX(-9px); transform: translateX(-9px); } 40% { -moz-transform: translateX(6px); -webkit-transform: translateX(6px); -o-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } 50% { -moz-transform: translateX(-6px); -webkit-transform: translateX(-6px); -o-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 65% { -moz-transform: translateX(3px); -webkit-transform: translateX(3px); -o-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } @keyframes swing { 15% { -moz-transform: translateX(9px); -webkit-transform: translateX(9px); -o-transform: translateX(9px); -ms-transform: translateX(9px); transform: translateX(9px); } 30% { -moz-transform: translateX(-9px); -webkit-transform: translateX(-9px); -o-transform: translateX(-9px); -ms-transform: translateX(-9px); transform: translateX(-9px); } 40% { -moz-transform: translateX(6px); -webkit-transform: translateX(6px); -o-transform: translateX(6px); -ms-transform: translateX(6px); transform: translateX(6px); } 50% { -moz-transform: translateX(-6px); -webkit-transform: translateX(-6px); -o-transform: translateX(-6px); -ms-transform: translateX(-6px); transform: translateX(-6px); } 65% { -moz-transform: translateX(3px); -webkit-transform: translateX(3px); -o-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); } 100% { -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .text-asset-center-scan-effect .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; } .text-asset-center-scan-effect .draggable:after { width: 36px; height: 36px; margin: -18px 0 0 -18px; } @media (max-width: 991px) { .text-asset-center-scan-effect .title-desc { max-width: 704px; } } @media (max-width: 767px) { .text-asset-center-scan-effect .title-desc { max-width: 535px; } } @media (max-width: 575px) { .text-asset-center-scan-effect .title-desc { margin-bottom: 40px; } .text-asset-center-scan-effect .handle:after { width: 30px; height: 30px; margin: -15px 0 0 -15px; } } .title-text-cards-list-link .container { max-width: 1036px; display: flex; flex-direction: column; align-items: center; } .title-text-cards-list-link .title { text-align: center; margin-bottom: 24px; } .title-text-cards-list-link .title-desc { text-align: center; margin-bottom: 64px; } .title-text-cards-list-link .list { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; } .title-text-cards-list-link .list .item { width: 180px; background: #F7F7FA; border-radius: 12px; padding-bottom: 16px; margin-bottom: 24px; overflow: hidden; } .title-text-cards-list-link .list .item:hover .icon { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-cards-list-link .item .icon { width: 180px; height: 156px; margin-bottom: 8px; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-cards-list-link .item .icon.edit-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-edit-pdfs-2x.png?1653046370") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.annotate-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-annotate-pdfs-2x.png?1653046367") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.take-notes { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-take-notes-2x.png?1653046374") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.convert-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-convert-pdfs-2x.png?1653046369") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.sign-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-sign-pdfs-2x.png?1653046373") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.comment-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-comment-pdfs-2x.png?1653046368") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.add-images { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-add-images-2x.png?1653046367") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.manage-pages { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-manage-pages-2x.png?1653046371") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.merge-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-merge-pdfs-2x.png?1653046371") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item .icon.recognize-text { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/icons/icon-recognize-text-2x.png?1653046372") no-repeat 0 0; background-size: contain; } .title-text-cards-list-link .item span { display: flex; font-weight: 600; font-size: 14px; line-height: 133%; color: #111111; padding: 0 16px; } .title-text-cards-list-link .see-all { position: relative; font-weight: 400; font-size: 18px; line-height: 150%; display: flex; align-items: center; padding-right: 18px; margin-top: 6px; } .title-text-cards-list-link .see-all:hover { opacity: .8; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -o-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } .title-text-cards-list-link .see-all:after { content: ''; position: absolute; right: 0; width: 12px; height: 12px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/icon-arrow-blue.svg?1653047384"); } @media (max-width: 1199px) { .title-text-cards-list-link .container { max-width: 100%; } .title-text-cards-list-link .list { width: 896px; } .title-text-cards-list-link .list .item { width: 166px; } .title-text-cards-list-link .item .icon { width: 100%; height: 144px; } } @media (max-width: 991px) { .title-text-cards-list-link .list { max-width: 704px; } .title-text-cards-list-link .list .item { width: 134px; margin-bottom: 8px; } .title-text-cards-list-link .list .item:hover .icon { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .title-text-cards-list-link .item .icon { height: 116px; } .title-text-cards-list-link .item span { font-size: 0.75em; } .title-text-cards-list-link .item p { max-width: 704px; } .title-text-cards-list-link .see-all { margin-top: 24px; } .title-text-cards-list-link .see-all:hover { opacity: 1; } } @media (max-width: 767px) { .title-text-cards-list-link .list { max-width: 535px; } .title-text-cards-list-link .list .item { width: 173px; } .title-text-cards-list-link .list .item:nth-child(4), .title-text-cards-list-link .list .item:nth-child(5), .title-text-cards-list-link .list .item:nth-child(9), .title-text-cards-list-link .list .item:nth-child(10) { width: 263px; } .title-text-cards-list-link .list .item .icon { height: 116px; background-position: center; } .title-text-cards-list-link .list .item p { max-width: 535px; } .title-text-cards-list-link .item span { justify-content: center; text-align: center; } } @media (max-width: 575px) { .title-text-cards-list-link .title-desc { max-width: 335px; margin-bottom: 40px; } .title-text-cards-list-link .list { max-width: 335px; } .title-text-cards-list-link .list .item { width: 163px; } .title-text-cards-list-link .list .item:nth-child(4), .title-text-cards-list-link .list .item:nth-child(5), .title-text-cards-list-link .list .item:nth-child(9), .title-text-cards-list-link .list .item:nth-child(10) { width: 163px; } .title-text-cards-list-link .list .item .icon { height: 141px; } } @media (max-width: 375px) { .title-text-cards-list-link .list { max-width: 280px; } .title-text-cards-list-link .list .item { width: 136px; } .title-text-cards-list-link .list .item:nth-child(4), .title-text-cards-list-link .list .item:nth-child(5), .title-text-cards-list-link .list .item:nth-child(9), .title-text-cards-list-link .list .item:nth-child(10) { width: 136px; } .title-text-cards-list-link .list .item .icon { height: 120px; } } .video-block-text-center .container { max-width: 1440px; } .video-block-text-center .video-block { position: relative; width: 1400px; height: 648px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-radius: 16px; } .video-block-text-center .video-block video { width: 100%; } .video-block-text-center .video-block .mobile-video { display: none; } .video-block-text-center .video-block .description { position: absolute; max-width: 592px; width: 100%; } .video-block-text-center .video-block .description .title { text-align: center; color: #FFFFFF; margin-bottom: 24px; } .video-block-text-center .video-block .description p { text-align: center; color: #FFFFFF; } @media (max-width: 1439px) { .video-block-text-center .container { max-width: 100%; padding: 0; } .video-block-text-center .video-block { width: 1440px; left: calc((100% - 1440px)/2); border-radius: 0; } } @media (max-width: 1024px) { .video-block-text-center .video-block { width: 1024px; height: 556px; left: calc((100% - 1024px)/2); } } @media (max-width: 991px) { .video-block-text-center .video-block { width: 1130px; height: 636px; left: calc((100% - 1130px)/2); } } @media (max-width: 767px) { .video-block-text-center .video-block { width: 1153px; height: 648px; left: calc((100% - 1153px)/2); } .video-block-text-center .video-block .description { max-width: 535px; } } @media (max-width: 575px) { .video-block-text-center .video-block { width: 575px; height: 448px; left: calc((100% - 575px)/2); } .video-block-text-center .video-block .desktop-video { display: none; } .video-block-text-center .video-block .mobile-video { display: block; } .video-block-text-center .video-block .description { max-width: 335px; } } @media (max-width: 375px) { .video-block-text-center .video-block .description { max-width: 280px; } }.section-grey.text-left-right-asset-column { padding: 160px 0 120px 0; } .text-left-right-asset-column .bottom-block { margin-top: 64px; } .text-left-right-asset-column .bottom-block .list-item { display: flex; justify-content: space-between; align-items: flex-start; } .text-left-right-asset-column .bottom-block .list-item.list-wrap { flex-wrap: wrap; } .text-left-right-asset-column .list-item .item { width: 306px; } .text-left-right-asset-column .list-item.list-wrap .item:nth-child(-n+3) { margin-bottom: 64px; } .text-left-right-asset-column .list-item .item .icon { width: 48px; height: 48px; margin-bottom: 20px; } .text-left-right-asset-column .list-item .item.item-icon-large .icon { width: 85px; } .text-left-right-asset-column .list-item .item p { font-weight: 700; font-size: 1.5em; line-height: 133%; color: #111111; margin-bottom: 16px; } .text-left-right-asset-column .list-item .item span { font-weight: 400; font-size: 1.25em; line-height: 150%; color: #333333; } @media (max-width: 1199px) { .section-grey.text-left-right-asset-column { padding: 120px 0 120px 0; } .text-left-right-asset-column .bottom-block { margin-top: 80px; } .text-left-right-asset-column .list-item .item { width: 31%; } .text-left-right-asset-column .list-item .item span { font-size: 1em; } } @media (max-width: 991px) { .section-grey.text-left-right-asset-column { padding: 96px 0; } .text-left-right-asset-column { padding-top: 0; } .text-left-right-asset-column .bottom-block { margin-top: 64px; } .text-left-right-asset-column .list-item .item .icon { width: 40px; height: 40px; margin-bottom: 16px; } .text-left-right-asset-column .list-item .item.item-icon-large .icon { width: 71px; } .text-left-right-asset-column .list-item .item p { font-size: 1.25em; } } @media (max-width: 767px) { .text-left-right-asset-column .bottom-block { width: 100%; display: flex; justify-content: center; } .text-left-right-asset-column .bottom-block .list-item { max-width: 480px; width: 100%; flex-direction: column; } .text-left-right-asset-column .list-item .item { width: 100%; display: flex; margin-bottom: 40px; } .text-left-right-asset-column .list-item .item:last-child { margin-bottom: 0; } .text-left-right-asset-column .list-item .item .icon { margin: 0 16px 0 0; } .text-left-right-asset-column .list-item .item .item-text { max-width: calc(100% - 56px); } .text-left-right-asset-column .list-item .item.item-icon-large .item-text { max-width: calc(100% - 87px); } .text-left-right-asset-column .list-item .item p { margin-bottom: 8px; } } @media (max-width: 575px) { .section-grey.text-left-right-asset-column { padding: 64px 0; } .text-left-right-asset-column .bottom-block { margin-top: 40px; } .text-left-right-asset-column .bottom-block .list-item { max-width: 100%; } .text-left-right-asset-column .list-item .item .icon { width: 24px; height: 24px; margin-right: 12px; } .text-left-right-asset-column .list-item .item.item-icon-large .icon { width: 42px; } .text-left-right-asset-column .list-item .item .item-text { max-width: unset; width: calc(100% - 36px); } .text-left-right-asset-column .list-item .item.item-icon-large .item-text { max-width: calc(100% - 54px); } } .text-center-row-slide-assets { padding: 120px 0; background: #1C1C1C; } .text-center-row-slide-assets .container { position: relative; max-width: 1480px; overflow: hidden; } .text-center-row-slide-assets .description { display: flex; flex-direction: column; align-items: center; } .text-center-row-slide-assets .description .title { display: flex; flex-direction: column; align-items: center; text-align: center; color: #FFFFFF; margin-bottom: 24px; } .text-center-row-slide-assets .description h2 span { font-weight: 600; color: rgba(255, 255, 255, 0.6); } .text-center-row-slide-assets .description .title-desc { max-width: 792px; width: 100%; color: rgba(255, 255, 255, 0.8); text-align: center; margin-bottom: 90px; } .text-center-row-slide-assets .slide-list { position: relative; overflow: hidden; } .text-center-row-slide-assets .slide-list:before { content: ''; position: absolute; left: 0; width: 80px; height: 100%; background: linear-gradient(90deg, #1C1C1C 0%, rgba(28, 28, 28, 0.8) 27.45%, rgba(28, 28, 28, 0.4) 49.95%, rgba(28, 28, 28, 0.15) 67.04%, rgba(28, 28, 28, 0) 86.39%); z-index: 2; } .text-center-row-slide-assets .slide-list:after { content: ''; position: absolute; top: 0; right: 0; width: 80px; height: 100%; background: linear-gradient(90deg, #1C1C1C 0%, rgba(28, 28, 28, 0.8) 27.45%, rgba(28, 28, 28, 0.4) 49.95%, rgba(28, 28, 28, 0.15) 67.04%, rgba(28, 28, 28, 0) 86.39%); -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -o-transform: matrix(-1, 0, 0, 1, 0, 0); -ms-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); z-index: 2; } .text-center-row-slide-assets .slide-list .row-top { width: 3232px; height: 205px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-1.png?1652432687"); background-repeat: repeat-x; background-size: 1616px 205px; animation: slideLeft 40s linear infinite; background-repeat: round; max-width: unset; margin-bottom: 14px; } @-moz-keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1616px, 0, 0); -webkit-transform: translate3d(-1616px, 0, 0); -o-transform: translate3d(-1616px, 0, 0); -ms-transform: translate3d(-1616px, 0, 0); transform: translate3d(-1616px, 0, 0); } } @-webkit-keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1616px, 0, 0); -webkit-transform: translate3d(-1616px, 0, 0); -o-transform: translate3d(-1616px, 0, 0); -ms-transform: translate3d(-1616px, 0, 0); transform: translate3d(-1616px, 0, 0); } } @keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1616px, 0, 0); -webkit-transform: translate3d(-1616px, 0, 0); -o-transform: translate3d(-1616px, 0, 0); -ms-transform: translate3d(-1616px, 0, 0); transform: translate3d(-1616px, 0, 0); } } .text-center-row-slide-assets .slide-list .row-bottom { width: 2924px; height: 180px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-2.png?1652432988"); background-repeat: repeat-x; background-size: 1462px 180px; animation: slideRight 42s linear infinite; background-repeat: round; max-width: unset; } @-moz-keyframes slideRight { 0% { -moz-transform: translate3d(-1462px, 0, 0); -webkit-transform: translate3d(-1462px, 0, 0); -o-transform: translate3d(-1462px, 0, 0); -ms-transform: translate3d(-1462px, 0, 0); transform: translate3d(-1462px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideRight { 0% { -moz-transform: translate3d(-1462px, 0, 0); -webkit-transform: translate3d(-1462px, 0, 0); -o-transform: translate3d(-1462px, 0, 0); -ms-transform: translate3d(-1462px, 0, 0); transform: translate3d(-1462px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideRight { 0% { -moz-transform: translate3d(-1462px, 0, 0); -webkit-transform: translate3d(-1462px, 0, 0); -o-transform: translate3d(-1462px, 0, 0); -ms-transform: translate3d(-1462px, 0, 0); transform: translate3d(-1462px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @media (-webkit-min-device-pixel-ratio: 2) { .text-center-row-slide-assets .slide-list .row-top { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-1-2x.png?1653481188"); } .text-center-row-slide-assets .slide-list .row-bottom { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-2-2x.png?1653481187"); } } @media (max-width: 1439px) { .text-center-row-slide-assets .container { max-width: 100%; padding: 0; } .text-center-row-slide-assets .slide-list:before, .text-center-row-slide-assets .slide-list:after { content: none; } } @media (max-width: 1199px) { .text-center-row-slide-assets .description .title-desc { max-width: 592px; } } @media (max-width: 991px) { .text-center-row-slide-assets { padding: 96px 0; } .text-center-row-slide-assets .description .title-desc { max-width: 704px; margin-bottom: 40px; } .text-center-row-slide-assets .slide-list .row-top { width: 2690px; height: 173px; background-size: 1345px 173px; } @-moz-keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1345px, 0, 0); -webkit-transform: translate3d(-1345px, 0, 0); -o-transform: translate3d(-1345px, 0, 0); -ms-transform: translate3d(-1345px, 0, 0); transform: translate3d(-1345px, 0, 0); } } @-webkit-keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1345px, 0, 0); -webkit-transform: translate3d(-1345px, 0, 0); -o-transform: translate3d(-1345px, 0, 0); -ms-transform: translate3d(-1345px, 0, 0); transform: translate3d(-1345px, 0, 0); } } @keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1345px, 0, 0); -webkit-transform: translate3d(-1345px, 0, 0); -o-transform: translate3d(-1345px, 0, 0); -ms-transform: translate3d(-1345px, 0, 0); transform: translate3d(-1345px, 0, 0); } } .text-center-row-slide-assets .slide-list .row-bottom { width: 2492px; height: 148px; background-size: 1246px 148px; } @-moz-keyframes slideRight { 0% { -moz-transform: translate3d(-1246px, 0, 0); -webkit-transform: translate3d(-1246px, 0, 0); -o-transform: translate3d(-1246px, 0, 0); -ms-transform: translate3d(-1246px, 0, 0); transform: translate3d(-1246px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideRight { 0% { -moz-transform: translate3d(-1246px, 0, 0); -webkit-transform: translate3d(-1246px, 0, 0); -o-transform: translate3d(-1246px, 0, 0); -ms-transform: translate3d(-1246px, 0, 0); transform: translate3d(-1246px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideRight { 0% { -moz-transform: translate3d(-1246px, 0, 0); -webkit-transform: translate3d(-1246px, 0, 0); -o-transform: translate3d(-1246px, 0, 0); -ms-transform: translate3d(-1246px, 0, 0); transform: translate3d(-1246px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } } @media (max-width: 767px) { .text-center-row-slide-assets .description { max-width: 575px; padding: 0 20px; margin: 0 auto; } } @media (max-width: 575px) { .text-center-row-slide-assets { padding: 64px 0; } .text-center-row-slide-assets .slide-list .row-top { width: 2390px; height: 151px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-1-mobile-2x.png?1653483093"); background-size: 1195px 151px; margin-bottom: 8px; } @-moz-keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1195px, 0, 0); -webkit-transform: translate3d(-1195px, 0, 0); -o-transform: translate3d(-1195px, 0, 0); -ms-transform: translate3d(-1195px, 0, 0); transform: translate3d(-1195px, 0, 0); } } @-webkit-keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1195px, 0, 0); -webkit-transform: translate3d(-1195px, 0, 0); -o-transform: translate3d(-1195px, 0, 0); -ms-transform: translate3d(-1195px, 0, 0); transform: translate3d(-1195px, 0, 0); } } @keyframes slideLeft { 0% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { -moz-transform: translate3d(-1195px, 0, 0); -webkit-transform: translate3d(-1195px, 0, 0); -o-transform: translate3d(-1195px, 0, 0); -ms-transform: translate3d(-1195px, 0, 0); transform: translate3d(-1195px, 0, 0); } } .text-center-row-slide-assets .slide-list .row-bottom { width: 1882px; height: 125px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-2-mobile-2x.png?1653483092"); background-size: 941px 125px; } @-moz-keyframes slideRight { 0% { -moz-transform: translate3d(-941px, 0, 0); -webkit-transform: translate3d(-941px, 0, 0); -o-transform: translate3d(-941px, 0, 0); -ms-transform: translate3d(-941px, 0, 0); transform: translate3d(-941px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideRight { 0% { -moz-transform: translate3d(-941px, 0, 0); -webkit-transform: translate3d(-941px, 0, 0); -o-transform: translate3d(-941px, 0, 0); -ms-transform: translate3d(-941px, 0, 0); transform: translate3d(-941px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideRight { 0% { -moz-transform: translate3d(-941px, 0, 0); -webkit-transform: translate3d(-941px, 0, 0); -o-transform: translate3d(-941px, 0, 0); -ms-transform: translate3d(-941px, 0, 0); transform: translate3d(-941px, 0, 0); } 100% { -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } } @media (-webkit-min-device-pixel-ratio: 3) and (max-width: 575px) { .text-center-row-slide-assets .slide-list .row-top { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-1-mobile-3x.png?1653483093"); } .text-center-row-slide-assets .slide-list .row-bottom { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/mac/index/design-for-apple-row-2-mobile-3x.png?1653483092"); } }.icon.icon-ocr { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-ocr.png?1655719525") no-repeat 0 0; background-size: contain; } .icon.icon-enhance { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-enhance.png?1655719453") no-repeat 0 0; background-size: contain; } .icon.icon-crop { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-crop.png?1655719376") no-repeat 0 0; background-size: contain; } .icon.icon-view-pdf { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-view-pdf.png?1655719653") no-repeat 0 0; background-size: contain; } .icon.icon-edu { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-edu.png?1655719452") no-repeat 0 0; background-size: contain; } .icon.icon-search { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-search.png?1655719600") no-repeat 0 0; background-size: contain; } .icon.icon-edit-text { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-edit-text.png?1655719418") no-repeat 0 0; background-size: contain; } .icon.icon-link { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-link.png?1655719492") no-repeat 0 0; background-size: contain; } .icon.icon-redact { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-redact.png?1655719571") no-repeat 0 0; background-size: contain; } .icon.icon-add-image { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-add-image.png?1655719321") no-repeat 0 0; background-size: contain; } .icon.icon-notes { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-notes.png?1655719524") no-repeat 0 0; background-size: contain; } .icon.icon-highlights { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-annotate.png?1655719323") no-repeat 0 0; background-size: contain; } .icon.icon-stamps { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-stamps.png?1655719603") no-repeat 0 0; background-size: contain; } .icon.icon-stickers { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-stickers.png?1655719604") no-repeat 0 0; background-size: contain; } .icon.icon-audio { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-audio.png?1655719371") no-repeat 0 0; background-size: contain; } .icon.icon-drawing { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-drawing.png?1655719415") no-repeat 0 0; background-size: contain; } .icon.icon-themes { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-themes.png?1655719650") no-repeat 0 0; background-size: contain; } .icon.icon-merge { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-merge.png?1655719494") no-repeat 0 0; background-size: contain; } .icon.icon-manage-pages { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-manage-pages.png?1655719493") no-repeat 0 0; background-size: contain; } .icon.icon-extract-pages { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-extract-pages.png?1655719455") no-repeat 0 0; background-size: contain; } .icon.icon-fields { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-fields.png?1655719457") no-repeat 0 0; background-size: contain; } .icon.icon-sign { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-sign.png?1655719602") no-repeat 0 0; background-size: contain; } .icon.icon-customer-sign { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-customer-sign.png?1655719414") no-repeat 0 0; background-size: contain; } .icon.icon-convert-files { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-convert-files.png?1655719374") no-repeat 0 0; background-size: contain; } .icon.icon-pdf-to-word { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-pdf-to-word.png?1655719570") no-repeat 0 0; background-size: contain; } .icon.icon-pdf-to-jpg { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-pdf-to-jpg.png?1655719568") no-repeat 0 0; background-size: contain; } .icon.icon-pdf-to-excel { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-pdf-to-excel.png?1655719529") no-repeat 0 0; background-size: contain; } .icon.icon-pdf-to-ppt { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-pdf-to-ppt.png?1655719568") no-repeat 0 0; background-size: contain; } .icon.icon-pdf-to-text { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-pdf-to-text.png?1655719569") no-repeat 0 0; background-size: contain; } .icon.icon-edit-pdfs { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-edit-pdfs.png?1655719417") no-repeat 0 0; background-size: contain; } .icon.icon-compess { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-compress.png?1655719373") no-repeat 0 0; background-size: contain; } .icon.icon-outlines { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-outlines.png?1655719526") no-repeat 0 0; background-size: contain; } .icon.icon-page-numbers { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-page-numbers.png?1655719527") no-repeat 0 0; background-size: contain; } .icon.icon-shapes { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-shapes.png?1655719601") no-repeat 0 0; background-size: contain; } .icon.icon-add-text { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-add-text.png?1655719322") no-repeat 0 0; background-size: contain; } .icon.icon-checkboxes { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-checkboxes.png?1655719373") no-repeat 0 0; background-size: contain; } .icon.icon-xfa { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-xfa.png?1655719726") no-repeat 0 0; background-size: contain; } .icon.icon-lc { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-lc.png?1655719492") no-repeat 0 0; background-size: contain; } .icon.icon-bookmarks { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-bookmarks.png?1655719372") no-repeat 0 0; background-size: contain; } .icon.icon-scrolling { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-scrolling.png?1655719599") no-repeat 0 0; background-size: contain; } .icon.icon-export { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-export.png?1655719454") no-repeat 0 0; background-size: contain; } .icon.icon-password { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-password.png?1655719528") no-repeat 0 0; background-size: contain; } .icon.icon-type { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-type.png?1655719653") no-repeat 0 0; background-size: contain; } .icon.icon-split-view { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-split-view.png?1655719602") no-repeat 0 0; background-size: contain; } .icon.icon-rotate-pages { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-rotate-pages.png?1655719572") no-repeat 0 0; background-size: contain; } .icon.icon-delete-pages { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-delete-pages.png?1655719414") no-repeat 0 0; background-size: contain; } .icon.icon-fill-forms { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-fill-forms.png?1655719490") no-repeat 0 0; background-size: contain; } .icon.icon-touch-bar { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-touch-bar.png?1655719651") no-repeat 0 0; background-size: contain; } .icon.icon-fast { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-fast.png?1655719456") no-repeat 0 0; background-size: contain; } .icon.icon-modify-pdf { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-modify-pdf.png?1655719494") no-repeat 0 0; background-size: contain; } .icon.icon-open-pdf { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-open-pdf.png?1655719525") no-repeat 0 0; background-size: contain; } .icon.icon-print-pdf { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-print-pdf.png?1655719570") no-repeat 0 0; background-size: contain; } .icon.icon-create-pdf { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-create-pdf.png?1655719375") no-repeat 0 0; background-size: contain; } .icon.icon-convert-images { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-convert-images.png?1655719491") no-repeat 0 0; background-size: contain; } .icon.icon-transfer { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-transfer.png?1655719652") no-repeat 0 0; background-size: contain; } .icon.icon-color-code { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-color-code.png?1660622240") no-repeat 0 0; background-size: contain; } .icon.icon-folders { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-folders.png?1660622240") no-repeat 0 0; background-size: contain; } .icon.icon-w-9 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-w-9.png?1655719662") no-repeat 0 0; background-size: contain; } .icon.icon-w-4 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-w-4.png?1655719655") no-repeat 0 0; background-size: contain; } .icon.icon-w-2 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-w-2.png?1655719654") no-repeat 0 0; background-size: contain; } .icon.icon-1099 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-1099.png?1655719320") no-repeat 0 0; background-size: contain; } .icon.icon-1040 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-1040.png?1655719319") no-repeat 0 0; background-size: contain; } .icon.icon-941 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-941.png?1655719318") no-repeat 0 0; background-size: contain; } .icon.icon-ds-82 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-ds-82.png?1655719416") no-repeat 0 0; background-size: contain; } .icon.icon-ds-11 { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-ds-11.png?1655719416") no-repeat 0 0; background-size: contain; } .icon.icon-money { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-money.png?1682684920") no-repeat 0 0; background-size: contain; } .icon.icon-architect { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/features-icons/icon-architect.png?1684420241") no-repeat 0 0; background-size: contain; }.text-full-width-block-item-list h2.title { text-align: center; margin-bottom: 64px; } .text-full-width-block-item-list .container .text-block { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 64px; margin-bottom: 40px; } .text-full-width-block-item-list .text-block h3 { max-width: 408px; width: 100%; } .text-full-width-block-item-list .text-block p { max-width: 486px; } .text-full-width-block-item-list p.title-desc.text { max-width: 752px; width: 100%; text-align: center; margin: 64px auto 0 auto; } .text-full-width-block-item-list .full-width-lottie-block { position: relative; left: calc((100% - 1690px)/2); width: 1690px; padding: 0; } .text-full-width-block-item-list .full-width-lottie-block .lottie-animation { position: absolute; width: 100%; height: 100%; } .text-full-width-block-item-list .full-width-lottie-block img { width: 100%; } .text-full-width-block-item-list .column-item-icon-title-text { margin-top: 64px; } @media (max-width: 1199px) { .text-full-width-block-item-list .full-width-lottie-block { left: calc((100% - 1440px)/2); width: 1440px; } .text-full-width-block-item-list .container .text-block { flex-direction: column-reverse; align-items: center; margin-bottom: 32px; } .text-full-width-block-item-list .text-block h3 br { display: none; } .text-full-width-block-item-list .text-block p { max-width: 792px; text-align: center; margin-bottom: 64px; } } @media (max-width: 991px) { .text-full-width-block-item-list .text-block p { max-width: 704px; } } @media (max-width: 767px) { .text-full-width-block-item-list .full-width-lottie-block { left: calc((100% - 879px)/2); width: 879px; } .text-full-width-block-item-list .text-block p { max-width: 535px; } } @media (max-width: 575px) { .text-full-width-block-item-list h2.title { margin-bottom: 40px; } .text-full-width-block-item-list .full-width-lottie-block { left: calc((100% - 695px)/2); width: 695px; } .text-full-width-block-item-list .column-item-icon-title-text { margin-top: 40px; } .text-full-width-block-item-list p.title-desc.text { margin-top: 40px; } .text-full-width-block-item-list .container .text-block { margin: 40px 0 32px 0; } .text-full-width-block-item-list .text-block h3 { max-width: 100%; text-align: center; } }.column-item-icon-title { display: flex; justify-content: space-between; align-items: flex-start; } .column-item-icon-title .item { display: flex; flex-direction: column; align-items: center; } .column-item-icon-title .item .icon { width: 64px; height: 64px; margin-bottom: 16px; } .column-item-icon-title .item p { font-weight: 600; font-size: 1.25em; line-height: 150%; text-align: center; color: #111111; } @media (max-width: 1199px) { .column-item-icon-title .item .icon { width: 48px; height: 48px; } } @media (max-width: 767px) { .column-item-icon-title.flex-wrap { max-width: 535px; flex-wrap: wrap; margin: 0 auto; } .column-item-icon-title.flex-wrap .item { width: 167px; } .column-item-icon-title.flex-wrap .item:nth-child(-n+3) { margin-bottom: 24px; } } @media (max-width: 575px) { .column-item-icon-title { max-width: 335px; flex-wrap: wrap; margin: 0 auto; } .column-item-icon-title .item { width: 159px; } .column-item-icon-title .item:nth-child(-n+2) { margin-bottom: 40px; } .column-item-icon-title.flex-wrap { max-width: 335px; } .column-item-icon-title.flex-wrap .item { width: 101px; } .column-item-icon-title.flex-wrap .icon { width: 40px; height: 40px; } .column-item-icon-title .item p { font-size: 1em; } } @media (max-width: 375px) { .column-item-icon-title .item { width: 140px; } } .text-left-right-asset { position: relative; min-height: 480px; height: 100%; display: flex; align-items: center; } .text-left-right-asset.text-right { flex-direction: row-reverse; } .text-left-right-asset .text-block { max-width: 462px; width: 100%; } .text-left-right-asset .text-block .icon { display: flex; width: 64px; height: 64px; margin-bottom: 24px; } .text-left-right-asset .text-block h2 { text-align: left; margin-bottom: 24px; } .text-left-right-asset .text-block p { text-align: left; } .text-left-right-asset .illustration { position: absolute; left: 502px; width: 780px; height: 480px; } .text-left-right-asset.text-right .illustration { left: unset; right: 502px; } .text-left-right-asset .illustration img { width: 100%; height: 100%; } .text-left-right-asset .illustration.border img { border: 3px solid rgba(0, 0, 0, 0.1); border-radius: 8px; } .text-left-right-asset .lottie-animation { position: absolute; width: 780px; height: 480px; top: 0; left: 0; } @media (max-width: 1199px) { .text-left-right-asset { min-height: 364px; } .text-left-right-asset .text-block { max-width: 400px; } .text-left-right-asset .illustration { width: 613px; height: 364px; left: 445px; } .text-left-right-asset.text-right .illustration { right: 445px; } .text-left-right-asset .lottie-animation { width: 613px; height: 364px; } } @media (max-width: 991px) { .text-left-right-asset { min-height: unset; height: auto; flex-direction: column; align-items: center; } .text-left-right-asset.text-right { flex-direction: column; } .text-left-right-asset .text-block { max-width: 704px; display: flex; flex-direction: column; align-items: center; margin-bottom: 64px; } .text-left-right-asset .text-block h2, .text-left-right-asset .text-block p { text-align: center; } .text-left-right-asset .illustration { position: relative; top: unset; left: unset; max-width: 613px; height: auto; } .text-left-right-asset.text-right .illustration { right: unset; } .text-left-right-asset .lottie-animation { max-width: 613px; height: auto; } } @media (max-width: 767px) { .text-left-right-asset .text-block { max-width: 535px; } .text-left-right-asset .illustration { max-width: 505px; width: 100%; height: auto; } .text-left-right-asset .lottie-animation { max-width: 505px; width: 100%; } } @media (max-width: 575px) { .text-left-right-asset .text-block { margin-bottom: 40px; } .text-left-right-asset .text-block .icon { width: 48px; height: 48px; } }.title-text-wistia-video-center .container { max-width: 1038px; } .title-text-wistia-video-center .title { text-align: center; margin-bottom: 24px; } .title-text-wistia-video-center .title-desc { max-width: 792px; width: 100%; text-align: center; margin: 0 auto 64px auto; } .title-text-wistia-video-center .wistia-video-block { border-radius: 16px; overflow: hidden; } .w-css-reset-tree button.w-big-play-button { position: relative !important; width: 80px !important; height: 80px !important; border-radius: 50%; } .w-css-reset-tree button.w-big-play-button:before { content: ''; position: absolute; top: 25px; left: 29px; width: 25px; height: 28px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/icon-grey-play.svg?1655209500"); background-repeat: no-repeat; background-size: contain; z-index: 2; } .w-css-reset-tree button.w-big-play-button div { width: 80px !important; height: 80px !important; background: #F7F7FA !important; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15) !important; border-radius: 50%; } .w-css-reset-tree button.w-big-play-button svg { display: none !important; } .title-text-wistia-video-center img { width: 100%; } @media (max-width: 1199px) { .title-text-wistia-video-center .container { max-width: 100%; } } @media (max-width: 991px) { .title-text-wistia-video-center .title-desc { max-width: 705px; } } @media (max-width: 767px) { .title-text-wistia-video-center .title-desc { max-width: 535px; } } @media (max-width: 575px) { .title-text-wistia-video-center .title-desc { margin-bottom: 40px; } .w-css-reset-tree button.w-big-play-button { width: 40px !important; height: 40px !important; } .w-css-reset-tree button.w-big-play-button:before { top: 13px; left: 15px; width: 13px; height: 14px; } .w-css-reset-tree button.w-big-play-button div { width: 40px !important; height: 40px !important; } }.title-text-right-big-asset { position: relative; background: #F7F7FA; padding: 160px 0; overflow: hidden; } .title-text-right-big-asset .container { position: relative; display: flex; } .title-text-right-big-asset .text-block { max-width: 588px; min-height: 430px; height: 100%; } .title-text-right-big-asset .text-block h2 { margin-bottom: 24px; } .title-text-right-big-asset .text-block p { margin-bottom: 40px; } .title-text-right-big-asset .text-block .link-group { display: flex; align-items: center; } .title-text-right-big-asset .text-block .link-group a { display: flex; height: 40px; } .title-text-right-big-asset .text-block .link-group a.ios-badge { margin-right: 10px; } .title-text-right-big-asset .illustration { position: absolute; top: -367px; left: 728px; width: 1043px; height: 1000px; } .title-text-right-big-asset .illustration img { width: 100%; } @media (max-width: 1199px) { .title-text-right-big-asset { padding: 120px 0; } .title-text-right-big-asset .text-block { max-width: 440px; min-height: 385px; } .title-text-right-big-asset .illustration { width: 835px; height: 800px; top: -260px; left: 540px; } } @media (max-width: 991px) { .title-text-right-big-asset { padding: 64px 0 0 0; } .title-text-right-big-asset .container { flex-direction: column; align-items: center; } .title-text-right-big-asset .text-block { max-width: 704px; margin-bottom: 50px; min-height: initial; } .title-text-right-big-asset .text-block h2 { text-align: center; } .title-text-right-big-asset .text-block p { text-align: center; } .title-text-right-big-asset .text-block .link-group { justify-content: center; } .title-text-right-big-asset .illustration { position: relative; top: unset; left: unset; width: 521px; height: auto; } } @media (max-width: 767px) { .title-text-right-big-asset .text-block p { max-width: 535px; } } @media (max-width: 575px) { .title-text-right-big-asset { padding-top: 40px; } .title-text-right-big-asset .illustration { width: 365px; } } @media (max-width: 375px) { .title-text-right-big-asset .illustration { width: 320px; } }.title-text-tiled-block { margin-top: 120px; } .title-text-tiled-block .container { max-width: 1038px; display: flex; flex-direction: column; align-items: center; } .title-text-tiled-block .title { font-weight: 700; font-size: 3em; line-height: 133%; text-align: center; margin-bottom: 24px; } .title-text-tiled-block p.title-desc { max-width: 792px; width: 100%; text-align: center; margin-bottom: 64px; } .title-text-tiled-block .card-list { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .title-text-tiled-block .card-list .item { position: relative; width: 486px; height: 450px; margin-bottom: 26px; border-radius: 16px; overflow: hidden; z-index: 1; } .title-text-tiled-block .card-list .item:nth-child(3), .title-text-tiled-block .card-list .item:nth-child(4) { margin-bottom: 0; } .title-text-tiled-block .item a { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-tiled-block .item a:hover { box-shadow: inset 0px 0px 240px rgba(0, 0, 0, 0.8); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-tiled-block .item a:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-tiled-block .item img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; border-radius: 16px; z-index: -2; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .title-text-tiled-block .item .desc { display: flex; font-weight: 400; font-size: 1.25em; line-height: 150%; letter-spacing: -0.03em; color: #FFFFFF; margin-bottom: 4px; } .title-text-tiled-block .item p { font-weight: 700; font-size: 2.5em; line-height: 133%; color: #FFFFFF; margin-bottom: 24px; } .title-text-tiled-block .item .learn { position: relative; display: flex; justify-content: center; font-weight: 400; font-size: 1.125em; line-height: 150%; letter-spacing: -0.03em; color: #FFFFFF; text-shadow: 0px 2px 40px rgba(0, 0, 0, 0.5); padding-top: 60px; } .title-text-tiled-block .item .learn:before { content: ''; position: absolute; top: 0; width: 48px; height: 48px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/button-plus-white.svg?1652095091") no-repeat 0 0; background-size: contain; } @media (max-width: 1199px) { .title-text-tiled-block { margin-top: 96px; } .title-text-tiled-block .container { max-width: 1024px; } .title-text-tiled-block .title { font-size: 2.5em; } .title-text-tiled-block p.title-desc { max-width: 765px; } .title-text-tiled-block .card-list .item { width: 440px; height: 408px; margin-bottom: 13px; } } @media (max-width: 1024px) { .title-text-tiled-block .container { max-width: 991px; } .title-text-tiled-block .card-list .item { width: 425px; height: 397px; } } @media (max-width: 991px) { .title-text-tiled-block { margin-top: 80px; } .title-text-tiled-block .container { max-width: 768px; } .title-text-tiled-block .card-list .item { width: 344px; height: 334px; margin-bottom: 16px; } .title-text-tiled-block .item a:hover { box-shadow: none; } .title-text-tiled-block .item a:hover img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .title-text-tiled-block .item .desc { font-size: 1.125em; } .title-text-tiled-block .item p { font-size: 2em; } } @media (max-width: 767px) { .title-text-tiled-block p.title-desc { max-width: 535px; } .title-text-tiled-block .card-list { justify-content: center; } .title-text-tiled-block .card-list .item { width: 535px; height: 390px; } .title-text-tiled-block .card-list .item:nth-child(3) { margin-bottom: 16px; } .title-text-tiled-block .item a { width: 100%; height: 100%; } .title-text-tiled-block .item img { top: -50px; width: 540px; height: 500px; } .title-text-tiled-block .item .desc { font-size: 1.25em; } .title-text-tiled-block .item p { font-size: 2.5em; } } @media (max-width: 575px) { .title-text-tiled-block .title { font-size: 1.5em; } .title-text-tiled-block p.title-desc { margin-bottom: 40px; } .title-text-tiled-block .card-list .item { width: 335px; height: 322px; } .title-text-tiled-block .item .desc { font-size: 0.875em; margin-bottom: 4px; } .title-text-tiled-block .item p { font-size: 1.75em; margin-bottom: 16px; } .title-text-tiled-block .item .learn { font-size: 1em; padding-top: 44px; } .title-text-tiled-block .item .learn:before { width: 32px; height: 32px; } .title-text-tiled-block .item img { top: 0; width: 100%; height: 100%; } } @media (max-width: 375px) { .title-text-tiled-block .card-list .item { width: 280px; height: 267px; } }.center-title-asset-text .container { max-width: 832px; display: flex; flex-direction: column; align-items: center; } .center-title-asset-text h2 { text-align: center; margin-bottom: 40px; } .center-title-asset-text img { width: 100%; margin-bottom: 40px; border-radius: 16px; } .center-title-asset-text p { text-align: center; } @media (max-width: 1199px) { .center-title-asset-text .container { max-width: 1126px; } } @media (max-width: 1024px) { .center-title-asset-text p { max-width: 792px; } } @media (max-width: 767px) { .center-title-asset-text p { max-width: 535px; } } .get-started-row { padding: 48px 0 56px 0; } .get-started-row .container { max-width: 1038px; display: flex; justify-content: space-between; align-items: center; } .get-started-row .text-block h3 { position: relative; font-weight: 700; font-size: 2em; line-height: 133%; display: flex; align-items: center; padding-left: 84px; } .get-started-row .text-block h3:before { content: ''; position: absolute; left: 0; width: 52px; height: 52px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; } .get-started-row.black .text-block h3 { color: #FFFFFF; } .get-started-row.white .text-block h3 { color: #111111; } .get-started-row .link-group { position: relative; display: flex; align-items: center; } .get-started-row .free-download { color: #FFFFFF; } .get-started-row .free-download ~ .buy-now { margin-left: 16px; } .get-started-row .buy-now { min-width: 120px; height: 47px; } .get-started-row.black .buy-now { color: #FFFFFF; background: #1F1F1F; border: 2px solid rgba(255, 255, 255, 0.15); } .get-started-row.black .buy-now:hover { color: #FFFFFF; background: #313131; border: 2px solid rgba(255, 255, 255, 0.4); } .get-started-row.white .buy-now { color: #111111; background: #FFFFFF; border: 1px solid rgba(17, 17, 17, 0.15); } .get-started-row.white .buy-now:hover { color: #333333; background: #F0F0F0; border: 1px solid rgba(17, 17, 17, 0.25); } .get-started-row .special-offer { position: absolute; width: max-content; bottom: -30px; font-size: 0.875em; color: #555555; } .get-started-row.black .special-offer { color: rgba(255, 255, 255, 0.8); } @media (max-width: 991px) { .get-started-row { padding: 32px 0; } .get-started-row .text-block h3 { font-size: 1.5em; padding-left: 48px; } .get-started-row .text-block h3:before { width: 32px; height: 32px; } .get-started-row .special-offer { display: none; } } @media (max-width: 767px) { .get-started-row { padding: 40px 0; } .get-started-row .container { justify-content: center; } .get-started-row .text-block h3 { display: none; } .get-started-row .text-block h3:before { content: unset; } } @media (max-width: 480px) { .get-started-row .link-group { width: 100%; flex-direction: column; } .get-started-row .free-download ~ .buy-now { margin: 16px 0 0 0; } .get-started-row .free-download, .get-started-row .buy-now { max-width: 100%; width: 100%; } }.get-started { padding: 80px 0; } .get-started.black { background: #282828; } .get-started.white { background: rgba(255, 255, 255, .9); border-top: 1px solid; border-bottom: 1px solid; border-color: rgba(17, 17, 17, 0.1); } .get-started.color-bg { max-width: 1920px; width: 100%; } .get-started .container { display: flex; justify-content: center; height: 100%; } .get-started .text-block { max-width: 480px; width: 100%; display: flex; flex-direction: column; align-items: center; } .get-started.wide-block .text-block { max-width: 700px; } .get-started.color-bg .text-block { justify-content: center; } .get-started .text-block .pdfexpert-logo { width: 48px; height: 48px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1651760161") no-repeat 0 0; background-size: contain; margin-bottom: 24px; } .get-started .text-block h3 { font-size: 2.5em; text-align: center; margin-bottom: 16px; } .get-started.black .text-block h3 { color: #FFFFFF; } .get-started.white .text-block h3 { color: #111111; } .get-started .text-block p { max-width: 384px; width: 100%; font-size: 1.25rem; text-align: center; margin-bottom: 32px; } .get-started.wide-block .text-block p { max-width: initial; } .get-started.black .text-block p { color: rgba(255, 255, 255, 0.8); } .get-started.white .text-block p { color: #777777; } .get-started .text-block .link-group { display: flex; justify-content: center; align-items: center; } .get-started .free-download { min-width: 160px; transition: .3s; } .get-started .free-download ~ .buy-now { margin-left: 16px; } .get-started .buy-now { min-width: 133px; border-radius: 6px; } .get-started.black .buy-now { color: #FFFFFF; border: 2px solid rgba(255, 255, 255, 0.15); } .get-started.black .buy-now:hover { color: #FFFFFF; background: #313131; border-color: rgba(255, 255, 255, 0.4;); } .get-started.white .buy-now { color: #111111; background: #FFFFFF; border: 1px solid rgba(17, 17, 17, 0.15); } .get-started.white .buy-now:hover { color: #333333; background: #F0F0F0; border-color: rgba(17, 17, 17, 0.25); } .get-started .special-offer { padding: 16px 0 0; font-size: 0.875em; color: #555555; } .get-started.black .special-offer { color: rgba(255, 255, 255, 0.8); } @media (min-width: 1921px) { .get-started.color-bg { margin: 0 auto 120px; border-radius: 16px; } } @media (max-width: 991px) { .get-started.black .buy-now:hover { color: #FFFFFF; background: transparent; border-color: rgba(255, 255, 255, 0.15); } .get-started.white .buy-now:hover { color: #333333; background: transparent; border-color: rgba(17, 17, 17, 0.25); } .get-started .special-offer { display: none; } } @media (max-width: 767px) { .get-started { padding: 100px 0; } } @media (max-width: 575px) { .get-started { padding: 40px 0; } .get-started .text-block .pdfexpert-logo { width: 32px; height: 32px; margin-bottom: 16px; } .get-started .text-block { max-width: 100%; } .get-started .text-block h3 { font-size: 1.5em; } .get-started .text-block p { max-width: 335px; width: 100%; font-size: 1em; } } @media (max-width: 480px) { .get-started .text-block .link-group { width: 100%; flex-direction: column; } .get-started .free-download ~ .buy-now { margin: 16px 0 0 0; } .get-started .free-download, .get-started .buy-now { width: 100%; } }.center-title-press-slider { margin-bottom: 120px; } .center-title-press-slider .container { max-width: 1038px; } .center-title-press-slider h2 { text-align: center; margin-bottom: 40px; } .center-title-press-slider .quote-window { position: relative; height: 160px; } .center-title-press-slider .quote-card { display: none; position: absolute; top: 0; left: 0; right: 0; max-width: 998px; width: 100%; min-height: 160px; justify-content: space-between; align-items: center; background: #F7F7FA; border-radius: 16px; padding: 40px 56px; opacity: 0; } .center-title-press-slider .quote-card.current { display: flex; } .center-title-press-slider .quote-card p { position: relative; max-width: 692px; width: 100%; font-weight: 600; font-size: 1.5em; line-height: 150%; letter-spacing: -0.03em; color: #333333; } .center-title-press-slider .quote-card p:before { content: ''; position: absolute; top: -7px; left: -25px; width: 58px; height: 45px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/pdfexpert/20220504/common/icon-quotes.svg?1651851482") no-repeat 0 0; background-size: contain; } @media (max-width: 1199px) { .center-title-press-slider { margin-bottom: 80px; } .center-title-press-slider .quote-card p { max-width: 536px; } } @media (max-width: 991px) { .center-title-press-slider { margin-bottom: 80px; } .center-title-press-slider h2 { margin-bottom: 32px; } .center-title-press-slider .quote-window { max-width: 704px; height: 100%; margin: 0 auto; } .center-title-press-slider .quote-card { position: relative; padding: 32px 48px; } .center-title-press-slider .quote-card p { max-width: 416px; font-size: 1.25em; } .center-title-press-slider .quote-card p:before { top: -1px; left: -16px; width: 41px; height: 32px; } } @media (max-width: 767px) { .center-title-press-slider .quote-window { max-width: 535px; } .center-title-press-slider .quote-card { flex-direction: column; align-items: center; padding: 40px 46px 32px 46px; } .center-title-press-slider .quote-card p { max-width: 400px; text-align: center; margin-bottom: 32px; } .center-title-press-slider .quote-card p:before { left: -30px; top: -16px; } } @media (max-width: 575px) { .center-title-press-slider h2 { margin-bottom: 24px; } .center-title-press-slider .quote-card { padding: 40px 24px; } .center-title-press-slider .quote-card p { font-size: 1em; } .center-title-press-slider .quote-card p:before { top: -16px; left: -2px; } }.press-list { display: flex; align-items: center; height: 108px; background: #F7F7FA; } .press-list .container { max-width: 910px; display: flex; justify-content: space-between; align-items: center; } .press-list a img { max-height: 30px; width: 100%; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } .press-list a:hover img { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; -ms-transition: .3s; transition: .3s; } @media (max-width: 1199px) { .press-list .container { max-width: 990px; } } @media (max-width: 991px) { .press-list .press-item:not(:last-child) { margin-right: 20px; } .press-list a:hover img { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } } @media (max-width: 767px) { .press-list { height: 173px; } .press-list .container { max-width: 535px; justify-content: center; flex-wrap: wrap; } .press-list .press-item:nth-child(-n+3) { margin-bottom: 37px; margin-right: 0; } .press-list .press-item:nth-child(1), .press-list .press-item:nth-child(2), .press-list .press-item:nth-child(4), .press-list .press-item:nth-child(5) { margin-right: 40px; } } @media (max-width: 575px) { .press-list { height: 126px; } .press-list .press-item { width: 30%; } .press-list .press-item:nth-child(-n+3) { margin-bottom: 20px; } .press-list .press-item:nth-child(1), .press-list .press-item:nth-child(2), .press-list .press-item:nth-child(4), .press-list .press-item:nth-child(5) { margin-right: 16px; } .press-list .press-item a { display: flex; width: 100%; } .press-list a img { width: 100%; } } @media (max-width: 375px) { .press-list .press-item:nth-child(1), .press-list .press-item:nth-child(2), .press-list .press-item:nth-child(4), .press-list .press-item:nth-child(5) { margin-right: 13px; } } .ios-device .top-menu.moved .btn-green.ios-dwnl-btn { display: block; } .top-menu .btn-green.mac-dwnl-btn, .hero-screen .free-download.mac-dwnl-btn, .get-started-row .free-download.mac-dwnl-btn, .get-started .free-download.mac-dwnl-btn { display: flex; } .top-menu .btn-green.ios-dwnl-btn, .hero-screen .free-download.ios-dwnl-btn, .get-started-row .free-download.ios-dwnl-btn, .get-started .free-download.ios-dwnl-btn { display: none; } .ios-device .top-menu .btn-green.mac-dwnl-btn, .ios-device .hero-screen .free-download.mac-dwnl-btn, .ios-device .get-started-row .free-download.mac-dwnl-btn, .ios-device .get-started .free-download.mac-dwnl-btn { display: none; } .ios-device .top-menu .btn-green.ios-dwnl-btn, .ios-device .hero-screen .free-download.ios-dwnl-btn, .ios-device .get-started-row .free-download.ios-dwnl-btn, .ios-device .get-started .free-download.ios-dwnl-btn { display: flex; } .text-full-width-block-item-list .container { max-width: 1038px; } .text-left-right-asset-column.reading-experience { margin-top: 120px; } @media (max-width: 1199px) { .text-left-right-asset-column.reading-experience { margin-top: 0; } }