* { margin: 0; padding: 0; font-family: "Open Sans", HelveticaNeueCyr, Helvetica, Arial, Verdana, sans-serif; } a { text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } html { position: relative; } body { width: 100%; margin: 0 0 300px; background-color: #0c101a; padding-top: 100px; } .scroll-disabled { overflow-x: hidden !important; overflow-y: hidden !important; } .iphone { display: none; } .trans_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100; } .black_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 1101; } .white_content { position: fixed; width: 996px; height: 560px; top: 50%; left: 50%; margin: -280px 0 0 -498px; padding: 0; background-color: #3c3c40; z-index: 1102; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); overflow: hidden; } .notification { width: 100%; height: 60px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); background: #fff; } .ukraine-banner { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100px; display: flex; align-items: center; background: #31353E; z-index: 10000; } .ukraine-banner .container { margin: 0 auto; display: flex; justify-content: center; align-items: center; } .ukraine-banner .container p { font-style: normal; font-weight: bold; font-size: 22px; line-height: 28px; color: #FFFFFF; margin-right: 32px; } .ukraine-banner .container a { height: 36px; font-style: normal; font-weight: 600; font-size: 14px; line-height: 20px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; background: #0099FF; border-radius: 8px; padding: 0 20px; } #readdle_bf2018_banner { display: none; position: absolute; top: 65px; left: 50%; width: 880px; height: 76px; margin: 0 0 0 -440px; border-radius: 12px; background-color: #3ba6ff; -webkit-font-smoothing: antialiased; z-index: 5; } .notification#readdle_bf2018_banner .container { position: relative; display: block; width: 800px; height: 76px; padding: 16px 250px 0 100px; margin: 0; color: #fff; font-size: 1.063em; font-weight: 400; line-height: 130%; box-sizing: border-box; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/gift_2x.png?1567686354") no-repeat 20px 10px; background-size: 70px 55px; z-index: 5; } .notification.readdle_bf2018 .container .fake-button { position: absolute; top: 17px; right: 0; display: block; width: 180px; height: 41px; padding: 0; color: #46a5f7; font-size: 1.125em; font-weight: 400; text-align: center; line-height: 41px; background: #fff; border-radius: 6px; z-index: 1; } .top .notification.readdle_bf2018 .close { position: absolute; top: 0; right: 0; display: block; width: 56px; height: 76px; color: #fff; font-size: 1.5em; font-weight: 600; line-height: 76px; text-align: center; } .notification.readdle_bf2018 .close:after { content: "×"; } .notification#bf2018-banner { display: none; } .simple-separator { width: 100%; padding-bottom: 30px; border-bottom: 1px solid #383838a1; } .gdpr-cookie { position: fixed; bottom: 0; left: 0; right: 0; height: 36px; background-color: #212947; border-bottom: 1px solid #48515f; box-sizing: border-box; z-index: 10000; } .gdpr-cookie .text { display: inline-block; padding: 0; color: #c2d0f3; font-size: 0.75em; font-weight: 400; line-height: 35px; } .gdpr-cookie .text a { color: #dae1f3; font-weight: 700; text-decoration: underline; } .gdpr-cookie .text a:hover { text-decoration: none; } .gdpr-cookie .button { display: inline-block; width: 73px; height: 23px; margin: 6px 0 0 20px; padding: 0; color: #fefefe; font-size: 0.75em; font-weight: 400; line-height: 23px; text-align: center; background-color: #0085c7; border: 1px solid #2ba5fb; border-radius: 4px; box-sizing: border-box; } .top { position: absolute; width: 100%; height: 60px; background-color: rgba(18, 18, 18, 0.5); z-index: 1000; } .menu { width: 100%; } .menu .home-link { display: none; } .menu .container { position: relative; height: 60px; margin: 0 auto; } .menu .container .logo { position: absolute; display: block; top: 0; left: 0; width: 110px; height: 43px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/readdle-white.svg?1579261386") no-repeat 0 0; background-size: 110px 43px; } .menu .menu_container { text-align: right; padding: 0 100px 0 0; display: flex; align-items: baseline; justify-content: flex-end; } .top .menu .menu_container .burger-button { display: none; } .menu_container ul li { position: relative; display: inline-block; list-style-type: none; font-size: 16px; } .menu_container ul li a { position: relative; display: block; padding: 5px 8px 7px 5px; margin: 15px 0 0 50px; color: #bfbfbf; text-align: center; border-bottom: 2px solid transparent; } .menu_container ul li a:hover { color: #fff; } .menu_container ul li a.current { color: #fff; } .menu_container ul li a.no-left-space { margin-left: 0; padding-left: 0; } .menu_container ul li a.dropdown_link:after { transition: 0.2s; content: ""; border-bottom: 2px solid #9d9d9d; border-right: 2px solid #9d9d9d; width: 6px; height: 6px; position: absolute; right: 0; top: 7px; z-index: 100; -moz-transform: translate(10px, 4px) rotate(45deg); -webkit-transform: translate(10px, 4px) rotate(45deg); -o-transform: translate(10px, 4px) rotate(45deg); -ms-transform: translate(10px, 4px) rotate(45deg); transform: translate(10px, 4px) rotate(45deg); } .menu_container ul li a.dropdown_link:hover:after { border-color: #fff; } #products_dropdown { position: absolute; margin: 0 0 0 -60px; min-width: 170px; left: 50%; top: 116%; padding: 5px 15px; text-align: left; list-style: none inside; background: #fff; -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 200ms; -o-transition: 200ms; transition: 200ms; z-index: 10; } #products_dropdown:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin-left: -5px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #products_dropdown.inactive { display: none; opacity: 0; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } #products_dropdown li { display: block !important; margin: 10px 0; min-height: 30px; white-space: nowrap; } #products_dropdown li a { margin: 0 !important; padding: 0 !important; border: none !important; display: block; text-decoration: none; } #products_dropdown li a .icon { float: left; display: block; height: 29px; width: 29px; margin: 0 15px 0 0; padding: 0; overflow: hidden; } #products_dropdown li a .name { line-height: 1.8em; color: #8c8c8c; } #products_dropdown li a .name:hover { color: #000; } #products_dropdown li a.pdfexpert_mac .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/pdfexpert.svg?1580137746") no-repeat 0 0; } #products_dropdown li a.scannerpro .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/scanner.svg?1580204525") no-repeat 0 0; } #products_dropdown li a.printerpro .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/printer.svg?1580136903") no-repeat 0 0; } #products_dropdown li a.calendars5 .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/calendars.svg?1580913214") no-repeat 0 0; } #products_dropdown li a.documents .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/documents.svg?1580913232") no-repeat 0 0; } #products_dropdown li a.pdfconverter .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/converter.svg?1580138540") no-repeat 0 0; } #products_dropdown li a.spark .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/spark.svg?1580138264") no-repeat 0 0; } #products_dropdown li a.fluix .icon { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/products_icons/fluix.svg?1580913249") no-repeat 0 0; } #more_dropdown { position: absolute; margin: 0 0 0 -30px; min-width: 100px; left: 50%; top: 116%; padding: 5px 15px; text-align: left; list-style: none inside; background: #fff; -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 200ms; -o-transition: 200ms; transition: 200ms; z-index: 10; } #more_dropdown:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin-left: -5px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #more_dropdown.inactive { opacity: 0; display: none; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } #more_dropdown li { display: block !important; margin: 10px 0; min-height: 30px; white-space: nowrap; } #more_dropdown li a { margin: 0 !important; padding: 0 !important; border: none !important; display: block; text-decoration: none; } #more_dropdown li a .name { line-height: 1.8em; color: #8c8c8c; } #more_dropdown li a .name:hover { color: #000; } #howto_dropdown { position: absolute; margin: 0 0 0 -50px; min-width: 150px; left: 50%; top: 116%; padding: 5px 15px; text-align: left; list-style: none inside; background: #fff; -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 200ms; -o-transition: 200ms; transition: 200ms; z-index: 10; } #howto_dropdown:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin-left: -5px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #howto_dropdown.inactive { opacity: 0; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } #howto_dropdown li { display: block !important; margin: 10px 0; min-height: 25px; white-space: nowrap; } #howto_dropdown li a { margin: 0 !important; padding: 0 !important; border: none !important; display: block; text-align: left; text-decoration: none; } #howto_dropdown li a .name { line-height: 1.3em; color: #8c8c8c; } #howto_dropdown li a .name:hover { color: #000; } .menu_container #more_dropdown li a, .menu_container #products_dropdown li a { text-align: left; } .menu_container ul li a.language-selector { display: inline-block; margin: 0 0 -6px 50px; padding: 0 20px 0 0; width: 22px; height: 22px; } .menu_container ul li a.language-selector img { display: block; width: 22px; height: 22px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/sprite_languages_menu.png?1567686354") no-repeat 0 0; background-size: 22px 318px; } .menu_container ul li a.language-selector:after { right: 12px; top: 2px; } .menu_container ul li a.language-selector.language-en img { background-position: 0 0; } .menu_container ul li a.language-selector.language-de img { background-position: 0 -37px; } .menu_container ul li a.language-selector.language-fr img { background-position: 0 -74px; } .menu_container ul li a.language-selector.language-es img { background-position: 0 -111px; } .menu_container ul li a.language-selector.language-it img { background-position: 0 -148px; } .menu_container ul li a.language-selector.language-pt img { background-position: 0 -185px; } .menu_container ul li a.language-selector.language-ja img { background-position: 0 -222px; } .menu_container ul li a.language-selector.language-zh img { background-position: 0 -259px; } .menu_container ul li a.language-selector.language-ru img { background-position: 0 -296px; } .top .notification { position: absolute; top: 60px; left: 0; width: 100%; height: 36px; z-index: -1; background: #fff; } .top .notification .close { position: absolute; top: 0; right: 0; display: block; width: 36px; height: 36px; color: #555; font-size: 1.25em; font-weight: 600; line-height: 36px; text-align: center; } .top .notification .close:after { content: "×"; } .top .notification .container { display: inline-block; height: 36px; } .documents6_blog a { color: #333; font-size: 1.25em; font-weight: 400; line-height: 36px; } .documents6_blog .red { color: #f00; } .documents6_blog .link { position: relative; color: #2c74e6; } .documents6_blog .link:after { content: ""; border-bottom: 2px solid #2c74e6; border-right: 2px solid #2c74e6; width: 6px; height: 6px; position: absolute; right: -12px; top: 12px; z-index: 100; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .panel { width: 100%; } .container { max-width: 1160px; } .panel .container { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; } .panel .container.about-video-text { display: initial; } .panel .products-menu { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 auto; } .next_container { position: absolute; display: block; bottom: 0; left: 50%; max-width: 1160px; height: 60px; margin: 0 0 0 -580px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/line1.png?1567686355") no-repeat center center; background-size: 1280px 40px; z-index: 1; } .panel.home { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/bk_gradient.png?1567686355") repeat-x 0 60px; background-size: 2px 600px; } .panel.home .container { padding: 0 0 30px; } .panel.home-small .container { padding: 0 0 30px; } .panel.apps .container { padding: 30px 0 60px; } .panel.reviews .container { padding-bottom: 60px; -webkit-font-smoothing: antialiased; } h1 { width: 100%; padding: 46px 0 18px; color: #fff; font-size: 2.25em; font-weight: 400; line-height: 50px; text-align: center; } h1 span { color: #de2121; } h2 { width: 100%; padding: 90px 0 30px; color: #fff; font-size: 2.25em; font-weight: 500; line-height: 44px; text-align: center; } .panel.reviews h2 { padding: 90px 0 0px; font-size: 2.5em; font-weight: 600; line-height: 44px; } .banner-light { position: absolute; top: 0; width: 100%; height: 266px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/bk_light.png?1567686355") no-repeat center center; background-size: 766px 266px; } .banner { display: block; position: relative; width: 100%; height: 562px; padding-top: 60px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/devicesblock1.png?1567686355") no-repeat center 120px; background-size: 1106px 519px; } .disclaimer { text-align: center; margin: 0 auto; } .disclaimer p { color: #c0c0c0; font-size: 1.125em; font-weight: 400; line-height: 28px; } .disclaimer p span { color: #fff; font-weight: 500; } #main_scroll { width: 100%; } .latest-news { padding: 100px 0 0; } .latest-news .section-title { width: 100%; padding: 0 0 20px; color: #bfbfbf; text-align: left; font-size: 1.25em; font-weight: 600; line-height: 100%; text-transform: uppercase; } .tile-block { display: flex; flex-wrap: wrap; justify-content: center; } .tile-big { display: block; max-width: 800px; border-radius: 7px; background-color: #181c26; margin-right: 10px; } .tile-big .tile-cover { display: block; max-width: 800px; width: 100%; max-height: 450px; } .tile-big .tile-title { display: inline-block; padding: 30px 0 20px 30px; width: 100%; min-height: 120px; color: #fff; font-size: 1.625em; font-weight: 600; box-sizing: border-box; } .tile-big .read-more { display: none; position: relative; padding: 0 30px 30px 30px; margin: 0 20px 0 0; color: #1b84ee; font-size: 1.25em; font-weight: 400; } .tile-big .read-more:after { content: ""; border-bottom: 2px solid #1b84ee; border-right: 2px solid #1b84ee; width: 6px; height: 6px; position: absolute; right: 20px; top: 8px; z-index: 100; -moz-transform: translate(10px, 4px) rotate(-45deg); -webkit-transform: translate(10px, 4px) rotate(-45deg); -o-transform: translate(10px, 4px) rotate(-45deg); -ms-transform: translate(10px, 4px) rotate(-45deg); transform: translate(10px, 4px) rotate(-45deg); } .tile-small-block { display: flex; flex-direction: column; justify-content: space-between; } .tile-small { display: block; width: 349px; height: 269px; border-radius: 7px; background-color: #181c26; overflow: hidden; } .tile-small .tile-cover { display: block; width: 349px; height: 190px; } .tile-small .tile-title { display: inline-block; padding: 12px 20px 0; color: #fff; font-size: 1.125em; font-weight: 600; line-height: 150%; } .milestone-100m { padding: 100px 0 0; } .milestone-100m .container { padding-bottom: 35px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; background-color: #181c26; } .milestone-100m .cover { display: block; max-width: 1160px; height: auto; } .milestone-100m .title { padding: 30px 30px 15px; font-size: 2em; } .milestone-100m .disclaimer { padding: 0 30px 30px; color: #c0c0c0; font-size: 1.188em; line-height: 140%; } .milestone-100m .read-more { display: inline-block; color: #fff; font-size: 1.125em; line-height: 46px; text-align: center; border-radius: 6px; background: -webkit-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%); background: -moz-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%); background: -o-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%); background: -ms-linear-gradient(14deg, #278cf3 15%, #5db3f9 85%); background: linear-gradient(76deg, #278cf3 15%, #5db3f9 85%); width: 220px; height: 46px; } .bf2018-banner { position: relative; padding: 120px 0 0; -webkit-font-smoothing: antialiased; } .bf2018-banner.mobile { display: none; } .bf2018-banner .cover { display: block; max-width: 800px; width: 100%; height: auto; margin: 0 auto; } .bf2018-banner .title { padding: 0 0 15px; font-weight: 600; } .bf2018-banner .title span { color: #f00; } .bf2018-banner .disclaimer { padding: 0 0 30px; color: #99a0b0; font-size: 1.25em; font-weight: 400; line-height: 150%; } .bf2018-banner .disclaimer span { color: #fff; } .bf2018-banner .next_container { position: relative; display: block; max-width: 1160px; width: 100%; height: 60px; left: 0; margin: 0 auto; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/line1.png?1567686355") no-repeat center center; background-size: 1280px 40px; } .pdfexpert-bf2018 { padding: 60px 0; -webkit-font-smoothing: antialiased; } .pdfexpert-bf2018 .title { display: inline-block; width: auto; padding: 10px 0 20px 63px; color: #fff; font-size: 2.750em; font-weight: 600; line-height: 100%; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/pdfexpertmac.svg?1567686354") no-repeat 0 10px; background-size: 50px 50px; } .pdfexpert-bf2018 .description { padding: 0 0 40px; color: #99a0b0; font-size: 1.25em; font-weight: 400; line-height: 150%; } .pdfexpert-bf2018 .description span { color: #fff; font-weight: 600; } .pdfexpert-bf2018 .cover { display: block; max-width: 1131px; width: 100%; height: auto; margin: 0 auto; } .get-with-discount { position: relative; display: block; width: 477px; height: 65px; margin: 40px auto 20px; padding: 6px; border-radius: 10px; box-sizing: border-box; } .get-with-discount.black { background-color: #1f2431; } .get-with-discount .btn { width: 240px; height: 50px; margin: 0; color: #fff; font-size: 1.25em; font-weight: 600; text-align: center; line-height: 50px; border: 1px solid #3fc322; background-color: #3fc322; border-radius: 4px; } .get-with-discount .prices { display: block; width: 150px; height: 52px; margin: 0 20px; } .get-with-discount .prices .old-price { height: 16px; color: #787993; font-size: 1.063em; font-weight: 400; text-decoration: line-through; line-height: 16px; } .get-with-discount .prices .new-price { height: 36px; color: #fff; font-size: 1.875em; font-weight: 700; line-height: 36px; } .get-with-discount.gray .prices .new-price { color: #17212f; } .get-with-discount .discount { position: absolute; top: 9px; left: -2px; width: 73px; height: 46px; padding: 0 0 0 17px; color: #fff; font-size: 1.688em; font-weight: 700; line-height: 46px; background-color: #de2121; } .get-with-discount .discount:after { content: ""; position: absolute; top: 0; right: -30px; display: block; width: 0; height: 0; border-top: 0 solid transparent; border-bottom: 46px solid transparent; border-left: 30px solid #de2121; } .default-rating { display: inline-block; padding: 0 0 0 95px; color: #838a96; font-size: 1.125em; font-weight: 400; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/stars_4-5.svg?1567686354") no-repeat 0 4px; background-size: 88px 15px; } .bundle-bf2018 { padding: 60px 0 88px; -webkit-font-smoothing: antialiased; background: -webkit-linear-gradient(90deg, #0c101a 0%, #1d222e 100%); background: -moz-linear-gradient(90deg, #0c101a 0%, #1d222e 100%); background: -o-linear-gradient(90deg, #0c101a 0%, #1d222e 100%); background: -ms-linear-gradient(90deg, #0c101a 0%, #1d222e 100%); background: linear-gradient(0deg, #0c101a 0%, #1d222e 100%); } .bundle-bf2018 .title { display: inline-block; width: auto; padding: 10px 0 20px; color: #fff; font-size: 2.750em; font-weight: 600; line-height: 100%; } .bundle-bf2018 .description { max-width: 700px; width: 100%; margin: 0 auto; padding: 0 0 40px; color: #99a0b0; font-size: 1.25em; font-weight: 400; line-height: 150%; } .bundle-bf2018 .cover { display: block; width: 463px; height: auto; margin: 0 auto 20px; } .bundle-bf2018 .camera-tip { position: relative; width: 463px; height: 69px; margin: 0 auto; background: #1f2431 url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/camera.png?1567686354") no-repeat 10px 10px; background-size: 49px 49px; border-radius: 10px; } .bundle-bf2018 .camera-tip:after { content: ""; display: block; width: 25px; height: 25px; position: absolute; right: 80px; top: -13px; margin-left: -5px; background: #1f2431; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .bundle-bf2018 .camera-tip .tip-text { padding: 10px 30px 0 69px; color: #99a0b0; font-size: 1.063em; font-weight: 400; line-height: 140%; } .bundle-bf2018 .camera-tip .tip-text span { color: #fff; font-weight: 600; } .apps-scroll .product { position: relative; display: block; width: 349px; margin: 0 18px 20px 18px; padding: 0; } .apps-scroll .product:nth-child(3n) { margin: 0 0 20px 18px; } .apps-scroll .product:nth-child(3n+1) { margin: 0 18px 20px 0; } .product .product-container { display: block; width: 100%; min-height: 420px; padding: 20px; border-radius: 7px; background: #181c26; box-sizing: border-box; } .product .product-container:hover { background: -webkit-linear-gradient(-90deg, #252830 0%, #343844 100%); background: -moz-linear-gradient(-90deg, #252830 0%, #343844 100%); background: -o-linear-gradient(-90deg, #252830 0%, #343844 100%); background: -ms-linear-gradient(-90deg, #252830 0%, #343844 100%); background: linear-gradient(180deg, #252830 0%, #343844 100%); } .product .icon { display: block; width: 122px; height: 122px; margin: 0 auto; } .product .product_info { position: relative; } .product h4 { padding: 15px 20px 0; color: #fff; font-size: 1.375em; font-weight: normal; line-height: 1em; text-align: center; } .product p { font-size: 16px; color: #bfbfbf; padding: 20px 0 0; text-align: center; line-height: 24px; } .product p a { color: #159ffd; } .product p a:hover { text-decoration: underline; } .product .download-btn { position: absolute; bottom: 26px; left: 50%; display: block; width: 216px; height: 46px; margin: 0 0 0 -108px; line-height: 46px; color: #bfbfc1; font-size: 1.125em; text-align: center; border-radius: 6px; background: #31353e; } .product:hover .download-btn { color: #fff; background: #3fc322; } .product .download-btn:hover { color: #fff; background-color: #3fc322; cursor: pointer; } .product .award { display: block; position: absolute; bottom: 100px; left: 50%; width: 248px; height: 40px; margin: 0 0 0 -124px; background: no-repeat 0 0; background-size: 248px 40px; } .product .bestseller { display: block; position: absolute; bottom: 100px; left: 0; width: 100%; height: 40px; line-height: 40px; margin: 0; text-align: center; } .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear.png?1567686355"); } .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016.png?1567686355"); } .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice.png?1567686355"); } .en .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear.png?1567686355"); } .de .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/de_appoftheyear.png?1567686355"); } .es .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/es_appoftheyear.png?1567686355"); } .fr .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/fr_appoftheyear.png?1567686355"); } .it .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/it_appoftheyear.png?1567686355"); } .ja .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ja_appoftheyear.png?1567686355"); } .pt .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/pt_appoftheyear.png?1567686355"); } .ru .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ru_appoftheyear.png?1567686355"); } .zh .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/zh_appoftheyear.png?1567686355"); } .en .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016.png?1567686355"); } .de .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/de_bestof2016.png?1567686355"); } .es .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/es_bestof2016.png?1567686355"); } .fr .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/fr_bestof2016.png?1567686355"); } .it .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/it_bestof2016.png?1567686355"); } .ja .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ja_bestof2016.png?1567686355"); } .pt .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/pt_bestof2016.png?1567686355"); } .ru .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ru_bestof2016.png?1567686355"); } .zh .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/zh_bestof2016.png?1567686355"); } .en .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice.png?1567686355"); } .de .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/de_editorschoice.png?1567686355"); } .es .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/es_editorschoice.png?1567686355"); } .fr .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/fr_editorschoice.png?1567686355"); } .it .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/it_editorschoice.png?1567686355"); } .ja .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ja_editorschoice.png?1567686355"); } .pt .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/pt_editorschoice.png?1567686355"); } .ru .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ru_editorschoice.png?1567686355"); } .zh .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/zh_editorschoice.png?1567686355"); } .index-share-block.container { margin: 0 auto; padding-bottom: 60px; } .social { width: 100%; display: flex; justify-content: space-between; } .social p { max-width: 700px; font-size: 1.25em; font-weight: 400; color: #bfbfbf; line-height: 30px; } .social p span { color: #fff; font-weight: 600; } .social .social-btn { display: flex; } .social .heart { display: inline-block; margin: 0 0 -2px 10px; width: 22px; height: 20px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/heart.png?1567686355"); background-size: 22px 20px; } .share_second { float: right; display: block; width: 224px; height: 60px; border-radius: 4px; text-align: center; background: #3c589e; } .share_second:hover { background: #4265bc; } .share_second img { display: inline-block; width: 30px; height: 30px; margin: 15px 10px 0 0; } .share_second span { color: #fff; font-size: 23px; line-height: 60px; vertical-align: top; } .tweet_second { float: right; display: block; width: 224px; height: 60px; margin-left: 10px; border-radius: 4px; text-align: center; background: #1da0f2; } .tweet_second:hover { background: #45b7ff; } .tweet_second img { display: inline-block; width: 30px; height: 25px; margin: 18px 10px 0 0; } .tweet_second span { color: #fff; font-size: 23px; line-height: 60px; vertical-align: top; } .story { background-color: #0f141f; } .story .story-description { width: 45%; } .story .story-description h2 { padding: 60px 0 15px; color: #fff; font-size: 2.25em; font-weight: 400; text-align: left; } .story .story-description h2 span { color: #de2121; } .story .mobile-story-title { display: none; } .story .story-description p { color: #fff; font-size: 1.313em; font-weight: 300; } .story .story-description p.story-learn { padding: 25px 0; color: #bfbfbf; font-size: 1.125em; } .story .story-description .read-story { position: relative; display: block; width: 280px; height: 40px; padding: 0 0 0 20px; color: #fff; font-size: 1em; line-height: 38px; border: 1px solid #1c2029; border-radius: 5px; background: #1c2029; box-sizing: border-box; } .story .story-description .read-story:hover { border: 1px solid #2c3039; background: #2c3039; } .story .story-description .read-story:after { content: ""; border-bottom: 2px solid #de2121; border-right: 2px solid #de2121; width: 6px; height: 6px; position: absolute; right: 30px; top: 12px; z-index: 100; -moz-transform: translate(10px, 4px) rotate(-45deg); -webkit-transform: translate(10px, 4px) rotate(-45deg); -o-transform: translate(10px, 4px) rotate(-45deg); -ms-transform: translate(10px, 4px) rotate(-45deg); transform: translate(10px, 4px) rotate(-45deg); } .story .story-illustration { width: 50%; } .story .story-illustration .video_player { width: 572px; height: 320px; margin: 60px 0; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/video_cover.png?1567686355") no-repeat center center; background-size: 572px 320px; } .story .story-illustration .video_player a { position: relative; top: 0; left: 0; display: block; width: 572px; height: 320px; } .story .story-illustration .video_player a img { display: block; position: absolute; top: 50%; left: 50%; width: 104px; height: 104px; margin: -52px 0 0 -52px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/play.png?1567686355") no-repeat center center; background-size: 104px 104px; -moz-opacity: 0.9; opacity: .9; filter: alpha(opacity=90); -webkit-transition: opacity 0.12s ease-in-out; -moz-transition: opacity 0.12s ease-in-out; -ms-transition: opacity 0.12s ease-in-out; -o-transition: opacity 0.12s ease-in-out; transition: opacity 0.12s ease-in-out; } .story .story-illustration .video_player a:hover img { -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity 0.12s ease-in-out; -moz-transition: opacity 0.12s ease-in-out; -ms-transition: opacity 0.12s ease-in-out; -o-transition: opacity 0.12s ease-in-out; transition: opacity 0.12s ease-in-out; } .about-banner { min-height: 1080px; text-align: center; position: relative; } .about-banner .bg_video { position: relative; width: 100%; max-height: 1080px; height: 100%; overflow: hidden; } .about-banner .bg_video video { display: block; max-width: 1920px; width: 100%; height: 100%; max-height: 1080px; margin: 0 auto; } .about-banner .video-fade { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; max-height: 296px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/fadevideo.png?1567686354") repeat-x 0 0; background-size: 1px 296px; } .special-separator { position: relative; } .about-banner .video-fade img, .about-banner .special-separator img { display: block; position: absolute; bottom: 0; width: 100%; height: 1px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/line2.png?1567686354") no-repeat center center; background-size: 1280px 1px; } .about-video-text{ position: absolute; text-align: center; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .about-banner h1 { padding: 180px 0 50px; color: #fff; font-size: 2.875em; font-weight: 600; } .about-banner h1 span { color: #de2121; font-weight: 700; } .about-banner p { padding: 20px 0 0; color: #fff; font-size: 1.5em; font-weight: 400; line-height: 170%; text-align: center; } .about-banner .description.descr-scroll { padding: 20px 0 60px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/fadevideo.png?1567686354") repeat-x 0 0; background-size: 1px 296px; } .about-banner .video_play { display: inline-block; height: 38px; margin: 130px auto 130px; padding: 0 0 0 50px; color: #fff; font-size: 1.375em; font-weight: 400; line-height: 38px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/play_btn.png?1567686354") no-repeat left center; background-size: 38px 38px; } .about-banner .next_container { position: relative; left: initial; margin: 0 auto 40px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/line1.png?1567686354"); } .ru .about-banner p.disclaimer { font-size: 1.45em; } .ru .about-banner p.description { font-size: 1.35em; } .told-stories { padding: 60px 0 100px; } .told-stories .illustration { width: 542px; } .told-stories .illustration img { display: block; width: 542px; height: 378px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/peoplepht.png?1567686354") no-repeat center center; background-size: 542px 378px; } .told-stories .description { width: 540px; padding: 20px 0 0; } .told-stories .description p { padding: 0 0 20px; color: #fff; font-size: 1.25em; font-weight: 400; line-height: 150%; } .told-stories .description p:last-of-type { color: #bfbfbf; } .lessons-learned { padding: 0 0 70px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/bk01.png?1567686354") no-repeat center top; background-size: 2560px 1120px; text-align: center; } .lessons-learned h2 { padding: 55px 0 50px; color: #fff; font-size: 2.875em; font-weight: 600; line-height: 100%; } .lessons-learned p { padding: 0 0 40px; color: #fff; font-size: 1.5em; font-weight: 400; line-height: 170%; } .lessons-learned img { display: inline-block; max-width: 70%; width: 100%; height: 100%; margin: 30px auto 50px; } .lessons-learned .separator { width: 100%; border-bottom: 1px solid #545454bf; margin: 10px 0 50px; } .moving-forward { padding: 0; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/bk02.png?1567686354") no-repeat center top; background-size: 2560px 1120px; text-align: center; } .moving-forward h2 { padding: 60px 0; color: #fff; font-size: 2.875em; font-weight: 600; line-height: 100%; } .moving-forward p { padding: 0 0 40px; color: #fff; font-size: 1.5em; font-weight: 400; line-height: 170%; } .moving-forward img { display: inline-block; max-width: 1162px; max-height: 588px; width: 100%; height: 100%; margin: 15px auto 40px; } .moving-forward .separator { height: 1px; margin: 10px 0 -40px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/line2.png?1567686355") no-repeat center bottom; background-size: 1280px 1px; } .logos-list { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-around; width: 100%; } .logos-list .logos { margin-top: 80px; list-style-type: none; max-width: 150px; max-height: 78px; padding-right: 30px; } .logos-list .logos img { max-width: 100%; max-height: 78px; } .social_likes { float: right; margin-top: -32px; } .content-block { display: none; position: absolute; top: 0; left: 0; max-width: 1160px; height: 600px; background-color: #fff; border: 0 solid transparent; overflow: hidden; border-radius: 3px; } .back_top_container { position: absolute; bottom: 10px; display: block; max-width: 1160px; height: 47px; color: #fff; text-align: center; margin: 0; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/line2.png?1567686355") no-repeat center center; background-size: 1280px 1px; font-weight: 500; } .back_top { display: block; width: 98px; height: 47px; margin: 0 auto; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/sprite_back.png?1567686355") no-repeat 0 0; background-size: 98px 142px; } .back_top:hover { background-position: 0 -49px; } .back_top:active { background-position: 0 -98px; } .bottom { position: absolute; bottom: 0; width: 100%; height: 300px; } .footer { position: relative; max-width: 1160px; margin: 0 auto; padding: 60px 0 40px; } .footer .container { display: flex; } .footer-menu .menu_container.menu-2 { columns: 2; } .footer-menu { color: #fff; margin: 0 30px 0 0; padding: 0; vertical-align: top; display: inline-block; min-width: 100px; } .footer-menu h3 { text-align: left; margin-bottom: 1em; } .footer-menu .menu_container { vertical-align: top; list-style: none inside; } .footer-menu .menu_container li { text-align: left; margin-bottom: 1em; text-transform: uppercase; color: #fff; font-weight: 600; } .footer-menu .menu_container.menu-2 li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .footer .menu_container li:last-child { margin-bottom: 0; } .footer .menu_container li a { transition: 0.15s; text-transform: initial; color: #919dad; display: block; font-weight: 600; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } .footer .menu_container li a:hover { color: #fff; } .footer .menu_container li a.current { color: #fff; } .footer .rights { width: 348px; margin-left: auto; } .footer .rights .social-footer a { display: inline-block; width: 58px; height: 24px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/dark/footer-socials@2x.png?1567686354") no-repeat 0 0; background-size: 348px 72px; } .footer .rights .social-footer a.twitter { background-position: 0 -48px; } .footer .rights .social-footer a.twitter:hover { background-position: 0 -24px; } .footer .rights .social-footer a.facebook { background-position: -58px -48px; } .footer .rights .social-footer a.facebook:hover { background-position: -58px -24px; } .footer .rights .social-footer a.vimeo { background-position: -116px -48px; } .footer .rights .social-footer a.vimeo:hover { background-position: -116px -24px; } .footer .rights .social-footer a.youtube { background-position: -174px -48px; } .footer .rights .social-footer a.youtube:hover { background-position: -174px -24px; } .footer-share-block { display: none; } .footer .rights p { text-align: left; font-size: 0.750em; line-height: 16px; color: rgba(255, 255, 255, 0.14); padding: 30px 0 0 0; } .footer .rights .readdle-recommends { min-width: 355px; padding: 0 0 30px; } .footer .rights .readdle-recommends p.title { margin-bottom: 1em; padding: 0; color: #fff; font-size: 1em; font-weight: 600; text-transform: uppercase; } .footer .rights .readdle-recommends p.success { height: 24px; padding: 2px 0 2px 35px; color: #3fc322; font-size: 1em; font-weight: 600; line-height: 22px; text-transform: uppercase; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/contact-checkmark@2x.png?1567686355") no-repeat 0 0; background-size: 24px 24px; } .footer .rights .readdle-recommends .email { display: inline-block; width: 235px; height: 28px; padding: 0 15px; font-size: 0.875em; border: none; border-radius: 4px; background-color: #fff; box-sizing: border-box; vertical-align: top; outline: none; } .footer .rights .readdle-recommends .subscribe { display: inline-block; width: 96px; height: 28px; margin: 0 0 0 10px; color: #fff; font-size: 0.938em; line-height: 28px; border: none; border-radius: 4px; background-color: #1b84ee; cursor: pointer; vertical-align: top; outline: none; } .footer .rights .readdle-recommends .subscribe:hover { background-color: #1771b4; } .footer .rights p.privacy-agreement { padding: 15px 0 0; color: #919dad; font-size: 0.750rem; line-height: 130%; } .footer .rights p.privacy-agreement a { color: #1b84ee; } .left { float: left; } .right { float: right; } .clear { clear: both; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .hidden { display: none; } .unclickable { pointer-events: none; } iframe[name="google_conversion_frame"] { position: absolute; top: -10000px; } @media (min-width: 992px) { .topmenu-sidebar { display: block !important; } #language_dropdown { position: absolute; margin: 0 0 0 -30px; min-width: 100px; left: 30%; top: 160%; padding: 5px 15px; text-align: left; list-style: none inside; background: #fff; -webkit-columns: auto; -moz-columns: auto; columns: auto; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); box-shadow: 0 8px 30px 8px rgba(0, 0, 0, .25); opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); -webkit-transition: 200ms; -o-transition: 200ms; transition: 200ms; } #language_dropdown:after { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 50%; top: -5px; margin-left: -5px; background: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #language_dropdown.inactive { display: none !important; opacity: 0; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); } #language_dropdown li { display: block !important; margin: 10px 0; min-height: 22px; white-space: nowrap; } #language_dropdown li a { height: 22px; margin: 0 0 10px; padding: 0 0 0 35px !important; text-align: left; } #language_dropdown li a .name { line-height: 22px; color: #8c8c8c; } #language_dropdown li a .name:hover { color: #000; } #language_dropdown a .icon { position: absolute; display: block; top: 0; left: 0; width: 22px; height: 22px; background-size: 22px 318px; } #language_dropdown a span { line-height: 22px; text-align: left; } .apps-scroll .block-products { display: none; } @media (-webkit-min-device-pixel-ratio: 2) { .menu_container ul li a.language-selector img { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/common/sprite_languages_menu_2x.png?1567686354"); } .next_container { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/line1_2x.png?1567686355"); } .panel.home { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/bk_gradient_2x.png?1567686355"); } .banner-light { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/bk_light_2x.png?1567686355"); } .banner { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/devicesblock1_2x.png?1567686355"); } .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_2x.png?1567686355"); } .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016_2x.png?1567686355"); } .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice_2x.png?1567686355"); } .en .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_2x.png?1567686355"); } .de .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/de_appoftheyear_2x.png?1567686355"); } .es .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/es_appoftheyear_2x.png?1567686355"); } .fr .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/fr_appoftheyear_2x.png?1567686355"); } .it .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/it_appoftheyear_2x.png?1567686355"); } .ja .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ja_appoftheyear_2x.png?1567686355"); } .pt .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/pt_appoftheyear_2x.png?1567686355"); } .ru .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ru_appoftheyear_2x.png?1567686355"); } .zh .product.pdfexpert .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/zh_appoftheyear_2x.png?1567686355"); } .en .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016_2x.png?1567686355"); } .de .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/de_bestof2016_2x.png?1567686355"); } .es .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/es_bestof2016_2x.png?1567686355"); } .fr .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/fr_bestof2016_2x.png?1567686355"); } .it .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/it_bestof2016_2x.png?1567686355"); } .ja .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ja_bestof2016_2x.png?1567686355"); } .pt .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/pt_bestof2016_2x.png?1567686355"); } .ru .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ru_bestof2016_2x.png?1567686355"); } .zh .product.spark .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/zh_bestof2016_2x.png?1567686355"); } .en .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice_2x.png?1567686355"); } .de .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/de_editorschoice_2x.png?1567686355"); } .es .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/es_editorschoice_2x.png?1567686355"); } .fr .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/fr_editorschoice_2x.png?1567686355"); } .it .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/it_editorschoice_2x.png?1567686355"); } .ja .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ja_editorschoice_2x.png?1567686355"); } .pt .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/pt_editorschoice_2x.png?1567686355"); } .ru .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ru_editorschoice_2x.png?1567686355"); } .zh .product.scanner .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/zh_editorschoice_2x.png?1567686355"); } .social .heart { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/heart_2x.png?1567686355"); } .story .story-illustration .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/video_cover_2x.png?1567686355"); } .story .story-illustration .video_player a img { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/play_2x.png?1567686355"); } .back_top_container { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/line2_2x.png?1567686355"); } .back_top { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/sprite_back_2x.png?1567686355"); } } } @media (max-width: 1499px) { .about-banner { min-height: 1000px; } .about-banner h1 { padding: 160px 0 45px; } .about-banner .video_play { margin: 100px auto 100px; } } @media (max-width: 1199px) { body { padding-top: 80px; } .ukraine-banner { height: 80px; } .ukraine-banner .container p { font-size: 20px; line-height: 26px; } .latest-news .section-title { text-align: center; } .tile-big .tile-title { min-height: initial; } #readdle_bf2018_banner { display: block; } .container { max-width: 1160px !important; padding: 0 30px; } .panel .products-menu, .panel .container { justify-content: center; } .panel.apps .container { padding: 30px 30px 60px; } .menu .container .logo { left: 100px; } .tile-small-block { flex-direction: row; justify-content: space-between; width: 800px; } .tile-small-block .tile-small{ margin-top: 30px; } .tile-big { margin: 0; } .apps-scroll .product { width: 278px; margin: 0 8px 20px 8px; } .apps-scroll .product:nth-child(3n) { margin: 0 8px 20px 8px; } .apps-scroll .product:nth-child(3n+1) { margin: 0 8px 20px 8px; } .index-share-block.container { padding-bottom: 0; } .story { background-color: unset; } .story .story-description { width: initial; margin: 0 100px } .story .story-description h2 { display: none; } .story .mobile-story-title { display: block; padding: 60px 0 15px; color: #fff; font-size: 2.25em; font-weight: 400; text-align: center; } .story .mobile-story-title span { color: #de2121; } .story .story-illustration { width: initial; order: -1; } .story .story-illustration .video_player { margin-top: 0; } .about-banner { min-height: 730px; } .about-banner h1 { padding: 110px 0 20px; font-size: 2.1em; } .about-banner p { font-size: 1.2em; padding: 15px 0 0;; } .about-banner .video_play { margin: 70px auto 50px; } .about-banner .next_container { margin: 0 auto 20px; } .told-stories { padding: 60px 0 50px; } .told-stories .illustration { width: 100%; } .told-stories .illustration img { margin: 0 auto; } .told-stories .description p { font-size: 1.15em; padding: 0 0 15px; } .lessons-learned { padding: 0 0 40px; background-size: cover; } .lessons-learned h2 { padding: 35px 0 30px; font-size: 2.1em; } .lessons-learned p { padding: 0 0 20px; font-size: 1.2em; } .lessons-learned img { display: inline-block; margin: 20px auto 30px; } .moving-forward { background-size: cover; } .moving-forward h2 { padding: 35px 0; color: #fff; font-size: 2.1em; } .moving-forward p { padding: 0 0 20px; color: #fff; font-size: 1.2em; } .moving-forward img { width: 80%; margin: 10px auto 30px; } .white_content { width: 896px; height: 504px; margin: -252px 0 0 -448px; } .white_content iframe{ width: 100%; height: 100%; } .logos-list .logos { width: 28%; text-align: center; } .social { display: flex; flex-direction: column; justify-content: center; width: initial; } .social p { margin: 0 auto; } .social .social-btn { margin-top: 20px; justify-content: center; } } @media (max-width: 991px) { .container { max-width: 952px !important; } .top { position: fixed !important; } .top .menu.moved { background-color: rgba(18, 18, 18, 0.9); } .panel.apps .product-block-menu{ width: 100%; margin: 0; padding: 20px 0 0; overflow: hidden; overflow-x: scroll; } .menu .container .logo { left: calc(100vw/2 - 55px); } .menu .menu_container { justify-content: space-between; padding: 0; } .menu .menu_container .lang-block { align-self: center; display: block; margin: 10px 0 0 0; } .menu .home-link { display: inline-block; } .top { z-index: 11000; } .top .menu .burger-button { display: block !important; left: 0; width: 55px; height: 55px; padding: 25px 0 0 0; box-sizing: border-box; } .top .menu .burger-button .svg.open { display: block; width: 16px; height: 14px; } .top .menu .burger-button .svg.close { display: none; width: 14px; height: 14px; } .top .menu .burger-button.active { padding: 21px 0 0 21px; } .top .menu .burger-button.active .svg.open { display: none; } .top .menu .burger-button.active .svg.close { display: block; } .top .menu.black .burger-button .svg .cls-1 { fill: #000; } .top.moved .burger-button .svg .cls-1 { fill: #000; } .topmenu-sidebar { position: fixed; top: 0; left: 0; display: none; height: 100%; width: 100%; padding-bottom: 60px; outline: none; overflow-x: hidden; overflow-y: auto; z-index: 2147483647; -webkit-overflow-scrolling: touch; box-sizing: border-box; text-align: left; background-color: #efefef; } .topmenu-sidebar .burger-button { display: block; width: 55px; height: 55px; padding: 0; font-size: 1.5em; border: none; background: transparent; box-sizing: border-box; outline: none; } .topmenu-sidebar .burger-button.left { position: absolute; left: 0; } .topmenu-sidebar .burger-button.right { position: absolute; right: 0; } .topmenu-sidebar .collapsible-menu { display: flex; flex-direction: column; justify-content: start; width: 100%; min-height: 100px; padding: 10px 0 0; box-sizing: border-box; list-style: none; } .topmenu-sidebar .collapsible-menu li { margin: 0 20px 0; } .topmenu-sidebar .collapsible-menu li.home-link { padding-bottom: 15px; margin-bottom: 5px; border-bottom: 1px solid rgba(204, 204, 204, 0.95); } .topmenu-sidebar .collapsible-menu li:nth-child(2) > ul, .topmenu-sidebar .collapsible-menu li:nth-child(4) > ul { display: block !important; } .topmenu-sidebar .collapsible-menu li a { display: inline-block; height: 40px; margin: 0; padding: 0; color: #444; font-size: 1.438em; font-weight: 400; } .topmenu-sidebar .collapsible-menu li.home-link a { padding: 0; } .topmenu-sidebar .collapsible-menu a.dropdown_link { display: none; } .topmenu-sidebar .collapsible-menu li a span { color: #444 !important; line-height: 40px; } .topmenu-sidebar .collapsible-menu li a .logo { display: inline-block; width: 36px; height: 36px; margin: -2px 0 0 0; padding: 0 10px 0 0; vertical-align: top; } #howto_dropdown { display: none !important; } #products_dropdown, #more_dropdown { display: block; position: initial; margin: 0; min-width: 170px; padding: 0; border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } #products_dropdown { margin-bottom: 15px; border-bottom: 1px solid rgba(204, 204, 204, 0.95); } #products_dropdown.inactive, #more_dropdown.inactive { opacity: 1; } #products_dropdown:after, #more_dropdown:after { all: initial; } #products_dropdown li { min-height: 50px; } .topmenu-sidebar .collapsible-menu li a .icon { width: 46px !important; height: 46px !important; vertical-align: top; } #language_dropdown ul { display: flex; flex-direction: column; justify-content: flex-start; margin: 10px 0; } #language_dropdown .burger-button { position: absolute; right: 10px; left: initial; z-index: 10; } #language_dropdown li { margin: 0 20px 10px; } #language_dropdown li a { display: inline-block; margin: 0; height: 40px; color: #444; font-size: 1.25em; font-weight: 400; } #language_dropdown li a span { color: #444; line-height: 40px; } #language_dropdown li a .icon { display: inline-block; width: 40px; height: 40px; padding: 0 10px 0 0; vertical-align: top; } .bf2018-banner .cover { padding: 0 20px; box-sizing: border-box; } .notification.readdle_bf2018 { max-width: 760px; width: 100%; margin: 0 0 0 -380px !important; } .notification.readdle_bf2018 .container { max-width: 760px !important; width: 100%; padding: 16px 250px 0 110px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/gift_2x.png?1567686354") no-repeat 30px 10px; background-size: 70px 55px; } .notification.readdle_bf2018 .container .fake-button { right: 55px; } .tile-small-block{ display: none; } .tile-big .read-more { display: inline-block; } .panel.apps .container { padding: 0; max-width: initial !important; } .panel .products-menu { flex-wrap: nowrap; justify-content: space-between; margin: 0; padding: 20px 10px 0 10px; border: 0; } .apps-scroll .product { min-width: 110px; min-height: 100px; margin: 0 auto 8px; padding-bottom: 10px; vertical-align: top; } .apps-scroll .product:nth-child(3n) { margin: 0 auto 8px; } .apps-scroll .product:nth-child(3n+1) { margin: 0 auto 8px; } .apps-scroll .product:last-child { display: none; } .apps-scroll .products-menu .product.current { background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appselect_iph5.png?1567686355") no-repeat center bottom; background-size: 122px 7px; } .apps-scroll .product-container { padding: 0; min-height: initial; background: none; } .product .product-container:hover { background: none; } .product .icon { width: 70px; height: 70px; margin: 0 auto 8px; } .apps-scroll .product-container p, .apps-scroll .product-container .award, .apps-scroll .product .download-btn { display: none; } .product h4 { padding: 0; width: 100%; height: 100%; color: #5b5f6d; text-align: center; font-size: 1em; font-weight: 400; line-height: 14px; } .products_menu product a img{ margin: 0 auto 8px; display: block; width: 55px; height: 55px; } .apps-scroll .block-products { display: block; margin-top: 20px; } .product-info-block { width: 390px; min-height: 200px; margin: 0 auto; padding: 15px; border-radius: 4px; background: #171c26; box-sizing: border-box; } .product-info-block .title { padding: 5px 0 15px; font-size: 1.313em; color: #fff; line-height: 100%; text-align: center; } .product-info-block .description { padding: 15px 0 15px; font-size: 0.938em; line-height: 150%; color: #d0d0d0; } .product-info-block .video_player { width: 350px; height: 198px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_pdfex_iph7plus.png?1567686355"); background-size: 350px 198px; margin: 0 auto; } .product-info-block .video_player a { display: block; width: 350px; height: 198px; margin: 0 auto; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/play_iph7plus.png?1567686355") no-repeat center; background-size: 68px 68px; } .product-info-block .button { display: inline-block; width: 165px; height: 40px; margin: 0 20px 0 0; padding: 0; font-size: 0.875em; color: #fff; line-height: 40px; border-radius: 4px; text-align: center; border: none; background: #1d2330; } .product-info-block .button:nth-of-type(2) { margin-right: 0; } .product-info-block .button.green { background: #0bc337; } .product-info-block .button.blue { background: #3ba6ff; } .product-info-block .award { position: relative; left: auto; bottom: auto; display: block; width: 193px; height: 31px; margin: 0 auto 10px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_iph5.png?1567686355") no-repeat center center; background-size: 193px 31px; } .product-info-block .award { width: 242px; height: 39px; margin: 5px auto 25px; background-size: 242px 39px; } .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_iph7plus.png?1567686355"); } .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016_iph7plus.png?1567686355"); } .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice_iph7plus.png?1567686355"); } .en .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_iph7plus.png?1567686355"); } .de .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/de_appoftheyear_iph7plus.png?1567686355"); } .es .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/es_appoftheyear_iph7plus.png?1567686355"); } .fr .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/fr_appoftheyear_iph7plus.png?1567686355"); } .it .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/it_appoftheyear_iph7plus.png?1567686355"); } .ja .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ja_appoftheyear_iph7plus.png?1567686355"); } .pt .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/pt_appoftheyear_iph7plus.png?1567686355"); } .ru .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ru_appoftheyear_iph7plus.png?1567686355"); } .zh .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/zh_appoftheyear_iph7plus.png?1567686355"); } .en .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016_iph7plus.png?1567686355"); } .de .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/de_bestof2016_iph7plus.png?1567686355"); } .es .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/es_bestof2016_iph7plus.png?1567686355"); } .fr .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/fr_bestof2016_iph7plus.png?1567686355"); } .it .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/it_bestof2016_iph7plus.png?1567686355"); } .ja .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ja_bestof2016_iph7plus.png?1567686355"); } .pt .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/pt_bestof2016_iph7plus.png?1567686355"); } .ru .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ru_bestof2016_iph7plus.png?1567686355"); } .zh .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/zh_bestof2016_iph7plus.png?1567686355"); } .en .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice_iph7plus.png?1567686355"); } .de .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/de_editorschoice_iph7plus.png?1567686355"); } .es .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/es_editorschoice_iph7plus.png?1567686355"); } .fr .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/fr_editorschoice_iph7plus.png?1567686355"); } .it .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/it_editorschoice_iph7plus.png?1567686355"); } .ja .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ja_editorschoice_iph7plus.png?1567686355"); } .pt .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/pt_editorschoice_iph7plus.png?1567686355"); } .ru .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ru_editorschoice_iph7plus.png?1567686355"); } .zh .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/zh_editorschoice_iph7plus.png?1567686355"); } .product-info-block#pdfexpert_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_pdfex_iph7plus.png?1567686355"); } .product-info-block#spark_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_spark_iph7plus.png?1567686355"); } .product-info-block#scannerpro_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_scannerpro_iph7plus.png?1567686355"); } .product-info-block#calendars_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_calendar_iph7plus.png?1567686355"); } .product-info-block#pdfoffice_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_pdfoffice_iph7plus.png?1567686355"); } .product-info-block#printerpro_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_printerpro_iph7plus.png?1567686355"); } .product-info-block#documents_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_documents_iph7plus.png?1567686355"); } .product-info-block#pdfconverter_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/cover_pdfconvrt_iph7plus.png?1567686355"); } .bundle-bf2018 { padding: 60px 0 68px; } .story .story-description p { font-size: 1.2em; } .social p { font-size: 1.15em; } .panel.story .container .separator { width: 100%; padding-bottom: 30px; border-bottom: 1px solid #545454bf; } .story .story-description { margin: 0 70px; } .about-banner { min-height: 580px; } .about-banner h1 { padding: 80px 0 15px; font-size: 1.8em; } .about-banner p { font-size: 1.1em; padding: 10px 0 0; } .about-banner .video_play { margin: 45px auto 40px; font-size: 1.25em; } .about-banner .next_container { margin: 0 auto 0; } .about-banner .description.descr-scroll { padding: 20px 0 40px; } .lessons-learned h2 { font-size: 1.8em; } .lessons-learned p { font-size: 1.1em; } .moving-forward h2 { font-size: 1.8em; } .moving-forward p { font-size: 1.1em; } .white_content { width: 747px; height: 420px; margin: -210px 0 0 -374px; } .logos-list .logos { margin-top: 70px; } .social { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #545454bf; } .footer { padding-bottom: 0; } .footer .container { flex-direction: column; justify-content: center; } .footer .footer-menu { margin: 0; border-bottom: 1px solid #737384; } .footer .footer-menu:nth-child(2){ border-top: 1px solid #737384 } .footer .footer-menu:nth-child(1){ order: 2; } .footer .footer-menu:nth-child(2) { order: 1; } .footer .footer-menu:nth-child(2) ul.menu_container{ columns: 1; } .footer .footer-menu h3 { height: 58px; color: #fff; font-size: 1.25em; font-weight: 400; line-height: 58px; margin-bottom: 0; } .footer .footer-menu h3:after { content: "+"; float: right; font-size: 1.25em; font-weight: normal; margin-top: -2px; margin-right: 8px; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; } .footer .footer-menu.active h3:after { -webkit-transform: rotate(45deg) scale(1.08); -ms-transform: rotate(45deg) scale(1.08); transform: rotate(45deg) scale(1.08); } .footer .footer-menu .menu_container { display: none; list-style: none; } .footer .footer-menu.active .menu_container { display: block; } .footer .footer-menu .menu_container li { padding: 0 0 20px 20px; margin-bottom: 0; } .footer .footer-menu .menu_container li a { color: #fff; font-size: 1.125em; font-weight: 400; } .footer .rights { order: 3; } .footer .rights { width: initial; margin: 40px auto 0; text-align: center; } .footer .rights .readdle-recommends { width: 300px; margin: 0 auto; } .footer .rights p.privacy-agreement { text-align: center; font-size: 0.875rem; } .footer .rights .readdle-recommends p.title { text-align: center; font-size: 1.125em; font-weight: 700; line-height: initial; } .footer .readdle-recommends form { width: 100%; } .footer .rights .readdle-recommends .email { display: block; width: 100%; height: 38px; padding: 0 20px; font-size: 0.938em; line-height: 25px; border-radius: 7px; -webkit-appearance: none; } .footer .rights .readdle-recommends .subscribe { display: block; width: 100%; height: 38px; margin: 10px 0 0; font-size: 0.938em; font-weight: 600; line-height: 38px; border-radius: 7px; background-color: #1389ee; -webkit-appearance: none; } .footer .rights .readdle-recommends p.success { margin: 0 80px; } .footer .rights > p { padding: 30px 20px 20px; color: #737385; font-size: 0.75em; line-height: 1.5; text-align: center; } .footer-share-block { display: flex; width: 300px; margin: 40px auto 0; justify-content: space-between; } .footer .footer-share { display: inline-block; width: 130px; height: 40px; margin: 0 10px 0 0; color: #fff; font-weight: 600; font-size: 1em; line-height: 2.4; border-radius: 3px; background-color: #3b5997; text-align: left; } .footer .footer-share .icon { float: left; display: block; width: 20px; height: 20px; margin: 10px 15px 0 18px; padding: 0; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/socials_fb.svg?1567686354") no-repeat 0 0; background-size: 20px 20px; overflow: hidden; } .footer .footer-tweet { display: inline-block; width: 130px; height: 40px; margin: 0 0 0 10px; color: #fff; font-weight: 600; font-size: 1em; line-height: 2.4; border-radius: 3px; background-color: #00aced; text-align: left; } .footer .footer-tweet .icon { float: left; display: block; width: 20px; height: 20px; margin: 11px 15px 0 18px; padding: 0; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/socials_twtr.svg?1567686354") no-repeat 0 0; background-size: 20px 17px; overflow: hidden; } .gdpr-cookie { bottom: 0; top: unset; height: initial; width: 100%; margin: 0 auto; } .gdpr-cookie .text { display: block; padding: 20px 45px 0 20px; color: #c3d0f4; font-size: 0.875em; font-weight: 400; line-height: 150%; } .gdpr-cookie .text a { color: #dae1f3; font-weight: 700; text-decoration: underline; } .gdpr-cookie .button { display: block; width: 200px; height: 40px; margin: 20px auto 25px; padding: 0; color: #fefefe; font-size: 1em; font-weight: 400; line-height: 40px; text-align: center; background-color: #1f86ca; border: 1px solid #3ba6ff; border-radius: 4px; box-sizing: border-box; } .gdpr-cookie .close { position: absolute; display: block; top: 16px; right: 0; width: 28px; height: 28px; font-size: 2em; line-height: 0.8em; color: #ccc; font-weight: 400; } } @media (min-width: 768px) and (max-width: 991px) { .top { position: relative; } #main_scroll .latest-news { padding: 80px 0 0; } } @media (max-width: 767px) { body { padding-top: 60px; } body.de, body.fr, body.pt { padding-top: 120px; } .ukraine-banner { height: 60px; } .ukraine-banner .container p { font-weight: 600; font-size: 17px; line-height: 28px; margin-right: 20px; } .de .ukraine-banner, .fr .ukraine-banner, .pt .ukraine-banner { height: 120px; } .de .ukraine-banner .container, .fr .ukraine-banner .container, .pt .ukraine-banner .container { flex-direction: column; align-items: center; justify-content: center; } .de .ukraine-banner .container p, .fr .ukraine-banner .container p, .pt .ukraine-banner .container p { text-align: center; margin-right: 0; margin-bottom: 16px; } .readdle_bf2018.desktop { display: none !important; } .notification#bf2018-banner { position: relative; display: block; padding-top: 60px; border-bottom: 0; background: transparent; } #bf2018-banner a:first-child { display: block; width: auto; margin: 0 auto; padding: 10px 45px 10px 90px; color: #fff; font-size: 1em; background: #3ba6ff url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/gift_2x.png?1567686354") no-repeat 10px center; background-size: 70px 55px; } #bf2018-banner .close { position: absolute; top: 45px; right: 10px; display: block; color: #fff; font-size: 1.5em; font-weight: 600; line-height: 76px; text-align: center; } #bf2018-banner .close:after { content: "×"; } .container { max-width: 738px !important; } .latest-news { padding: 80px 0 0; } .tile-big .tile-title { font-size: 1.4em; padding: 20px 0 15px 20px; } .tile-big .read-more { padding: 0 20px 20px 20px; } .bf2018-banner .title { padding: 0 20px 15px; box-sizing: border-box; } .bf2018-banner .disclaimer { padding: 0 20px 30px; box-sizing: border-box; } .bf2018-banner .next_container { max-width: 550px; } .pdfexpert-bf2018 .description { padding: 0 20px 40px; box-sizing: border-box; } .bundle-bf2018 .description { padding: 0 20px 40px; box-sizing: border-box; } .story .story-description { margin: 0; } .story .story-illustration .video_player { width: calc(100vw - 60px); height: calc((100vw - 60px) / 1.79); margin-bottom: 60px; background-size: contain; } .story .story-illustration .video_player a { width: calc(100vw - 40px); height: 100%; } .description.descr-scroll { padding: 15px 0 30px; } .told-stories .illustration img { display: block; max-width: 80%; width: calc(100vw - 60px) ; height: calc(70vw / 1.45); background-size: contain; } .logos-list .logos { margin-top: 60px; max-width: 120px; max-height: 60px; padding-right: 20px; } .logos-list .logos img { max-height: 60px; } .apps-scroll .product:nth-last-child(2) { padding-right: 10px; } .about-banner .bg_video { display: none; } .panel .container.about-video-text { display: block; position: relative; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/bk1_iph7plus.png?1567686354") no-repeat center top; background-size: contain; } } @media (max-width: 575px) { body.de, body.es, body.ja { padding-top: 140px; } body.it, body.ja { padding-top: 120px; } .de .ukraine-banner, .es .ukraine-banner, .ja .ukraine-banner { height: 140px; } .it .ukraine-banner, .ja .ukraine-banner { height: 120px; } .de .ukraine-banner .container, .es .ukraine-banner .container, .it .ukraine-banner .container, .ja .ukraine-banner .container { flex-direction: column; align-items: center; justify-content: center; } .de .ukraine-banner .container p, .es .ukraine-banner .container p, .it .ukraine-banner .container p, .ja .ukraine-banner .container p { max-width: 400px; width: 100%; text-align: center; margin-right: 0; margin-bottom: 16px; } .container { max-width: 536px !important; } .topmenu-sidebar .collapsible-menu li a { font-size: 1.313em; } .latest-news .section-title { font-size: 0.9em; } .tile-big .tile-title { font-size: 1.2em; padding: 20px 0 15px 20px; } .tile-big .read-more { font-size: 1em; padding: 0 20px 20px 20px; } .tile-big .read-more:after { width: 4px; height: 4px; right: 15px; top: 6px; } .bf2018-banner.dekstop { display: none; } .bf2018-banner.mobile { display: block; } .bf2018-banner { padding: 80px 0 0; } .bf2018-banner .container { width: 300px; margin: 0 auto; padding: 0 0 35px 0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #181c26; } .bf2018-banner .cover { display: block; width: 300px; height: auto; padding: 0; } .bf2018-banner .title { padding: 30px 20px 24px; color: #fff; font-size: 1.5em; line-height: 100%; box-sizing: border-box; } .bf2018-banner .disclaimer { padding: 0 20px 30px; color: #bfbfbf; font-size: 1em; line-height: 140%; } .bf2018-banner .button { font-weight: 600; } .bf2018-banner .button { display: inline-block; padding: 12px 50px; border: 1px solid #e1e1e1; background-color: #fff; color: #8c8c8c; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .bf2018-banner .button.active { transition: 0.2s; border: 1px solid #3e9c19; background-color: #49b71d; color: #fff; } .bf2018-banner .button.active:hover { border: 1px solid #4ead29; background-color: #5ccb30; } .pdfexpert-bf2018, .bundle-bf2018 { display: none; } .social p { font-size: 1em; line-height: 150%; } .share_second, .tweet_second { width: auto; min-width: 135px; height: 40px; border-radius: 3px; text-align: center; background: #1d2330; } .tweet_second { margin-left: 10px; } .share_second img, .tweet_second img { width: 19px; height: 15px; margin: 11px 10px 0 0; } .share_second span, .tweet_second span { font-size: 0.938em; line-height: 40px; } .story .mobile-story-title { font-size: 1.85em; padding: 40px 0 15px; } .story .story-description p { font-size: 1.1em; } .story .story-description p.story-learn { font-size: 1.0em; } .about-banner h1 { padding: 80px 0 10px; } .about-banner p { font-size: 1.0em; } .about-banner .description.descr-scroll { font-size: 1.0em; } .told-stories .description p { font-size: 1.0em; } .lessons-learned p { font-size: 1.0em; } .moving-forward p { font-size: 1.0em; } .lessons-learned img { display: inline-block; margin: 10px auto 15px; } .panel.reviews .container { padding-bottom: 10px; } .panel.reviews h2 { padding: 50px 0 0; font-size: 1.5em; font-weight: 600; line-height: 34px; } } @media (max-width: 479px) { body { padding-top: 112px; } body.ja { padding-top: 112px; } body.fr, body.pt, body.it { padding-top: 140px; } .ukraine-banner { height: 112px; } .ukraine-banner .container { flex-direction: column; justify-content: center; align-items: center; } .ukraine-banner .container p { max-width: 300px; margin-right: 0; margin-bottom: 16px; } .fr .ukraine-banner, .pt .ukraine-banner, .it .ukraine-banner { height: 140px; } .ja .ukraine-banner { height: 112px; } .de .ukraine-banner .container p, .es .ukraine-banner .container p, .it .ukraine-banner .container p { max-width: 300px; } .ja .ukraine-banner .container p { font-size: 14px; line-height: 25px; } .container { padding: 0 20px; } .latest-news { padding: 70px 0 0; } .tile-big .tile-title { font-size: 0.95em; padding: 10px 0 5px 10px; } .tile-big .read-more { font-size: 0.75em; padding: 0 10px 10px 10px; } .tile-big .read-more:after { width: 3px; height: 3px; right: 10px; top: 3px; } .panel .products-menu { padding: 20px 20px 0 5px; } .apps-scroll .product { min-width: 100px; min-height: 90px; } .apps-scroll .product:nth-last-child(2) { padding-right: 5px; } .product .icon { width: 64px; height: 64px; } .product h4 { font-size: 0.9em; } .story .mobile-story-title { font-size: 1.25em; padding: 40px 0 15px; } .story .story-description p { font-size: 0.9em; } .story .story-description p.story-learn { font-size: 0.85em; } .story .story-description .read-story { font-weight: 300; font-size: 0.8em; } .story .story-description .read-story:after { width: 5px; height: 5px; } .product-info-block { width: 300px; } .product-info-block .title { padding: 0 0 10px; color: #fff; font-size: 1.188em; line-height: 100%; } .product-info-block .description { padding: 10px 0 10px; font-size: 0.750em; line-height: 150%; } .product-info-block .video_player { width: 270px; height: 153px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_pdfex_iph5.png?1567686355") no-repeat center center; background-size: 270px 153px; } .product-info-block .video_player a { width: 270px; height: 153px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/play_iph5.png?1567686355") no-repeat center center; background-size: 54px 54px; } .product-info-block .button { width: 120px; height: 30px; margin: 0 14px 0 0; padding: 0; font-size: 0.688em; line-height: 30px; border-radius: 3px; } .product-info-block .award { width: 193px; height: 31px; margin: 0 auto 10px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_iph5.png?1567686355") no-repeat center center; background-size: 193px 31px; } .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_iph5.png?1567686355"); } .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016_iph5.png?1567686355"); } .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice_iph5.png?1567686355"); } .en .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/en_appoftheyear_iph5.png?1567686355"); } .de .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/de_appoftheyear_iph5.png?1567686355"); } .es .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/es_appoftheyear_iph5.png?1567686355"); } .fr .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/fr_appoftheyear_iph5.png?1567686355"); } .it .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/it_appoftheyear_iph5.png?1567686355"); } .ja .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ja_appoftheyear_iph5.png?1567686355"); } .pt .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/pt_appoftheyear_iph5.png?1567686355"); } .ru .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/ru_appoftheyear_iph5.png?1567686355"); } .zh .product-info-block#pdfexpert_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/appoftheyear/zh_appoftheyear_iph5.png?1567686355"); } .en .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/en_bestof2016_iph5.png?1567686355"); } .de .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/de_bestof2016_iph5.png?1567686355"); } .es .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/es_bestof2016_iph5.png?1567686355"); } .fr .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/fr_bestof2016_iph5.png?1567686355"); } .it .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/it_bestof2016_iph5.png?1567686355"); } .ja .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ja_bestof2016_iph5.png?1567686355"); } .pt .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/pt_bestof2016_iph5.png?1567686355"); } .ru .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/ru_bestof2016_iph5.png?1567686355"); } .zh .product-info-block#spark_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/bestof2016/zh_bestof2016_iph5.png?1567686355"); } .en .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/en_editorschoice_iph5.png?1567686355"); } .de .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/de_editorschoice_iph5.png?1567686355"); } .es .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/es_editorschoice_iph5.png?1567686355"); } .fr .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/fr_editorschoice_iph5.png?1567686355"); } .it .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/it_editorschoice_iph5.png?1567686355"); } .ja .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ja_editorschoice_iph5.png?1567686355"); } .pt .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/pt_editorschoice_iph5.png?1567686355"); } .ru .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/ru_editorschoice_iph5.png?1567686355"); } .zh .product-info-block#scannerpro_ip .award { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/editorschoice/zh_editorschoice_iph5.png?1567686355"); } .product-info-block#pdfexpert_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_pdfex_iph5.png?1567686355"); } .product-info-block#spark_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_spark_iph5.png?1567686355"); } .product-info-block#scannerpro_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_scannerpro_iph5.png?1567686355"); } .product-info-block#calendars_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_calendar_iph5.png?1567686355"); } .product-info-block#pdfoffice_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_pdfoffice_iph5.png?1567686355"); } .product-info-block#printerpro_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_printerpro_iph5.png?1567686355"); } .product-info-block#documents_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/video_documents_iph5.png?1567686355"); } .product-info-block#pdfconverter_ip .video_player { background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/cover_pdfconvrt_iph5.png?1567686355"); } .social p { font-size: 0.9em; } .about-banner .video_play { height: 25px; margin: 50px auto 50px; padding: 0 0 0 35px; font-size: 1em; line-height: 25px; background-image: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/about/play_btn_iph7plus.png?1567686354"); background-size: 25px 25px; } .about-banner .next_container { max-width: 414px; height: 27px; background: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/index/iphone/line1_iph7plus.png?1567686355") no-repeat center center; background-size: 414px 27px; } .about-banner h1 { font-size: 1.6em; line-height: 130%; } .about-banner p { font-size: 0.9em; } .description.descr-scroll { padding: 10px 0 20px; } .about-banner .description.descr-scroll { font-size: 0.9em; } .told-stories { padding: 40px 0 30px; } .told-stories .description p { font-size: 0.9em; } .lessons-learned p { font-size: 0.9em; } .lessons-learned .separator { margin: 10px 0 30px; } .moving-forward p { font-size: 0.9em; } .logos-list .logos { margin-top: 40px; max-width: 90px; max-height: 45px; padding-right: 15px; } .logos-list .logos img { max-height: 45px; } .story .story-illustration .video_player { width: calc(100vw - 40px); height: calc((100vw - 40px) / 1.79); margin-bottom: 20px; } .footer .footer-menu h3 { font-size: 1.125em; } .footer .footer-menu .menu_container li { padding: 0 0 15px 15px; } .footer .footer-menu .menu_container li a { font-size: 0.9em; } .footer .rights .readdle-recommends { width: 280px; min-width: initial; } .footer .rights .readdle-recommends p.success { margin: 0 70px; } .footer-share-block { width: 280px; } } @media (max-width: 375px) { .ukraine-banner .container p { font-size: 16px; line-height: 26px; } .ja .ukraine-banner .container p { font-size: 13px; line-height: 25px; } .apps-scroll .product { min-width: 90px; min-height: 80px; } .product .icon { width: 55px; height: 55px; } } @media (min-width: 767px) and (max-width: 798px) { .about-banner { min-height: 600px; } } @media (-webkit-min-device-pixel-ratio: 2) { .bf2018-banner .cover { content: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/illustration_01-2_2x.png?1580480370"); } .pdfexpert-bf2018 .cover { content: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2018/illustration_02_2x.png?1567686354"); } .bundle-bf2018 .cover { content: url("https://d3pbdh1dmixop.cloudfront.net/assets/readdle/desktop/index/bf2019/illustration_03_2x.png?1580480370"); } }