.home-intro, .intro
  .cloud-text
    +font-semi-bold()
    font-size: 15px !important
    color: $fellOrange
    line-height: 15px !important
  .cloud-image
    //+sprite(0 -105px, 195px, 47px)
    display: block
    >span
      display: inline-block
      +transition(transform 0.3s, opacity 0.3s)
      position: relative
      top: 0
      left: 0
      opacity: 1

    .cloud
      +sprite(0 -105px, 56px, 47px)
      background-position: 0 -105px !important
      //opacity: 1
    .arrow
      +sprite(-60px -105px, 18px 47px)
      background-position: -60px -105px !important
      width: 18px !important
      height: 47px !important
      +translate3d(0,0,0)
      //opacity: 1
      +transition-delay(0.4s)
    .computer
      +sprite(-88px -105px, 55px, 47px)
      background-position: -88px -105px !important
      +translate3d(0,0,0)
      //opacity: 1
      +transition-delay(0.7s)
    .tablet
      +sprite(-150px -105px, 25px, 47px)
      background-position: -150px -105px !important
      +translate3d(0,0,0)
      //opacity: 1
      +transition-delay(0.9s)
    .mobile
      +sprite(-180px -105px, 16px, 47px)
      background-position: -180px -105px !important
      +translate3d(0,0,0)
      //opacity: 1
      +transition-delay(1.1s)

    &.animation
      >span
        opacity: 0
      .arrow
        +translate3d(-10px,0,0)
        //opacity: 0
      .computer
        +translate3d(0, 15px ,0)
        //opacity: 0
      .tablet
        +translate3d(0, 15px ,0)
        //opacity: 0
      .mobile
        +translate3d(0, 15px ,0)
        //opacity: 0

.sky-background.three-columns
  .icon-column
    opacity: 1
    +translate3d(0, 0, 0)
    +transition(0.4s)

    &:nth-of-type(2)
      +transition-delay(0.2s)
    &:nth-of-type(3)
      +transition-delay(0.4s)

    &.animation-part
      +translate3d(0, 20px, 0)
      opacity: 0

.home-features-row .features-block ul
  overflow: hidden
  li
    a
      opacity: 1
      +translate3d(0,0,0)
      +transition(0.4s)
      span
        opacity: 1
    &:nth-child(1)
      a
        +transition-delay(0.1s)
    &:nth-child(2)
      a
        +transition-delay(0.2s)
    &:nth-child(3)
      a
        +transition-delay(0.3s)
    &:nth-child(4)
      a
        +transition-delay(0.4s)
    &:nth-child(5)
      a
        +transition-delay(0.5s)
    &:nth-child(6)
      a
        +transition-delay(0.6s)
    &:nth-child(7)
      a
        +transition-delay(0.7s)
    &:nth-child(8)
      a
        +transition-delay(0.8s)
  &.animation-part
    li
      a
        opacity: 0
        +translate3d(30px,0,0)

.capterra
  .review
    .stars
      .star
        +transition(0.4s)
        +translate3dRotate(0,0,0, 0deg)
        +transform-origin(0px -20px)
        opacity: 1
        &:nth-of-type(2)
          +transition-delay(0.1s)
        &:nth-of-type(3)
          +transition-delay(0.2s)
        &:nth-of-type(4)
          +transition-delay(0.3s)
        &:nth-of-type(5)
          +transition-delay(0.4s)
  &.animation
    .review
      .stars
        .star
          opacity: 0
          +translate3dRotate(0,-10px,0, -40deg)

+media-query(950px)
  .sky-background.three-columns
    .icon-column
      &:nth-of-type(2)
        +transition-delay(0s)
      &:nth-of-type(3)
        +transition-delay(0s)