@keyframes shimmer {
  0%{ height:73%;opacity:.8;filter:blur(0);}
  100% { height:73%; opacity:.5;filter:blur(.3px);}
}
@keyframes moveForwardSome {
  0%{ transform: rotateX(60deg);}
  100% { transform: rotateX(75deg) translateY(160px);}
}
@keyframes scaleUpOneThree {
  0% {transform: scale(1) translateY(0) translateX(0);animation-timing-function:all ease-in-out;}
  100% {transform: scale(1.3) translateY(-40px) translateX(25px);animation-timing-function:all ease-in-out;}
}
@keyframes blinker {
  from {opacity:0;}
  to {opacity:1;}
}

@keyframes blinkgrowshrink {
  0%,100% {opacity:0;transform:scaleX(1);}
  60%{opacity:.9;transform:scaleX(.85);}
}

@keyframes flashBold {
  from {font-weight:normal;}
  to {font-weight:bold;}
}

@keyframes puffone {
  from {font-size:22px;}
  to {font-size:16px;}
}
@keyframes pufftwo {
  from {font-size:23px;}
  to {font-size:19px;}
}
@keyframes puffthree {
  from {font-size:24px;}
  to {font-size:20px;}
}
@keyframes pufffour {
  from {font-size:26px;}
  to {font-size:21px;}
}
@keyframes pulse {
  0%, 100% {transform: scale(1);animation-timing-function:all ease-in-out;}
  50% {transform: scale(.95);animation-timing-function:all ease-in-out;}
}

@keyframes pulsetimer {
  50% {transform: scale(.95);animation-timing-function:all ease-in-out;}
  100% {transform: scale(1);animation-timing-function:all ease-in-out;}
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(0, -2px, 4px);
  }

  40%, 60% {
    transform: translate3d(0, 2px, -4px);
  }
}
@keyframes shakelr {
  0%, 65% {
    transform: translateX(-2px);
  }

  15% {
    transform: translateX(5px);
  }

  20% {
    transform: translateX(2.5px);
  }

  37% {
    transform: translateX(5px);
  }
}
@keyframes bouditBolt {
0%, 100% {
  transform: translate3d(0, -1px, 0);
  animation-timing-function: ease-in-out;
  opacity:1;
}

50% {
  transform: translate3d(0, 2px, 0);
  animation-timing-function: ease-out;
  opacity:.9;
  transform:scale(.8);
}
}
@keyframes meterPulse {
0%, 100% {
  transform: scaleX(1.01) translate(1px, 0);
  animation-timing-function: ease-in-out;
  opacity:1;
}

50% {
  transform: scaleX(1);
  animation-timing-function: ease-out;
  opacity:.9;
}
}
@keyframes meterPulsetwo {
0%, 100% {
  transform: scaleX(1.02) translate(3px, 0);
  animation-timing-function: ease-in-out;
  opacity:1;
}

50% {
  transform: scaleX(1);
  animation-timing-function: ease-out;
  opacity:.9;
}
}
@keyframes exitdown {
  0%{
    transform: translateY(0);
  }
  50%{
    opacity: 1;
  }
  100% {
    opacity:0;
    transform: translateY(100%);
  }

}
@keyframes exitleft {
to {
  transform: translateX(-100px) scale(.3);
}
50% {opacity: .2;}
}
@keyframes shrinkToZero {
from {
  transform:scaleY(1);
  opacity:1;
}
to {
  transform:scaleY(0);
  opacity:0;
}
}
@keyframes scaleToZero {
from {
  transform:scale(1);
  opacity:1;
}
to {
  transform:scale(0);
  opacity:0;
}
}
@keyframes scaleToOne {
from {
  transform:scale(0);
  opacity:0;
}
to {
  transform:scale(1);
  opacity:1;
}
}
@keyframes growFromZero {
from {
  transform:scaleY(0);
  opacity:0;
}
to {
  transform:scaleY(1);
  opacity:1;
}
}

