/* compiled by scssphp v0.0.11 on Thu, 23 May 2019 04:58:24 +0000 (0.0134s) */

#heroSection .cls-iPhone .title {
  color: #141428;
  margin-bottom: 32px; }
  #heroSection .cls-iPhone .title p {
    line-height: 1.37; }
  @media (min-width: 881px) {
    #heroSection .cls-iPhone .title {
      margin-bottom: 30px; } }
  #heroSection .cls-iPhone .common-app-link svg g .cls-3 {
    fill: #fff; }
  #heroSection .cls-iPhone .title, #heroSection .cls-iPhone .title strong, #heroSection .cls-iPhone .text {
    color: #141428; }

.carousel-head {
  margin-bottom: 30px;
  font-weight: 700;
  color: #3c3c50 !important;
  line-height: 30px; }
  @media (min-width: 768px) {
  .carousel-head {
    font-size: 36px; } }

p, span, h4 {
  color: #3d3c4f !important; }

p {
  color: #505063; }

.iphone-section-carousel-container {
  padding-top: 50px;
  position: relative; }
  @media (min-width: 768px) {
  .iphone-section-carousel-container {
    padding-bottom: 0px; } }
  .iphone-section-carousel-container .iphone-carousel-wrap {
    position: static; }
  .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flexslider {
    width: 100%; }
    .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider {
      position: relative; }
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider .slides-wrapper li img {
        width: 100%;
        border-radius: 2px; }
        .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider .slides-wrapper li video {
          width: 100%;
          height: 100%; }
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
        bottom: -155px; }
        @media (max-width: 767px) {
    .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
      bottom: -75px; } }
        .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging li a {
          border-radius: 0;
          background-color: #e3dfdf;
          border-radius: 2px; }
        .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging li a.flex-active {
          background-color: #3d3c4f; }
    .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-prev {
      left: -50px; }
      @media (min-width: 992px) and (max-width: 1024px) {
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-prev {
        left: -10%; } }
      @media (min-width: 768px) and (max-width: 991px) {
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-prev {
        left: -20%; } }
      @media (min-width: 992px) and (max-width: 1024px) {
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-prev {
        left: -5%; } }
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-next {
        right: -50px; }
      @media (min-width: 992px) and (max-width: 1024px) {
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-next {
        right: -10%; } }
      @media (min-width: 992px) and (max-width: 1024px) {
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-next {
        right: -5%; } }
      @media (min-width: 768px) and (max-width: 991px) {
      .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav .flex-next {
        right: -20%; } }
      @media (max-width: 767px) {
    .iphone-section-carousel-container .iphone-carousel-wrap .iphone-wrap .flex-direction-nav {
      display: none; } }

.photoshop-section {
  padding-top: 50px; }
  .photoshop-section .photoshop-title-block {
    text-align: center; }
  .photoshop-section .photoshop-title-block p {
    margin-bottom: 50px; }
  .photoshop-section .photoshop-image img {
    width: 100%; }
  @media (max-width: 767px) {
      .photoshop-section .photoshop-image.container {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
        height: auto !important; } }
  .photoshop-section.container {
    height: auto !important; }
  .photoshop-section .container {
    height: auto; }

.text-box-wrap {
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 50px 25px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 15px; }
  @media (min-width: 768px) and (max-width: 1023px) {
  .text-box-wrap {
    width: 32%;
    height: 410px;
    padding: 20px;
    margin-bottom: 0; } }
  @media (min-width: 1024px) {
  .text-box-wrap {
    width: 30%;
    height: 360px;
    margin-bottom: 0; } }
  .text-box-wrap p {
    text-align: center; }
  .text-box-wrap img {
    width: 60px;
    height: 60px; }
  .text-box-wrap .sub-title {
    font-weight: 900;
    display: block;
    padding: 15px 0;
    font-size: 19px;
    color: #3c3c50 !important;
    text-align: center; }
  .text-box-wrap:last-child {
    margin-bottom: 0; }

.features-section .features-block {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  @media (max-width: 767px) {
    .features-section .features-block .text-box-wrap:nth-child(even) {
      margin-bottom: 40px;
      margin-top: -20px; }

    .features-section .features-block .text-box-wrap:nth-child(2) {
      margin-top: 0px; }

    .features-section .features-block.container {
      padding: 0 !important;
      margin: 0 !important;
      width: 100% !important; } }
  .features-section .features-block .text-box-wrap {
    padding: 25px;
    width: 48%;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
    .features-section .features-block .text-box-wrap {
      padding: 50px;
      width: 47%;
      height: auto; } }
    @media (min-width: 992px) {
    .features-section .features-block .text-box-wrap {
      width: 30%; } }
    @media (min-width: 1200px) {
    .features-section .features-block .text-box-wrap {
      width: 32%; } }
    .features-section .features-block .text-box-wrap p {
      text-align: center; }
  @media (max-width: 767px) {
      .features-section .features-block.container {
        margin: 0 !important;
        padding: 0 !important;
        max-width: 100% !important;
        height: auto !important; } }

.design-image img {
  width: 100%;
  margin-bottom: 40px; }
  @media (max-width: 767px) {
    .design-image.container {
      margin: 0 !important;
      padding: 0 !important;
      max-width: 100% !important;
      height: auto !important; } }

@media (min-width: 768px) {
      .icon-branded-section img {
        width: 100px; } }
  .icon-branded-section .text strong {
    color: #3c3c50;
    font-family: "Avenir-Black", sans-serif; }

.carousel-header-section {
  margin-bottom: 50px;
  text-align: center; }
  .carousel-header-section p {
    color: #505064 !important;
    font-size: 17px;
    line-height: 24px; }

.text-boxes-block {
  margin-top: 40px; }
  @media (min-width: 768px) {
  .text-boxes-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0px; } }
  @media (min-width: 1200px) {
  .text-boxes-block {
    margin-top: 0; } }

.tools-container {
  display: flex;
  justify-content: space-between; }
  .tools-container .tools-wrap {
    width: 100%; }
  .tools-container .tools-wrap img {
    width: 100%; }
  @media (min-width: 768px) {
  .tools-container .tools-wrap {
    width: 58%; }
    .tools-container .tools-wrap img {
      width: 100%; } }
  @media (min-width: 1024px) {
  .tools-container .text-boxes-block {
    width: 40%;
    justify-content: space-around;
    border-radius: 25px;
    background-color: #f5f5f5;
    margin: 0;
    padding: 50px 30px; }
    .tools-container .text-boxes-block .text-box-wrap {
      width: 100%;
      padding: 0;
      height: auto; }
  .tools-container.five-section-container {
    flex-direction: row-reverse; } }
  @media (max-width: 767px) {
  .tools-container .text-boxes-block {
    margin-top: 0px !important; } }
  @media (max-width: 992px) {
  .tools-container {
    flex-direction: column-reverse;
    align-items: center; }
    .tools-container .text-boxes-block {
      margin-top: 50px; } }
  @media (max-width: 767px) {
    .tools-container.tools-container-block1 .text-boxes-block {
      margin-top: 40px !important; } }

.ipad-secton-section img, .iphone-section4-conatiner img {
  width: 100%; }
  .ipad-secton-section + .text-boxes-block, .iphone-section4-conatiner + .text-boxes-block {
    margin: 0; }

.iphone-section-carousel-wrapper .iphone-carousel-wrap .text-boxes-block {
  margin-top: 20px; }
  @media (max-width: 767px) {
      .iphone-section-carousel-wrapper .iphone-carousel-wrap .text-boxes-block {
        margin-top: 30px; } }

@media (min-width: 768px) {
    .iphone-section-carousel-container.iphone-section-carousel-wrapper .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
      bottom: -82px; } }
  @media (min-width: 992px) and (max-width: 1999px) {
  .iphone-section-carousel-container.iphone-section-carousel-wrapper .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
    bottom: -80px; } }
  @media (min-width: 768px) and (max-width: 991px) {
  .iphone-section-carousel-container.iphone-section-carousel-wrapper .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
    bottom: -68px; } }
  @media (max-width: 767px) {
  .iphone-section-carousel-container.iphone-section-carousel-wrapper .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
    bottom: -69px; } }
  @media (max-width: 500px) {
  .iphone-section-carousel-container.iphone-section-carousel-wrapper .iphone-carousel-wrap .iphone-wrap .iphone-slider .flex-control-nav.flex-control-paging {
    bottom: -60px; } }

.sub-content {
  font-size: 15px;
  color: #505064 !important;
  width: 100%; }

.common-banner .container {
  padding-top: 50px;
  padding-bottom: 70px; }
  .common-banner .container .common-app-link {
    bottom: 10%; }

.ipad-video-wrap {
  margin: 0 auto; }
  .ipad-video-wrap video + .text-boxes-block {
    margin-top: 0px; }

.mac-video-wrap video, .ipad-video-wrap video {
  width: 100%; }