@keyframes shine {
  0% {
    left:-50px;
  }
  20%, 100%  {
    left:250px;
  }
}

@-webkit-keyframes shine {
  0% {
    left:-50px;
  }
  20%, 100%  {
    left:250px;
  }
}

@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


@keyframes typing-bounce {
  0% {
    transform: translateY(0px);
    background-color:#6CAD96;
  }
  28% {
    transform: translateY(-6px);
    background-color:#9ECAB9;
  }
  44% {
    transform: translateY(0px);
    background-color: #B5D9CB;
  }
}

@keyframes search-line {
  0% {
    left:-10%;
    background-position:0% 50%;
  }
  50% {
    background-position:100% 50%;
  }
  100% {
    left:100%;
    background-position:0% 50%;
  }
}

@keyframes exposerFade {
  0% {
    transform:translate3d(0,15px,0);
  }
  50%{
    transform:translate3d(0,-5px,0);
  }
  100% {
    transform:translate3d(0,0,0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(348,81,90, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(348,81,90, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(348,81,90, 0);
  }
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(348,81,90, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(348,81,90, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(348,81,90, 0);
  }
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg) translate(-50%,-50%);
    transform: rotate(360deg) translate(-50%,-50%);
  }
}

@-webkit-keyframes typing{
  15%{
    -webkit-transform:rotate(-15deg);transform:rotate(-15deg)
  }
  70%{
    -webkit-transform:translate3d(5px,0,0) rotate(-15deg);transform:translate3d(5px,0,0) rotate(-15deg)
  }
}

@keyframes typing{
  15%{
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg)
  }
  70%{
    -webkit-transform:translate3d(5px,0,0) rotate(-15deg);
    transform:translate3d(5px,0,0) rotate(-15deg)
  }
}

@keyframes shake {
  10%, 90% {
    -webkit-transform:translate3d(0, -1px, 0);
    transform:translate3d(0, -1px, 0);
  }
  20%, 80% {
   -webkit-transform:translate3d(0, 2px, 0);
   transform:translate3d(0, 2px, 0);
 }
 30%, 50%, 70% {
  -webkit-transform:translate3d(0, -3px, 0);
  transform:translate3d(0, -3px, 0);
}
40%, 60% {
  -webkit-transform:translate3d(0, 3px, 0);
  transform:translate3d(0, 3px, 0);
}
}

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(0, -1px, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(0, 2px, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(0, -3px, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(0, 3px, 0);
  }
}

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

@keyframes ring {
  25%{
    transform:rotate(10deg);
  }
  75%{
    transform:rotate(-10deg);
  }
}

@-webkit-keyframes ring {
  25%{
   -webkit-transform:rotate(10deg);
   transform:rotate(10deg);
 }
 75%{
  -webkit-transform:rotate(-10deg);
  transform:rotate(-10deg);
}
}

@keyframes fadeIn {
  0%{
    background-color:rgba(21,25,29,0)
  }
  100%{
    background-color:rgba(21,25,29,.9)
  }
}
@-webkit-keyframes fadeIn {
  0%{
    background-color:rgba(21,25,29,0)
  }
  100%{
   background-color:rgba(21,25,29,.9)
 }
}
@keyframes windowFade {
  0%{
    opacity:0;
    transform: translate(-50%,-30%);
  }
  100%{
    opacity:1;
    transform: translate(-50%,-70%);
  }
}
@-webkit-keyframes windowFade {
  0%{
   opacity:1;
   transform:translate(-50%,-30%);
   -webkit-transform: translate(-50%,-30%);
 }
 100%{
  opacity:0;
  transform: translate(-50%,-70%);
  -webkit-transform: translate(-50%,-70%);
}
}

@keyframes breath {
  0%{
    text-shadow:0 0  18px #2ffcde82;
  }
  50%{
    text-shadow:0 0 10px #2ffcdebf;
  }
  100%{
    text-shadow:0 0 18px #2ffcde82;
  }
}