@-webkit-keyframes slideFromLeft{from{opacity:0;left:-200px;}to{opacity:1;left:0px;}}
@keyframes slideFromLeft{from{opacity:0;left:-200px;}to{opacity:1;left:0px;}}

@-webkit-keyframes slideFromRight{from{opacity:0;transform:translateX(200px);}to{opacity:1;transform:translateX(0px);}}
@keyframes slideFromRight{from{opacity:0;transform:translateX(200px);}to{opacity:1;transform:translateX(0px);}}

@-webkit-keyframes slideFromTop{from{opacity:0;top:-100px;}to{opacity:1;top:0px;}}
@keyframes slideFromTop{from{opacity:0;top:-100px;}to{opacity:1;top:0px;}}

@-webkit-keyframes slideFromBottom{from{opacity:0;top:100px;}to{opacity:1;top:25px;}}
@keyframes slideFromBottom{from{opacity:0;top:100px;}to{opacity:1;top:25px;}}

@-webkit-keyframes slideTowardsTop{from{opacity:0;top:105%;}to{opacity:1;top:0%;}}
@keyframes slideTowardsTop{from{opacity:0;top:105%;}to{opacity:1;top:0%;}}

@-webkit-keyframes slideToLeft{from{opacity:1;left:0px;}to{opacity:0;left:-200px;}}
@keyframes slideToLeft{from{opacity:1;left:0px;}to{opacity:0;left:-200px;}}

@-webkit-keyframes slideToRight{from{opacity:1;transform:translateX(0px);}to{opacity:0;transform:translateX(400px);}}
@keyframes slideToRight{from{opacity:1;transform:translateX(0px);}to{opacity:0;transform:translateX(400px);}}

@-webkit-keyframes slideToTop{from{opacity:0;transform:translateY(200px);}to{opacity:1;transform:translateY(0px)}}
@keyframes slideToTop{from{opacity:0;transform:translateY(200px)}to{opacity:1;transform:translateY(0px)}}

@-webkit-keyframes slideToBottom{from{opacity:1;top:0px;}to{opacity:0;top:100px;}}
@keyframes slideToBottom{from{opacity:1;top:0px;}to{opacity:0;top:100px;}}

@-webkit-keyframes slideTowardsLeft{from{opacity:1;left:0;}to{opacity:0;left:-400px;}}
@keyframes slideTowardsLeft{from{opacity:1;left:0;}to{opacity:0;left:-400px;}}

@-webkit-keyframes slideTowardsLeft12{from{left:70%;width:28%;}to{left:25%;width:50%;}}
@keyframes slideTowardsLeft12{from{left:70%;width:28%;}to{left:25%;width:50%;}}

@-webkit-keyframes slideTowardsLeft11{from{left:70%;}to{left:25%;}}
@keyframes slideTowardsLeft11{from{left:70%;}to{left:25%;}}

@-webkit-keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(800px) scale(.7);transform:translateX(800px) scale(.7);opacity:.7}}
@keyframes backOutRight{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(800px) scale(.7);transform:translateX(800px) scale(.7);opacity:.7}}

@-webkit-keyframes backInRight{0%{-webkit-transform:translateX(800px) scale(.7);transform:translateX(800px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}
@keyframes backInRight{0%{-webkit-transform:translateX(800px) scale(.7);transform:translateX(800px) scale(.7);opacity:.7}80%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

@-webkit-keyframes backOutLeft
{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}
@keyframes backOutLeft
{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}20%{-webkit-transform:translateX(0) scale(.7);transform:translateX(0) scale(.7);opacity:.7}to{-webkit-transform:translateX(-2000px) scale(.7);transform:translateX(-2000px) scale(.7);opacity:.7}}


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

@keyframes plainLoader {0%, 20%, 80%, 100% {transform: scale(1);}50% {transform: scale(1.5);}}
@-webkit-keyframes plainLoader {0%, 20%, 80%, 100% {transform: scale(1);}50% {transform: scale(1.5);}}

@keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); }to {opacity: 1;-webkit-transform: none;transform: none;}}
@-webkit-keyframes fadeInDown {from {opacity: 0; -webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0); }to {opacity: 1;-webkit-transform: none;transform: none;}}


@keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}
@-webkit-keyframes fadeOutUp {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}

/* Todo */
@keyframes flipInX {		
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -ms-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -moz-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -o-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    -moz-transform: perspective(400px);
    -ms-transform: perspective(400px);
    -o-transform: perspective(400px);
    transform: perspective(400px);
  }
}


@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}

@keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-1000px, 0, 0); transform: translate3d(-1000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-webkit-keyframes fadeInLeft {from {opacity: 0;-webkit-transform: translate3d(-1000px, 0, 0); transform: translate3d(-1000px, 0, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}

@keyframes fadeOutRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-1000px, 0, 0);transform: translate3d(-1000px, 0, 0);}}
@-webkit-keyframes fadeOutRight {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-1000px, 0, 0);transform: translate3d(-1000px, 0, 0);}}

@keyframes fadeOutLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-1000px, 0, 0);transform: translate3d(-1000px, 0, 0);}}
@-webkit-keyframes fadeOutLeft {from {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {opacity: 0;-webkit-transform: translate3d(-1000px, 0, 0);transform: translate3d(-1000px, 0, 0);}}

@keyframes reveal {from { opacity: 0;}to {opacity: 1;}}
@-webkit-keyframes reveal {from { opacity: 0;}to {opacity: 1;}}

@keyframes disappear {from { opacity: 1;}to {opacity: 0;}} 
@-webkit-keyframes disappear {from { opacity: 1;}to {opacity: 0;}} 

@keyframes slideDown {from {opacity: 0;transform:translateY(0px);}to {opacity: 1;transform:translateY(30px);}}
@-webkit-keyframes slideDown {from {opacity: 0;transform:translateY(0px);}to {opacity: 1;transform:translateY(30px);}}

@keyframes slideUp {from {opacity: 1;transform:translateY(30px);}to {opacity: 0;transform:translateY(0px);}}
@-webkit-keyframes slideUp {from {opacity: 1;transform:translateY(30px);}to {opacity: 0;transform:translateY(0px);}}

@keyframes errorGlow {0% {box-shadow: 0 0 0px rgba(255, 99, 71,1);}100% {box-shadow: 0 0 5px 5px rgba(255, 99, 71,1);}}
@-webkit-keyframes errorGlow {0% {box-shadow: 0 0 0px rgba(255, 99, 71,1);}100% {box-shadow: 0 0 5px 5px rgba(255, 99, 71,1);}}
	
@keyframes shake
 {
	0% { transform: translate(30px); }
	20% { transform: translate(-30px); }
	40% { transform: translate(15px); }
	60% { transform: translate(-15px); }
	0% { transform: translate(8px); }
	100% { transform: translate(0px); }
}
@-webkit-keyframes shake
 {
	0% { transform: translate(30px); }
	20% { transform: translate(-30px); }
	40% { transform: translate(15px); }
	60% { transform: translate(-15px); }
	0% { transform: translate(8px); }
	100% { transform: translate(0px); }
}
@keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@-webkit-keyframes slideInRight {from {-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);visibility: visible;}to {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}


@keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(150%, 0, 0);transform: translate3d(150%, 0, 0);}}
@-webkit-keyframes slideOutRight {from {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}to {visibility: hidden;-webkit-transform: translate3d(150%, 0, 0);transform: translate3d(150%, 0, 0);}}

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


@keyframes attention {0% {box-shadow: 0 0 0px rgba(251,130,5,1);top:3px;}100% {box-shadow: 0 0 10px 10px rgba(251,130,5,0.5);top:3px;}}
@-webkit-keyframes attention {0% {box-shadow: 0 0 0px rgba(251,130,5,1);top:3px;}100% {box-shadow: 0 0 10px 10px rgba(251,130,5,0.5);top:3px;}}

@keyframes attention1 {0% {box-shadow: 0 0 0px rgba(251,130,5,1);}100% {box-shadow: 0 0 5px 5px rgba(251,130,5,0.5);}}
@-webkit-keyframes attention1 {0% {box-shadow: 0 0 0px rgba(251,130,5,1);}100% {box-shadow: 0 0 5px 5px rgba(251,130,5,0.5);}}

