/* @group Анимация */

/* ==========================================================================
   АНИМАЦИЯ
   ========================================================================== */
   
   
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.fast {
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
   
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
   
   
   
@-webkit-keyframes pulse {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes pulse {
	50% {
		-moz-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes pulse {
	50% {
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pulse {
	50% {
		-webkit-transform: scale(1.5);
		-moz-transform: scale(1.5);
		-o-transform: scale(1.5);
		transform: scale(1.5);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
   
   
   
@-webkit-keyframes slideOut {
	100% {
		-webkit-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
}
@-moz-keyframes slideOut {
	100% {
		-moz-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
}
@-o-keyframes slideOut {
	100% {
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
}
@keyframes slideOut {
	100% {
		-webkit-transform: translateY(100px);
		-moz-transform: translateY(100px);
		-o-transform: translateY(100px);
		transform: translateY(100px);
		opacity: 0;
	}
}
   
   
   
@-webkit-keyframes slideIn {
	100% {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@-moz-keyframes slideIn {
	100% {
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@-o-keyframes slideIn {
	100% {
		-o-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
@keyframes slideIn {
	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-o-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
	}
}
   
   
   
@-webkit-keyframes rotateAsk {
	0% {
		transofrm: rotateZ(0deg);
	}
	3% {
		-webkit-transform: rotateZ(5deg);
		transform: rotateZ(5deg);
	}
	6% {
		-webkit-transform: rotateZ(-5deg) scale(1.1);
		transform: rotateZ(-5deg) scale(1.1);
	}
	9% {
		-webkit-transform: rotateZ(5deg) scale(1);
		transform: rotateZ(5deg) scale(1);
	}
	12% {
		-webkit-transform: rotateZ(-5deg);
		transform: rotateZ(-5deg);
	}
	15% {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}
@-moz-keyframes rotateAsk {
	0% {
		transofrm: rotateZ(0deg);
	}
	3% {
		-moz-transform: rotateZ(5deg);
		transform: rotateZ(5deg);
	}
	6% {
		-moz-transform: rotateZ(-5deg) scale(1.1);
		transform: rotateZ(-5deg) scale(1.1);
	}
	9% {
		-moz-transform: rotateZ(5deg) scale(1);
		transform: rotateZ(5deg) scale(1);
	}
	12% {
		-moz-transform: rotateZ(-5deg);
		transform: rotateZ(-5deg);
	}
	15% {
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}
@-o-keyframes rotateAsk {
	0% {
		transofrm: rotateZ(0deg);
	}
	3% {
		-o-transform: rotateZ(5deg);
		transform: rotateZ(5deg);
	}
	6% {
		-o-transform: rotateZ(-5deg) scale(1.1);
		transform: rotateZ(-5deg) scale(1.1);
	}
	9% {
		-o-transform: rotateZ(5deg) scale(1);
		transform: rotateZ(5deg) scale(1);
	}
	12% {
		-o-transform: rotateZ(-5deg);
		transform: rotateZ(-5deg);
	}
	15% {
		-o-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}
@keyframes rotateAsk {
	0% {
		transofrm: rotateZ(0deg);
	}
	3% {
		-webkit-transform: rotateZ(5deg);
		-moz-transform: rotateZ(5deg);
		-o-transform: rotateZ(5deg);
		transform: rotateZ(5deg);
	}
	6% {
		-webkit-transform: rotateZ(-5deg) scale(1.1);
		-moz-transform: rotateZ(-5deg) scale(1.1);
		-o-transform: rotateZ(-5deg) scale(1.1);
		transform: rotateZ(-5deg) scale(1.1);
	}
	9% {
		-webkit-transform: rotateZ(5deg) scale(1);
		-moz-transform: rotateZ(5deg) scale(1);
		-o-transform: rotateZ(5deg) scale(1);
		transform: rotateZ(5deg) scale(1);
	}
	12% {
		-webkit-transform: rotateZ(-5deg);
		-moz-transform: rotateZ(-5deg);
		-o-transform: rotateZ(-5deg);
		transform: rotateZ(-5deg);
	}
	15% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
}
   
   
@-webkit-keyframes pulseCenter {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes pulseCenter {
	0% {
		opacity: 0;
		-moz-transform: scale(0);
		transform: scale(0);
	}
	70% {
		opacity: 1;
		-moz-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@-o-keyframes pulseCenter {
	0% {
		opacity: 0;
		-o-transform: scale(0);
		transform: scale(0);
	}
	70% {
		opacity: 1;
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-o-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pulseCenter {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
	}
	70% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}
   
   
   
@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@-moz-keyframes spin {
	0% {
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@-o-keyframes spin {
	0% {
		-o-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	100% {
		-o-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@keyframes spin {
	0% {
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		-moz-transform: rotateZ(360deg);
		-o-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}




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


@-webkit-keyframes btnWavingIn {
0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
89% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }          
90% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }
          
100% {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2); } }
@keyframes btnWavingIn {
0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
89% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
90% {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1); }

100% {
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2); } }


@-webkit-keyframes blink {
	0% {
    	opacity: 1;}
	75% {
		opacity: 1;}
	80% {
		opacity: 0;}
	95% {
		opacity: 0;}
}
@keyframes blink {
	0% {
    	opacity: 1;}
	75% {
		opacity: 1;}
	80% {
		opacity: 0;}
	95% {
		opacity: 0;}
}


   
@-webkit-keyframes spin-cursor {
	0% {
		-webkit-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	90% {
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@-moz-keyframes spin-cursor {
	0% {
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	
	90% {
		-moz-transform: rotateZ(0deg);
		transform: rotateZ(0deg);
	}
	
	100% {
		-moz-transform: rotateZ(360deg);
		transform: rotateZ(360deg);
	}
}
@-o-keyframes spin-cursor {
	0%{-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
	90%{-moz-transform: rotateZ(0deg);transform: rotateZ(0deg);}
	100%{-o-transform: rotateZ(360deg);transform: rotateZ(360deg);}
}
@keyframes spin-cursor {
	0%{-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
	90%{-moz-transform: rotateZ(0deg);transform: rotateZ(0deg);}
	100%{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);transform:rotateZ(360deg);}
}



@-webkit-keyframes hvr-buzz-out {
	5%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}
	20%{-webkit-transform:translateX(-2px) rotate(-2deg);transform:translateX(-2px) rotate(-2deg)}
	40%{-webkit-transform:translateX(2px) rotate(2deg);	transform:translateX(2px) rotate(2deg)}
	60%{-webkit-transform:translateX(-2px) rotate(-2deg);transform:translateX(-2px) rotate(-2deg)}
	80%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
	100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes hvr-buzz-out{
	5%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}
	20%{-webkit-transform:translateX(-2px) rotate(-2deg);transform:translateX(-2px) rotate(-2deg)}
	40%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}
	60%{-webkit-transform:translateX(-2px) rotate(-2deg);transform:translateX(-2px) rotate(-2deg)}
	80%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
	100%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}

.hvr-buzz-out {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}



@-webkit-keyframes hvr-buzz-out-mini {
	15%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
	18%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}
	21%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes hvr-buzz-out-mini {
	15%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
	18%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}
	21%{-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}



@-webkit-keyframes fadeInDown {
	0% {
		-webkit-transform:translate3d(0, -100%, 0);
		transform:translate3d(0, -100%, 0)
	    opacity: 0;
	}
	40% {
		-webkit-transform:translate3d(0, 10%, 0);
		transform:translate3d(0, 10%, 0)
	    opacity: 1;
	}
	70% {
		-webkit-transform:translate3d(0, -10%, 0);
		transform:translate3d(0, -10%, 0)
	    opacity: 1;
	}
	100% {
		-webkit-transform:none;
		transform:none
	    opacity: 1;
	}
/*
  0% {
	opacity: 0;
  }

  100% {
    opacity: 1;
  }
*/
}

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

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  33% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  66% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  33% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  66% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}



@-webkit-keyframes pulse-online {
0%,80% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}

90% {
	opacity: .3
}

95%,to {
	-webkit-transform: scale3d(2.5,2.5,1);
	transform: scale3d(2.5,2.5,1)
}
}

@keyframes pulse-online {
0%,80% {
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1)
}

90% {
	opacity: .3
}

95%,to {
	-webkit-transform: scale3d(2.5,2.5,1);
	transform: scale3d(2.5,2.5,1)
}
}



@-webkit-keyframes hvr-buzz {
	0%,50%,100%{-webkit-transform:translateX(0) rotate(-45deg);transform:translateX(0) rotate(-45deg)}
	25%{-webkit-transform:translateX(2px) rotate(-45deg);transform:translateX(2px) rotate(-45deg)}
	75%{-webkit-transform:translateX(-2px) rotate(-45deg);transform:translateX(-2px) rotate(-45deg)}
}
@keyframes hvr-buzz {
	0%,50%,100%{-webkit-transform:translateX(0) rotate(-45deg);transform:translateX(0) rotate(-45deg)}
	25%{-webkit-transform:translateX(2px) rotate(-45deg);transform:translateX(2px) rotate(-45deg)}
	75%{-webkit-transform:translateX(-2px) rotate(-45deg);transform:translateX(-2px) rotate(-45deg)}
}

@-webkit-keyframes hvr-buzz-y {
	0%,50%,100%{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
	25%{-webkit-transform:translateY(2px) rotate(-45deg);transform:translateY(2px) rotate(-45deg)}
	75%{-webkit-transform:translateY(-2px) rotate(-45deg);transform:translateY(-2px) rotate(-45deg)}
}
@keyframes hvr-buzz-y {
	0%,50%,100%{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
	25%{-webkit-transform:translateY(2px) rotate(-45deg);transform:translateY(2px) rotate(-45deg)}
	75%{-webkit-transform:translateY(-2px) rotate(-45deg);transform:translateY(-2px) rotate(-45deg)}
}


/* @end */