// Mousewheel
@include cms-mousewheel();
// Spin
@include keyframes(cms-spin) {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(359deg);
              transform: rotate(359deg);
    }
}
// Call Spin
.cms-spin{
    @include animation(cms-spin 5s infinite);
}
// Move up for CMS Grid
@include keyframes(moveUp) {
    0% { }
    100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
}

@include keyframes( spin-rotate-left) { 
    to{    transform:rotate(30deg)}
    from{    transform:rotate(175deg)}
}

@include keyframes( spin-rotate-right) {  
    from{    transform:rotate(-175deg)}
    to{    transform:rotate(-30deg)}
}

@include keyframes(spin-rotate-all) {  
    from{    transform:rotate(0deg)}
    to{    transform:rotate(360deg)}
}

@include keyframes( spin-fade-in-first) {  
    from{  opacity:1}
    to{  opacity:0}
}

@include keyframes( spin-fade-in-second) {  
    from{  opacity:0}
    to{  opacity:1}
}
@include keyframes(markerWave) {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .8
    }
    20% {
        opacity: .8
    }
    100% {
        -webkit-transform: scale(5.5);
        transform: scale(5.5);
        opacity: 0
    }
}

@include keyframes(sk-rotate) {
    100% { 
        transform: rotate(360deg); 
        -webkit-transform: rotate(360deg)
    }
}

@include keyframes(sk-bounce) {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

@include keyframes(headerSlideDown) {
    0%{ 
    margin-top:-150px;
  }
  100%{
    margin-top:0
  }
}
@include keyframes(squares) {
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
    20%{
        -webkit-transform:scale(1.24);
        -moz-transform:scale(1.24);
        -o-transform:scale(1.24);
        transform:scale(1.24);
        opacity: 1
    }
    100%{
        -webkit-transform:scale(2.1);
        -moz-transform:scale(2.1);
        -o-transform:scale(2.1);
        transform:scale(2.1);
        opacity:0
    }
}
@include keyframes(ripple) {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
@include keyframes(vibrate) {
  0% {
    top: 0px;
  }
  25% {
    top: -5px;
  }
  50% {
    top: 0px;
  }
  75% {
    top: 5px;
  }
  100% {
    top: 0px;
  }
}
@include keyframes(readmoreIcon) {
  0% {
    right: 0;
    opacity: 1;
  }
  50% {
    right: 20px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@include keyframes(readmoreIcon-rtl) {
  0% {
    left: 0;
    opacity: 1;
  }
  50% {
    left: 20px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@include keyframes(cms_fade_move_down) {
  0%   { transform:translate(0,-200%); opacity: 0;  }
  50%  { opacity: 1;  }
  100% { transform:translate(0,200%); opacity: 0; }
}
.cms-fade-move-down{
  display: block;
  @include animation(cms_fade_move_down 2s linear 0s infinite);
}