@keyframes attention2 {0% {box-shadow: 0 0 0px rgba(5, 5, 5, 1);}100% {box-shadow: 0 0 3px 3px rgba(5, 5, 5,0.5);}}
@-webkit-keyframes attention2 {0% {box-shadow: 0 0 0px rgba(5, 5, 5, 1);}100% {box-shadow: 0 0 3px 3px rgba(5, 5, 5,0.5);}}

@keyframes openEffects1{0%{height:0px;}100%{height:auto;opacity:1;}}
@-webkit-keyframes openEffects1{0%{height:0px;}100%{height:auto;opacity:1;}}

@keyframes openEffects{0%{height:0px}100%{height:100px;opacity:1;}}
@-webkit-keyframes openEffects{0%{height:0px}100%{height:100px;opacity:1;}}


@keyframes orgLoaderAnim {0% {opacity: 0.2;}100% {opacity: 1;}}
@-webkit-keyframes orgLoaderAnim {0% {opacity: 0.2;}100% {opacity: 1;}}

@keyframes wave {0%, 60%, 100% {transform: initial;}30% {transform: translateY(-5px);}}
@-webkit-keyframes wave {0%, 60%, 100% {transform: initial;}30% {transform: translateY(-5px);}}

@keyframes opacityAnim { from {opacity: 0;}50% {opacity: 1;}}
@-webkit-keyframes opacityAnim { from {opacity: 0;}50% {opacity: 1;}}

@-webkit-keyframes openFromLeft{from{left:90%;}to{left:1%;}}
@keyframes openFromLeft{from{left:90%;}to{left:1%;}}

@keyframes loaderTextBlink {0%{color: #ffc56e;}100%{color: #cb7a02;}} 
@-webkit-keyframes loaderTextBlink {0%{color: #ffc56e;}100%{color: #cb7a02;}} 

@keyframes zoomInUp{from{bottom:5%;width:300px;right:10%;}to{bottom:20%;width:600px;right:3%;}}
@-webkit-keyframes zoomInUp{from{bottom:5%;width:300px;right:10%;}to{bottom:20%;width:600px;right:3%;}}

@-webkit-keyframes fadeOut {  from {opacity: 1}   to {opacity: 0.7}}
@keyframes fadeOut {  from {opacity:1}   to {opacity: 0.7}}

@keyframes shakeElem {0% { transform: translate(1px, 1px) rotate(-2deg); }100% { transform: translate(1px, 1px) rotate(2deg); }}
@-webkit-keyframes shakeElem {0% { transform: translate(1px, 1px) rotate(-2deg); }100% { transform: translate(1px, 1px) rotate(2deg); }}


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

@keyframes moreAppearanceAnim {0% {box-shadow:0px 0px 2px #1e487d}100% {box-shadow: 0px 0px 8px #1e487d;}}
@-webkit-keyframes moreAppearanceAnim {0% {box-shadow:0px 0px 2px #1e487d}100% {box-shadow: 0px 0px 8px #1e487d;}}

@keyframes sigDesk{0%{transform:scale(0.5)}100%{transform:scale(1)}}
@-webkit-keyframes sigDesk{0%{transform:scale(0.5)}100%{transform:scale(1)}}

@keyframes animateFile{0%{transform:translateY(0px)}100%{transform:translateY(8px)}}
@-webkit-keyframes animateFile{0%{transform:translateY(0px)}100%{transform:translateY(8px)}}

@keyframes desktopSignBoxshadow{0%{  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.7);}100%{  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.7);}}
@-webkit-keyframes desktopSignBoxshadow{0%{  box-shadow: 0 20px 10px rgba(0, 0, 0, 0.7);}100%{  box-shadow: 0 20px 20px rgba(0, 0, 0, 0.7);}}

@keyframes bounce {
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.15,.69,1,.4);
    animation-timing-function: cubic-bezier(.15,.69,1,.4);
    margin-top:0;
  }

  50% {
    -webkit-animation-timing-function: cubic-bezier(.15,.69,1,.4);
    animation-timing-function: cubic-bezier(.15,.69,1,.4);
    margin-top:-100px;
  }
}
@-webkit-keyframes bounce {
  from,
  to {
    -webkit-animation-timing-function: cubic-bezier(.15,.69,1,.4);
    animation-timing-function: cubic-bezier(.15,.69,1,.4);
    margin-top:0;
  }

  50% {
    -webkit-animation-timing-function: cubic-bezier(.15,.69,1,.4);
    animation-timing-function: cubic-bezier(.15,.69,1,.4);
    margin-top:-100px;
  }
}


@keyframes downloadPeekBounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@-webkit-keyframes downloadPeekBounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}


@keyframes desktopSignbounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}
@-webkit-keyframes desktopSignbounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
  }
}

