html { --wrap-bg: 0deg, #ffffff 0%, #ffffff 0%; --top-menu-display: initial; --top-menu-text-color: #000000; --footer-menu-display: initial; } @media (prefers-color-scheme: dark) { :root { --text-color: rgba(255, 255, 255, 0.95); --footer-bg: rgba(56, 56, 56, 1); --footer-сolor: 255, 255, 255; } :root .white { --footer-bg: rgba(56, 56, 56, 1); --footer-border: 255, 255, 255, .2; --footer-menu-link: 255, 255, 255, .4; --footer-menu-link-hover: 255, 255, 255, 1; } html { --wrap-bg: 138.2deg, #2f3031 -0.74%, #242424 72.57%; --text-color: rgba(255, 255, 255, 0.95); --top-menu-text-color: #ffffff; } :root .btn-blue-unfilled { --btn-text-color: #FFF; --btn-text-color-hover: #FFF } .top-menu::before { background-color: rgba(255, 255, 255, 0); } .top-menu.moved::before { background-color: rgba(255, 255, 255, 0.1); } .footer-top-block .footer-logo { background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/readdle-white.svg?1770636111") no-repeat 0 0; } } html { --tabs-bg: #f7f7fa; --tab-active-color: #DFDFE5; --tab-active-text: #111; --tabs-text-color: #6E6E6E; } @media (prefers-color-scheme: dark) { html { --tabs-bg: #383838; --tab-active-color: #505050; --tab-active-text: #FFF; --tabs-text-color: rgba(255, 255, 255, 0.60); } } html { --card-bg: #ffffff; --card-secondary-text-color: #6E6E6E; --card-border-color: rgba(68, 68, 68, 0.1); --card-period-padding: 0 0 16px; --card-subtext-font-size: 1rem; --tooltip-bg: #F7F7FA; --info-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/black-info-icon.svg?1770636111"); } @media (prefers-color-scheme: dark) { html { --card-bg: #383838; --card-secondary-text-color: rgba(255, 255, 255, 0.95); --card-border-color: #4c4c4c; --tooltip-bg: #242424; --info-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/white-info-icon.svg?1770636111"); } } .pricing-card { position: relative; max-width: 328px; width: 100%; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.04); border-radius: 16px; box-sizing: border-box; -webkit-transition: transform .2s ease-in-out; -moz-transition: transform .2s ease-in-out; -o-transition: transform .2s ease-in-out; -ms-transition: transform .2s ease-in-out; transition: transform .2s ease-in-out; overflow: hidden; border: 1px solid var(--card-border-color); } .pricing-card .main-block { padding: 30px; box-sizing: border-box; background: var(--card-bg); } @media(hover: hover) and (pointer: fine) { .pricing-card:hover { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); transform: scale(1.01); } } .pricing-card.best-value { display: flex; flex-direction: column; border: none; padding: 2px; margin: -37px 0 0; background: -webkit-linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); background: -moz-linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); background: linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); overflow: hidden; } .pricing-card.best-value .main-block { height: 100%; border-radius: 0 0 14px 14px; } .pricing-card .top-block { padding: 0 0 24px; border-bottom: 1px solid var(--separator-color); } .pricing-card .best-value { padding: 8px 10px; color: #ffffff; text-transform: uppercase; text-align: center; font-size: 1rem; font-weight: 600; } .pricing-card .period { font-size: 1.5rem; padding: var(--card-period-padding); font-weight: 700; } .pricing-card .price { padding: 0 0 8px; } .pricing-card .price > span.amount, .pricing-card .price > span.currency { font-size: 2rem; font-weight: 700; } .pricing-card .price > span.amount { white-space: nowrap; } .pricing-card .price > span:not(.amount, .currency) { color: var(--card-secondary-text-color); font-size: var(--card-subtext-font-size); font-weight: 400; } .pricing-card .billing-info { color: var(--card-secondary-text-color); font-size: var(--card-subtext-font-size); } .pricing-card .info-block { display: flex; justify-content: center; margin: 0 auto; max-width: 600px; color: var(--card-secondary-text-color); font-size: 0.875rem; line-height: 1.25rem; } .pricing-card .info-block > p { position: relative; display: flex; align-items: center; justify-content: center; text-align: left; } .pricing-card .info-block .money-guarantee:before, .pricing-card .info-block .cancel-time:before { content: ""; display: flex; flex-shrink: 0; position: relative; width: 18px; height: 18px; margin-right: 8px; } .pricing-card .info-block .money-guarantee:before { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/money-guarantee-icon.svg?1770636111"); background-repeat: no-repeat; background-size: contain; } .pricing-card .info-block .cancel-time:before { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/cancel-icon.svg?1770636111"); background-repeat: no-repeat; background-size: contain; } .pricing-card .btn.continue-btn { width: 100%; max-width: 276px; margin: 24px auto 8px; text-align: center; font-size: 1rem; cursor: pointer; z-index: 999; } .pricing-card .features-list { padding: 24px 0 0; } .pricing-card .features-list > li { position: relative; padding: 0 0 0 20px; margin: 0 0 8px; list-style-type: none; font-size: 0.875rem; line-height: 1.375rem; } .pricing-card .features-list > li:last-child { margin-bottom: 0; } .pricing-card .features-list > li:before { content: ""; position: absolute; left: 0; top: 50%; width: 10px; height: 8px; -moz-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/feature-available-blue-icon.svg?1770636111"); } .pricing-card .features-list > li.not-available:before { width: 8px; height: 8px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/feature-not-available-icon.svg?1770636111"); } .pricing-card .features-list > li .info-icon { position: relative; top: 2px; display: inline-block; width: 15px; height: 15px; margin-left: 2px; background: var(--info-icon) no-repeat 0 0; background-size: contain; cursor: pointer; } .pricing-card .features-list > li .tooltip { position: absolute; width: 223px; display: none; font-size: 0.75rem; line-height: 20px; padding: 12px 25px; background: var(--tooltip-bg); border-radius: 10px; pointer-events: none; z-index: 2; } .newYear-campaign .pricing-card .period { display: flex; justify-content: space-between; align-items: flex-start; padding: 0 0 38px; } .newYear-campaign .pricing-card.best-value .period { padding: var(--card-period-padding); } .newYear-campaign .pricing-card .period .discount-label { display: flex; flex-direction: column; align-items: center; } .newYear-campaign .pricing-card .period .discount-label span { font-size: 1.25rem; font-style: normal; font-weight: 600; line-height: 20px; color: #FFFFFF; display: flex; padding: 5px 12px; border-radius: 8px; background: -webkit-linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); background: -moz-linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); background: -o-linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); background: -ms-linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); background: linear-gradient(91deg, #2861F4 0.09%, #8244D0 48.55%, #D62222 100%); } .newYear-campaign .pricing-card .period .discount-label p { font-size: 0.75rem; font-style: normal; font-weight: 400; line-height: 150%; letter-spacing: -0.36px; margin-top: 4px; } .newYear-campaign .pricing-card .old-price { text-decoration: line-through; } .newYear-campaign .pricing-card .billing-info { min-height: 38px; } @media (max-width: 1199px) { .pricing-card .main-block { padding: 30px 20px; } .pricing-card .billing-info { font-size: 0.875rem; } } @media (max-width: 1199px) { .pricing-card .billing-info { font-size: 1rem; } .pricing-card .main-block { padding: 30px; } } @media (max-width: 768px) { .pricing-card .info-block { flex-direction: column; max-width: 100%; padding: 0; text-align: center; order: 10; } .pricing-card .btn.continue-btn { width: 100%; max-width: 355px; } } @media (max-width: 575px) { .pricing-card { margin: 0 auto; max-width: 335px; } .pricing-card .btn.continue-btn { max-width: 335px; } } @media (max-width: 375px) { .pricing-card .main-block, .pricing-card.active .main-block { padding: 25px; } .pricing-card .info-block { font-size: 0.75rem; line-height: 1.2rem; } .pricing-card .btn.continue-btn { max-width: initial; } } .card-list .title { padding: 0 0 77px; font-size: 2.5rem; font-weight: bold; text-align: center; } .card-list .tabs-list { display: none; } .card-list .price-list { display: flex; justify-content: center; gap: 32px; } @media (max-width: 1199px) { .card-list .price-list { gap: 20px; } } @media (max-width: 991px) { .card-list .title { font-size: 2rem; } .card-list.cards-3 .title { padding-bottom: 40px; } .card-list.cards-3 .tabs-list { display: flex; } .card-list .tabs-list { width: fit-content; justify-content: center; align-items: center; height: 54px; margin: 0 auto 40px; padding: 5px; background: var(--tabs-bg); border-radius: 54px; } .card-list .tabs-list .tab { min-width: 120px; padding: 12px; font-size: 1rem; line-height: 1.25rem; color: var(--tabs-text-color); text-align: center; outline: none; } .card-list .tabs-list .tab.active { color: var(--tab-active-text); font-weight: 700; background: var(--tab-active-color); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); border-radius: 44px; } .card-list.cards-3 .card-list .price-list { gap: 0; } .card-list.cards-3 .pricing-card:not(.active) { display: none; } .card-list.cards-3 .pricing-card, .card-list.cards-3 .pricing-card.best-value { max-width: 355px; margin: 0 auto; } } @media (max-width: 768px) { .card-list .container { display: flex; flex-direction: column; } .card-list.cards-2 .tabs-list { display: flex; } .card-list .title { padding: 0 0 40px; font-size: 1.875rem; font-weight: bold; } .card-list .price-list { flex-direction: column; } .card-list.cards-2 .card-list .price-list { gap: 0; } .card-list.cards-2 .pricing-card:not(.active) { display: none; } .card-list.cards-2 .pricing-card, .card-list.cards-2 .pricing-card.best-value { max-width: 335px; margin: 0 auto; } } @media (max-width: 575px) { .card-list .title { font-size: 1.5rem; padding: 0 0 30px; } .card-list.cards-3 .title { padding: 0 0 30px; } .card-list .tabs-list { max-width: 325px; width: 100%; gap: 8px; height: auto; flex-direction: column; background: none; border-radius: 0; margin: 0 auto 40px; padding: 0; } .card-list .tabs-list .tab { min-width: unset; width: 100%; border-radius: 54px; background: var(--tabs-bg); } } @media (max-width: 375px) { .card-list .tabs-list .tab { font-size: 0.875rem; } }html { --wrth-left-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/wrth-left-icon.svg?1770636111"); --wrth-right-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/wrth-right-icon.svg?1770636111"); --quote-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/quotes-icon.svg?1770636111"); --cult-of-mac-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/grey-cultofmac-icon.svg?1770636111"); --separator-color: rgba(68, 68, 68, 0.1); } @media (prefers-color-scheme: dark) { html { --wrth-left-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/wrth-left-ligth-icon.svg?1770636111"); --wrth-right-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/wrth-right-ligth-icon.svg?1770636111"); --quote-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/quotes-light-icon.svg?1770636111"); --cult-of-mac-icon: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/white-cultofmac-icon.svg?1770636111"); --separator-color: rgba(255, 255, 255, 0.2); } } .social-proof { max-width: 996px; width: 100%; margin: 0 auto; padding: 4px 60px 40px; border-radius: 20px; } .social-proof .awards-list { display: flex; justify-content: center; padding: 13px 0; } .social-proof .awards-list .item { position: relative; padding: 0 24px; margin: 0 80px 0 0; font-size: 1.25rem; font-weight: 700; text-align: center; } .social-proof .awards-list .item:nth-child(3) { margin: 0; } .social-proof .awards-list .item > span { display: block; padding: 3px 0 0; opacity: 0.75; font-size: 0.875rem; font-weight: 400; } .social-proof .awards-list .item:before { content: ""; position: absolute; width: 20px; height: 70px; top: -13px; left: -10px; background-image: var(--wrth-left-icon); background-size: 20px 70px; } .social-proof .awards-list .item:after { content: ""; position: absolute; width: 20px; height: 70px; top: -13px; right: -10px; background-image: var(--wrth-right-icon); background-size: 20px 70px; } .social-proof .separator { height: 1px; margin: 30px 0 40px; background: var(--separator-color); } .social-proof .quote-block { position: relative; width: 100%; margin: 0 auto; font-size: 1.125rem; line-height: 1.625rem; text-align: center; } .social-proof .quote-block:before { content: ""; position: relative; display: inline-block; top: -5px; left: 19px; width: 30px; height: 24px; background: var(--quote-icon); } .social-proof .quote-block:after { content: ""; position: relative; display: inline-block; right: -25px; top: 10px; width: 140px; height: 32px; background: var(--cult-of-mac-icon); } @media (max-width: 991px) { .social-proof .awards-list .item { font-size: 1em; padding: 0 24px; margin: 0 55px 0 0; } .social-proof .awards-list .item:before { width: 14px; height: 50px; top: -7px; left: 0; background-size: 14px 50px; } .social-proof .awards-list .item:after { width: 14px; height: 50px; top: -7px; right: 0; background-size: 14px 50px; } } @media (max-width: 768px) { .social-proof { max-width: 355px; padding: 0 30px; } .social-proof .awards-list { flex-direction: column; justify-content: space-around; padding: 0; } .social-proof .awards-list .item, .social-proof .awards-list .item:nth-child(3) { margin: 0 auto; } .social-proof .awards-list .item:nth-child(2) { margin: 40px auto; } .social-proof .separator { height: 1px; margin: 30px 0 52px; } .social-proof .quote-block { padding: 0 8px 47px; text-align: left; } .social-proof .quote-block:before { position: absolute; display: initial; top: -9px; left: -3px; } .social-proof .quote-block:after { position: absolute; display: initial; top: initial; bottom: 0; right: 0; } } @media (max-width: 575px) { .social-proof { max-width: 335px; } }.disclaimer { margin-top: 24px; } .disclaimer > .container { display: flex; flex-direction: row; justify-content: center; padding: 0 !important; } .disclaimer p { position: relative; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; display: flex; align-items: center; text-align: center; letter-spacing: -0.01em; color: #888888; padding-left: 21px; } .disclaimer p:before { content: ''; position: absolute; width: 16px; height: 16px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/pricing/grey-info-icon.svg?1770636111") no-repeat 0 0; background-size: contain; left: 0; } @media (max-width: 575px) { .disclaimer p { font-size: 12px; line-height: 16px; } .disclaimer p:before { width: 14px; height: 14px; } } @media (max-width: 375px) { .disclaimer p { font-size: 10px; line-height: 14px; text-align: left; align-items: flex-start; padding: 0; } .disclaimer p:before { position: relative; width: 12px; height: 12px; margin-right: 5px; margin-top: 2px; } } .wrap { background: -webkit-linear-gradient(var(--wrap-bg)); background: -moz-linear-gradient(var(--wrap-bg)); background: linear-gradient(var(--wrap-bg)); } .top-menu { display: var(--top-menu-display); } .top-menu .expert-logo { display: block; width: 29px; height: 29px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/common/pdfexpert-logo.svg?1770636111") no-repeat; } .top-menu .menu_container ul li a.product-choice { color: var(--top-menu-text-color) !important; } .top-menu .logo.top-logo, .top-menu .btn, .top-menu.moved .btn { display: none; } .top-menu .header-menu > li:not(:nth-child(1)) { display: none !important; } .top-menu .menu_container ul li a.product-choice { padding-right: 0; } .menu_container ul li > a.dropdown_link.product-choice:after { display: none; } .top-menu .menu_container ul li a.product-choice span { display: none; } .top-menu .lang-menu { display: none; } .footer { display: var(--footer-menu-display); } .footer .footer-menu { display: none; } .footer .footer-top-block { display: none; } .footer-top-block .right-block { height: 25px; } .footer .footer-bottom-block { border-top: none !important; padding-top: 0; } .footer-social { display: none; } .pricing-block { padding: 110px 0 80px; width: 100%; margin: 0 auto; } .error-block { padding: 150px 20px 100px; text-align: center; font-size: 1.5rem; } .pricing-block .card-list .container { padding: 0 0 60px; } @media (max-width: 1199px) { .top-menu .burger-button { display: none; } .top-menu.moved .expert-logo { display: block; } .top-menu.moved .btn.mobile-top-buy-btn { display: none; } .top-menu .header-menu { display: flex; } .top-menu .header-menu li { margin: 0 6px 20px; } .top-menu .menu_container ul li a.product-choice { font-size: 1rem !important; font-weight: 600; } .top-menu .header-menu .desktop-menu-item { display: block !important; } .collapsible-mobile-menu { position: initial; min-height: initial; top: initial; padding: 13px 0 0 !important; background-color: initial; } .collapsible-mobile-menu::before { display: none; } .top-menu .header-menu:after { display: none; } .pricing-block .card-list .container { padding: 0 64px 60px; } } @media (max-width: 991px) { .footer-top-block { padding: 0; } .footer .footer-top-block .right-block { display: none; } .pricing-block .card-list .container { padding: 0 0 60px; } } @media (max-width: 768px) { .pricing-block { padding: 100px 20px; } } @media (max-width: 575px) { .top-menu.moved .logo.top-logo { display: none; } .pricing-block { padding: 80px 20px 60px; } }