.dropdown-menu {
    -webkit-transform: translate3d(3px, 36px, 0px) !important;
    transform: translate3d(3px, 36px, 0px) !important;
}

.btn::after {
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.capability::before, .creator .row::after {
    -webkit-animation: heartbeat-1 7s infinite; 
    animation: heartbeat-1 7s infinite;   
}

.my-dots .slick-active button {
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;

}

.road-map .row::before {
    animation: heartbeat-1 10s infinite;
}

.road-map-slick .active-date .line::before  {
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
}


.creator .row::before, .mobile-app .row::before, .team-photo-img::after {
    animation: rotating 60s linear 0s infinite;

}
.block-creator::before {
    animation: rotating 30s linear 0s infinite;
}

.heart {
    animation: heartbeat-1 1.25s infinite;    
}
.capability > div:hover .rotation {

    animation: rotating 20s linear 0s infinite;

}
.capability::before {
  animation: heartbeat-1 7s infinite;

}
.elems-puls-2::before  {
  animation: heartbeat-1 3s infinite;
}
.elems-puls-1::before{
  animation: heartbeat-1 6s infinite;
}
.elems-puls-1::after {
  animation: heartbeat-1 9s infinite;
}




@keyframes heartbeat-1 {
	0% {
    transform: scale(1)
               rotate(0deg);
	  }
	10% {
    transform: scale(1.05)
               rotate(0deg);
      }
      50% {
        transform: scale(1)
                   rotate(0deg);
          }
      80% {
        transform: scale(1.25)
                   rotate(0deg);
          }
  100% {
      transform: scale(1)
                 rotate(0deg);
  }
}

@keyframes pulsecolor {
  10% {
  background-color: #E1B133;
  }
}

@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes growLine {
  to {
    width: 48%;
  }
}



/* End animation */

@keyframes traffic {
 100% {
    width: 100%;
 }
}
@keyframes traffic1 {
  100% {
    width: 100%;
  }
}
@keyframes traffic2 {
  100% {
    width: 45%;
  }
}
@keyframes traffic-1-1 {
  0% {
    @include transform(scale(.4));
  }
  70% {
    @include transform(scale(.8));
    box-shadow: 0 0 0 10px rgba(225, 177, 51, 0.3);;
  }
   100% {
      background: #E1B133;
      border: 3px solid #FFFFFF;
      @include transform(scale(.4));
      box-shadow: 0 0 0 0 rgba(225, 177, 51, 0.3);;
   }
}


@keyframes traffic-1-2 {
   100% {
        color: #E1B133;
   }
}
@keyframes traffic-1-3 {
   100% {
        color: #fff;
   }
}






@-webkit-keyframes pulse {
  0% {
    @include transform(scale(.9));
  }
  30% {
        @include transform(scale(1));
        box-shadow: 0 0 0 10px rgba(90, 153, 212, 0.5);
  color: #5CA9FF;
    background: #5CA9FF;
      }
  50% {
      @include transform(scale(1));
      box-shadow: 0 0 0 15px rgba(90, 153, 212, 0.5);
        color: #5CA9FF;
    background: #5CA9FF;
    }
  70% {
    @include transform(scale(1));
    box-shadow: 0 0 0 10px rgba(90, 153, 212, 0.5);
    color: #5CA9FF;
    background: #5CA9FF;
  }
    100% {
    @include transform(scale(.9));
    box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
    color: #5CA9FF;
    background: #5CA9FF;

  }
}