/*****************************************Entrance Animations******************************************************/
/*---  FadeIn ----*/
@-webkit-keyframes fadeIn {
  from {
	opacity: 0;
  }

  to {
	opacity: 1;
  }
}

@keyframes fadeIn {
  from {
	opacity: 0;
  }

  to {
	opacity: 1;
  }
}
.fadein {
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 2s;   
}
/*---  FadeIn ----*/

/*---  flyInDown ----*/
@-webkit-keyframes dropDownIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.dropdownin {
  -webkit-animation: dropDownIn 2s;
  animation: dropDownIn 2s;
}
/*---  flyInDown ----*/

/*---  flyInUp ----*/
@-webkit-keyframes dropUpIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.dropupin{
  -webkit-animation: dropUpIn 2s;
  animation: dropUpIn 2s;
}
/*---  flyInUp ----*/

/*---  FloatIn ----*/
@keyframes floatIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.floatin {
  -webkit-animation: floatIn 1s;
  animation: floatIn 1s;
}
/*---  FloatIn ----*/

/*---  ClipIn ----*/
@-webkit-keyframes clipIn {
      0% { transform: scaleY(0); }
    100% { transform: scaleY(1);}
}
@keyframes clipIn {
      0% { transform: scaleY(0); }
    100% { transform: scaleY(1);}
}
.clipin
{
     -webkit-animation: clipIn 1s;
    animation: clipIn 1s;
}
/*---  ClipIn ----*/

/*---  BlindIn Vertical ----*/
@-webkit-keyframes blindVIn {
      0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}
@keyframes blindVIn {
      0% { transform: scaleY(0); }
    100% { transform: scaleY(1); }
}
.blindvin
{
      -webkit-animation-name: blindVIn; 
    animation-name: blindVIn;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards;
	-webkit-transform-origin: top;
	transform-origin: top;
}
/*---  BlindIn Vertical ----*/

/*---  BlindIn Horizontal ----*/
@-webkit-keyframes blindHIn {
      0% { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}
@keyframes blindHIn {
      0% { transform: scaleX(0); }
    100% { transform: scaleX(1); }
}
.blindhin
{
     -webkit-animation-name: blindHIn; 
    animation-name: blindHIn;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards;
	-webkit-transform-origin: left;
	transform-origin: left;
    
}
/*---  BlindIn Horizontal ----*/

/*---  flyInUp ----*/
@-webkit-keyframes dropUpIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.dropupin{
  -webkit-animation: dropUpIn 2s;
  animation: dropUpIn 2s;
}
/*---  flyInUp ----*/

/*---  slideIn ----*/
@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.slidein{
  -webkit-animation: slideIn 1s;
  animation: slideIn 1s;
}
/*---  slideIn ----*/

/*---  BounceIn ----*/
@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bouncein {
  -webkit-animation: bounceIn 1s;
  animation: bounceIn 1s;
}
/*---  BounceIn ----*/
/*---  BounceInDown ----*/
@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

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

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceindown {
  -webkit-animation: bounceInDown 1s;
  animation: bounceInDown 1s;
}
/*---  BounceInDown ----*/

/*---  zoomIn ----*/
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomin {
  -webkit-animation: zoomIn 1s;
  animation: zoomIn 1s;
}
/*---  zoomIn ----*/
/*---  swivelIn ----*/

@-webkit-keyframes swivelIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 1;
  }
  /*100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 1;
  }

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
  }

  75% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	
  }*/
}
@keyframes swivelIn {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 1;
  }
  /*100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 1;
  }

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
  }

  75% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	
  }*/
}

.swivelin {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: swivelIn 1s;
  animation: swivelIn 1s;
}
/*---  swivelIn ----*/

/*---  Grow & Turn ----*/
@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);
    transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);	
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);
    transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);	
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotatein {
  -webkit-animation: rotateIn 1s;
  animation: rotateIn 1s;
}
/*---  Grow & Turn ----*/