@keyframes otherFileViewAnim{from{opacity: 0;}to{opacity: 1;}}
@-webkit-keyframes otherFileViewAnim{from{opacity: 0;}to{opacity: 1;}}

@-webkit-keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 150%, 0);transform: translate3d(0, 150%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp {from {opacity: 0;-webkit-transform: translate3d(0, 150%, 0);transform: translate3d(0, 150%, 0);}to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}


@keyframes blinker {50% {opacity: 0.4;}}
@-webkit-keyframes blinker {50% {opacity: 0.4;}}

@-webkit-keyframes glow {from {opacity:1}to {opacity:1}}
@keyframes glow {from {opacity:1}to {opacity:1}}

@keyframes sigAppBackBtnAnim {0%{opacity: 0;}100% {opacity:1;}}
@-webkit-keyframes sigAppBackBtnAnim {0%{opacity: 0;}100% {opacity:1;}}

@keyframes scrollDownIconAnim{0%{bottom:30px}100%{bottom:0px}}
@-webkit-keyframes scrollDownIconAnim{0%{bottom:30px}100%{bottom:0px}}

@keyframes sigProfileAnim {0% {background:white}100% { background: #1F1D1E;}}	
@-webkit-keyframes sigProfileAnim {0% {background:white}100% { background: #1F1D1E;}}
	
@keyframes signatureAppAnim {0% {box-shadow:0px 0px 5px orange}100% { box-shadow:0px 0px 15px orange}}
@-webkit-keyframes signatureAppAnim {0% {box-shadow:0px 0px 5px orange}100% { box-shadow:0px 0px 15px orange}}

@-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% { opacity: 1;}}
@keyframes zoomIn {from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}50% { opacity: 1;}}

@-webkit-keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}
@keyframes zoomOut {from {opacity: 1;}50% {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3);}to {opacity: 0;}}


@keyframes openEffect{0%{transform:scale(0);}100%{transform:scale(1);}} 
@-webkit-keyframes openEffect{0%{transform:scale(0);}100%{transform:scale(1);}} 

@keyframes closeEffect{0%{transform:scale(1);}100%{transform:scale(0);}}
@-webkit-keyframes closeEffect{0%{transform:scale(1);}100%{transform:scale(0);}}

@keyframes appGridExpand{0%{transform:scale(1);}100%{transform:scale(1.01);}} 
@-webkit-keyframes appGridExpand{0%{transform:scale(1);}100%{transform:scale(1.01);}} 

@keyframes queueAnim{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}
@-webkit-keyframes queueAnim{0%{transform:scale(0);opacity:1}100%{transform:scale(1);opacity:0}}

@keyframes bottomAnim{0%{bottom:46px}100%{bottom:70px;opacity:1;}}
@-webkit-keyframes bottomAnim{0%{bottom:46px}100%{bottom:70px;opacity:1;}}

@keyframes topAnim{0%{top:0em}100%{top:3em;opacity:1;}}
@-webkit-keyframes topAnim{0%{top:0em}100%{top:3em;opacity:1;}}

@keyframes profileTopAnim{0%{top:0em}100%{top:6em;opacity:1;}}
@-webkit-keyframes profileTopAnim{0%{top:0em}100%{top:6em;opacity:1;}}

@keyframes showFolderAnim {0% {box-shadow: 0px 0px 5px #a9a9a9;}100% {box-shadow: 0px 0px 10px #a9a9a9;}}
@-webkit-keyframes showFolderAnim {0% {box-shadow: 0px 0px 5px #a9a9a9;}100% {box-shadow: 0px 0px 10px #a9a9a9;}}

@keyframes moveDown{0%{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}50%{transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);-ms-transform: translateY(-3px);}100% {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}}
@-webkit-keyframes moveDown{0%{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}50%{transform: translateY(-3px);-webkit-transform: translateY(-3px);-moz-transform: translateY(-3px);-ms-transform: translateY(-3px);}100% {transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);}}

@keyframes openGuestDiv{0%{height:0px;}100%{height:auto;opacity:1;}}
@-webkit-keyframes openGuestDiv{0%{height:0px;}100%{height:auto;opacity:1;}}

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

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

@keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
@-webkit-keyframes fadeOutDown {from {opacity: 1;}to {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}

@keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}}
@-webkit-keyframes lds-ellipsis1 {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}}
@-webkit-keyframes lds-ellipsis3 {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(24px, 0);}}
@-webkit-keyframes lds-ellipsis2 {0% {transform: translate(0, 0);}100% {transform: translate(24px, 0);}}

