* { margin: 0; padding: 0; }
a { color: #0074e6; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

html { position: relative; min-height: 100%; font-size: 100%; line-height: 1.5; font-family: "Open Sans", "Helvetica Neue", Arial, Verdana, serif; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
body { background-color: #fff; margin: 0 0 295px; }

hr { border: none; height: 1px; margin: 60px 0; color: #ccc; background-color: #ccc; }

img { width: 100%; height: auto; }


/* Common elements */
.btn { position: relative; display: inline-block; width: auto; height: 42px; margin: 0 20px; padding: 0 30px; font-size: 1em; font-weight: 600; line-height: 42px; text-align: center; border: 1px solid #ccc; border-radius: 4px; }
.btn.arrow { padding: 0 45px 0 30px; }
.btn.arrow img { position: absolute; top: 13px; right: 20px; width: 10px; height: 16px; }

.btn.green { color: #fff; background-color: #25c700; border: 1px solid #25c700; }
.btn.disabled { color: #999; }

.apple-badge img { display: inline-block; height: 50px; width: auto; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-margin-left { margin-left: 0 !important; }
.no-margin-right { margin-right: 0 !important; }

.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.no-padding-right { padding-right: 0 !important; }

.show-ipad { display: none; }
.show-iphone { display: none; }

.show-ipad-button { display: none; }
.show-iphone-button { display: none; }

html[data-platform='iPad'] .show-mac-button { display: none; }
html[data-platform='iPad'] .show-ipad-button { display: inline-block; }

html[data-platform='iPhone'] .show-mac-button { display: none; }
html[data-platform='iPhone'] .show-iphone-button { display: inline-block; }


.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; }


/* Top navbar */
.top { position: absolute; top: 0; width: 100%; z-index: 1000; background-color: transparent; border-bottom: 1px solid transparent; }
.top-content { max-width: 1200px; height: 59px; margin: auto; padding: 0 20px; text-align: center; }

.top .logo { margin: 15px 0; }
.top .btn { margin: 8px 0; opacity: 0; }
.top .readdle-logo { width: 110px; height: 38px; background: url("/img/index/readdle-logo-white.png") no-repeat 0 0; background-size: 110px 38px; }

.top .menu { display: inline-block; margin: auto; }
.top .menu li { position: relative; display: inline-block; list-style-type: none; font-size: 1em; }
.top .menu li a { display: block; height: 60px; margin: 0 60px; padding: 0 5px; color: #fff; font-size: 1em; font-weight: 600; line-height: 60px; transition: 0.2s; }
.top .menu li a:hover { color: #fff; }

.top.moved { background-color: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.top.moved .logo { width: 80px; height: 29px; }
.top.moved .logo .cls-1 { fill: #1160cb; fill-rule: evenodd; }
.top.moved .btn { opacity: 1; }

.top.moved .menu li a { color: #888; }
.top.moved .menu li a:hover { color: #000; }


/* Bottom footer */
.bottom { position: absolute; bottom: 0; width: 100%; }
.footer { position: relative; max-width: 1200px; margin: 0 auto; padding: 60px 0; }

.footer .menu_container { margin: 0; padding: 0; text-align: right; display: inline-block; width: 220px; vertical-align: top; list-style: none inside; }
.footer .menu_container li { text-align: left; margin-bottom: 1em; }
.footer .menu_container li:last-child { margin-bottom: 0; }
.footer .menu_container li a { transition: 0.15s; text-transform: uppercase; color: #8c8c8c; 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: #000; }
.footer .menu_container li a.current { color: #000; }
.footer .menu_container:nth-child(2) li a, .footer .menu_container:nth-child(3) li a { padding-left: 15px; border-left: 3px solid transparent; }
.footer .menu_container:nth-child(2) li a.current, .footer .menu_container:nth-child(3) li a.current { border-color: #de2121; }

.footer .rights { width: 348px; }

.footer .rights .social {  }
.footer .rights .social a { display: inline-block; width: 58px; height: 24px; background: url("/img/index/footer-socials.png") no-repeat 0 0; background-size: 348px 48px; }
.footer .rights .social a.twitter { background-position: 0 0; }
.footer .rights .social a.twitter:hover { background-position: 0 -24px; }
.footer .rights .social a.facebook { background-position: -58px 0; }
.footer .rights .social a.facebook:hover { background-position: -58px -24px; }
.footer .rights .social a.vimeo { background-position: -116px 0; }
.footer .rights .social a.vimeo:hover { background-position: -116px -24px; }
.footer .rights .social a.youtube { background-position: -174px 0; }
.footer .rights .social a.youtube:hover { background-position: -174px -24px; }
.footer .rights .social a.behance { background-position: -232px 0; }
.footer .rights .social a.behance:hover { background-position: -232px -24px; }
.footer .rights .social a.dribble { background-position: -290px 0; }
.footer .rights .social a.dribble:hover { background-position: -290px -24px; }

.footer .rights .share { padding: 40px 0 0 0; }
.footer .rights .share .fb_share { display: inline-block; width: 160px; height: 54px; margin: 0 28px 0 0; background-color: #3b5997; color: #fff; font-weight: 400; font-size: 1.250em; line-height: 2.8em; }
.footer .rights .share .fb_share .icon { float: left; display: block; height: 54px; width: 54px; margin: 0 0 0 18px; padding: 0; overflow: hidden; background: url("/img/index/footer-sharing.png") no-repeat 0 0; background-size: 108px 54px; }
.footer .rights .share .tw_tweet { display: inline-block; width: 160px; height: 54px; margin: 0; background-color: #00aced; color: #fff; font-weight: 400; font-size: 1.250em; line-height: 2.8em; }
.footer .rights .share .tw_tweet .icon { float: left; display: block; height: 54px; width: 54px; margin: 0 0 0 20px; padding: 0; overflow: hidden; background: url("/img/index/footer-sharing.png") no-repeat -54px 0; background-size: 108px 54px; }
.footer .rights p { text-align: left; font-size: 0.750em; line-height: 16px; color: #bfbfbf; padding: 50px 0 0 0; }


/* Main section */
.main { max-width: 2000px; margin: 0 auto; }

.section { max-width: 2000px; overflow: hidden; }
.section-content { max-width: 1200px; margin: auto; padding: 60px 20px; }

.section-content h2 { font-size: 2.25em; font-weight: 400; color: #191919; }
.section-content h3 { font-size: 2em; font-weight: 400; color: #8c8c8c; }
.section-content p { font-size: 1.25em; font-weight: 400; color: #4d4d4d; }
.section-content .text { padding-top: 15px; }

.section-content .image-container img { width: 100%; height: auto; }

.section-content .learn_more { position: relative; display: inline; padding: 0 20px 0 0; color: #319eff; font-size: 1.25em; font-weight: 600; line-height: 32px; }
.section-content .learn_more::after { position: absolute; content: ""; top: inherit; bottom: 6px; right: 0; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 7px solid #319eff; }

.half-content { width: 50%; }

.section-content .icon { display: block; width: 80px; height: 80px; margin: 0 auto 40px; }
.section-content .half-content.right .icon { margin-left: 60px; }
.section-content .half-content.left .icon { margin-left: 0; }

.half-content.left h2, .half-content.left h3, .half-content.left p { padding-right: 60px; }
.half-content.right h2, .half-content.right h3, .half-content.right p { padding-left: 60px; }


/* First banner panel */
.main-banner { padding: 46px 0 0; min-height: 800px; text-align: center; background: url("/img/new/index/clouds.png") no-repeat center top; background-size: 2560px 800px; }
.main-banner .section-content { padding-bottom: 46px; }

.main-banner .plane-container { max-width: 324px; margin: auto; }

.main-banner .descr { margin: 0 auto; padding: 20px 0 27px; color: #fff; font-size: 2em; font-weight: 600; }

.main-banner .best-app { max-width: 290px; margin: 0 auto; }

.main-banner .devices { position: relative; max-width: 689px; margin: 33px auto 0; }

.main-banner .mac { position: relative; width: 689px; height: 402px; padding-top: 20px; z-index: 20; background: url("/img/new/index/head_mac.png") no-repeat 0 0; background-size: cover; }
.main-banner .iphone { position: absolute; bottom: -10px; left: -68px; max-width: 171px; z-index: 30; }
.main-banner .ipad { position: absolute; bottom: -4px; right: -108px; max-width: 230px; z-index: 10; }

.main-banner .video { position: relative; max-width: 528px; max-height: 330px; margin: 0 auto; padding: 0; overflow: hidden; }
.main-banner .video video { width: 528px; height: 330px; }
.main-banner .video a.video_play { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; font-size: 1.75em; line-height: 130px; background: rgba(0, 0, 0, 0.3) url("/img/new/index/play.png") no-repeat center center; background-size: 105px 105px; }

.main-banner .btn { min-width: 220px; height: 50px; margin: 45px 0 0; padding: 0 30px; font-size: 1.125em; line-height: 50px; border-radius: 6px; }

.main-banner p.text { width: 960px; margin: 0 auto; padding: 30px 0 0; }

.main-banner hr { margin-top: 30px; }

.en .main-banner .best-app img { content: url("/img/new/index/en/en-bestof2016.png"); }
.de .main-banner .best-app img { content: url("/img/new/index/de/de-bestof2016.png"); }
.es .main-banner .best-app img { content: url("/img/new/index/es/es-bestof2016.png"); }
.fr .main-banner .best-app img { content: url("/img/new/index/fr/fr-bestof2016.png"); }
.it .main-banner .best-app img { content: url("/img/new/index/it/it-bestof2016.png"); }
.ja .main-banner .best-app img { content: url("/img/new/index/ja/ja-bestof2016.png"); }
.pt .main-banner .best-app img { content: url("/img/new/index/pt/pt-bestof2016.png"); }
.ru .main-banner .best-app img { content: url("/img/new/index/ru/ru-bestof2016.png"); }
.zh .main-banner .best-app img { content: url("/img/new/index/zh/zh-bestof2016.png"); }


/* Quote block */
.quote { text-align: right; }
.quote .text { margin: 40px 0 0 20px; padding: 16px 20px 0 79px; color: #333; font-size: 2.25em; font-weight: 400; background: url("/img/index/icon-quote.png") no-repeat 0 28px; background-size: 33px 25px; text-align: left; }
.author { position: relative; display: inline-block; min-width: 100px; min-height: 87px; padding: 10px 0 0 100px; }
.author img.face { position: absolute; top: 0; left: 0; display: block; width: 87px; height: 87px; border-radius: 6px; box-shadow: 0 0 3px #ccc; }
.author .source { font-size: 1.25em; font-weight: 400; color: #8791a5; }
.author .name { font-size: 1.5em; font-weight: 400; color: #333; }

.author .brand { margin: 40px 23px 0 0; }
.author .brand.verge { max-width: 185px; }
.author .brand.mashable { max-width: 218px; }
.author .brand.lifehacker { max-width: 167px; }
.author .brand.iculture { width: 460px; height: 220px; overflow: hidden; }
.author .brand.iculture img { display: block; width: 1000px; height: auto; margin: -140px 0 0 -280px; }


/* Busy Inbox section */
.busy-inbox .section-content { padding-top: 70px; }
.busy-inbox .image-container { max-width: 412px; margin: 0 auto; padding: 0 30px; }
.busy-inbox .half-content.right { margin-top: 140px; }
.busy-inbox iframe { width: 352px; height: 712px; }

/* Find Email section */
.find-email .section-content { padding-top: 80px; }
.find-email .image-container img { width: 1053px; height: auto; }
.find-email .half-content.left { margin-top: 140px; }
.find-email iframe { width: 1053px; height: 597px; }

/* Get Notified section*/
.get-notified .section-content { padding-top: 80px; }
.get-notified .image-container { max-width: 562px; margin: 0 auto; padding: 0 30px; }
.get-notified .half-content.right { margin-top: 150px; }
.get-notified .half-content.right h2 { padding-right: 20px; }
.get-notified iframe { width: 442px; height: 617px; }

/* Services section */
.services-container { position: relative; width: 100%; height: 560px; }
.services-container img { position: absolute; display: block; top: 50%; left: 50%; width: auto; height: auto; }

.services-container .spark { width: 160px; margin: -80px 0 0 -80px; }
.services-container .google { width: 224px; margin: -210px 0 0 -112px; }
.services-container .icloud { width: 272px; margin: -70px 0 0 150px; }
.services-container .exchange { width: 300px; margin: 110px 0 0 80px; }
.services-container .yahoo { width: 298px; margin: 120px 0 0 -380px; }
.services-container .outlook { width: 317px; margin: -70px 0 0 -448px; }

/* Personal Experience section */
.personal-experience .image-container { max-width: 412px; margin: 0 auto; padding: 0 30px; }
.personal-experience .half-content.right { margin-top: 190px; }
.personal-experience .half-content.right h2 { padding-right: 60px; }

/* Connected Tools section */
.connected-tools .section-content { padding-top: 30px; }
.connected-tools .image-container { max-width: 496px; margin: 0 auto; padding: 0 30px; }
.connected-tools .half-content.right { margin-top: 120px; }

/* Snooze That section */
.snooze-that .section-content { padding-top: 70px; }
.snooze-that .image-container { max-width: 502px; margin: 0 auto; padding: 0 30px; }
.snooze-that .half-content.left { margin-top: 220px; }

/* Calendar Invites section */
.calendar-invites .section-content { padding-top: 40px; }
.calendar-invites .image-container img { width: 1058px; height: auto; float: right; }
.calendar-invites .half-content.right { margin-top: 130px; }

/* Sign Swipe section */
.sign-swipe .image-container { max-width: 412px; margin: 0 auto; padding: 0 30px; }
.sign-swipe .half-content.left { margin-top: 160px; }
.sign-swipe iframe { width: 352px; height: 570px; }

/* Email Emotion section */
.email-emotion .section-content { padding-top: 80px; }
.email-emotion .image-container img { width: 588px; height: auto; float: right; }
.email-emotion .half-content.right { margin-top: 80px; }

/* So Good section */
.so-good { padding-bottom: 100px; }
.so-good p { max-width: 600px; margin: 0 auto; padding-top: 20px; padding-bottom: 40px; }
.so-good .image-container { max-width: 1363px; margin: 0 auto; }


/* Press About Spark */
.press-about { padding: 60px 0 200px; background: url("/img/spark/inbox/sm-si-bg-2.png") no-repeat center bottom; background-size: 1920px 420px; }

.press_holder { height: 340px; margin: 60px auto 0; }
.press_holder a { float: left; display: block; width: 290px; height: 110px; background: url("/img/new/index/sprite-logos.png") no-repeat 0 0; background-size: 1160px 340px; }
.press_holder a.mashable { width: 270px; height: 100px; background-position: 0 0; }
.press_holder a.tnw { width: 210px; height: 100px; background-position: -270px 0; }
.press_holder a.venture_beat { width: 380px; height: 100px; background-position: -480px 0; }
.press_holder a.gizmodo { width: 300px; height: 100px; background-position: -860px 0; }
.press_holder a.life_hacker { width: 130px; height: 130px; background-position: 0 -100px; }
.press_holder a.cult_of_mac { width: 380px; height: 130px; background-position: -130px -100px; }
.press_holder a.verge { width: 240px; height: 130px; background-position: -510px -100px; }
.press_holder a.sweet_setup { width: 160px; height: 130px; background-position: -750px -100px; }
.press_holder a.igeneration { width: 250px; height: 130px; background-position: -910px -100px; }
.press_holder a.mac_stories { width: 320px; background-position: 0 -230px; }
.press_holder a.iculture { width: 320px; background-position: -320px -230px; }
.press_holder a.tech_crunch { width: 190px; background-position: -640px -230px; }
.press_holder a.nine_to_five { width: 330px; background-position: -830px -230px; }


.story .section-content { padding: 100px 0 0; }
.story h2 { width: 930px; margin: 0 auto; padding: 30px 0 0; font-size: 1.75em; }

.press-kit { padding: 60px 0 0; font-size: 1.5em; }


.form_message { padding: 40px 0 0; }

.subscribe_form { display: block; position: relative; margin: 10px auto 0; padding: 0 0 30px; width: 618px; }

.subscribe_form .status { display: block; position: absolute; width: 29px; height: 20px; top: 16px; left: 20px; background: url("/img/beta/icon-mail_2x.png") no-repeat 0 0; background-size: 29px 20px; }

.subscribe_form input[type=email] { display: block; width: 440px; height: 54px; margin: 0; padding: 6px 12px 6px 70px; color: #555; background: #fff; border: 1px solid #c3cdd7; border-radius: 6px; box-sizing: border-box; font-family: inherit; font-size: 1.25em; -webkit-appearance: none; }
.subscribe_form input[type=email]:focus { border: 1px solid #319eff; outline:none; }

.subscribe_form.success input[type=email] { color: #17c94d; background-color: #fafefc; border: 1px solid #cbe4d3; }
.subscribe_form.error input[type=email] { background-color: #fff4f4; border: 1px solid #fccdcb; }

.button { width: 156px; height: 54px; padding: 0; color: #fff; font-size: 1.375em; font-weight: 600; line-height: 54px; border: 1px solid #fff; border-radius: 6px; background-color: #319eff; }
.button.subscribe:hover { color: #fff; }

.success { display: none; padding: 30px 0 0; }
.success img { display: block; width: 58px; height: 58px; margin: 0 auto; }
.success p { padding: 20px 0 0; color: #333; font-size: 1.5em; font-weight: 400; text-align: center; }
.success p.small { font-size: 1.25em; }


@media (-webkit-min-device-pixel-ratio: 2) {
    .top .readdle-logo { background-image: url("/img/index/readdle-logo-white@2x.png"); }
    .footer .rights .social a { background-image: url("/img/index/footer-socials@2x.png"); }
    .footer .rights .share .fb_share .icon { background-image: url("/img/index/footer-sharing@2x.png"); }
    .footer .rights .share .tw_tweet .icon { background-image: url("/img/index/footer-sharing@2x.png"); }

    .main-banner { background-image: url("/img/new/index/clouds_2x.png"); }

    .main-banner .plane-container img { content: url("/img/new/index/spark_logo_2x.png"); }

    .en .main-banner .best-app img { content: url("/img/new/index/en/en-bestof2016_2x.png"); }
    .de .main-banner .best-app img { content: url("/img/new/index/de/de-bestof2016_2x.png"); }
    .es .main-banner .best-app img { content: url("/img/new/index/es/es-bestof2016_2x.png"); }
    .fr .main-banner .best-app img { content: url("/img/new/index/fr/fr-bestof2016_2x.png"); }
    .it .main-banner .best-app img { content: url("/img/new/index/it/it-bestof2016_2x.png"); }
    .ja .main-banner .best-app img { content: url("/img/new/index/ja/ja-bestof2016_2x.png"); }
    .pt .main-banner .best-app img { content: url("/img/new/index/pt/pt-bestof2016_2x.png"); }
    .ru .main-banner .best-app img { content: url("/img/new/index/ru/ru-bestof2016_2x.png"); }
    .zh .main-banner .best-app img { content: url("/img/new/index/zh/zh-bestof2016_2x.png"); }

    .main-banner .mac { background-image: url("/img/new/index/head_mac_2x.png"); }
    .main-banner .iphone img { content: url("/img/new/index/head_iphone_watch_2x.png"); }
    .main-banner .ipad img { content: url("/img/new/index/head_ipad_2x.png"); }
    .main-banner .video a.video_play { background-image: url("/img/new/index/play_2x.png"); }

    .quote .text { background-image: url("/img/index/icon-quote@2x.png"); }
    .author .brand.verge img { content: url("/img/new/index/verge_2x.png"); }
    .author .brand.mashable img { content: url("/img/new/index/mashable_2x.png"); }
    .author .brand.lifehacker img { content: url("/img/new/index/lifehacker_2x.png"); }

    .busy-inbox .image-container img { content: url("/img/new/index/busy_inbox_2x.png"); }
    .find-email .image-container img { content: url("/img/new/index/find_email_2x.png"); }
    .get-notified .image-container img { content: url("/img/new/index/get_notified_2x.png"); }
    .calendar-invites .image-container img { content: url("/img/new/index/calendar_invites_2x.png"); }
    .sign-swipe .image-container img { content: url("/img/new/index/sign_swipe_2x.png"); }
    .email-emotion .image-container img { content: url("/img/new/index/emotions_2x.png"); }
    .so-good .image-container img { content: url("/img/new/index/all_devices_2x.png"); }
    .personal-experience .image-container img { content: url("/img/new/index/personal_experience_2x.png"); }
    .snooze-that .image-container img { content: url("/img/new/index/snooze_that_2x.png"); }
    .connected-tools .image-container img { content: url("/img/new/index/connected_tools_2x.png"); }

    .busy-inbox .icon { content: url("/img/spark/inbox/sm-si-icon-1@2x.png"); }
    .find-email .icon { content: url("/img/spark/search/sm-ss-icon-1@2x.png"); }
    .get-notified .icon { content: url("/img/spark/notifications/sm-sn-icon-1@2x.png"); }
    .calendar-invites .icon { content: url("/img/spark/widgets/sm-w-icon-1@2x.png"); }
    .sign-swipe .icon { content: url("/img/spark/composer/sm-c-icon-1@2x.png"); }
    .email-emotion .icon { content: url("/img/new/index/emotions_icon_2x.png"); }
    .so-good .icon { content: url("/img/spark/viewer/sm-ev-icon-1@2x.png"); }
    .email-services .icon { content: url("/img/spark/20160223/sm-icon-2@2x.png"); }
    .personal-experience .icon { content: url("/img/spark/20160223/sm-icon-11@2x.png"); }
    .snooze-that .icon { content: url("/img/spark/20160223/sm-icon-3@2x.png"); }
    .connected-tools .icon { content: url("/img/spark/20160223/sm-icon-8@2x.png"); }

    .services-container .spark { content: url("/img/new/index/spark_icon_2x.png"); }
    .services-container .google { content: url("/img/new/index/google_2x.png"); }
    .services-container .icloud { content: url("/img/new/index/icloud_icon_2x.png"); }
    .services-container .exchange { content: url("/img/new/index/exchange_2x.png"); }
    .services-container .yahoo { content: url("/img/new/index/yahoo_2x.png"); }
    .services-container .outlook { content: url("/img/new/index/outlook_2x.png"); }

    .press-about { background-image: url("/img/spark/inbox/sm-si-bg-2@2x.png"); }
    .press_holder a { background-image: url("/img/new/index/sprite-logos_2x.png"); }
}


@media (max-width: 1260px) {
    .footer { padding: 60px 30px; }
}


@media (max-width: 1024px) {
    .show-ipad { display: inline-block; }
    .show-mac { display: none; }

    .section-content { padding: 60px 30px; }

    .find-email .half-content.left h2 { padding-right: 0; }

    .snooze-that .half-content.left { margin-top: 180px; }
    .snooze-that .half-content.left h2 { padding-right: 0; }

    .connected-tools .half-content.right { margin-top: 60px; }
    .connected-tools h2 { padding-right: 100px; }

    .press-about { padding-bottom: 160px; }

    .press_holder { height: 272px; }

    .press_holder a { width: 232px; height: 88px; background-size: 928px 272px; }

    .press_holder a.mashable { width: 216px; height: 80px; background-position: 0 0; }
    .press_holder a.tnw { width: 168px; height: 80px; background-position: -216px 0; }
    .press_holder a.venture_beat { width: 304px; height: 80px; background-position: -384px 0; }
    .press_holder a.gizmodo { width: 240px; height: 80px; background-position: -688px 0; }

    .press_holder a.life_hacker { width: 104px; height: 104px; background-position: 0 -80px; }
    .press_holder a.cult_of_mac { width: 304px; height: 104px; background-position: -104px -80px; }
    .press_holder a.verge { width: 192px; height: 104px; background-position: -408px -80px; }
    .press_holder a.sweet_setup { width: 128px; height: 104px; background-position: -600px -80px; }
    .press_holder a.igeneration { width: 200px; height: 104px; background-position: -728px -80px; }

    .press_holder a.mac_stories { width: 256px; background-position: 0 -184px; }
    .press_holder a.iculture { width: 256px; background-position: -256px -184px; }
    .press_holder a.tech_crunch { width: 152px; background-position: -512px -184px; }
    .press_holder a.nine_to_five { width: 264px; background-position: -664px -184px; }

    .story .section-content { padding: 60px 40px 0; }
    .story h2 { width: 100%; }
}


@media (max-width: 768px) {
    .top .menu li { font-size: 1.125em; }
    .top .menu li a { margin: 0 30px; }

    .half-content { width: 100%; padding: 0 0 30px; text-align: center; }

    .half-content.left h2, .half-content.left h3, .half-content.left p { padding-right: 0; }
    .half-content.right h2, .half-content.right h3, .half-content.right p { padding-left: 0; }

    .section-content .half-content.right .icon { margin-left: auto; }
    .section-content .half-content.left .icon { margin-left: auto; }

    .main-banner { background-size: 2048px 640px; }

    .main-banner .plane-container { max-width: 308px; }

    .main-banner .descr { padding-bottom: 30px; }

    .main-banner .devices { max-width: 448px; }
    .main-banner .mac { width: 448px; height: 261px; padding-top: 16px; }
    .main-banner .iphone { bottom: -10px; left: -40px; max-width: 110px; }
    .main-banner .ipad { bottom: -4px; right: -75px; max-width: 150px; }

    .main-banner .video { max-width: 336px; max-height: 216px; margin: 0 auto; }
    .main-banner .video a.video_play { background-size: 75px 75px; }

    .main-banner p.text { width: 100%; padding: 42px 30px 0; }

    .author .brand.verge { max-width: 148px; }
    .author .brand.mashable { max-width: 174px; }
    .author .brand.lifehacker { max-width: 134px; }

    .get-notified .section-content { padding-top: 40px; padding-bottom: 0; }
    .email-emotion .section-content { padding-top: 0; }

    .busy-inbox .half-content.right { margin-top: 0; }
    .find-email .half-content.left { margin-top: 0; }
    .get-notified .half-content.right { margin-top: 0; padding-bottom: 0; }
    .calendar-invites .half-content.right { margin-top: 0 }
    .sign-swipe .half-content.left { margin-top: 0; }
    .email-emotion .half-content.right { margin-top: 0; }
    .email-emotion .half-content.left { padding-bottom: 0; }
    .personal-experience .half-content.right { margin-top: 0; }
    .connected-tools .half-content.right { margin-top: 0; }
    .snooze-that .half-content.left { margin-top: 0; }

    .busy-inbox h3 { width: 500px; margin-left: auto; margin-right: auto; }
    .get-notified h2 { width: 500px; margin-left: auto; margin-right: auto; }

    .email-emotion .image-container img { float: none; }

    .find-email iframe { width: 1053px; height: 597px; }
    .get-notified iframe { margin-left: auto; margin-right: auto; }

    .services-container { height: 450px; }

    .services-container .spark { width: 128px; margin: -64px 0 0 -64px; }
    .services-container .google { width: 179px; margin: -168px 0 0 -90px; }
    .services-container .icloud { width: 218px; margin: -56px 0 0 120px; }
    .services-container .exchange { width: 240px; margin: 88px 0 0 64px; }
    .services-container .yahoo { width: 238px; margin: 96px 0 0 -304px; }
    .services-container .outlook { width: 254px; margin: -56px 0 0 -358px; }

    .press-about { padding-bottom: 120px; }

    .press_holder { height: 204px; }

    .press_holder a { width: 174px; height: 66px; background-size: 696px 204px; }

    .press_holder a.mashable { width: 162px; height: 60px; background-position: 0 0; }
    .press_holder a.tnw { width: 126px; height: 60px; background-position: -162px 0; }
    .press_holder a.venture_beat { width: 228px; height: 60px; background-position: -288px 0; }
    .press_holder a.gizmodo { width: 180px; height: 60px; background-position: -516px 0; }

    .press_holder a.life_hacker { width: 78px; height: 78px; background-position: 0 -60px; }
    .press_holder a.cult_of_mac { width: 228px; height: 78px; background-position: -78px -60px; }
    .press_holder a.verge { width: 144px; height: 78px; background-position: -306px -60px; }
    .press_holder a.sweet_setup { width: 96px; height: 78px; background-position: -450px -60px; }
    .press_holder a.igeneration { width: 150px; height: 78px; background-position: -546px -60px; }

    .press_holder a.mac_stories { width: 192px; background-position: 0 -138px; }
    .press_holder a.iculture { width: 192px; background-position: -192px -138px; }
    .press_holder a.tech_crunch { width: 114px; background-position: -384px -138px; }
    .press_holder a.nine_to_five { width: 198px; background-position: -498px -138px; }

    .story h2 { font-size: 1.625em; }
}

/* iPhone 6 Plus land styles */
@media (max-width: 736px) {
    body { margin: 0 0 200px; }

    .show-ipad { display: none; }
    .show-iphone { display: inline-block; }

    .top .logo { display: none; }
    .top .btn { display: none; }
    .top .readdle-logo { display: none; }

    .top .menu li { font-size: 1em; }
    .top .menu li a { margin: 0 30px; }

    .press_holder { width: 470px; height: 136px; margin: 30px auto 30px; }

    .press_holder a { width: 116px; height: 44px; margin-bottom: 20px; background-size: 464px 136px; }

    .press_holder a.mashable { width: 108px; height: 40px; background-position: 0 0; }
    .press_holder a.tnw { width: 84px; height: 40px; background-position: -108px 0; }
    .press_holder a.venture_beat { width: 152px; height: 40px; background-position: -192px 0; }
    .press_holder a.gizmodo { width: 120px; height: 40px; background-position: -344px 0; }

    .press_holder a.life_hacker { width: 52px; height: 52px; background-position: 0 -40px; }
    .press_holder a.cult_of_mac { width: 152px; height: 52px; background-position: -52px -40px; }
    .press_holder a.verge { width: 96px; height: 52px; background-position: -204px -40px; }
    .press_holder a.sweet_setup { width: 64px; height: 52px; background-position: -300px -40px; }
    .press_holder a.igeneration { width: 100px; height: 52px; background-position: -364px -40px; }

    .press_holder a.mac_stories { width: 128px; background-position: 0 -92px; }
    .press_holder a.iculture { width: 128px; background-position: -128px -92px; }
    .press_holder a.tech_crunch { width: 76px; background-position: -256px -92px; }
    .press_holder a.nine_to_five { width: 132px; background-position: -332px -92px; }

    .footer { padding: 30px; }

    .footer .menu_container { width: 100%; margin-bottom: 40px; text-align: center; }
    .footer .menu_container li { display: inline-block; margin: 0 10px; }

    .footer .rights.right { float: none; margin: 0 auto; }
    .footer .rights p { text-align: center; }

    .section-content h2 { font-size: 1.75em; }
    .section-content h3 { font-size: 1.5em; }
    .section-content p { font-size: 1em; }

    .main-banner .section-content { padding-top: 30px; }
    .main-banner .plane-container { max-width: 171px; }
    .main-banner .descr { font-size: 1.75em; }

    .section-content .icon { width: 60px; height: 60px; margin: 0 auto 20px; }

    .quote .text { margin: 30px 0 0 20px; padding: 16px 20px 0 40px; color: #333; font-size: 1.75em; font-weight: 400; background-position: 0 28px; background-size: 24px 18px; }

    .busy-inbox iframe { width: 176px; height: 356px; }

    .find-email .section-content { padding-top: 60px; }
    .find-email iframe { width: 739px; height: 450px; }
    .find-email .section-content { padding-bottom: 0; }
    .find-email .half-content.right { padding-bottom: 0; }

    .get-notified .half-content.right h2 { padding: 0 60px; }
    .get-notified iframe { width: 332px; height: 462px; }

    .calendar-invites .image-container img { width: 790px; }
    .calendar-invites .section-content { padding-bottom: 0; }

    .email-emotion .image-container img { width: 480px; }
    .email-emotion .section-content { padding-bottom: 20px; }

    .so-good { padding-bottom: 40px; }
    .so-good .section-content { padding-bottom: 0; }

    .email-services .section-content { padding-top: 0; }

    .personal-experience .half-content.right h2 { padding-right: 0; }
    .personal-experience .image-container { max-width: 309px; }

    .snooze-that .image-container { max-width: 376px; }
    .snooze-that .half-content.right { padding-bottom: 0; }

    .connected-tools .image-container { max-width: 372px; }
    .connected-tools h2 { padding-right: 0; }

    .services-container { height: 225px; margin-top: 30px; }

    .services-container .spark { width: 80px; margin: -40px 0 0 -40px; }
    .services-container .google { width: 112px; margin: -105px 0 0 -56px; }
    .services-container .icloud { width: 136px; margin: -35px 0 0 75px; }
    .services-container .exchange { width: 150px; margin: 55px 0 0 40px; }
    .services-container .yahoo { width: 149px; margin: 60px 0 0 -190px; }
    .services-container .outlook { width: 159px; margin: -35px 0 0 -224px; }

    .press-about { padding-top: 0; padding-bottom: 140px; }

    .story .section-content { padding-left: 30px; padding-right: 30px; }
    .story h2 { font-size: 1.5em; }
}

/* iPhone 6 Plus styles */
@media (max-width: 414px) {
    .footer .menu_container { width: 100%; margin-bottom: 20px; text-align: center; }
    .footer .menu_container li { display: inline-block; margin: 0 20px 20px; }

    .main-banner .devices { max-width: 336px; height: auto; padding: 0; }
    .main-banner .mac { width: 100%; height: auto; padding: 0; background: transparent; }
    .main-banner .iphone { display: none; }
    .main-banner .ipad { display: none; }

    .main-banner .video { width: 110px; height: 110px; margin: 60px auto 120px; border-radius: 4px; }
    .main-banner .video video { display: none; }
    .main-banner .video-card { display: none; }
    .main-banner .video a.video_play { background-color: transparent; background-size: 110px 110px; }
    .main-banner .btn { margin-top: 0; }

    .main-banner p.text { padding: 30px 0 0; }

    .quote .text { margin: 30px 0 0 0; padding: 16px 0 0 40px; color: #333; font-size: 1.5em; font-weight: 400; background-position: 0 28px; background-size: 16px 12px; }

    .section.quote .section-content { padding-top: 0; }

    .author .brand { margin: 20px 23px 0 0; }

    .section-content h3 { font-size: 1.25em; }

    .busy-inbox iframe { width: 264px; height: 534px; }
    .busy-inbox h3 { width: 100%; }

    .get-notified .half-content.right h2 { width: 100%; padding: 0; }
    .get-notified .image-container { max-width: 100%; margin: 0 auto; padding: 0; }
    .get-notified iframe { width: 360px; height: 500px; }

    .calendar-invites .section-content { padding-top: 0; }

    .sign-swipe .image-container { padding: 0; }

    .services-container .spark { width: 60px; margin: -30px 0 0 -30px; }
    .services-container .google { width: 112px; margin: -105px 0 0 -56px; }
    .services-container .icloud { width: 109px; margin: -35px 0 0 55px; }
    .services-container .exchange { width: 120px; margin: 45px 0 0 30px; }
    .services-container .yahoo { width: 120px; margin: 44px 0 0 -170px; }
    .services-container .outlook { width: 127px; margin: -35px 0 0 -180px; }

    .press-about { padding-bottom: 100px; }

    .press_holder { width: 100%; height: auto; }
    .press_holder::after { content: ""; display: block; clear: both; }

    .press_holder a { width: 172px; height: 66px; background-size: 696px 204px; }

    .press_holder a.mashable { width: 160px; height: 50px; background-position: 0 0; }
    .press_holder a.tnw { width: 130px; height: 50px; margin-left: 30px; margin-right: 20px; background-position: -162px 0; }
    .press_holder a.venture_beat { width: 185px; height: 50px; background-position: -310px 0; }
    .press_holder a.gizmodo { width: 165px; height: 50px; background-position: -530px 0; }

    .press_holder a.life_hacker { width: 78px; height: 78px; margin-left: 20px; margin-right: 20px; background-position: 0 -60px; }
    .press_holder a.cult_of_mac { width: 228px; height: 78px; background-position: -78px -60px; }
    .press_holder a.verge { width: 120px; height: 78px; background-position: -320px -60px; }
    .press_holder a.sweet_setup { width: 80px; height: 78px; background-position: -460px -60px; }
    .press_holder a.igeneration { width: 150px; height: 78px; background-position: -546px -60px; }

    .press_holder a.mac_stories { width: 172px; background-position: 0 -138px; }
    .press_holder a.iculture { width: 172px; background-position: -192px -138px; }
    .press_holder a.tech_crunch { width: 114px; margin-left: 10px; margin-right: 20px; background-position: -384px -138px; }
    .press_holder a.nine_to_five { width: 198px; background-position: -498px -138px; }

    .story .section-content { padding-bottom: 20px; }
    .story h2 { font-size: 1.375em; }

    .section-content h2.press-kit { padding: 0 0 30px; font-size: 1.5em; }
}

/* iPhone 6 styles */
@media (max-width: 375px) {
    .top .menu li a { margin: 0 10px; }

    .footer .rights.right { width: 100%; }
    .footer .rights .social { margin: 0 auto; }

    .footer .rights .social a { width: 50px; }
    .footer .rights .social a.youtube { background-position: -178px 0; }
    .footer .rights .social a.behance { background-position: -240px 0; }
    .footer .rights .social a.dribble { background-position: -300px 0; }

    .quote .text { font-size: 1.375em; background-position: 0 24px; }

    .get-notified iframe { width: 330px; height: 460px; }

    .sign-swipe iframe { width: 330px; height: 540px; }

    .press_holder { zoom: 0.9; }

    .story h2 { font-size: 1.25em; }
    .section-content h2.press-kit { font-size: 1.375em; }
}

/* iPhone 4/5 styles */
@media (max-width: 320px) {
    body { margin: 0 0 220px; }

    .top .menu li a { margin: 0 15px; }

    .footer .menu_container li { display: inline-block; margin: 0 10px 20px; }

    .section-content h2 { font-size: 1.5em; }

    .main-banner .descr { font-size: 1.5em; }

    .quote .text { padding-left: 30px; }

    .busy-inbox .image-container { padding: 0; }

    .find-email iframe { margin-left: -50px; }

    .get-notified iframe { width: 260px; height: 360px; }

    .calendar-invites .image-container img { margin-right: -50px; }

    .sign-swipe .half-content.right { padding-bottom: 0; }
    .sign-swipe iframe { width: 260px; height: 420px; }

    .services-container { zoom: 0.8; }

    .press_holder { zoom: 0.7; }

    .footer .rights .social a { width: 43px; }
    .footer .rights .social a.youtube { background-position: -180px 0; }
    .footer .rights .social a.behance { background-position: -250px 0; }
    .footer .rights .social a.dribble { background-position: -312px 0; }

    .footer .rights p { padding-top: 30px; }

    .story h2 { font-size: 1.2em; }

    .section-content h2.press-kit { font-size: 1.25em; }

    .hide-iphone-5 { display: none !important; }
}
