#beta-fade.trans_overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1100;} #beta-dark.black_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); z-index: 1101; } #beta-light.white_content { position: fixed; width: 770px; height: 378px; top: 50%; left: 50%; margin: -189px 0 0 -385px; padding: 0; background: #fff url("/img/pdfexpert_mac_beta/beta-popup-bg.jpg") no-repeat center center; background-size: 770px 378px; border-radius: 6px; z-index: 1102; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100); overflow: hidden; } #beta-light.white_content a.close { display: block; position: absolute; width: 18px; height: 18px; top: 32px; left: 32px; background: url("/img/pdfexpert_mac_beta/icon-close.png") no-repeat center center; background-size: 18px 18px; } #beta-light.white_content h1 { margin: 0; padding: 50px 30px 20px 510px; font-size: 2em; line-height: 1em; font-weight: 600; color: #343434; } #beta-light.white_content h2 { margin: 0; padding: 0 30px 0 510px; font-size: 2em; line-height: 1em; font-weight: 400; color: #343434; } #beta-light.white_content p { padding: 50px 30px 40px 366px; font-size: 1.25em; line-height: 32px; font-weight: 400; color: #343434; } #beta-light.white_content form { margin: 0; padding: 0 0 0 366px; width: 360px; } #beta-light.white_content form input { float: left; display: block; padding: 6px 12px; width: 230px; height: 46px; border-right: none; border-radius: 4px 0 0 4px; background: transparent; } #beta-light.white_content form a { float: right; display: block; width: 130px; height: 46px; font-size: 1em; line-height: 46px; text-align: center; color: #fff; background-color: #4bcc18; border: 0; border-radius: 0 4px 4px 0; } #beta-light.white_content #beta-success { width: 240px; padding: 60px 0 0 420px; } #beta-light.white_content #beta-success p { padding: 0 0 10px; text-align: center; } input:focus, textarea:focus { outline: none; } .menu .container .products { -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); } h1 { color: #071d49; } h2 { color: #8791a5; } .products_menu { width: 100%; height: 150px; padding: 30px 0 0; text-align: center; border: none; font-weight: 600; border-bottom: 1px solid #f2f2f2; } .products_menu li { position: relative; display: inline-block; list-style-type: none; width: 154px; vertical-align: top; } .products_menu li a { display: block; width: 100%; height: 100%; color: #8791a5; text-align: center; font-weight: 600; } .products_menu li a:hover { color: #071d49; } .products_menu li a img { display: block; margin: 0 auto 17px; width: 84px; height: 84px; background: url("/img/index/blank.gif") no-repeat center center; background-size: 84px 84px; } .products_menu li.pdfexpert_mac { width: 100px; padding-right: 19px; } .products_menu li.documents { width: 84px; padding-left: 33px; } .products_menu .scannerpro img { background-image: url("/img/icons/84x84/home-icon-sp.png?6"); } .products_menu .pdfexpert5 img { background-image: url("/img/icons/84x84/home-icon-pe.png"); } .products_menu .printerpro img { background-image: url("/img/icons/84x84/home-icon-pp.png"); } .products_menu .calendars5 img { background-image: url("/img/icons/84x84/home-icon-cal.png"); } .products_menu .pdfconverter img { background-image: url("/img/icons/84x84/home-icon-pc.png"); } .products_menu .documents img { background-image: url("/img/icons/84x84/home-icon-doc.png"); } .products_menu .pdfoffice img { background-image: url("/img/icons/84x84/home-icon-po.png"); } .products_menu .spark img { background-image: url("/img/icons/84x84/home-icon-spark.png?20150909"); } .products_menu .pdfexpert_mac img { background-image: url("/img/icons/84x84/PDF-Expert-mac-icon-84.png"); } .products_menu li.current a { -moz-opacity: 0.4; opacity: .4; filter: alpha(opacity=40); pointer-events: none; cursor: default; } .products_window { position: relative; width: 100%; height: 740px; overflow: hidden; } .product { position: absolute; width: 100%; height: 660px; padding-bottom: 40px; display: none; background: url("/img/index/blank.gif") no-repeat center bottom; background-size: 1920px 512px; } .product.current { display: block; } .product .video_player { float: right; width: 684px; height: 460px; margin-right: -100px; background: url("/img/index/blank.gif") no-repeat center center; background-size: 684px 460px; } .product .video_player a { position: relative; top: 100px; left: 46px; display: block; width: 534px; height: 300px; } .product .video_player a img { display: block; position: absolute; top: 50%; left: 50%; width: 112px; height: 112px; margin: -56px 0 0 -56px; background: url("/img/main/video-btn.png") no-repeat center center; background-size: 112px 112px; -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; } .product .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; } .product .info { position: relative; float: left; width: 550px; padding: 100px 0 0; } .product .info .icon { display: block; float: left; width: 120px; height: 120px; background: url("/img/index/blank.gif") no-repeat center center; background-size: 120px 120px; } .product .info h1 { width: auto; padding: 8px 0 5px 160px; text-align: left; font-size: 3.5em; font-weight: 600; line-height: 1em; } .product .info h2 { width: auto; padding: 0 0 10px 160px; text-align: left; font-size: 2em; } .product .info p { width: auto; padding: 48px 0 0; text-align: left; font-size: 1.25em; } .product .buttons { margin: 60px 0 0; text-align: left; } .product .get_the_app { min-width: 100px; padding: 17px 43px 16px 43px; border: none; font-size: 1.250em; background-color: #3fc322; text-align: center; } .product .get_the_app:hover { border: none; background-color: #3fc322; } .product .ipad { display: none; } .product .go_to { position: relative; border: none; min-width: 100px; margin-left: 26px; padding: 17px 43px 16px 43px; color: #fff; font-size: 1.250em; text-align: center; background-color: #319eff; } .product .go_to:hover { border: none; background-color: #319eff; } .product .learn_more { position: relative; border: none; margin-left: 26px; padding: 17px 55px 16px 34px; color: #fff; font-size: 1.250em; text-align: left; background-color: #319eff; } .product .learn_more:hover { border: none; background-color: #319eff; } .product .learn_more::after { position: absolute; content: ""; top: 50%; right: 25px; width: 0; height: 0; margin: -4px 0 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #fff; } #spark.product { background-image: url("/img/main/background-spark.jpg"); } #spark.product .video_player { background-image: url("/img/main/video-spark.png"); } #spark.product .info .icon { background-image: url("/img/icons/120x120/icon-spark.png?20150909"); } #pdfexpert_mac.product { background-image: url("/img/main/background-pdfoffice.jpg"); } #pdfexpert_mac.product .video_player { background-image: url("/img/main/video-pdfexpert-mac.png"); } #pdfexpert_mac.product .video_player.ipad { background-image: url("/img/main/video-pdfexpert.png"); } #pdfexpert_mac.product .info .icon { background-image: url("/img/icons/120x120/PDF-Expert-mac-icon-120.png"); } #pdfoffice.product { background-image: url("/img/main/background-pdfoffice.jpg"); } #pdfoffice.product .video_player { background-image: url("/img/main/video-pdfoffice.png"); } #pdfoffice.product .info .icon { background-image: url("/img/icons/120x120/icon-pdfoffice.png"); } #scannerpro.product { background-image: url("/img/main/background-scannerpro.jpg"); } #scannerpro.product .video_player { background-image: url("/img/main/video-scannerpro.png?6"); } #scannerpro.product .info .icon { background-image: url("/img/icons/120x120/icon-scannerpro.png"); } #scannerpro.product .learn_more, #scannerpro.product .learn_more:hover { background-color: #319eff; } #pdfexpert5.product { background-image: url("/img/main/background-pdfexpert.jpg"); } #pdfexpert5.product .video_player { background-image: url("/img/main/video-pdfexpert.png"); } #pdfexpert5.product .info .icon { background-image: url("/img/icons/120x120/icon-pdfexpert.png"); } #printerpro.product { background-image: url("/img/main/background-printerpro.jpg"); } #printerpro.product .video_player { background-image: url("/img/main/video-printerpro.png"); } #printerpro.product .info .icon { background-image: url("/img/icons/120x120/icon-printerpro.png"); } #calendars5.product { background-image: url("/img/main/background-calendars.jpg"); } #calendars5.product .video_player { background-image: url("/img/main/video-calendars.png"); } #calendars5.product .info .icon { background-image: url("/img/icons/120x120/icon-calendars.png"); } #pdfconverter.product { background-image: url("/img/main/background-converter.jpg"); } #pdfconverter.product .info { position: relative; float: none; width: 100%; padding: 60px 0 0; } #pdfconverter.product .info .icon { float: none; margin: 0 auto; background-image: url("/img/icons/120x120/icon-pdfconverter.png"); } #pdfconverter.product .info h1 { width: auto; padding: 20px 0 10px; text-align: center; } #pdfconverter.product .info h2 { width: auto; padding: 0; text-align: center; } #pdfconverter.product .info p { width: 660px; margin: 0 auto; padding: 40px 0 0; text-align: center;} #pdfconverter.product .buttons { margin: 50px 0 0; text-align: center; } #documents.product { background-image: url("/img/main/background-documents.jpg"); } #documents.product .info { position: relative; float: none; width: 100%; padding: 60px 0 0; } #documents.product .info .icon { float: none; margin: 0 auto; background-image: url("/img/icons/120x120/icon-documents.png"); } #documents.product .info h1 { width: auto; padding: 20px 0 10px; text-align: center; } #documents.product .info h2 { width: auto; padding: 0; text-align: center; } #documents.product .info p { width: 660px; margin: 0 auto; padding: 40px 0 0; text-align: center;} #documents.product .buttons { margin: 50px 0 0; text-align: center; } .content.empower p { width: 920px; margin: 0 auto; text-align: fixed; } .content.empower h1 { padding: 46px 0 0; } .image-1 { margin: 40px 0 0; width: 760px; height: 332px; background: url("/img/main/home-img-45m.png") no-repeat center center; background-size: 760px 332px; } form { position: relative; width: 1000px; padding: 40px 0 30px; margin: 0 auto; } form input[type=email] { display: block; width: 703px; height: 72px; margin: 0; padding: 6px 12px 6px 80px; color: #555; background: #fff; border: 1px solid #c3cdd7; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-sizing: border-box; font-family: inherit; font-size: 1.375em; -webkit-appearance: none; } form input[type=email]:focus { border: 1px solid #319eff; } form.success input[type=email] { color: #17c94d; background-color: #fafefc; border: 1px solid #cbe4d3; } form.error input[type=email] { background-color: #fff4f4; border: 1px solid #fccdcb; } form p.error_text { display: none; position: absolute; text-align: left; bottom: -10px; left: 20px; font-size: 1em; font-weight: normal; color: #fe3131; } form .status { display: block; position: absolute; width: 72px; height: 72px; top: 40px; left: 4px; background: url("/img/index/home-subscribe-icon.png") no-repeat 0 0; background-size: 72px 216px; } form.success .status { background-position: 0 -72px; } form.error .status { background-position: 0 -144px; } form .button { padding: 20px 74px; font-size: 1.375em; font-weight: 600; } .button { padding: 15px 38px; font-size: 1.375em; font-weight: 600; } .button.subscribe { border: 1px solid #319eff; background-color: #319eff; color: #fff; text-transform: uppercase; } .button.subscribe:hover { border: 1px solid #319eff; background-color: #319eff; } .team-description { width: 406px; padding: 0; } .team-illustration { width: 754px; padding: 0; } .image-2 { margin: 40px 0 0; width: 754px; height: 560px; background: url("/img/main/home-img-photo.jpg") no-repeat center center; background-size: 754px 560px; } .team-illustration .video_player { float: right; width: 684px; height: 460px; margin: 60px 0 0; background: url("/img/main/video-readdle2015.png") no-repeat center center; background-size: 684px 460px; } .team-illustration .video_player a { position: relative; top: 100px; left: 46px; display: block; width: 534px; height: 300px; } .team-illustration .video_player a img { display: block; position: absolute; top: 50%; left: 50%; width: 112px; height: 112px; margin: -56px 0 0 -56px; background: url("/img/main/video-btn.png") no-repeat center center; background-size: 112px 112px; -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; } .team-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; } .panel6 h1 { position: absolute; font-size: 3em; width: 100%; text-align: center; top: 80px; color: #000; z-index: 30; } .content.press { position: absolute; top: 240px; left: 50%; margin-left: -580px; z-index: 50; } .panel6 { min-height: 860px; } .press a { display: block; float: left; padding: 40px 0; } .press img { background: url("/img/7years/sprite-logos.png") no-repeat 0 0; background-size: 1161px 256px; } .press a.bbc { padding: 40px 37px 52px 0; } .press a.bbc img { width: 146px; height: 71px; background-position: 0 0; } .press a.cnet { padding: 40px 37px 52px; } .press a.cnet img { width: 70px; height: 71px; background-position: -220px 0; } .press a.macworld { padding: 40px 36px 52px; } .press a.macworld img { width: 133px; height: 71px; background-position: -363px 0; } .press a.tnw { padding: 40px 29px 52px 37px; } .press a.tnw img { width: 125px; height: 71px; background-position: -569px 0; } .press a.twt { padding: 40px 28px 52px 29px; } .press a.twt img { width: 174px; height: 71px; background-position: -752px 0; } .press a.gizmodo { padding: 40px 0 52px 25px; } .press a.gizmodo img { width: 181px; height: 71px; background-position: -979px 0; } .press a.lh { padding: 52px 36px 47px 0; } .press a.lh img { width: 84px; height: 94px; background-position: 0 -83px; } .press a.tc { padding: 52px 29px 47px 36px; } .press a.tc img { width: 104px; height: 94px; background-position: -156px -83px; } .press a.twj { padding: 52px 24px 47px 29px; } .press a.twj img { width: 210px; height: 94px; background-position: -318px -83px; } .press a.usatoday { padding: 52px 22px 47px 25px; } .press a.usatoday img { width: 162px; height: 94px; background-position: -577px -83px; } .press a.theverge { padding: 52px 22px 47px 22px; } .press a.theverge img { width: 195px; height: 94px; background-position: -783px -83px; } .press a.oreilly { padding: 52px 0 47px 23px; } .press a.oreilly img { width: 137px; height: 94px; background-position: -1024px -83px; } .press a.bloomberg { padding-right: 41px; } .press a.bloomberg img { width: 196px; height: 79px; background-position: 0 -177px; } .press a.gigaom { padding-left: 40px; padding-right: 40px; } .press a.gigaom img { width: 172px; height: 79px; background-position: -277px -177px; } .press a.theguardian { padding-left: 39px; padding-right: 43px; } .press a.theguardian img { width: 172px; height: 79px; background-position: -528px -177px; } .press a.wired { padding-left: 43px; padding-right: 40px; } .press a.wired img { width: 168px; height: 79px; background-position: -786px -177px; } .press a.zdnet { padding-left: 39px; } .press a.zdnet img { width: 127px; height: 79px; background-position: -1033px -177px; } #subscribe { padding-bottom: 100px; background: url("/img/main/background-documents.jpg") no-repeat center bottom; background-size: 1920px 512px; } a.learn_more_link { position: relative; display: inline-block; margin-top:24px; padding: 0 20px 0 0; color: #319eff; font-weight: 600; } a.learn_more_link::after { position: absolute; content: ""; top: 11px; right: 0; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid #319eff; } .bottom { background-color: #fff; } #ip_pdfexpert_mac { position: absolute; top: 50%; left: 50%; width: 320px; height: 370px; margin: -185px 0 0 -160px; background: url("/img/main/iphone/popup-bg-2x.png") no-repeat center center; background-size: 320px 370px; z-index: 1102; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100); overflow: hidden; } #ip_pdfexpert_mac p { color: #fff; padding: 150px 0 30px; font-size: 1.5em; font-weight: 600; line-height: 32px; text-align: center; } #ip_pdfexpert_mac p.success { color: #fff; padding: 150px 0 30px; font-size: 1.5em; font-weight: 600; line-height: 32px; text-align: center; } #ip_pdfexpert_mac input { display: block; width: 270px; height: 42px; margin: 0 auto 17px; padding: 0; font-size: 1em; font-weight: 400; line-height: 44px; text-align: center; border: 1px solid rgba(0, 0, 0, 20); border-radius: 3px; } #ip_pdfexpert_mac a.send_link { display: block; width: 270px; height: 44px; margin: 0 auto; padding: 0; color: #fff; font-size: 1em; font-weight: 500; line-height: 44px; text-align: center; background: #4bcc18; border-radius: 3px; } #ip_pdfexpert_mac a.close { position: absolute; top: 16px; left: 16px; width: 12px; height: 12px; background: url("/img/main/iphone/icon-close-2x.png") no-repeat center center; background-size: 12px 12px; } @media (-webkit-min-device-pixel-ratio: 2) { .products_menu .scannerpro img { background-image: url("/img/icons/84x84/home-icon-sp@2x.png?6"); } .products_menu .pdfexpert5 img { background-image: url("/img/icons/84x84/home-icon-pe@2x.png"); } .products_menu .printerpro img { background-image: url("/img/icons/84x84/home-icon-pp@2x.png"); } .products_menu .calendars5 img { background-image: url("/img/icons/84x84/home-icon-cal@2x.png"); } .products_menu .pdfconverter img { background-image: url("/img/icons/84x84/home-icon-pc@2x.png"); } .products_menu .documents img { background-image: url("/img/icons/84x84/home-icon-doc@2x.png"); } .products_menu .pdfoffice img { background-image: url("/img/icons/84x84/home-icon-po@2x.png"); } .products_menu .spark img { background-image: url("/img/icons/84x84/home-icon-spark@2x.png?20150909"); } .products_menu .pdfexpert_mac img { background-image: url("/img/icons/84x84/PDF-Expert-mac-icon-84@2x.png"); } .product .video_player a img { background-image: url("/img/main/video-btn@2x.png"); } #spark.product { background-image: url("/img/main/background-spark@2x.jpg"); } #spark.product .video_player { background-image: url("/img/main/video-spark@2x.png"); } #spark.product .info .icon { background-image: url("/img/icons/120x120/icon-spark@2x.png?20150909"); } #pdfexpert_mac.product { background-image: url("/img/main/background-pdfoffice@2x.jpg"); } #pdfexpert_mac.product .video_player { background-image: url("/img/main/video-pdfexpert-mac@2x.png"); } #pdfexpert_mac.product .video_player.ipad { background-image: url("/img/main/video-pdfexpert@2x.png"); } #pdfexpert_mac.product .info .icon { background-image: url("/img/icons/120x120/PDF-Expert-mac-icon-120@2x.png"); } #pdfoffice.product { background-image: url("/img/main/background-pdfoffice@2x.jpg"); } #pdfoffice.product .video_player { background-image: url("/img/main/video-pdfoffice@2x.png"); } #pdfoffice.product .info .icon { background-image: url("/img/icons/120x120/icon-pdfoffice@2x.png"); } #scannerpro.product { background-image: url("/img/main/background-scannerpro@2x.jpg"); } #scannerpro.product .video_player { background-image: url("/img/main/video-scannerpro@2x.png?6"); } #scannerpro.product .info .icon { background-image: url("/img/icons/120x120/icon-scannerpro@2x.png"); } #pdfexpert5.product { background-image: url("/img/main/background-pdfexpert@2x.jpg"); } #pdfexpert5.product .video_player { background-image: url("/img/main/video-pdfexpert@2x.png"); } #pdfexpert5.product .info .icon { background-image: url("/img/icons/120x120/icon-pdfexpert@2x.png"); } #printerpro.product { background-image: url("/img/main/background-printerpro@2x.jpg"); } #printerpro.product .video_player { background-image: url("/img/main/video-printerpro@2x.png"); } #printerpro.product .info .icon { background-image: url("/img/icons/120x120/icon-printerpro@2x.png"); } #calendars5.product { background-image: url("/img/main/background-calendars@2x.jpg"); } #calendars5.product .video_player { background-image: url("/img/main/video-calendars@2x.png"); } #calendars5.product .info .icon { background-image: url("/img/icons/120x120/icon-calendars@2x.png"); } #pdfconverter.product { background-image: url("/img/main/background-converter@2x.jpg"); } #pdfconverter.product .info .icon { background-image: url("/img/icons/120x120/icon-pdfconverter@2x.png"); } #documents.product { background-image: url("/img/main/background-documents@2x.jpg"); } #documents.product .info .icon { background-image: url("/img/icons/120x120/icon-documents@2x.png"); } #subscribe { background-image: url("/img/main/background-documents@2x.jpg"); } .image-1 { background-image: url("/img/main/home-img-45m@2x.png"); } .image-2 { background-image: url("/img/main/home-img-photo@2x.png"); } .team-illustration .video_player { background-image: url("/img/main/video-readdle2015@2x.png"); } .team-illustration .video_player a img { background-image: url("/img/main/video-btn@2x.png"); } .press img { background-image: url("/img/7years/sprite-logos@2x.png"); } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .product .desktop { display: none; } .product .ipad { display: inline-block; } } /* iPhone 5 styles */ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) { #ip_pdfexpert_mac { position: absolute; top: 50%; left: 50%; width: 320px; height: 370px; margin: -185px 0 0 -160px; background: url("/img/main/iphone/popup-bg-2x.png") no-repeat center center; background-size: 320px 370px; z-index: 1102; -moz-opacity: 1; opacity:1; filter: alpha(opacity=100); overflow: hidden; } #ip_pdfexpert_mac p { color: #fff; padding: 160px 0 30px; font-size: 1.5em; font-weight: 600; line-height: 32px; text-align: center; } #ip_pdfexpert_mac p.success { color: #fff; padding: 150px 0 30px; font-size: 1.5em; font-weight: 600; line-height: 32px; text-align: center; } #ip_pdfexpert_mac input { display: block; width: 270px; height: 42px; margin: 0 auto 17px; padding: 0; font-size: 1em; font-weight: 400; line-height: 44px; text-align: center; border: 1px solid rgba(0, 0, 0, 20); border-radius: 3px; } #ip_pdfexpert_mac a.send_link { display: block; width: 270px; height: 44px; margin: 0 auto; padding: 0; color: #fff; font-size: 1em; font-weight: 500; line-height: 44px; text-align: center; background: #4bcc18; border-radius: 3px; } #ip_pdfexpert_mac a.close { position: absolute; top: 16px; left: 16px; width: 12px; height: 12px; background: url("/img/main/iphone/icon-close-2x.png") no-repeat center center; background-size: 12px 12px; } .products_menu_window { width: 100%; margin: 0; padding: 55px 0 0; height: 100px; text-align: left; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .products_menu { width: 550px; height: 110px; margin: 0; padding: 0 20px; border: 0; } .products_menu li { position: relative; display: inline-block; list-style-type: none; width: 70px; height: 85px; padding-bottom: 10px; border-bottom: 1px solid #e1e1e1; vertical-align: top; } .products_menu li a { display: block; width: 100%; height: 100%; color: #8791a5; text-align: center; font-size: 0.688em; font-weight: 400; line-height: 14px } .products_menu li a img { margin: 0 auto 15px; display: block; width: 48px; height: 48px; background: url("/img/index/blank.gif") no-repeat 0 0; background-size: 48px 48px; } .products_menu li.documents { width: 70px; padding: 0 0 10px; } .products_menu li:first-of-type { width: 70px; padding-right: 0; } .products_menu li:last-of-type { width: 48px; padding-left: 11px; } .products_menu li.scannerpro a img { background-image: url("/img/main/iphone/icon-scanner@2x.png"); } .products_menu li.pdfexpert a img { background-image: url("/img/main/iphone/icon-expert@2x.png"); } .products_menu li.printerpro a img { background-image: url("/img/main/iphone/icon-printer@2x.png"); } .products_menu li.calendars a img { background-image: url("/img/main/iphone/icon-calendars@2x.png"); } .products_menu li.documents a img { background-image: url("/img/main/iphone/icon-documents@2x.png"); } .products_menu li.pdfconverter a img { background-image: url("/img/main/iphone/icon-converter@2x.png"); } .products_menu li.pdfoffice a img { background-image: url("/img/main/iphone/icon-office@2x.png"); } .products_window { position: relative; width: 100%; height: 375px; } .product { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; padding: 0; text-align: center; display: none; z-index: 10; background: url("/img/index/blank.gif") no-repeat center bottom; background-size: 320px 300px; } .product.current { display: block; } .product h1 { font-size: 1.750em; line-height: 1.5em; font-weight: 600; width: 100%; margin-top: 0; padding: 0; } .product h2 { margin: 0 auto; padding: 0 0 3px; font-size: 1em; line-height: 1.250em; font-weight: 400; } .product p { padding: 19px 30px 34px; font-size: 0.875em; } .product .button { display: inline-block; width: 132px; margin: 0; font-size: 0.813em; padding: 11px 0; } .product .go_to { position: relative; margin-left: 16px; } .product .learn_more { position: relative; width: 112px; margin-left: 16px; padding: 11px 20px 11px 0; color: #fff; text-align: center; } .product .learn_more::after { position: absolute; content: ""; top: 50%; right: 20px; width: 0; height: 0; margin: -4px 0 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #fff; } .product .video_player { margin: 0 auto; width: 320px; height: 195px; background: url("/img/index/blank.gif") no-repeat center center; background-size: 320px 195px; } .product .video_player a { position: static; display: block; width: 100%; height: 100%; background: url("/img/main/iphone/video-button@2x.png") no-repeat center center; background-size: 56px 56px; } #spark_ip { height: 370px; background-image: url("/img/main/iphone/iphone-background-spark@2x.jpg"); } #pdfoffice_ip { background-image: url("/img/main/iphone/iphone-background-pdfoffice@2x.jpg"); } #scannerpro_ip { background-image: url("/img/main/iphone/iphone-background-scannerpro@2x.jpg"); } #pdfexpert_ip { background-image: url("/img/main/iphone/iphone-background-pdfexpert@2x.jpg"); } #printerpro_ip { background-image: url("/img/main/iphone/iphone-background-printerpro@2x.jpg"); } #calendars_ip { background-image: url("/img/main/iphone/iphone-background-calendars@2x.jpg"); } #documents_ip { background-image: url("/img/main/iphone/iphone-background-documents@2x.jpg"); background-size: 320px 328px; } #pdfconverter_ip { background-image: url("/img/main/iphone/iphone-background-pdfconverter@2x.jpg"); background-size: 320px 328px; } #pdfexpert_mac_ip { background-image: url("/img/main/iphone/iphone-background-pdfexpert@2x.jpg"); } #spark_ip .video_player { background-image: url("/img/main/iphone/iphone-video-spark@2x.png"); } #pdfoffice_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfoffice@2x.png"); } #scannerpro_ip .video_player { background-image: url("/img/main/iphone/iphone-video-scannerpro@2x.png"); } #pdfexpert_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfexpert@2x.png"); } #printerpro_ip .video_player { background-image: url("/img/main/iphone/iphone-video-printerpro@2x.png"); } #calendars_ip .video_player { background-image: url("/img/main/iphone/iphone-video-calendars@2x.png"); } #pdfexpert_mac_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfexpert-mac@2x.png"); } #pdfexpert_mac_ip .video_player.iphone { background-image: url("/img/main/iphone/iphone-video-pdfexpert@2x.png"); } #scannerpro_ip h2 { font-size: 0.938em; } a.learn_more_link { margin-top: 0; padding: 0 15px 0 0; } a.learn_more_link::after { top: 7px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #319eff; } hr.separator { width: 50%; margin: 0 auto; border: none; border-top: 1px solid #e1e1e1; height: 0; } #section_1 { padding: 0 0 30px; } #section_1 h1 { color: #333; padding: 11px 0 16px; } #section_1 p { text-align: left; padding: 0 20px; margin: 0; } #section_1 p.text-center { text-align: center; padding-top: 10px; } #section_1 img { display: block; width: 320px; height: 250px; margin: 0 auto; background: url("/img/main/iphone/iphone-home-img45m@2x.png") no-repeat center center; background-size: 320px 250px; } #section_2 { padding: 0 0 80px; background: url("/img/main/iphone/iphone-background-printerpro@2x.jpg") no-repeat center bottom; background-size: 320px 300px; } #section_2 h1 { color: #333; } #section_2 p { text-align: center; padding: 16px 20px 0; margin: 0; color: #444; font-size: 1em; line-height: 1.5em; font-weight: 600; } #section_3 { padding: 0; } #section_3 h1 { padding: 16px 0 0; color: #333; } #section_3 p { text-align: left; padding: 0 20px 16px; margin: 0; } #section_3 p.text-center { text-align: center; padding-top: 0; margin-top: -8px ;} #section_3 img { display: block; width: 320px; height: 220px; margin: 0 auto; background: url("/img/main/iphone/iphone-home-img-photo@2x.png") no-repeat center center; background-size: 320px 220px; } #section_3 .video_player { margin: 0 auto; width: 320px; height: 195px; background: url("/img/main/iphone/iphone-video-readdle2015@2x.png") no-repeat center center; background-size: 320px 195px; } #section_3 .video_player a { position: static; display: block; width: 100%; height: 100%; background: url("/img/main/iphone/video-button@2x.png") no-repeat center center; background-size: 56px 56px; } form { position: relative; width: 280px; padding: 0; margin: 10px auto 0; } form input[type=email] { display: block; width: 280px; height: 48px; margin: 0; padding: 6px 12px 6px 54px; text-align: left; font-family: inherit; font-size: 1em; font-weight: 400; color: #555; background: #fff; background-size: 46px 138px; border: 1px solid #e1e1e1; border-radius: 3px; box-sizing: border-box; -webkit-appearance: none; } form.success input[type=email] { color: #17c94d; background-color: #fafafa; border: 1px solid #cbe4d3; } form.error input[type=email] { background-color: #fff4f4; border: 1px solid #fccdcb; } form p.error_text { display: none; position: absolute; text-align: left; bottom: -30px; left: 0; font-size: 1em; color: #fe3131; } form .status { display: block; position: absolute; width: 46px; height: 46px; top: 0; left: 6px; background: url("/img/index/iphone/iphone-subscribe@2x.png") no-repeat 0 0; background-size: 46px 138px; } form.success .status { background-position: 0 -46px; } form.error .status { background-position: 0 -92px; } form .button { font-size: 1em; padding: 12px 26px;} .ip_subscribe { display: block; padding: 14px 0; margin: 20px auto 0; text-align: center; border: 1px solid #4fa7ff; border-radius: 3px; background-color: #4fa7ff; color: #fff; font-size: 1em; text-transform: uppercase; } .ip_subscribe:hover { color: #fff; } #ip_press h1 { font-size: 1.250em; color: #000; padding: 45px 0 22px; } .ip_press_row { padding: 0; width: 280px; margin: 0 auto; } .ip_press { display: inline-block; background: url("/img/7years/iphone/sprite-logo-iphone.png") no-repeat 0 0; background-size: 280px 184px; } .ip_press.bbc { width: 100px; height: 44px; margin: 10px 0 26px; background-position: 0 0; } .ip_press.cnet { width: 80px; height: 44px; margin: 10px 0 26px; background-position: -104px 0; } .ip_press.macworld { width: 100px; height: 44px; margin: 10px 0 26px; background-position: -180px 0; } .ip_press.tuaw { width: 82px; height: 35px; margin: 0 0 34px; background-position: 0 -45px; } .ip_press.tc { width: 77px; height: 35px; margin: 0 0 34px; background-position: -82px -45px; } .ip_press.gizmodo { width: 121px; height: 35px; margin: 0 0 34px; background-position: -159px -45px; } .ip_press.theverge { width: 106px; height: 21px; margin: 0 0 42px; background-position: 0 -80px; } .ip_press.oreilly { width: 100px; height: 21px; margin: 0 0 42px; background-position: -106px -80px; } .ip_press.tnw { width: 74px; height: 21px; margin: 0 0 42px; background-position: -206px -80px; } .ip_press.twt { width: 140px; height: 21px; margin: 0 0 32px; background-position: 0 -101px; } .ip_press.twj { width: 140px; height: 21px; margin: 0 0 32px; background-position: -140px -101px; } .ip_press.gigaom { width: 105px; height: 40px; margin: 0 0 31px; background-position: 0 -122px; } .ip_press.usatoday { width: 100px; height: 40px; margin: 0 0 31px; background-position: -105px -122px; } .ip_press.zdnet { width: 75px; height: 40px; margin: 0 0 31px; background-position: -205px -122px; } .ip_press.bloomberg { width: 95px; height: 22px; margin: 0 0 40px; background-position: 0 -162px; } .ip_press.theguardian { width: 98px; height: 22px; margin: 0 0 40px; background-position: -95px -162px; } .ip_press.wired { width: 87px; height: 22px; margin: 0 0 40px; background-position: -193px -162px; } } /* iPhone 4 styles */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } /* iPhone 6 styles */ @media only screen and (min-device-width : 374px) and (max-device-width : 376px) { .products_window { height: 440px; } .products_window h1 { padding-top: 10px; } .product { background-size: 375px 351px; } .product .video_player { margin: 0 auto; width: 375px; height: 228px; background: url("/img/index/blank.gif") no-repeat center center; background-size: 375px 228px; } .product .button { width: 155px; padding: 13px 0; font-size: 1em; } .product .learn_more { width: 135px; padding: 13px 20px 13px 0; font-size: 1em; } .product .learn_more::after { right: 25px; } #spark_ip { height: 440px; background-image: url("/img/main/iphone/iphone-background-spark-iphone6@2x.jpg"); } #pdfoffice_ip { background-image: url("/img/main/iphone/iphone-background-pdfoffice-iphone6@2x.jpg"); } #scannerpro_ip { background-image: url("/img/main/iphone/iphone-background-scannerpro-iphone6@2x.jpg"); } #pdfexpert_ip { background-image: url("/img/main/iphone/iphone-background-pdfexpert-iphone6@2x.jpg"); } #printerpro_ip { background-image: url("/img/main/iphone/iphone-background-printerpro-iphone6@2x.jpg"); } #calendars_ip { background-image: url("/img/main/iphone/iphone-background-calendars-iphone6@2x.jpg"); } #documents_ip { background: url("/img/main/iphone/iphone-background-documents-iphone6@2x.jpg") no-repeat center 80%; background-size: 375px 385px; } #pdfconverter_ip { background: url("/img/main/iphone/iphone-background-pdfconverter-iphone6@2x.jpg") no-repeat center 80%; background-size: 375px 385px; } #spark_ip .video_player { background-image: url("/img/main/iphone/iphone-video-spark-iphone6@2x.png"); } #pdfoffice_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfoffice-iphone6@2x.png"); } #scannerpro_ip .video_player { background-image: url("/img/main/iphone/iphone-video-scannerpro-iphone6@2x.png"); } #pdfexpert_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfexpert-iphone6@2x.png"); } #printerpro_ip .video_player { background-image: url("/img/main/iphone/iphone-video-printerpro-iphone6@2x.png"); } #calendars_ip .video_player { background-image: url("/img/main/iphone/iphone-video-calendars-iphone6@2x.png"); } #pdfexpert_mac_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfexpert-mac-iphone6@2x.png"); } #documents_ip h1, #pdfconverter_ip h1 { padding-top: 35px; } #documents_ip h2 { padding: 0 40px 3px; } #section_1 p { padding: 0 25px; } #section_2 { background-image: url("/img/main/iphone/iphone-background-printerpro-iphone6@2x.jpg"); background-size: 375px 351px; } #section_2 p { padding: 16px 40px 0; } #section_3 p { padding: 0 25px 16px; } #section_3 .video_player { margin: 0 auto; width: 375px; height: 228px; background: url("/img/main/iphone/iphone-video-readdle2015-iphone6@2x.png") no-repeat center center; background-size: 375px 228px; } } /* iPhone 6 Plus styles */ @media only screen and (min-device-width : 413px) and (max-device-width : 415px) { #ip_pdfexpert_mac { background-image: url("/img/main/iphone/popup-bg-3x.png"); } .products_window { height: 463px; } .products_window h1 { padding-top: 10px; } .products_window h2 { font-size: 1.125em; } .product { background-size: 414px 388px; } .product .video_player { margin: 0 auto; width: 414px; height: 252px; background: url("/img/index/blank.gif") no-repeat center center; background-size: 414px 252px; } .product .video_player a { position: static; display: block; width: 100%; height: 100%; background: url("/img/main/iphone/video-button@3x.png") no-repeat center center; background-size: 56px 56px; } .product .button { width: 172px; padding: 15px 0; font-size: 1.063em; } .product .learn_more { width: 152px; padding: 15px 20px 15px 0; font-size: 1.063em; } .product .learn_more::after { right: 25px; } .product p { font-size: 1em; } #spark_ip { height: 463px; background-image: url("/img/main/iphone/iphone-background-spark@3x.jpg"); } #pdfoffice_ip { background-image: url("/img/main/iphone/iphone-background-pdfoffice@3x.jpg"); } #scannerpro_ip { background-image: url("/img/main/iphone/iphone-background-scannerpro@3x.jpg"); } #pdfexpert_ip { background-image: url("/img/main/iphone/iphone-background-pdfexpert@3x.jpg"); } #printerpro_ip { background-image: url("/img/main/iphone/iphone-background-printerpro@3x.jpg"); } #calendars_ip { background-image: url("/img/main/iphone/iphone-background-calendars@3x.jpg"); } #documents_ip { background-image: url("/img/main/iphone/iphone-background-documents@3x.jpg"); background-size: 414px 424px; } #pdfconverter_ip { background-image: url("/img/main/iphone/iphone-background-pdfconverter@3x.jpg"); background-size: 414px 424px; } #spark_ip .video_player { background-image: url("/img/main/iphone/iphone-video-spark@3x.png"); } #pdfoffice_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfoffice@3x.png"); } #scannerpro_ip .video_player { background-image: url("/img/main/iphone/iphone-video-scannerpro@3x.png"); } #pdfexpert_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfexpert@3x.png"); } #printerpro_ip .video_player { background-image: url("/img/main/iphone/iphone-video-printerpro@3x.png"); } #calendars_ip .video_player { background-image: url("/img/main/iphone/iphone-video-calendars@3x.png"); } #pdfexpert_mac_ip .video_player { background-image: url("/img/main/iphone/iphone-video-pdfexpert-mac-iphone6plus@3x.png"); } #documents_ip h1, #pdfconverter_ip h1 { padding-top: 36px; } #documents_ip h2 { padding: 14px 80px 15px; } #pdfconverter_ip h2 { padding: 0 0 15px; } #pdfconverter_ip p { padding: 19px 40px 34px; } #documents_ip.product .button { margin: 0 0 0; } #documents_ip.product .learn_more { margin-left: 12px; } #pdfconverter_ip.product .button { margin: 0 0 0; } #pdfconverter_ip.product .learn_more { margin-left: 12px; } #section_1 img { width: 414px; height: 323px; background-image: url("/img/main/iphone/iphone-home-img45m@3x.png"); background-size: 414px 323px; } #section_2 { background-image: url("/img/main/iphone/iphone-background-printerpro@3x.jpg"); background-size: 414px 351px; } #section_3 img { width: 414px; height: 284px; background-image: url("/img/main/iphone/iphone-home-img-photo@3x.png"); background-size: 414px 284px; } #section_3 .video_player { margin: 0 auto; width: 414px; height: 252px; background: url("/img/main/iphone/iphone-video-readdle2015@3x.png") no-repeat center center; background-size: 414px 252px; } form .status { background-image: url("/img/index/iphone/iphone-subscribe@3x.png"); } .ip_press_row { position: relative; padding: 0; width: 414px; height: 444px; margin: 0 auto 30px; background: url("/img/7years/iphone/sprite-logo-iphone@3x.png") no-repeat 0 -40px; background-size: 414px 484px; } .ip_press { position: absolute; margin: 0; padding: 0; top: 0; left: 0; background: transparent; } #ip_press h1 { font-size: 1.625em; } .ip_press.bbc { width: 100px; height: 45px; top: 16px; left: 16px; } .ip_press.cnet { width: 80px; height: 45px; top: 16px; left: 170px; } .ip_press.macworld { width: 100px; height: 45px; top: 16px; left: 300px; } .ip_press.tuaw { width: 82px; height: 45px; top: 100px; left: 15px; } .ip_press.tc { width: 77px; height: 45px; top: 100px; left: 148px; } .ip_press.gizmodo { width: 121px; height: 45px; top: 100px; left: 276px; } .ip_press.theverge { width: 106px; height: 45px; top: 160px; left: 20px; } .ip_press.oreilly { width: 100px; height: 45px; top: 160px; left: 170px; } .ip_press.tnw { width: 74px; height: 45px; top: 160px; left: 320px; } .ip_press.twt { width: 140px; height: 45px; top: 230px; left: 20px; } .ip_press.twj { width: 140px; height: 45px; top: 230px; left: 256px; } .ip_press.gigaom { width: 105px; height: 45px; top: 300px; left: 16px; } .ip_press.usatoday { width: 100px; height: 45px; top: 300px; left: 170px; } .ip_press.zdnet { width: 75px; height: 45px; top: 300px; left: 320px; } .ip_press.bloomberg { width: 95px; height: 45px; top: 370px; left: 20px; } .ip_press.theguardian { width: 98px; height: 45px; top: 370px; left: 160px; } .ip_press.wired { width: 87px; height: 45px; top: 370px; left: 306px; } }