@keyframes heartBeat {
  0% {
    //-webkit-transform: scale(1);
    //transform: scale(1);
	color:#000000;
	text-shadow:none;
  }

  14% {
    //-webkit-transform: scale(1.1);
    //transform: scale(1.1);
	color:#1657ae;
	text-shadow:1px 1px 2px #a2a2a2;
  }

  28% {
    //-webkit-transform: scale(1);
    //transform: scale(1);
	color:#000000;
	text-shadow:none;
  }

  42% {
    //-webkit-transform: scale(1.1);
    //transform: scale(1.1);
	color:#1657ae;
	text-shadow:1px 1px 2px #a2a2a2;
  }

  70% {
   // -webkit-transform: scale(1);
    //transform: scale(1);
	color:#000000;
	text-shadow:none;
  }
}
@-webkit-keyframes heartBeat {
  0% {
    //-webkit-transform: scale(1);
    //transform: scale(1);
	color:#000000;
	text-shadow:none;
  }

  14% {
    //-webkit-transform: scale(1.1);
    //transform: scale(1.1);
	color:#1657ae;
	text-shadow:1px 1px 2px #a2a2a2;
  }

  28% {
    //-webkit-transform: scale(1);
    //transform: scale(1);
	color:#000000;
	text-shadow:none;
  }

  42% {
    //-webkit-transform: scale(1.1);
    //transform: scale(1.1);
	color:#1657ae;
	text-shadow:1px 1px 2px #a2a2a2;
  }

  70% {
   // -webkit-transform: scale(1);
    //transform: scale(1);
	color:#000000;
	text-shadow:none;
  }
}



@keyframes xsg2creveal {from { opacity: 0;}to {opacity: 1;}}@-webkit-keyframes xsg2creveal {from { opacity: 0;}to {opacity: 1;}}

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

@keyframes xsg2chide {from { opacity: 1;}to {opacity: 0;}}@-webkit-keyframes xsg2creveal {from { opacity: 1;}to {opacity: 0;}}

@-webkit-keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}}

@keyframes shakeX{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}}

@keyframes blink-animation {
  from {
	background:#0da889;
  }
  
  to {
	background:#00b385;
  }
}
@-webkit-keyframes blink-animation {
 from {
	background:#0da889;
  }
  
  to {
	background:#00b385;
  }
}
@keyframes shine {
  to {
	background-position: 100% 0;
  }
}
@keyframes openwidth{0%{width:0em;}100%{width:3em;}}
@-webkit-keyframes openwidth{0%{width:0em;}100%{width:3em;}}




@keyframes tempAnimForTime{0%{opacity:1;}100%{opacity:0.99;}}
@-webkit-keyframes tempAnimForTime{0%{opacity:1;}100%{opacity:0.99;}}