@mixin animation($animation){
    -webkit-animation:$animation;
    -o-animation:$animation;
    -moz-animation:$animation;
    animation:$animation;
}

@mixin animationPreloader($animation,$animation2){
    -webkit-animation:$animation,$animation2;
    -o-animation:$animation,$animation2;
    -moz-animation:$animation,$animation2;
    animation:$animation,$animation2;
}


 @include keyframes(scale-in-left) {
    0% {
        @include transform(scaleX(0));
        @include transformOrigin(0 0);
        opacity: 1;
    }
    100% {
        @include transform(scaleX(1));
        @include transformOrigin(0 0);
        opacity: 1;
    }
}

@include keyframes(scale-out-left){
    0% {
        @include transform(scaleX(1));
        @include transformOrigin(0 0);
        opacity: 1;
    }
    100% {
        @include transform(scaleX(0));
        @include transformOrigin(0 0);
        opacity: 1;
    }
}

  

@include keyframes (hover) {
    100% {
        left: 125%;
    }
}
@include keyframes( scale-in){
    0% {
        @include transform(scale(0));
        opacity: 1;
    }
    100% {
        @include transform(scale(1));
        opacity: 1;
    }
}

@include keyframes (scale-out) {
    0% {
        @include transform(scale(1));
        opacity: 1;
    }
    50% {
        @include transform(scale(0.5));
        opacity: 1;
    }
    100% {
        @include transform(scale(0));
        opacity: 1;
    }
}

// Preloader

  
@include keyframes (animateSway) {
    0% { 
        left: -20px ;
    }
    50% { 
        left: 20px;
    }
    100% { 
        left: -20px;
    }
}
  
@include keyframes (animateScale ){
    0% { 
        z-index: -1;
        @include transform(translate(50%, 50%) scale(0.5)); 
    }
    25% { 
        z-index: +1;
        @include transform(translate(50%, 50%) scale(1)); 
    }
    50% { 
        z-index: -1; 
        @include transform(translate(50%, 50%) scale(0.5)); 
    }
    75% { 
        z-index: -2; 
        @include transform(translate(50%, 50%) scale(0.25)); 
    }
    100% { 
        z-index: -1; 
        @include transform(translate(50%, 50%) scale(0.5)); 
    }
}