 @keyframes animatedBackground {
from {
background-position: 100% 0%;
}
to {
	background-position: 0% 0%;
}
}
 @keyframes animatedBackground2 {
from {
background-position: 0% 0%;
}
to {
	background-position: 100% 0%;
}
} 


/* Shake */
@keyframes shake {
 50%, 60% {
 transform: translate3d(2px, 0, 0);
}
}
#cup {
	animation: shake 0.9s cubic-bezier(.36, .07, .19, .97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
	animation-iteration-count: infinite;
}


/* Swing */
@-webkit-keyframes swinging {
 0% {
-webkit-transform: rotate(10deg);
}
 50% {
-webkit-transform: rotate(-5deg)
}
 100% {
-webkit-transform: rotate(10deg);
}
}
 @keyframes swinging {
 0% {
transform: rotate(10deg);
}
 50% {
transform: rotate(-5deg)
}
 100% {
transform: rotate(10deg);
}
}
.swingimage {
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: swinging 10s ease-in-out forwards infinite;
	animation: swinging 10s ease-in-out forwards infinite;
}
/* Fade */
.fade-in {
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}
.fade-in.one {
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}
.fade-in.two {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay:1.2s;
	animation-delay: 1.2s;
}
.fade-in.three {
	-webkit-animation-delay: 1.6s;
	-moz-animation-delay: 1.6s;
	animation-delay: 1.6s;
}
.fade-in.four {
	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	animation-delay: 2s;
}
@-webkit-keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
@keyframes fadeIn {
from {
opacity:0;
}
to {
	opacity:1;
}
}
/* Rolling 
.rolling {
	display: inline-block;
	min-height: 30px;
	line-height: 30px;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.rolling_item {
	display: block;
	height: 100%;
	position: relative;
	top: 0%;
	transition: top 0.35s;
	width: 100%;
}
.rolling:hover .rolling_item {
	top: -100%;
} */
/* Spin */
.inner_title_logo {
	-webkit-animation:spin 20s linear infinite;
	-moz-animation:spin 20s linear infinite;
	animation:spin 20s linear infinite;
}
@-moz-keyframes spin {
100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform:rotate(360deg);
}
}
/* Rotating */
#bar_bottle {
	-webkit-animation: rotating 10s linear infinite;
	animation: rotating 10s linear infinite;
	float:left
}
 @-webkit-keyframes rotating {
 from {
 -webkit-transform: rotate(0deg);
}
 50% {
-webkit-transform: rotate(105deg);
}
 60% {
-webkit-transform: rotate(105deg);
}
 90% {
-webkit-transform: rotate(0deg);
}
to {
	-webkit-transform: rotate(0deg);
}
}
