body, html {
  background: #1A1A1A;
  color: white;
  font-family: "proxima-nova", "Proxima Nova", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  padding-bottom: 100px; }

* {
  box-sizing: border-box; }

strong {
  font-weight: 600; }

div.top {
  background-image: url(top-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-position: center bottom;
  background-size: cover !important;
  margin: 0 auto;
  margin-top: -120px;
  padding-top: 120px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    div.top {
      background-image: url(top-bg@2x.png);
      -webkit-background-size: 1280px 674px;
      -moz-background-size: 1280px 674px;
      -o-background-size: 1280px 674px;
      background-size: 1280px 674px; } }
  @media (max-width: 570px) {
    div.top {
      background-position: center bottom !important;
      margin-top: 0;
      padding-top: 40px; } }

ul.socialicons {
  list-style-type: none;
  padding: 0; }
  ul.socialicons li {
    display: inline-block;
    margin: 0 8px; }
    ul.socialicons li a {
      display: block;
      color: transparent;
      text-indent: -5000em; }
      ul.socialicons li a.twitter {
        display: inline-block;
        color: transparent;
        text-indent: -5000em;
        width: 24px;
        height: 24px;
        background-image: url(twitter.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          ul.socialicons li a.twitter {
            background-image: url(twitter@2x.png);
            -webkit-background-size: 24px 24px;
            -moz-background-size: 24px 24px;
            -o-background-size: 24px 24px;
            background-size: 24px 24px; } }
      ul.socialicons li a.facebook {
        display: inline-block;
        color: transparent;
        text-indent: -5000em;
        width: 24px;
        height: 24px;
        background-image: url(facebook.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          ul.socialicons li a.facebook {
            background-image: url(facebook@2x.png);
            -webkit-background-size: 24px 24px;
            -moz-background-size: 24px 24px;
            -o-background-size: 24px 24px;
            background-size: 24px 24px; } }
      ul.socialicons li a.instagram {
        display: inline-block;
        color: transparent;
        text-indent: -5000em;
        width: 24px;
        height: 24px;
        background-image: url(instagram.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          ul.socialicons li a.instagram {
            background-image: url(instagram@2x.png);
            -webkit-background-size: 24px 24px;
            -moz-background-size: 24px 24px;
            -o-background-size: 24px 24px;
            background-size: 24px 24px; } }
      ul.socialicons li a.pinterest {
        display: inline-block;
        color: transparent;
        text-indent: -5000em;
        width: 24px;
        height: 24px;
        background-image: url(pinterest.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          ul.socialicons li a.pinterest {
            background-image: url(pinterest@2x.png);
            -webkit-background-size: 24px 24px;
            -moz-background-size: 24px 24px;
            -o-background-size: 24px 24px;
            background-size: 24px 24px; } }
      ul.socialicons li a.youtube {
        display: inline-block;
        color: transparent;
        text-indent: -5000em;
        width: 24px;
        height: 24px;
        background-image: url(youtube.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          ul.socialicons li a.youtube {
            background-image: url(youtube@2x.png);
            -webkit-background-size: 24px 24px;
            -moz-background-size: 24px 24px;
            -o-background-size: 24px 24px;
            background-size: 24px 24px; } }

.contest {
  background: #FF1A53;
  padding: 20px 40px 20px 120px;
  margin: 115px 0 -55px 0;
  text-align: left;
  font-size: 14px;
  letter-spacing: 2.06px;
  line-height: 26px;
  text-transform: uppercase;
  background-image: url("../contest/bannericon.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-position: 40px 20px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .contest {
      background-image: url("../contest/bannericon@2x.png");
      -webkit-background-size: 56px 56px;
      -moz-background-size: 56px 56px;
      -o-background-size: 56px 56px;
      background-size: 56px 56px; } }
  .contest a {
    display: block;
    text-decoration: none;
    color: inherit; }
  .contest strong {
    display: block;
    font-weight: normal;
    font-size: 22px;
    letter-spacing: 3.24px; }
  .contest .more {
    float: right;
    display: inline-block;
    position: relative;
    top: 7px;
    padding: 5px 20px 5px 45px;
    border-radius: 10px;
    color: white;
    background-color: black;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1.4px;
    line-height: 28px;
    background-image: url("../contest/morearrow.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-position: 18px 11px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      .contest .more {
        background-image: url("../contest/morearrow@2x.png");
        -webkit-background-size: 16px 16px;
        -moz-background-size: 16px 16px;
        -o-background-size: 16px 16px;
        background-size: 16px 16px; } }
  @media (max-width: 570px) {
    .contest {
      font-size: 10px;
      letter-spacing: 0.83px;
      margin: 40px 0 25px 0;
      padding: 20px 20px 20px 70px;
      background-size: 40px 40px;
      background-position: 20px 25px; }
      .contest strong {
        font-size: 17px;
        letter-spacing: 0.94px; }
      .contest .more {
        background-color: transparent;
        color: transparent;
        text-indent: -5000em;
        width: 16px;
        height: 16px;
        top: 18px;
        left: 15px;
        background-position: center center; } }

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100px;
  z-index: 1000;
  padding: 30px 20px 0px 20px;
  transition: background-color 500ms; }
  @media (max-width: 570px) {
    header {
      height: 80px; } }
  header div {
    margin: 0 auto;
    width: 90%;
    display: flex;
    justify-content: space-between; }
    @media (min-width: 570px) {
      header div {
        max-width: 920px; } }
    header div a.cameraplus {
      display: inline-block;
      color: transparent;
      text-indent: -5000em;
      width: 181px;
      height: 40px;
      background-image: url(header-logo.png?2);
      background-repeat: no-repeat;
      background-position: center center;
      vertical-align: middle; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        header div a.cameraplus {
          background-image: url(header-logo@2x.png?2);
          -webkit-background-size: 181px 40px;
          -moz-background-size: 181px 40px;
          -o-background-size: 181px 40px;
          background-size: 181px 40px; } }
      @media (max-width: 570px) {
        header div a.cameraplus {
          margin-bottom: 30px;
          width: 136px;
          height: 30px;
          background-size: 136px 30px;
          vertical-align: baseline; } }
    header div nav {
      vertical-align: middle;
      line-height: 60px;
      text-align: center; }
      header div nav a {
        text-decoration: none;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.5);
        margin-right: 30px;
        padding-bottom: 4px; }
        header div nav a:last-child {
          margin-right: 0; }
        header div nav a.selected, header div nav a:active {
          color: white;
          border-bottom: 3px solid white; }
        @media (max-width: 570px) {
          header div nav a {
            margin-right: 10px;
            font-size: 90%; } }
      @media (max-width: 570px) {
        header div nav {
          line-height: 1.6; } }
    @media (max-width: 570px) {
      header div .socialicons {
        display: none; } }
  header.stuck {
    background-color: #262626; }

a.buy {
  display: inline-block;
  vertical-align: middle;
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 135px;
  height: 40px;
  background-image: url(appstore.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 60px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    a.buy {
      background-image: url(appstore@2x.png);
      -webkit-background-size: 135px 40px;
      -moz-background-size: 135px 40px;
      -o-background-size: 135px 40px;
      background-size: 135px 40px; } }
  @media (max-width: 570px) {
    a.buy {
      margin: 0 auto;
      display: block; } }

footer {
  text-align: center;
  padding-top: 80px; }
  footer a.buy {
    margin-bottom: 60px; }
  footer a.lns {
    display: inline-block;
    color: transparent;
    text-indent: -5000em;
    width: 211px;
    height: 70px;
    background-image: url(footer-lns.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin: 0 auto; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      footer a.lns {
        background-image: url(footer-lns@2x.png);
        -webkit-background-size: 211px 70px;
        -moz-background-size: 211px 70px;
        -o-background-size: 211px 70px;
        background-size: 211px 70px; } }
  footer p {
    font-size: 14px;
    margin-top: 30px; }
  footer ul.socialicons {
    margin-bottom: 60px; }

section.intro {
  margin: 0 auto;
  width: 90%;
  margin-bottom: 30px; }
  @media (min-width: 570px) {
    section.intro {
      max-width: 920px; } }
  section.intro h2 {
    text-align: center;
    font-weight: 300;
    color: #FFC61A;
    font-size: 70px;
    letter-spacing: -3px;
    line-height: 80px;
    margin: 120px 0 60px 0; }
    section.intro h2 strong {
      font-weight: 900;
      color: white; }
      @media (max-width: 570px) {
        section.intro h2 strong {
          display: block; } }
    @media (max-width: 760px) {
      section.intro h2 {
        font-size: 70px; } }
    @media (max-width: 570px) {
      section.intro h2 {
        margin-top: 50px;
        margin-bottom: 40px;
        font-size: 40px;
        letter-spacing: -1.33px;
        line-height: 45px; } }
  section.intro h3 {
    text-align: center;
    color: white;
    font-weight: 900;
    font-size: 54px;
    letter-spacing: -3px;
    line-height: 100px;
    margin: 120px 0 40px 0; }
  section.intro .devices {
    margin: 0 0 40px 0;
    text-align: center; }
    section.intro .devices img {
      width: 100%;
      height: auto; }
  section.intro p {
    text-align: center;
    width: 90%;
    max-width: 840px;
    margin: 0 auto 30px auto;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 34px;
    font-weight: 300; }
    @media (max-width: 570px) {
      section.intro p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 26px; } }
  section.intro a {
    display: inline-block;
    color: transparent;
    text-indent: -5000em;
    width: 135px;
    height: 40px;
    background-image: url(appstore.png);
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    margin: 40px auto 0 auto; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
      section.intro a {
        background-image: url(appstore@2x.png);
        -webkit-background-size: 135px 40px;
        -moz-background-size: 135px 40px;
        -o-background-size: 135px 40px;
        background-size: 135px 40px; } }
  section.intro .buyme {
    text-align: center;
    margin: 0 0 30px; }
    section.intro .buyme a {
      margin: 0.7em auto 2em auto; }
  section.intro .socialicons {
    text-align: center;
    margin: -20px auto 40px 0;
    display: none; }
    @media (max-width: 570px) {
      section.intro .socialicons {
        display: block; } }
  section.intro ul.whatsnew {
    list-style-type: none;
    padding: 0;
    margin: 0 auto 0 auto;
    text-align: center; }
    section.intro ul.whatsnew li {
      display: inline-block;
      vertical-align: top;
      text-align: center;
      width: 32%;
      padding: 0 15px 40px 15px; }
      @media (max-width: 770px) {
        section.intro ul.whatsnew li {
          width: 49%; } }
      @media (max-width: 570px) {
        section.intro ul.whatsnew li {
          width: 100%;
          padding-left: 0; } }
      section.intro ul.whatsnew li .icon {
        display: block;
        width: 110px;
        height: 110px;
        border-radius: 55px;
        margin: 0 auto; }
      section.intro ul.whatsnew li.magicml .icon {
        background: #FFC61A;
        background-image: url(iconMagicML.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.magicml .icon {
            background-image: url(iconMagicML@2x.png);
            -webkit-background-size: 63px 57px;
            -moz-background-size: 63px 57px;
            -o-background-size: 63px 57px;
            background-size: 63px 57px; } }
      section.intro ul.whatsnew li.lightbox .icon {
        background: #FFC61A;
        background-image: url(iconLightbox.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.lightbox .icon {
            background-image: url(iconLightbox@2x.png);
            -webkit-background-size: 51px 56px;
            -moz-background-size: 51px 56px;
            -o-background-size: 51px 56px;
            background-size: 51px 56px; } }
      section.intro ul.whatsnew li.editing .icon {
        background: #FFC61A;
        background-image: url(iconEdit.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.editing .icon {
            background-image: url(iconEdit@2x.png);
            -webkit-background-size: 58px 54px;
            -moz-background-size: 58px 54px;
            -o-background-size: 58px 54px;
            background-size: 58px 54px; } }
      section.intro ul.whatsnew li.ipad .icon {
        background: #FFC61A;
        background-image: url(iconDragDrop.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.ipad .icon {
            background-image: url(iconDragDrop@2x.png);
            -webkit-background-size: 61px 57px;
            -moz-background-size: 61px 57px;
            -o-background-size: 61px 57px;
            background-size: 61px 57px; } }
      section.intro ul.whatsnew li.sirishortcuts .icon {
        background: #FFC61A;
        background-image: url(iconSiriShortcuts.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.sirishortcuts .icon {
            background-image: url(iconSiriShortcuts@2x.png);
            -webkit-background-size: 62px 62px;
            -moz-background-size: 62px 62px;
            -o-background-size: 62px 62px;
            background-size: 62px 62px; } }
      section.intro ul.whatsnew li.launchin .icon {
        background: #FFC61A;
        background-image: url(iconPerformance.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.launchin .icon {
            background-image: url(iconPerformance@2x.png);
            -webkit-background-size: 54px 54px;
            -moz-background-size: 54px 54px;
            -o-background-size: 54px 54px;
            background-size: 54px 54px; } }
      section.intro ul.whatsnew li.xsmax .icon {
        background: #FFC61A;
        background-image: url(iconXsMax.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.xsmax .icon {
            background-image: url(iconXsMax@2x.png);
            -webkit-background-size: 38px 64px;
            -moz-background-size: 38px 64px;
            -o-background-size: 38px 64px;
            background-size: 38px 64px; } }
      section.intro ul.whatsnew li.burstmode .icon {
        background: #FFC61A;
        background-image: url(iconBurstMode.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.burstmode .icon {
            background-image: url(iconBurstMode@2x.png);
            -webkit-background-size: 62px 62px;
            -moz-background-size: 62px 62px;
            -o-background-size: 62px 62px;
            background-size: 62px 62px; } }
      section.intro ul.whatsnew li.actionmode .icon {
        background: #FFC61A;
        background-image: url(iconActionModeBk.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.actionmode .icon {
            background-image: url(iconActionModeBk@2x.png);
            -webkit-background-size: 64px 64px;
            -moz-background-size: 64px 64px;
            -o-background-size: 64px 64px;
            background-size: 64px 64px; } }
      section.intro ul.whatsnew li.focuspeaking .icon {
        background: #FFC61A;
        background-image: url(iconFocusPeakingBk.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.focuspeaking .icon {
            background-image: url(iconFocusPeakingBk@2x.png);
            -webkit-background-size: 58px 62px;
            -moz-background-size: 58px 62px;
            -o-background-size: 58px 62px;
            background-size: 58px 62px; } }
      section.intro ul.whatsnew li.clipping .icon {
        background: #FFC61A;
        background-image: url(iconClippingBk.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.clipping .icon {
            background-image: url(iconClippingBk@2x.png);
            -webkit-background-size: 54px 51px;
            -moz-background-size: 54px 51px;
            -o-background-size: 54px 51px;
            background-size: 54px 51px; } }
      section.intro ul.whatsnew li.socialpack .icon {
        background: #FFC61A;
        background-image: url(iconSocialPackBk.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.socialpack .icon {
            background-image: url(iconSocialPackBk@2x.png);
            -webkit-background-size: 64px 65px;
            -moz-background-size: 64px 65px;
            -o-background-size: 64px 65px;
            background-size: 64px 65px; } }
      section.intro ul.whatsnew li.favorites .icon {
        background: #FFC61A;
        background-image: url(iconFavoritesBk.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.favorites .icon {
            background-image: url(iconFavoritesBk@2x.png);
            -webkit-background-size: 58px 51px;
            -moz-background-size: 58px 51px;
            -o-background-size: 58px 51px;
            background-size: 58px 51px; } }
      section.intro ul.whatsnew li.curves .icon {
        background: #FFC61A;
        background-image: url(iconCurves2Bk.png);
        background-repeat: no-repeat;
        background-position: center center; }
        @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
          section.intro ul.whatsnew li.curves .icon {
            background-image: url(iconCurves2Bk@2x.png);
            -webkit-background-size: 64px 64px;
            -moz-background-size: 64px 64px;
            -o-background-size: 64px 64px;
            background-size: 64px 64px; } }
      section.intro ul.whatsnew li h4 {
        margin: 15px 0 0 0;
        color: #FFC61A;
        font-size: 20px;
        line-height: 30px;
        font-weight: 600; }
        section.intro ul.whatsnew li h4 strong {
          display: block;
          color: white;
          font-size: 24px;
          line-height: 22px;
          font-weight: 600; }
      section.intro ul.whatsnew li p {
        margin: 15px 0 0 0;
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        color: #B3B3B3;
        width: 100%; }

div.filmstrip-divider {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 2560px;
  height: 320px;
  background-image: url(filmstrip-divider.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
  margin: -40px auto -40px auto;
  width: 100%;
  background-repeat: no-repeat; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    div.filmstrip-divider {
      background-image: url(filmstrip-divider@2x.jpg);
      -webkit-background-size: 2560px 320px;
      -moz-background-size: 2560px 320px;
      -o-background-size: 2560px 320px;
      background-size: 2560px 320px; } }

section.feature .info {
  margin: 0 auto;
  width: 90%;
  text-align: center; }
  @media (min-width: 570px) {
    section.feature .info {
      max-width: 920px; } }
  section.feature .info h2 {
    font-size: 80px;
    font-weight: 900;
    letter-spacing: -3.33px;
    line-height: 80px;
    margin-bottom: 20px;
    background: -webkit-linear-gradient(0deg, #FFF, #999);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; }
    @media (max-width: 570px) {
      section.feature .info h2 {
        font-size: 44px; } }
  section.feature .info p {
    font-weight: 300;
    color: #B3B3B3;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0;
    max-width: 712px;
    width: 80%;
    margin: 0 auto 40px auto; }
    @media (max-width: 570px) {
      section.feature .info p {
        font-size: 18px;
        letter-spacing: 0;
        line-height: 26px;
        width: 100%; } }
  section.feature .info .screen {
    margin: 20px 0; }
    section.feature .info .screen img {
      width: 90%;
      height: auto; }
section.feature.sirishortcuts .info .screen img {
  position: relative;
  left: 55px; }
  @media (max-width: 570px) {
    section.feature.sirishortcuts .info .screen img {
      left: 25px; } }
section.feature.shooting .screen {
  text-align: center;
  margin: 30px 0 60px 0; }
  section.feature.shooting .screen img {
    max-width: 90%;
    height: auto; }
section.feature.filters .screen img {
  position: relative;
  z-index: 10;
  /* cover sea-green banner */
  width: 100%;
  height: auto; }
section.feature.frames .screen img {
  width: 100%;
  height: auto;
  margin-bottom: 40px; }
section.feature.editing .screen {
  text-align: center; }
  section.feature.editing .screen img {
    margin: 40px 0;
    max-width: 90%; }
section.feature.magicml h2::before {
  content: '';
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 64px;
  height: 61px;
  background-image: url(heading-magicml.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 0.2em;
  position: relative;
  top: 4px; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    section.feature.magicml h2::before {
      background-image: url(heading-magicml@2x.png);
      -webkit-background-size: 64px 61px;
      -moz-background-size: 64px 61px;
      -o-background-size: 64px 61px;
      background-size: 64px 61px; } }
section.feature.magicml .screen {
  text-align: center; }
  section.feature.magicml .screen img {
    margin: 40px 0;
    max-width: 90%; }
section.feature ul.features {
  width: 80%;
  list-style-type: none;
  padding: 0;
  /*		margin: 20px -15px 0 -15px; */
  margin: 0 auto 0 auto;
  text-align: center; }
  @media (max-width: 570px) {
    section.feature ul.features {
      width: 90%; } }
  section.feature ul.features.c1 li {
    width: 98%; }
    section.feature ul.features.c1 li .icon {
      float: left;
      margin: 0 20px 20px 0; }
    section.feature ul.features.c1 li p {
      margin-left: 84px; }
  section.feature ul.features.c2 li {
    width: 49%; }
    @media (max-width: 570px) {
      section.feature ul.features.c2 li {
        width: 90%; } }
  section.feature ul.features.solo li {
    text-align: center; }
  section.feature ul.features li {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 32%;
    padding: 0 15px 40px 15px; }
    @media (max-width: 770px) {
      section.feature ul.features li {
        width: 49%; } }
    @media (max-width: 570px) {
      section.feature ul.features li {
        width: 100%;
        padding-left: 0; } }
    section.feature ul.features li .icon {
      display: block;
      width: 64px;
      height: 64px; }
    section.feature ul.features li.manual .icon {
      background-image: url(iconManualShooting.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.manual .icon {
          background-image: url(iconManualShooting@2x.png);
          -webkit-background-size: 60px 61px;
          -moz-background-size: 60px 61px;
          -o-background-size: 60px 61px;
          background-size: 60px 61px; } }
    section.feature ul.features li.raw .icon {
      background-image: url(iconRaw.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.raw .icon {
          background-image: url(iconRaw@2x.png);
          -webkit-background-size: 64px 45px;
          -moz-background-size: 64px 45px;
          -o-background-size: 64px 45px;
          background-size: 64px 45px; } }
    section.feature ul.features li.portrait .icon {
      background-image: url(iconPortrait.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.portrait .icon {
          background-image: url(iconPortrait@2x.png);
          -webkit-background-size: 53px 54px;
          -moz-background-size: 53px 54px;
          -o-background-size: 53px 54px;
          background-size: 53px 54px; } }
    section.feature ul.features li.slowshutter .icon {
      background-image: url(iconSlowShutter.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.slowshutter .icon {
          background-image: url(iconSlowShutter@2x.png);
          -webkit-background-size: 60px 61px;
          -moz-background-size: 60px 61px;
          -o-background-size: 60px 61px;
          background-size: 60px 61px; } }
    section.feature ul.features li.shootingmodes .icon {
      background-image: url(iconShootingModes.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.shootingmodes .icon {
          background-image: url(iconShootingModes@2x.png);
          -webkit-background-size: 60px 52px;
          -moz-background-size: 60px 52px;
          -o-background-size: 60px 52px;
          background-size: 60px 52px; } }
    section.feature ul.features li.macro .icon {
      background-image: url(iconMacro.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.macro .icon {
          background-image: url(iconMacro@2x.png);
          -webkit-background-size: 50px 52px;
          -moz-background-size: 50px 52px;
          -o-background-size: 50px 52px;
          background-size: 50px 52px; } }
    section.feature ul.features li.focuspeaking .icon {
      background-image: url(iconFocusPeaking.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.focuspeaking .icon {
          background-image: url(iconFocusPeaking@2x.png);
          -webkit-background-size: 58px 62px;
          -moz-background-size: 58px 62px;
          -o-background-size: 58px 62px;
          background-size: 58px 62px; } }
    section.feature ul.features li.actionmode .icon {
      background-image: url(iconActionMode.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.actionmode .icon {
          background-image: url(iconActionMode@2x.png);
          -webkit-background-size: 64px 64px;
          -moz-background-size: 64px 64px;
          -o-background-size: 64px 64px;
          background-size: 64px 64px; } }
    section.feature ul.features li.clipping .icon {
      background-image: url(iconClipping.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.clipping .icon {
          background-image: url(iconClipping@2x.png);
          -webkit-background-size: 64px 64px;
          -moz-background-size: 64px 64px;
          -o-background-size: 64px 64px;
          background-size: 64px 64px; } }
    section.feature ul.features li.filters .icon {
      background-image: url(iconFilters.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.filters .icon {
          background-image: url(iconFilters@2x.png);
          -webkit-background-size: 54px 54px;
          -moz-background-size: 54px 54px;
          -o-background-size: 54px 54px;
          background-size: 54px 54px; } }
    section.feature ul.features li.layering .icon {
      background-image: url(iconLayering.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.layering .icon {
          background-image: url(iconLayering@2x.png);
          -webkit-background-size: 58px 44px;
          -moz-background-size: 58px 44px;
          -o-background-size: 58px 44px;
          background-size: 58px 44px; } }
    section.feature ul.features li.adjustments .icon {
      background-image: url(iconBrightness.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.adjustments .icon {
          background-image: url(iconBrightness@2x.png);
          -webkit-background-size: 60px 60px;
          -moz-background-size: 60px 60px;
          -o-background-size: 60px 60px;
          background-size: 60px 60px; } }
    section.feature ul.features li.claritypro .icon {
      background-image: url(iconClarity.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.claritypro .icon {
          background-image: url(iconClarity@2x.png);
          -webkit-background-size: 60px 58px;
          -moz-background-size: 60px 58px;
          -o-background-size: 60px 58px;
          background-size: 60px 58px; } }
    section.feature ul.features li.copyedits .icon {
      background-image: url(iconCopyPasteEdits.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.copyedits .icon {
          background-image: url(iconCopyPasteEdits@2x.png);
          -webkit-background-size: 64px 64px;
          -moz-background-size: 64px 64px;
          -o-background-size: 64px 64px;
          background-size: 64px 64px; } }
    section.feature ul.features li.rawadjust .icon {
      background-image: url(iconCurves.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.rawadjust .icon {
          background-image: url(iconCurves@2x.png);
          -webkit-background-size: 60px 56px;
          -moz-background-size: 60px 56px;
          -o-background-size: 60px 56px;
          background-size: 60px 56px; } }
    section.feature ul.features li.depthedit .icon {
      background-image: url(iconTrueDepth.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.depthedit .icon {
          background-image: url(iconTrueDepth@2x.png);
          -webkit-background-size: 56px 58px;
          -moz-background-size: 56px 58px;
          -o-background-size: 56px 58px;
          background-size: 56px 58px; } }
    section.feature ul.features li.lightbox .icon {
      background-image: url(iconLightbox.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.lightbox .icon {
          background-image: url(iconLightbox@2x.png);
          -webkit-background-size: 51px 56px;
          -moz-background-size: 51px 56px;
          -o-background-size: 51px 56px;
          background-size: 51px 56px; } }
    section.feature ul.features li.draganddrop .icon {
      background-image: url(iconDragDrop.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.draganddrop .icon {
          background-image: url(iconDragDrop@2x.png);
          -webkit-background-size: 61px 57px;
          -moz-background-size: 61px 57px;
          -o-background-size: 61px 57px;
          background-size: 61px 57px; } }
    section.feature ul.features li.heif .icon {
      background-image: url(iconHEIF.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.heif .icon {
          background-image: url(iconHEIF@2x.png);
          -webkit-background-size: 64px 44px;
          -moz-background-size: 64px 44px;
          -o-background-size: 64px 44px;
          background-size: 64px 44px; } }
    section.feature ul.features li.smartalbums .icon {
      background-image: url(iconSmartAlbum.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.smartalbums .icon {
          background-image: url(iconSmartAlbum@2x.png);
          -webkit-background-size: 64px 64px;
          -moz-background-size: 64px 64px;
          -o-background-size: 64px 64px;
          background-size: 64px 64px; } }
    section.feature ul.features li.burstgroups .icon {
      background-image: url(iconBurstMode.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.burstgroups .icon {
          background-image: url(iconBurstMode@2x.png);
          -webkit-background-size: 64px 64px;
          -moz-background-size: 64px 64px;
          -o-background-size: 64px 64px;
          background-size: 64px 64px; } }
    section.feature ul.features li.animatedgif .icon {
      background-image: url(iconAnimatedGIF.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.animatedgif .icon {
          background-image: url(iconAnimatedGIF@2x.png);
          -webkit-background-size: 64px 64px;
          -moz-background-size: 64px 64px;
          -o-background-size: 64px 64px;
          background-size: 64px 64px; } }
    section.feature ul.features li.curves .icon {
      background-image: url(iconCurves2.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.curves .icon {
          background-image: url(iconCurves2@2x.png);
          -webkit-background-size: 54px 54px;
          -moz-background-size: 54px 54px;
          -o-background-size: 54px 54px;
          background-size: 54px 54px; } }
    section.feature ul.features li.favorites .icon {
      background-image: url(iconFavorites.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.favorites .icon {
          background-image: url(iconFavorites@2x.png);
          -webkit-background-size: 58px 55px;
          -moz-background-size: 58px 55px;
          -o-background-size: 58px 55px;
          background-size: 58px 55px; } }
    section.feature ul.features li.socialpack .icon {
      background-image: url(iconSocialPack.png);
      background-repeat: no-repeat;
      background-position: center center; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        section.feature ul.features li.socialpack .icon {
          background-image: url(iconSocialPack@2x.png);
          -webkit-background-size: 54px 54px;
          -moz-background-size: 54px 54px;
          -o-background-size: 54px 54px;
          background-size: 54px 54px; } }
    section.feature ul.features li h4 {
      margin: 15px 0 0 0;
      color: #FFC61A;
      font-size: 20px;
      line-height: 30px;
      font-weight: 600; }
      section.feature ul.features li h4 strong {
        display: block;
        color: white;
        font-size: 24px;
        line-height: 22px;
        font-weight: 600; }
    section.feature ul.features li.new h4 strong:after {
      content: 'New';
      vertical-align: top;
      background: #FF9F1A;
      border-radius: 5px;
      font-size: 14px;
      color: white;
      padding: 4px 8px;
      margin-left: .5em; }
    section.feature ul.features li.ipad h4 strong:after {
      content: 'iPad only';
      vertical-align: top;
      background: #FF9F1A;
      border-radius: 5px;
      font-size: 14px;
      color: white;
      padding: 4px 8px;
      margin-left: .5em;
      white-space: nowrap; }
    section.feature ul.features li.improved h4 strong:after {
      content: 'Improved';
      vertical-align: top;
      background-color: white;
      background-image: linear-gradient(-105deg, #FFFFFF 0%, #999999 87%);
      border-radius: 5px;
      font-size: 14px;
      color: black;
      padding: 4px 8px;
      margin-left: .5em; }
    section.feature ul.features li.ios13 h4 strong:after {
      content: 'iOS 13';
      vertical-align: top;
      background: #FF9F1A;
      border-radius: 5px;
      font-size: 14px;
      color: white;
      padding: 4px 8px;
      margin-left: .5em; }
    section.feature ul.features li p {
      margin: 15px 0 0 0;
      font-size: 16px;
      line-height: 22px;
      font-weight: 300;
      color: #B3B3B3; }

section.feature .compare {
  margin: 0 auto 40px auto;
  max-width: 76%;
  /* labels */
  /* handle */ }
  section.feature .compare .twentytwenty-overlay:hover {
    background: transparent; }
  section.feature .compare .twentytwenty-horizontal .twentytwenty-before-label,
  section.feature .compare .twentytwenty-horizontal .twentytwenty-after-label {
    opacity: 1; }
  section.feature .compare .twentytwenty-horizontal .twentytwenty-before-label:before,
  section.feature .compare .twentytwenty-horizontal .twentytwenty-after-label:before {
    top: 20px;
    margin-top: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: 0;
    padding: 4px 16px; }
  section.feature .compare .twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 20px;
    content: "before";
    background: black; }
  section.feature .compare .twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 20px;
    content: "after";
    background-image: linear-gradient(-135deg, #FF5500 0%, #FFAA00 100%); }
  section.feature .compare.slowshutter .twentytwenty-horizontal .twentytwenty-before-label:before {
    content: "normal shutter"; }
  section.feature .compare.slowshutter .twentytwenty-horizontal .twentytwenty-after-label:before {
    content: "slow shutter"; }
  section.feature .compare .twentytwenty-horizontal .twentytwenty-handle:before,
  section.feature .compare .twentytwenty-horizontal .twentytwenty-handle:after,
  section.feature .compare .twentytwenty-vertical .twentytwenty-handle:before,
  section.feature .compare .twentytwenty-vertical .twentytwenty-handle:after {
    background: #FFC61A;
    box-shadow: none; }
  section.feature .compare .twentytwenty-handle {
    background: #FFC61A;
    border: 3px solid #FFC61A;
    box-shadow: none; }
  section.feature .compare .twentytwenty-left-arrow {
    margin-left: -19px; }
  section.feature .compare .twentytwenty-right-arrow {
    margin-right: -19px; }

/*# sourceMappingURL=front.css.map */