/*---  ShakeIn ----*/
@-webkit-keyframes shakeIn {
  from{
    opacity:0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shakeIn {
  from{
    opacity:0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.shakein {
  -webkit-animation: shakeIn 1s;
  animation: shakeIn 1s;
}
/*---  ShakeIn ----*/



/*---   ----*/

/*****************************************Entrance Animations******************************************************/


/*****************************************Exit Animations******************************************************/

/*---  FadeOut ----*/
@-webkit-keyframes fadeOut {
  from {
	opacity: 1;
  }

  to {
	opacity: 0;
  }
}

@keyframes fadeOut {
  from {
	opacity: 1;
  }

  to {
	opacity: 0;
  }
}
.fadeout {
  -webkit-animation: fadeOut 2s forwards;
  animation: fadeOut 2s forwards;   
}
/*---  FadeOut ----*/

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

.dropupout {
  -webkit-animation: dropUpOut 2s forwards;
  animation: dropUpOut 2s forwards;
}
/*---  flyOutUp ----*/

/*---  flyInUp ----*/
@-webkit-keyframes dropDownOut {
  from {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes dropDownout {
  from {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

}

.dropdownout{
  -webkit-animation: dropDownOut 2s forwards;
  animation: dropDownOut 2s forwards;
}
/*---  flyInUp ----*/

/*---  FloatOut ----*/
@keyframes floatOut {
  from {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }

  to {    
	opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.floatout {
  -webkit-animation: floatOut 1s forwards;
  animation: floatOut 1s forwards;
}
/*---  FloatOut ----*/

/*---  ClipOut ----*/
@-webkit-keyframes clipOut {
      0% { transform: scaleY(1); }
    100% { transform: scaleY(0); display:none;}
}
@keyframes clipOut {
      0% { transform: scaleY(1); }
    100% { transform: scaleY(0); display:none;}
}
.clipout
{
     -webkit-animation: clipOut 1s forwards;
    animation: clipOut 1s forwards;
}
/*---  ClipOut ----*/


/*---  BlindOut Vertical ----*/
@-webkit-keyframes blindVOut {
      
    0% { transform: scaleY(1); }
	100% { transform: scaleY(0); display:none; }
}
@keyframes blindVOut {
      0% { transform: scaleY(1); }
    100% { transform: scaleY(0); display:none;}
}
.blindvout
{
     -webkit-animation-name: blindVOut; 
    animation-name: blindVOut;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
}
/*---  BlindOut Vertical ----*/

/*---  BlindOut Horizontal ----*/
@-webkit-keyframes blindHOut {
      0% { transform: scaleX(1); }
    100% { transform: scaleX(0); display:none; }
}
@keyframes blindHOut {
      0% { transform: scaleX(1); }
    100% { transform: scaleX(0); display:none; }
}
.blindhout
{
      -webkit-animation-name: blindHOut; 
    animation-name: blindHOut;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-duration: 1s; 
    animation-duration: 1s;
	-webkit-animation-fill-mode: forwards; 
    animation-fill-mode: forwards;
	-webkit-transform-origin: right;
	transform-origin: right;
    
}
/*---  BlindOut Horizontal ----*/

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

.slideout{
  -webkit-animation: slideOut 1s forwards;
  animation: slideOut 1s forwards;
}
/*---  slideIn ----*/

/*---  BounceOut ----*/
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceout {
  -webkit-animation: bounceOut 1s forwards;
  animation: bounceOut 1s forwards;
}
/*---  BounceOut ----*/
/*---  BounceOutDown ----*/
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceoutdown {
  -webkit-animation: bounceOutDown 1s forwards;
  animation: bounceOutDown 1s forwards;
}
/*---  BounceOutDown ----*/

/*---  ZoomOut ----*/
@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomout {
  -webkit-animation: zoomOut 1s forwards;
  animation: zoomOut 1s forwards;
}
/*---  ZoomOut ----*/

/*---  swivelOut ----*/
@-webkit-keyframes swivelOut {
   0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  99% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 0;
  }
  100%{
    opacity: 0;
    display:none;
  }
  to{
    opacity: 0;
    display:none!important;
  }
  /*100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 1;
  }

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
  }

  75% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	
  }*/
}
@keyframes swivelOut {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 1;
  }

  99% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 0;
	
  }
  100%{
  opacity: 0;
  display:none;
  }
  to{
    opacity: 0;
    display:none!important;
  }
  /*100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	opacity: 1;
  }

  50% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
  }

  75% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
	
  }*/
}

.swivelout {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation: swivelOut 1s forwards;
  animation: swivelOut 1s forwards;
}
/*---  swivelOut ----*/

/*---  Shrink & Turn ----*/
@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

  to {    
	-webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);
    transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);	
    opacity: 0;
  }
}

@keyframes rotateOut {
    from {
	   -webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
    }

    to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);
		transform: rotate3d(0, 0, 1, -200deg) scale3d(.3, .3, .3);	
		opacity: 0;
    }
}

.rotateout {
  -webkit-animation: rotateOut 1s forwards;
  animation: rotateOut 1s forwards;
}
/*---  Shrink & Turn ----*/



/*---  ShakeOut ----*/
@-webkit-keyframes shakeOut {
  from{
    opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes shakeOut {
  from{
    opacity:1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.shakeout {
  -webkit-animation: shakeOut 1s forwards; 
  animation: shakeOut 1s forwards;
}
/*---  ShakeOut ----*/

/*****************************************Exit Animations******************************************************/