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

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

strong {
  font-weight: 600;
}

a.anchor {
  display: block;
  position: relative;
  top: -120px;
  visibility: hidden;
}
@media (max-width: 570px) {
  a.anchor {
    top: -90px;
  }
}

div.top {
  background-image: url(background.jpg);
  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(background@2x.jpg);
    -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;
  }
}

section.getit {
  text-align: center;
  margin: 50px 0;
}
section.getit .icon {
  display: none;
}
section.getit .name {
  display: none;
}
section.getit .platform {
  display: none;
}
section.getit a {
  margin: 0 auto;
  width: 100%;
  max-width: 70%;
}
section.getit a.studio {
  display: none;
}
section.getit a.studio .appstore {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 159px;
  height: 41px;
  background-image: url(getit-appstoremac.png);
  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) {
  section.getit a.studio .appstore {
    background-image: url(getit-appstoremac@2x.png);
    -webkit-background-size: 159px 41px;
    -moz-background-size: 159px 41px;
    -o-background-size: 159px 41px;
    background-size: 159px 41px;
  }
}
section.getit a.cp2 .appstore {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 135px;
  height: 41px;
  background-image: url(getit-appstore.png);
  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) {
  section.getit a.cp2 .appstore {
    background-image: url(getit-appstore@2x.png);
    -webkit-background-size: 135px 41px;
    -moz-background-size: 135px 41px;
    -o-background-size: 135px 41px;
    background-size: 135px 41px;
  }
}
@media (min-width: 810px) {
  section.getit a {
    display: inline-block;
    position: relative;
    width: calc(50% - 28px);
    min-height: 84px;
    padding: 16px 16px 16px 80px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    border-radius: 24px;
    color: white;
    text-decoration: none;
  }
  section.getit a .icon {
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 16px;
  }
  section.getit a .appstore {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 16px;
  }
  section.getit a .name {
    display: block;
    text-align: left;
    font-size: 20px;
    line-height: 29px;
  }
  section.getit a .platform {
    display: block;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    opacity: 0.5;
  }
  section.getit a.studio {
    display: inline-block;
    margin-left: 6px;
  }
  section.getit a.studio .icon {
    display: inline-block;
    color: transparent;
    text-indent: -5000em;
    width: 48px;
    height: 49px;
    background-image: url(getit-studio.png);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 810px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 810px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 810px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 810px) and (min-device-pixel-ratio: 2), only screen and (min-width: 810px) and (min-resolution: 192dpi), only screen and (min-width: 810px) and (min-resolution: 2dppx) {
  section.getit a.studio .icon {
    background-image: url(getit-studio@2x.png);
    -webkit-background-size: 48px 49px;
    -moz-background-size: 48px 49px;
    -o-background-size: 48px 49px;
    background-size: 48px 49px;
  }
}
@media (min-width: 810px) {
  section.getit a.cp2 {
    margin-right: 6px;
  }
  section.getit a.cp2 .icon {
    display: inline-block;
    color: transparent;
    text-indent: -5000em;
    width: 48px;
    height: 49px;
    background-image: url(getit-cp2.png?2);
    background-repeat: no-repeat;
    background-position: center center;
    vertical-align: middle;
  }
}
@media only screen and (min-width: 810px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 810px) and (-moz-min-device-pixel-ratio: 2), only screen and (min-width: 810px) and (-o-min-device-pixel-ratio: 2/1), only screen and (min-width: 810px) and (min-device-pixel-ratio: 2), only screen and (min-width: 810px) and (min-resolution: 192dpi), only screen and (min-width: 810px) and (min-resolution: 2dppx) {
  section.getit a.cp2 .icon {
    background-image: url(getit-cp2@2x.png?2);
    -webkit-background-size: 48px 49px;
    -moz-background-size: 48px 49px;
    -o-background-size: 48px 49px;
    background-size: 48px 49px;
  }
}

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;
    padding: 15px 5px 0px 5px;
  }
}
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: 184px;
  height: 40px;
  background-image: url(header-logo.png?3);
  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?3);
    -webkit-background-size: 184px 40px;
    -moz-background-size: 184px 40px;
    -o-background-size: 184px 40px;
    background-size: 184px 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: black;
}

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 .screen {
  text-align: center;
  display: none;
}
section.intro .screen img {
  width: 75%;
  height: auto;
}
@media (max-width: 570px) {
  section.intro .screen {
    display: block;
  }
}
section.intro section.features {
  display: flex;
  flex-wrap: wrap;
  max-width: 85%;
  margin: 0 auto;
  padding-bottom: 100px;
  justify-content: space-between;
  opacity: 0.5;
  text-align: center;
}
section.intro section.features div {
  font-size: 16px;
  line-height: 23px;
  margin: 0.5em;
}
section.intro section.features div .icon {
  display: block !important;
  margin: 0 auto 1em auto;
}
section.intro section.features div.manual .icon {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 33px;
  height: 33px;
  background-image: url(top-manual.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 section.features div.manual .icon {
    background-image: url(top-manual@2x.png);
    -webkit-background-size: 33px 33px;
    -moz-background-size: 33px 33px;
    -o-background-size: 33px 33px;
    background-size: 33px 33px;
  }
}
section.intro section.features div.editing .icon {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 32px;
  height: 33px;
  background-image: url(top-editing.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 section.features div.editing .icon {
    background-image: url(top-editing@2x.png);
    -webkit-background-size: 32px 33px;
    -moz-background-size: 32px 33px;
    -o-background-size: 32px 33px;
    background-size: 32px 33px;
  }
}
section.intro section.features div.proraw .icon {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 33px;
  height: 33px;
  background-image: url(top-raw.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 section.features div.proraw .icon {
    background-image: url(top-raw@2x.png);
    -webkit-background-size: 33px 33px;
    -moz-background-size: 33px 33px;
    -o-background-size: 33px 33px;
    background-size: 33px 33px;
  }
}
section.intro section.features div.ultrares .icon {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 33px;
  height: 33px;
  background-image: url(top-ultrares.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 section.features div.ultrares .icon {
    background-image: url(top-ultrares@2x.png);
    -webkit-background-size: 33px 33px;
    -moz-background-size: 33px 33px;
    -o-background-size: 33px 33px;
    background-size: 33px 33px;
  }
}
section.intro section.features div.magicml .icon {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 32px;
  height: 33px;
  background-image: url(top-magicml.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 section.features div.magicml .icon {
    background-image: url(top-magicml@2x.png);
    -webkit-background-size: 32px 33px;
    -moz-background-size: 32px 33px;
    -o-background-size: 32px 33px;
    background-size: 32px 33px;
  }
}
section.intro section.features div.clarity .icon {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 33px;
  height: 33px;
  background-image: url(top-clarity.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 section.features div.clarity .icon {
    background-image: url(top-clarity@2x.png);
    -webkit-background-size: 33px 33px;
    -moz-background-size: 33px 33px;
    -o-background-size: 33px 33px;
    background-size: 33px 33px;
  }
}
@media (max-width: 570px) {
  section.intro section.features {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 100%;
    opacity: 1;
  }
  section.intro section.features div {
    margin: 2px;
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px);
    border-radius: 24px;
  }
}
@media (max-width: 300px) {
  section.intro section.features {
    grid-template-columns: 1fr 1fr;
  }
}
section.intro h2 {
  text-align: center;
  font-weight: 300;
  color: #FFC61A;
  font-size: 100px;
  letter-spacing: -3px;
  line-height: 80px;
  margin: 120px 0 60px 0;
  background: linear-gradient(180deg, #FFFFFF 17.81%, rgba(255, 255, 255, 0.67) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-shadow: 0px 20px 32px rgba(0, 0, 0, 0.2), 0px 4px 11px rgba(0, 0, 0, 0.3);
  font-weight: 900;
}
@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 h2 span.plus {
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 45px;
  height: 46px;
  background-image: url(plus.png);
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: middle;
  position: relative;
  top: -8px;
  left: 4px;
  opacity: 0.5;
  margin: 0 0.2em;
}
@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 h2 span.plus {
    background-image: url(plus@2x.png);
    -webkit-background-size: 45px 46px;
    -moz-background-size: 45px 46px;
    -o-background-size: 45px 46px;
    background-size: 45px 46px;
  }
}
@media (max-width: 570px) {
  section.intro h2 span.plus {
    display: inline-block;
    color: transparent;
    text-indent: -5000em;
    width: 22px;
    height: 22px;
    background-image: url(plus.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: -2px;
    left: 0px;
    margin: 0 0.1em;
  }
}
@media only screen and (max-width: 570px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 570px) and (-moz-min-device-pixel-ratio: 2), only screen and (max-width: 570px) and (-o-min-device-pixel-ratio: 2/1), only screen and (max-width: 570px) and (min-device-pixel-ratio: 2), only screen and (max-width: 570px) and (min-resolution: 192dpi), only screen and (max-width: 570px) and (min-resolution: 2dppx) {
  section.intro h2 span.plus {
    background-image: url(plus@2x.png);
    -webkit-background-size: 22px 22px;
    -moz-background-size: 22px 22px;
    -o-background-size: 22px 22px;
    background-size: 22px 22px;
  }
}
section.intro .quote {
  text-align: center;
  font-size: 28px;
  margin: 0 auto;
  max-width: 18em;
}
@media (max-width: 570px) {
  section.intro .quote.upper {
    display: none;
  }
}
@media (min-width: 570px) {
  section.intro .quote.bottom {
    display: none;
  }
}
section.intro .quote span.wsj {
  display: block !important;
  margin: 0 auto;
  margin-top: 0.8em;
  display: inline-block;
  color: transparent;
  text-indent: -5000em;
  width: 142px;
  height: 13px;
  background-image: url(wsj.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 .quote span.wsj {
    background-image: url(wsj@2x.png);
    -webkit-background-size: 142px 13px;
    -moz-background-size: 142px 13px;
    -o-background-size: 142px 13px;
    background-size: 142px 13px;
  }
}
section.intro h3 {
  text-align: center;
  color: #000000;
  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 .buyme {
  text-align: center;
  margin: 0 0 30px;
}
section.intro .buyme 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;
  margin: 0.7em auto 2em 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 .buyme 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 .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;
}
section.intro ul.whatsnew li a {
  display: block;
  text-decoration: none;
  color: inherit;
}
@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 56px;
    -moz-background-size: 58px 56px;
    -o-background-size: 58px 56px;
    background-size: 58px 56px;
  }
}
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.monuments .icon {
  background: #FFC61A;
  background-image: url(iconMonumentsBk.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.monuments .icon {
    background-image: url(iconMonumentsBk@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.ultrares .icon {
  background: #FFC61A;
  background-image: url(iconUltraresBk.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.ultrares .icon {
    background-image: url(iconUltraresBk@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?2);
  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?2);
    -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 .info {
  text-align: left;
}
section.feature.shooting .info h2 {
  padding-top: 1em;
}
section.feature.shooting .info .screen {
  float: left;
  width: 50%;
}
@media (max-width: 570px) {
  section.feature.shooting .info .screen {
    display: none;
  }
}
section.feature.shooting .info .screen img {
  width: 100%;
}
section.feature.shooting .features {
  clear: both;
}
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.c2 li.monuments {
  padding-top: 100px;
}
section.feature ul.features.c2 li.monumentsScreen {
  padding-top: 50px;
}
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.monuments .icon {
  background-image: url(iconMonuments.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.monuments .icon {
    background-image: url(iconMonuments@2x.png);
    -webkit-background-size: 56px 56px;
    -moz-background-size: 56px 56px;
    -o-background-size: 56px 56px;
    background-size: 56px 56px;
  }
}
section.feature ul.features li.ultrares .icon {
  background-image: url(iconUltrares.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.ultrares .icon {
    background-image: url(iconUltrares@2x.png);
    -webkit-background-size: 55px 50px;
    -moz-background-size: 55px 50px;
    -o-background-size: 55px 50px;
    background-size: 55px 50px;
  }
}
section.feature ul.features li h4 {
  margin: 15px 0 0 0;
  color: #FFC61A;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
section.feature ul.features li h4 strong {
  display: block;
  color: white;
  font-size: 24px;
  line-height: 38px;
  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: 0.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: 0.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: 0.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: 0.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 ul.features li.ultrares {
  width: 80%;
}
@media (min-width: 570px) {
  section.feature ul.features li.ultrares p {
    width: 40%;
  }
}
section.feature ul.features li.ultrares .screen {
  margin-right: -16%;
}
@media (min-width: 570px) {
  section.feature ul.features li.ultrares .screen {
    float: right;
    width: 69%;
  }
}
section.feature ul.features li.ultrares .screen img {
  width: 100%;
}

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 */