body { position: initial !important; } .top-menu { display: none; } .footer { display: none; } body[data-page-name='popup'] { background: #000 url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/paddle/bg-2@2x.png?1631697355") no-repeat center top; background-size: 720px 656px; } body[data-page-name='popup'] #content-wrap { padding-bottom: 0; } body[data-page-name='store'] { min-height: 100%; background-color: #f3f3f6; } body[data-page-name='store'] #content-wrap { padding-bottom: 0; } .store-logo { display: block; width: 150px; height: 35px; margin: 0 auto 22px; } body[data-page-name='store'] .content-block .content { max-width: 100%; } .order-landing .store-popup { position: relative; margin: 0 auto; padding: 0 70px 40px; max-width: 980px; width: 100%; min-height: 630px; border-radius: 5px; background-color: #fff; } .mobile-payments-block { display: none; } .order-landing .popup-header { position: relative; width: 100%; height: 229px; padding: 0 0 0 400px; border-bottom: 1px solid #c4cad3; } .order-landing .popup-header .device { display: block; position: absolute; top: 27px; left: 20px; width: 308px; height: 177px; } .order-landing .popup-header .title { padding: 65px 0 10px; color: #17212f; font-size: 3.375rem; font-weight: 300; line-height: 1; } .order-landing .popup-header .subtitle { color: #4d545f; font-size: 1.375rem; font-weight: 400; line-height: 1.5; } .order-landing .popup-body { position: relative; width: 100%; height: 213px; border-bottom: 1px solid #c4cad3; } .order-landing .popup-body .details-title { height: 62px; padding: 20px 0 0; color: #b6bcc4; font-size: 1.375rem; font-weight: 400; } .order-landing .popup-body .product { position: relative; float: left; width: 50%; height: 90px; padding: 0 0 0 112px; } .order-landing .popup-body .product .icon { display: block; position: absolute; top: 0; left: 0; width: 90px; height: 90px; } .order-landing .popup-body .product .product-name { padding: 14px 0 10px; color: #17212f; font-size: 2.25rem; font-weight: 400; line-height: 100%; } .order-landing .popup-body .product .license-selector { color: #4d545f; font-size: 1.375rem; font-weight: 400; line-height: 100%; } .order-landing .popup-body .price { float: right; width: 50%; text-align: right; } .order-landing .popup-body .price #pdfe-price { padding: 0; color: #17212f; font-size: 2.25rem; font-weight: 400; } .order-landing .popup-body .price .discounted-full-price { position: relative; padding: 0 0 25px; color: #4d545f; font-size: 1.375rem; font-weight: 400; line-height: 100%; } .order-landing .popup-body .price .discounted-full-price:after { content: ""; position: absolute; top: 10px; right: 11px; width: 60px; height: 20px; border-bottom: 2px solid red; -webkit-transform: translateY(-20px) translateX(5px) rotate(-15deg); } .order-landing .popup-body .price #update-quantity { display: inline-block; height: 43px; padding: 0 16px 0 0; float: unset; color: #4d545f; font-size: 1.25rem; font-weight: 400; line-height: 43px; } .order-landing .popup-body .price #totalQuantity { height: 38px; width: 55px; font-size: 1.275rem; font-weight: 600; border-radius: 4px; padding: 5px 10px; border: 1px solid #c4cad3; } .order-landing .popup-body .price #pdfe-quantity { margin: 0; padding: 0 8px 0 20px; height: 41px; color: #4d545f; font-size: 1.375rem; font-weight: 600; text-align: center; border: 1px solid #c4cad3; border-radius: 6px; -webkit-appearance: none; } .order-landing .popup-body .price #pdfe-quantity:focus { outline: none; } .order-landing .popup-footer { position: relative; width: 100%; } .order-landing .popup-footer .prices { display: flex; justify-content: space-between; width: 100%; min-height: 90px; } .order-landing .popup-footer #edu-promo { display: inline-block; padding: 30px 0 0; color: #4d545f; font-size: 1.125rem; font-weight: 400; vertical-align: top; } .order-landing .popup-footer .prices-list { display: flex; justify-content: right; padding: 22px 0; } .order-landing .popup-footer .prices-text { display: flex; flex-direction: column; margin-right: 40px; } .order-landing .popup-footer .prices-number { display: flex; flex-direction: column; } .order-landing .popup-footer .prices-list p { display: block; width: 100%; height: 36px; color: #4d545f; font-size: 1.25rem; font-weight: 400; line-height: 36px; } .order-landing .popup-footer .prices-number p { font-weight: 500; text-align: right; } .order-landing .popup-footer .prices-list p#pdfe-list-price { color: #b0b5bd; text-decoration: line-through; } .order-landing .popup-footer .prices-list p#pdfe-save-price { color: #3fc322; } .order-landing .popup-footer .checkout { position: relative; display: flex; align-items: center; width: 100%; height: 58px; } .order-landing .popup-footer .checkout img { display: block; } .order-landing .popup-footer .checkout img.norton { width: 136px; height: 58px; } .order-landing .popup-footer .checkout img.visa { width: 64px; height: 21px; margin-left: 45px; } .order-landing .popup-footer .checkout img.master-card { width: 40px; height: 24px; margin-left: 33px; } .order-landing .popup-footer .checkout img.american-express { width: 62px; height: 20px; margin-left: 27px; } .order-landing .popup-footer .checkout img.paypal { width: 22px; height: 25px; margin-left: 34px; } .order-landing .popup-footer .btn { position: absolute; top: 6px; right: 0; border-radius: 6px; min-width: 190px; height: 46px; padding: 0 20px; font-size: 1.25rem; font-weight: 400; line-height: 46px; } .order-landing .popup-footer .btn.orange { transition: 0.2s; border: 1px transparent; background-color: #f48127; color: #fff; } .order-landing .popup-footer .btn.orange:hover { background-color: #c8661a; } .order-landing .popup-footer .btn.orange:active { background-color: #c8661a; } .order-landing .popup-footer .btn.disabled { color: #4d545f; background-color: #f3f3f6; pointer-events: none; cursor: default; } #edu-offer-popup { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; border-radius: 5px; } #edu-offer-popup .content { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; } #edu-offer-popup .icon { display: block; width: 176px; height: 136px; } #edu-offer-popup h2 { padding: 4.5rem 0 0; color: #343434; font-size: 1.875rem; font-weight: 400; line-height: 1.5; } #edu-offer-popup p { padding: 0.75rem 0 0; color: #565656; font-size: 1.25rem; font-weight: 400; line-height: 1.5; } #edu-offer-popup .edu-form { position: relative; padding: 2.25rem 0 0; } #edu-offer-popup p.error { position: absolute; top: 0.5rem; left: 0; width: 100%; padding: 0; text-align: center; font-size: 1rem; color: #fe3131; } #edu-offer-popup input { display: block; padding: 0 1rem; width: 436px; height: 60px; border: 2px solid #d9dcdf; font-size: 1.25rem; border-radius: 0.25rem; } #edu-offer-popup input:focus { outline: none; } #edu-offer-popup input.error { padding: 0 3rem 0 1rem; border-color: #fccdcb; background: #fff4f4 url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/paddle/icon-wrong.png?1631697355") no-repeat 96% center; background-size: 30px 30px; } #edu-offer-popup .button { display: block; margin: 1.25rem 0 2rem; padding: 0; width: 436px; height: 60px; font-size: 1.375rem; font-weight: 400; line-height: 60px; color: #fff; border-radius: 0.25rem; background-color: #2f9aff; } #edu-offer-popup .button:hover { text-decoration: none; } #edu-offer-popup .send-email { font-size: 1.25rem; color: #2f9aff; } #edu-offer-popup .privacy-agreement { padding: 0; font-size: 0.875rem; margin: -20px 0 20px; } #edu-offer-popup .privacy-agreement > strong { font-weight: 600; } #edu-offer-popup .edu-success { position: relative; padding: 50px 0 0; min-height: 187px; } #edu-offer-popup .success-icon { display: block; margin: 0 auto; width: 36px; height: 36px; } #edu-offer-popup .close { display: block; position: absolute; top: 38px; right: 38px; width: 18px; height: 18px; background: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/paddle/icon-close@2x.png?1631697355") no-repeat center center; background-size: 18px 18px; z-index: 3; } @media (max-width: 767px){ body { min-width: initial; max-width: 414px; padding: 0 0 10px; margin: 0 auto; } body[data-page-name='store'] { min-height: 100vh; background-color: #ffffff; outline: 1px solid rgb(248, 248, 248); } .content-block > .content { max-width: 414px; width: auto; } .order-landing .store-popup { width: auto; max-width: 980px; min-height: initial; margin: 10px 10px; padding: 0 0 15px; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.1); background-color: #fff; box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.1); box-sizing: border-box; } .order-landing .popup-header { display: none; } .order-landing .popup-body { display: flex; flex-direction: column; margin-bottom: 40px; height: initial; border-bottom: none; } .order-landing .popup-body .details-title { padding: 20px; text-align: center; color: #343434; font-size: 1em; font-weight: 700; line-height: 1.2; } .order-landing .popup-body .price #update-quantity { padding: 5px 10px 0 0; font-size: 1rem; } .order-landing .popup-body .price #totalQuantity { height: 28px; width: 45px; padding: 4px 7px; font-weight: normal; font-size: 1rem; } .gray { margin: 0 0 20px; padding: 20px 0; } .order-landing .popup-body .product { display: flex; flex-direction: column; width: 100%; height: initial; margin: 0 auto; padding: 20px 0 0; text-align: center; } .order-landing .popup-body .product .icon { position: relative; display: initial; width: 55px; height: 55px; margin: 0 auto; content: url("https://cdn-rdstaticassets.readdle.com/assets/pdfexpert/20220504/mac/paddle/PDF-Expert-mac-icon-144.png?1631697354"); } .order-landing .popup-body .product .product-name{ padding: 15px 0 10px; color: #343434; font-size: 1em; font-weight: 700; line-height: 1; } .order-landing .popup-body .product .license-selector { padding: 0 0 15px; color: #aeaeae; font-size: 0.75em; font-weight: 600; line-height: 1.33; } .order-landing .popup-body .price { width: 100%; text-align: center; } .order-landing .popup-body .price #pdfe-price { padding: 0; color: #343434; font-size: 1em; font-weight: 400; line-height: 1; } .order-landing .popup-footer .prices { min-height: initial; } .order-landing .popup-footer #edu-promo { display: none; } .order-landing .popup-footer .prices-list { display: flex; justify-content: space-between; width: 200px; padding: 0; margin: 0 auto; } .order-landing .popup-footer .prices-text { margin: 0; color: #343434; } .order-landing .popup-footer .prices-list .prices-text p { padding: 0; height: initial; font-size: 0.875em; font-weight: 400; } .order-landing .popup-footer .prices-number p { padding: 0; font-size: 1em; font-weight: 400; } .order-landing .popup-footer .checkout { height: initial; } .order-landing .popup-footer .checkout img { display: none; } .order-landing .popup-footer .btn { position: relative; height: 44px; margin: 20px auto 0; top: 0; font-size: 1em; font-weight: 600; line-height: 2.75; border: none; background-color: #f48127; color: #fff; } #edu-offer-popup { padding: 0 10px; } #edu-offer-popup .icon { width: 100px; height: auto; } #edu-offer-popup h2 { padding: 30px 0 0; font-size: 1.5rem; } #edu-offer-popup input { max-width: 436px; width: 100%; height: 45px; font-size: 1.1rem; } #edu-offer-popup .button { max-width: 436px; width: 100%; height: 45px; line-height: 45px; font-size: 1.125rem; } .mobile-payments-block { max-width: 355px; width: 100%; height: auto; margin: 0 auto; display: block; padding: 10px 15px; } } @media (max-width: 375px) { #edu-offer-popup .icon { width: 75px; } }