/*Animations*/
@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
@keyframes shine-skeletonThumb {
  0% {
    background-position: -32px;
  }
  40%, 100% {
    background-position: 208px;
  }
}

/*Word Animation*/
@-webkit-keyframes word-animateIn {
  0% {
    -webkit-transform: translateX(-1em);
            transform: translateX(-1em);
  }
  20%,
  100% {
    -webkit-transform: translateX(0) scale(1);
            transform: translateX(0) scale(1);
  }
}

@keyframes word-animateIn {
  0% {
    -webkit-transform: translateX(-1em);
            transform: translateX(-1em);
  }
  20%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes word-animateOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20%,
  100% {
    -webkit-transform: translateX(-1em);
            transform: translateX(-1em);
  }
}

@keyframes word-animateOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20%,
  100% {
    -webkit-transform: translateY(-1em);
            transform: translateY(-1em);
  }
}

/*Blink*/
@keyframes blink-animation {
  from {
    color: #666;
  }
  to {
    color: #f00;
  }
}
@-webkit-keyframes blink-animation {
  from {
    color: #666;
  }
  to {
    color: #f00;
  }
}


/*animatePop*/
@keyframes animatePop {
    0% {
        animation-timing-function: cubic-bezier(0.9647, 0.2413, -0.0705, 0.7911);
        transform: scale(0.9099999999999999);
    }
    51% {
        animation-timing-function: cubic-bezier(0.9226, 0.2631, -0.0308, 0.7628);
        transform: scale(1.02994);
    }
    100% {
        transform: scale(0.9099999999999999);
        color: currentColor;
    }
}


@keyframes ani_one {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    80% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes ani_two{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2);
        transform:scale(2)
    }
}
@keyframes ani_two{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(2);
        transform:scale(2)
    }
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}