.small_banner { height: 260px; background-size: 1920px 260px; background-repeat: no-repeat; background-position: top center; } .small_banner h1 { color: #fff; padding: 116px 0 0; text-align: center; font-size: 2.75rem; font-weight: 700; } .small_banner h3 { color: #fff; margin: 0; padding: 0; text-align: center; font-size: 1.25rem; font-weight: 400; } @media (max-width: 767px) { .small_banner { height: 230px; background-size: 1920px 230px; } .small_banner h1 { padding: 102px 0 0; font-size: 2.35em; } } @media (max-width: 575px) { .small_banner { height: 160px; background-size: cover; } .small_banner h1 { padding: 105px 0 0; font-size: 1.35em; } }.add_info { height: 100%; width: 348px; margin: 20px 0 60px; } #ip_press_support .button-info, #ip_press_support .button.active { display: none; } .in_press .add_info .content { width: 306px; height: 100%; border: 1px solid #e1e1e1; border-top: none; margin: 0 0 70px; padding: 20px; background-color: #fafafa; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-sizing: content-box; } .in_press .add_info .content h1 { margin: 0 0 18px; padding: 0; } .in_press .add_info .content p { padding: 0; } .in_press .add_info.right .button.active { display: block; } .press_kit_icon { display: block; width: 348px; height: 212px; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/additional-info-asside-right/press-kit.jpg?1567686355") no-repeat 0 0; background-size: 348px 212px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; } .in_press .add_info h1 { padding: 20px 0 10px; font-size: 2rem; color: #333; font-weight: 600; } .add_info p { padding: 8px 0 30px; font-size: 1.25rem; color: #4d4d4d; font-weight: 400; line-height: 160%; } .add_info .button { font-weight: 600; padding: 16px 48px 15px; font-size: 1.25rem; } .add_info .button-info, .add_info .button.active { display: none; } .press_contacts h1 { padding: 0; } .press_contacts p { padding: 20px 0 0; font-size: 1.25rem; } .press_contacts p strong { font-weight: 600; } .press_contacts > p:nth-of-type(1) { padding: 20px 0; font-size: 1.25rem; } @media (max-width: 1199px) { .press_contacts.text-left { text-align: center; max-width: 600px; margin: 0 auto; } .add_info.text-center { margin: 20px 0 0; border-top: 1px solid #e5e5e5; } #ip_press_support { padding-bottom: 40px; } #ip_press_support .btn-support-block { display: flex; flex-direction: column; } #ip_press_support .support-line { order: -1; } #ip_press_support .desktop-text { display: none; } #ip_press_support .button-info { display: block; position: relative; min-width: 280px; max-width: 374px; padding: 12px 0; margin: 10px auto 15px; font-size: 1rem; border: 1px solid #e1e1e1; background-color: #fff; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #ip_press_support .button-info.get_support { background: #3390eb; color: #fff; } #ip_press_support .button-info.development { color: #333; } #ip_press_support .button-info.early_access { color: #333; } #ip_press_support .button-info.marketing { color: #333; } #ip_press_support .button-info.development:after, #ip_press_support .button-info.early_access:after, #ip_press_support .button-info.marketing:after { content: ""; border-top: 2px solid #333; border-left: 2px solid #333; width: 8px; height: 8px; position: absolute; right: 50px; top: 15px; z-index: 100; -moz-transform: translate(10px, 4px) rotate(135deg); -webkit-transform: translate(10px, 4px) rotate(135deg); -o-transform: translate(10px, 4px) rotate(135deg); -ms-transform: translate(10px, 4px) rotate(135deg); transform: translate(10px, 4px) rotate(135deg); } #ip_press_support .button-info.marketing:after { border-top: 2px solid #333; border-left: 2px solid #333; } .add_info .button { max-width: 374px; min-width: 280px; width: 100%; padding: 12px 0; margin: 10px auto 15px; font-size: 1rem; font-weight: 400;; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #ip_press_support .button.active { display: block; } } @media (-webkit-min-device-pixel-ratio: 2) { .press_kit_icon { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/common/components/additional-info-asside-right/press-kit-2x.jpg?1567686355"); } } .small_banner.support { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/support/home-banner-contact.jpg?1567686355"); } .small_banner h1 { display: none; } .support .mobile-separator { display: none; } .support .left { max-width: 800px; } .support .add_info { margin: 10px 0 60px; } .support h1 { padding: 11px 0 0; font-size: 2rem; font-weight: 600; color: #333; } .mobile-support-text { display: none; } .support .left > p { padding: 15px 0 30px; font-size: 1.25rem; color: #4d4d4d; font-weight: 400; line-height: 160%; } .support p:nth-of-type(2) { padding: 19px 0 52px; } .support a.product { display: block; float: left; width: 240px; height: 48px; padding: 0 0 0 80px; margin: 20px 58px 0 0; font-size: 1.25rem; font-weight: 600; line-height: 50px; color: #333; box-sizing: content-box; } .support a.product:nth-child(even) { margin: 20px 28px 0 0; } .support a.product.pdfexpert7 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/pdfexpert.svg?1580137746"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.printerpro { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/printer.svg?1580136903"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.calendars5 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/calendars.svg?1580913214"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.documents { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/documents.svg?1580913232"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.scannerpro { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/scannerpro.svg?1580204525"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.pdfconverter { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/converter.svg?1580138540"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.spark { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/spark.svg?1686303456"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.spark-2 { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/spark-2.svg?1630508806"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.scannermini { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/products_icons/scanner-mini-2x.png?1567686355"); background-repeat: no-repeat; background-size: 48px 48px; } .support a.product.insight { background-position: 0 -522px; } .support-form-block { padding: 60px 0 0; } .support-form-block p { padding: 15px 0 30px; font-size: 1.25em; color: #4d4d4d; font-weight: 400; line-height: 160%; } form[data-form="product_support"] { position: relative; max-width: 1000px; width: 100%; padding: 40px 0 30px; margin: 0 auto; } .support form input[type="text"], .support form input[type="email"] { position: relative; display: block; width: 310px; height: 38px; margin: 0 0 12px; padding: 8px 17px 8px 17px; font-size: 1.125rem; font-weight: 600; color: #555; background: #fff; border: 1px solid #d2d2d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none; box-sizing: content-box; -webkit-appearance: none; } .support form input[type="text"]:focus, .support form input[type="email"]:focus { border: 1px solid #0074e6; outline: 0; } .support form input[type="text"].error, .support form input[type="email"].error { border: 1px solid #fe3131; outline: 0; } .support form select { position: relative; display: block; width: 310px !important; height: 38px; margin: 0 0 12px; padding: 8px 17px 8px 17px; font-size: 1.125rem; font-weight: 600; color: #555; background: #fff; border: 1px solid #d2d2d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: none; box-sizing: content-box; -webkit-appearance: none; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/form-dropdown-down@2x.png?1567686355") no-repeat 95% 55%; background-size: 24px 24px; } .support form select:focus { border: 1px solid #0074e6; outline: 0; } .support form select.error { border: 1px solid #fe3131; outline: 0; } .support form input[type="checkbox"] { display: none; } .support form input[type="checkbox"] + label span { display: inline-block; width: 22px; height: 22px; margin: -1px 4px 0 0; vertical-align: middle; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-checkbox@2x.png?1567686355") left top no-repeat; background-size: 22px 48px; cursor: pointer; } .support form input[type="checkbox"]:checked + label span { background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-checkbox@2x.png?1567686355") no-repeat 0 -26px; background-size: 22px 48px; } .support .labels_row { margin: 0; padding: 15px 0 25px 20px; } .support .labels_row * { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .support .labels_row label { padding: 0 30px 0 0; } .support .labels_row label span { padding: 0 5px 0 0; } .support .labels_row label:first-of-type { padding: 0 15px 0 0; font-weight: 600; font-size: 1.125rem; } .textarea_wrapper { position: relative; max-width: 700px; height: auto; margin: 0 0 25px; padding: 0; background: #fff; border: 1px solid #d2d2d4; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .textarea_wrapper.active { border: 1px solid #0074e6; } .textarea_wrapper.error { border: 1px solid #fe3131; } .textarea_wrapper textarea { margin: 0; padding: 10px 10px 0 17px; width: 673px; color: #555; min-height: 172px; font-size: 1.125rem; font-weight: 600; border: none; resize: none; outline: none; background: none; overflow-x: hidden; overflow-y: scroll; } .textarea_dummy { display: none; width: 666px; min-height: 172px; font-size: 1.125rem; font-weight: 600; overflow: hidden; } .support .files_row { margin: 0 10px 0 0; } .support .support_file_upload { display: block; float: left; width: 30px; height: 30px; margin: 0 0 10px 10px; padding: 0; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-attach-icon@2x.png?1567686355") no-repeat center center; background-size: 25px 30px; cursor: pointer; } .support .support_file_upload input[type="file"] { position: fixed; left: -1000px; } .support .files_row .filename { display: inline-block; float: left; position: relative; height: 30px; margin: 0 0 10px 10px; padding: 0 35px 0 15px; color: #fff; line-height: 30px; font-size: 0.875rem; font-weight: 600; background: #4fa7ff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .support .files_row .filename a { position: absolute; margin: 0; padding: 0; top: 0; right: 10px; display: block; color: #fff; font-size: 1.5rem; } .support .files_row.disabled label { pointer-events: none; cursor: default; } .support .files_row.disabled .filename { background: #ccc; } .support .files_row.disabled .filename a { display: none; } .support .g-recaptcha { margin-bottom: 20px; } .support .btn_submit { display: inline-block; margin: 16px 0 0; padding: 12px 70px; font-size: 1.25rem; font-weight: 600; transition: 0.2s; border: 1px solid #3e9c19; background: #5ccb30 url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/loader.gif?1567686355") no-repeat -100px -100px; background-size: 32px 32px; color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; cursor: pointer; outline: none; } .support .btn_submit:hover { border: 1px solid #4ead29; background-color: #5ccb30; } .support .btn_submit:disabled { background-position: 10px 10px; } .support p.form-description { width: 700px; font-size: 0.8rem; padding: 0; color: #4d4d4d; font-weight: 400; line-height: 160%; margin-bottom: 10px; } .support p.success { display: none; margin-top: 10px; padding: 0 0 0 40px !important; color: #49b71d; font-size: 1.125rem; font-weight: 600; text-align: left; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-checkmark@2x.png?1567686354") no-repeat 0 2px; background-size: 24px 24px; } .support p.privacy-agreement { padding: 15px 0 0; font-size: 0.875rem; } .support p.product-mac-success { padding: 0 0 0 40px; color: #49b71d; font-size: 1.125rem; font-weight: 600; text-align: left !important; background: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/contact-checkmark@2x.png?1567686354") no-repeat 0 2px; background-size: 24px 24px; } @media (-webkit-min-device-pixel-ratio: 2) { .support a.product { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/icons/48x48/home-icons-404-2x.png?1567686355"); } } @media only screen and (min-width: 539px) and (max-width: 541px) { body { min-width: 100%; margin: 0; } #top { display: none; } .bottom { display: none; } .support.small_banner { display: none; } .support .add_info { display: none; } .notification { display: none; } .content-block .content { width: 500px; } .support { padding: 30px 0; } .support .left { width: 500px; } .support .labels_row { padding: 15px 0 25px 0; } .support .labels_row label { padding: 0 20px 0 0; } .textarea_wrapper { width: 498px; } .textarea_wrapper textarea { width: 470px; } .spark_privacy .privacy { padding: 30px 0; } .spark_privacy .privacy .content { width: 500px; padding: 0 20px; } .spark_privacy .privacy .content ol, .privacy .content ul { width: 460px; } } @media (max-width: 1199px) { .content-block { padding: 30px 0; margin: 0; } .support h1 { font-size: 1.8rem; text-align: center; } .support .left { margin: 0 auto; float: none; } .support-prod-list { display: flex; flex-wrap: wrap; justify-content: space-between; } .support a.product:nth-child(even) { margin-right: 0; } .support-form-block { margin: 0 auto; width: 100%; padding: 60px 0 0; } .support .add_info { float: none; max-width: 800px; width: 100%; margin: 60px auto 0; } .support .add_info .desktop-text { padding: 10px 0 10px; } .add_info.text-center { border-top: none; } #ip_press_support .button.active { display: none; } } @media (max-width: 991px) { .support a.product { width: 225px; } } @media (max-width: 767px) { form[data-form="product_support"] { max-width: 372px; } form[data-form="product_support"] textarea { max-width: 100%; } .support a.product { width: 170px; font-size: 1rem; padding: 0 0 0 55px; margin: 20px 40px 0 0; } .support-form-block { padding: 40px 0; margin: 0 auto; width: 100%; max-width: 400px; } .support-form-block p { text-align: center; } .support form input[type="text"], .support form input[type="email"] { width: 336px; margin: 6px auto; } .support form select { width: 336px !important; margin: 6px auto; } .support .labels_row label { width: 120px; display: inline-block; padding: 0 0 10px 0; } .textarea_wrapper { width: 372px; margin: 0 auto 25px; } .textarea_wrapper textarea { max-width: 345px; min-width: 280px; width: 100%; margin: 0 auto; } .g-recaptcha > div { margin: 0 auto; } .support .btn_submit { width: 372px; margin: 0 auto; display: block; } .support p.form-description { width: 100%; text-align: justify; margin-bottom: 25px; } .support p.privacy-agreement { text-align: center; } .support .add_info { max-width: 400px; margin: 30px auto 0; } } @media (max-width: 575px) { .support .mobile-separator { display: block; width: 100%; border-bottom: 1px solid #d2d2d4; margin: 10px 0; } .support h1 { font-size: 1.25rem; padding: 11px 0 5px; } .support-text { display: none; } .mobile-support-text { display: block; font-size: 1rem; padding: 10px 0 !important; } .support .left > p { font-size: 1rem; } .support-form-block { padding: 5px 0 25px 0; } .support-form-block > p { display: none; font-size: 1rem; } .support-prod-list { display: none; } .support form input[type="text"], .support form input[type="email"] { min-width: 280px; max-width: 345px; width: 100%; height: 42px; margin: 12px auto; padding: 5px 9px 5px 9px; font-size: 1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; } .support form select { min-width: 280px; max-width: 345px; width: 100% !important; height: 42px; margin: 12px auto; padding: 5px 9px 5px 9px; font-size: 1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-sizing: border-box; background: #fff url("https://cdn-rdstaticassets.readdle.com/assets/readdle/common/form-dropdown-down@2x.png?1567686355") no-repeat 95% 55%; background-size: 20px 20px; } .support .labels_row { padding: 15px 0; max-width: 345px; margin: 0 auto; } .support .labels_row label { width: 85px; display: inline-block; padding: 0 0 10px 0; font-size: 0.8rem; } .textarea_wrapper { max-width: 372px; margin: 0 auto 25px; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .textarea_wrapper textarea { min-height: 160px; padding: 5px 0 0 9px; font-size: 1rem; } .support .btn_submit { max-width: 372px; min-width: 280px; width: 100%; margin: 0 auto; display: block; padding: 11px 0; font-size: 1rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-appearance: none; } .g-recaptcha { display: none; } #ip_press_support p { font-size: 1rem; padding: 5px 0; } #ip_press_support .desktop-text { font-size: 1rem; padding: 5px 0; } } @media (max-width: 575px) { .support form[data-form="product_support"] input[type="text"], .support form[data-form="product_support"] input[type="email"] { max-width: 374px; } } @media (max-width: 767px) { .support .left.press_releases { margin: 0 auto; width: 100%; } .support .left > p { max-width: 400px; margin: 0 auto; text-align: center; } form { width: 100%; } } @media (-webkit-min-device-pixel-ratio: 2) { .small_banner.support { background-image: url("https://cdn-rdstaticassets.readdle.com/assets/readdle/modern_2019/support/home-banner-contact-2x.jpg?1567686355"); } }