@keyframes growFromZeroX {
from {
  transform:scaleX(0);
}
to {
  transform:scaleX(1);
}
}
@keyframes shrinkFromZeroX {
from {
  transform:scaleX(1);
}
to {
  transform:scaleX(0);
}
}
@-webkit-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@-moz-keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes AnimationName {
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes addItemBtn{
  0%{
    color:#ff6f23f7;
  }
  25%{
    color:#246cfff7;
  }
  50%{
    color:#246cfff7;
  }
  100%{
    color:#246cfff7;
  }
}
@keyframes bg-light{
from {
  background-image: linear-gradient(black, rgba(9,17,30,.98),rgba(9,17,30,.98));
}
to {
  background-image: linear-gradient(black, rgba(9,17,30,.98),rgba(9,17,30,.98));
}
}

@keyframes particleFountainRight {
0%, 100% {
  transform: scaleX(1.02) translate(6px, 0);
  animation-timing-function: ease-in-out;
  opacity:1;
}

50% {
  transform: scaleX(1) translate(0px, 0);
  animation-timing-function: ease-out;
  opacity:.9;
}
}
@keyframes particleBorderRight {
0%, 100% {
  transform: scaleX(1.01) translate(1px, 0);
  animation-timing-function: ease-in-out;
  opacity:1;
}

50% {
  transform: scaleX(.9) translate(-1px, 0);
  animation-timing-function: ease-out;
  opacity:.9;
}
}
@keyframes animatezoomin{
from{transform:scale(.8);} to{transform:scale(1);}
}

@keyframes animatezoomout{
from{transform:scale(1);} to{transform:scale(0);}
}
@keyframes animatezoomoutpreview{
from{transform:scale(1.3) translateX(25px) translateY(-40px);} to{transform:scale(1);opacity:0;}
}

@keyframes animateFromRight{
from{right: -1000px;} to{right:0;}
}

@keyframes animateFromBottom{
from{bottom: -100px;} to{bottom:0;}
}
@keyframes slideInFromBottom{
from{transform: translateY(100vh);} to{transform: translateY(0);}
}
@keyframes slideInFromTop{
from{transform: translateY(-100vh);} to{transform: translateY(0);}
}
@keyframes animateFromObjPos{
from{left:var(--objLeftPos);top:var(--objTopPos);} to {left:var(--newLeftPos);top:var(--newTopPos);}
}
@keyframes animateFromObjWidth{
from{width:var(--objWidth);} to {width:var(--newObjWidth);}
}
@keyframes animateFromObjHeight{
from{height:var(--objHeight);} to {height:var(--newObjHeight);}
}
@keyframes fadeInLeft {
0%{opacity:.5;left:-300px;} 100%{opacity:1;left:0;}
}
@keyframes fadeInMoveRight {
 0% {
    opacity: 1;
    transform: translateX(0px);
 }
 100% {
    opacity: 0;
    transform: translateX(40px);
 }
} 
@keyframes fadeInRight {
0%{right:-300px;opacity:.5;} 100%{right:0;opacity:1;}
}
@keyframes fadeOutRight {
0%{left:0;right:auto;} 100%{left:100%;right:auto;}
}
@keyframes slideInRight {
0%{left:-100%;} 100%{left:0;}
}
@keyframes slideInLeft {
0%{left:-100%;} 100%{left:0;}
}
@keyframes slideInDown {
0%{top:-200px;} 100%{top:0;}
}
@keyframes slideInDownFast {
0%{top:-100px;} 100%{top:0;}
}
@keyframes slideOutUpFast {
0%{top:0px;} 100%{top:-100px;}
}
@keyframes slideOutCalendar {
0%{transform:scaleX(1);opacity:1} 70%{opacity: 0} 99%{visibility: visible;} 100%{transform: scaleX(.6);opacity:0;visibility: hidden;}
}
@keyframes slideInCalendar {
0%{transform:scaleX(.8);opacity:0} 100%{transform: scaleX(1);opacity:1}
}
      @keyframes wave{
  0%{transform: translate(-1px);}
  100%{transform: translate(-56px);}
}
@keyframes opacin{from{opacity:0} to{opacity:1}}
@keyframes bhlcolorbar {
  0% {background: linear-gradient(to right, #ff7300, #ffcc3b, #ff7300)}
  33% {background: linear-gradient(to right, #ff7300, #ffcc3b)}
  66% {background: linear-gradient(to right, #ff7300, #ff7300, #ffcc3b)}
  100% {background: linear-gradient(to right, #ffcc3b, #ff7300)}
}
@-webkit-keyframes glow {
    0% { background-color:#ff730007; box-shadow: 0 0 10px 3px #ffda3b59;}
    100% { background-color:#ffaa3b;
    box-shadow: 0 0 10px 5px #ffda3b99;
    width:calc(100vw + 5px); } 

} 
@-webkit-keyframes shootRight { 
    0% { right:calc(100vw + 500px); }
    100% { right:-20px; box-shadow: 0 0 8px 2px #ffda3b60, 0 0 10px 2px #ffda3b45;} 

}
@-webkit-keyframes shootRightOffScreen { 
    0% { left:0; }
    100% { left:calc(100vw + 500px); box-shadow: 0 0 8px 2px #ffda3b60, 0 0 10px 2px #ffda3b45;} 

}

@keyframes shimmerbtn {
  0% {
    -webkit-mask-position: 140% 140%;
    mask-position: 140% 140%;
  }
  100% {
    -webkit-mask-position: -20% -20%;
    mask-position: -20% -20%;
  }
}

@-webkit-keyframes shimmerFilter { 
    0% { background-position: 0px 0px;} 
    50% { background-position: 0px 50px;}
    100% { background-position: 0px 0px;} 

}
@keyframes pulseOn {
0%{background:#fddfa195;}
50%{background:#fddfa1;}
100%{background:#fddfa195;}
}
@keyframes pulseColor_b{
  0%{color:#d48549ff;}
  25%{color:#c09cfdad;}
  50%{color:#8e60ddad;}
  75%{color:#d6e0ff89;}
  100%{color:#d48549ff;}
}
@keyframes wave {
0% {
transform: scale(0);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes micPulse{
0%{transform:scale(1);}
25%{transform: scale(1.2);}
50%{transform: scale(1);}
75%{transform: scale(1.3);}
100%{transform: scale(1);}
}
@keyframes pulseLive{
0%{transform: scale(.9);}
50%{transform:scale(1.1);}
100%{transform:scale(.9);}
}
@keyframes scaleToOneX{
0%{transform: scaleX(0);}
100%{transform: scaleX(1);width:auto;}
}
@keyframes bounceInDown{
  0%{transform:translateY(-200px);}
  100%{transform:translateY(0px);}
  /*50%{transform:translateY(-10px);}*/
  /*80%{transform:translateY(0px);}*/
  /*90%{transform:translateY(-3px);}
  100%{transform:translateX(0px);}*/
}
@keyframes fadeinout {
  0%,100% {opacity:0;}

  40% {opacity:1;}
}

@keyframes fadeinquickout {
  0%,100% {opacity:0;}

  20%,80% {opacity:1;}
}
@keyframes blurIn {
  from{filter:blur(20px);} to{filter: blur(0);}
}
@keyframes blurOut {
  from{filter:blur(0);opacity: 1;} to{filter: blur(20px);opacity: 0;}
}

@keyframes extendingLetterSpacing {
  from{letter-spacing:1px;} to{letter-spacing:10px;}
}

@keyframes fadein {
  from{opacity:0} to{opacity:1}
}

@keyframes reversefadeout {
  from{opacity:0;} to{opacity:1;}
}

@keyframes fadeout {
  from{opacity:1} to{opacity:0;}
}

@keyframes showShortcuts{
0%{transform:translateX(150px);min-width:0px;}
40%{min-width:150px;}
100%{transform:translateX(0px);}
}
@media only screen and (min-width: 1030px) {
@keyframes fadeout {
  from{opacity:1} to{opacity:0;}
}
        @keyframes slideInRight {
  0%{transform: translateX(200px);} 100%{transform: translateX(0);}
}
      @keyframes bounceInDown{
        0%{transform:translateY(-100px);}
        50%{transform:translateY(0px);}
        70%{transform:translateY(-10px);}
        80%{transform:translateY(0px);}
        90%{transform:translateY(-3px);}
        100%{transform:translateX(0px);}
      }
}