.container-beer {
	 position: relative;
	 display: flex;
	 background: #ffeb3b;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
}
 .bee {
	 position: relative;
	 margin: auto;
	 align-self: center;
	 width: 50px;
	 height: 50px;
	 animation: to-fly 0.4s infinite;
         top: 1.3em;
}
 .body-beer {
	 position: relative;
	 width: 40px;
	 height: 18px;
	 border: 4px solid #fbc02d;
	 background: #ffeb3b;
	 border-radius: 20px;
	 perspective: 2500px;
	 z-index: 99;
}
.body-beer:before, .body:after {
	 content: '';
	 position: absolute;
	 width: 0;
	 height: 0;
}
.body-beer:before {
	 right: 100%;
	 top: 0px;
	 border-top: 6px solid transparent;
	 border-right: 13px solid #fbc02d;
	 border-bottom: 6px solid transparent;
}
 .body-beer:after {
	 right: 97%;
	 top: 4px;
	 border-top: 3px solid transparent;
	 border-right: 6px solid #ffeb3b;
	 border-bottom: 3px solid transparent;
}
.line-beer {
	 position: relative;
	 left: 10px;
	 height: 10px;
	 width: 13px;
	 background: #fbc02d;
}
.wing-right {
	 position: absolute;
	 top: -18px;
	 left: 12px;
	 width: 15px;
	 height: 15px;
	 background: #ffeb3b;
	 border: 4px solid #fbc02d;
	 border-radius: 100%;
}
.wing-left {
	 position: absolute;
	 top: -18px;
	 left: 12px;
	 width: 15px;
	 height: 15px;
	 background: #ffeb3b;
	 border: 4px solid #fbc02d;
	 border-radius: 100%;
}
.wing-right {
	 left: 15px;
	 transform: skew(-20deg);
	 animation: wing-beat-right 0.25s infinite;
	 transform-origin: bottom;
	 z-index: 9;
}
.wing-left {
	 transform: skew(20deg);
	 animation: wing-beat-left 0.25s infinite;
	 transform-origin: bottom;
	 z-index: 999;
}
 .path {
	 display: inline-block;
	 position: relative;
	 top: -24px;
	 left: -90px;
	 width: 140px;
	 animation: pollen 0.14s infinite;
}
 .pollen {
	 display: inline-block;
	 margin: 0;
	 width: 3px;
	 height: 3px;
	 background: #fbc02d;
	 border-radius: 100%;
}
 @-moz-keyframes to-fly {
	 50% {
		 transform: translateY(-3px);
	}
	 100% {
		 transform: translateY(0px);
	}
}
 @-webkit-keyframes to-fly {
	 50% {
		 transform: translateY(-3px);
	}
	 100% {
		 transform: translateY(0px);
	}
}
 @-o-keyframes to-fly {
	 50% {
		 transform: translateY(-3px);
	}
	 100% {
		 transform: translateY(0px);
	}
}
 @keyframes to-fly {
	 50% {
		 transform: translateY(-3px);
	}
	 100% {
		 transform: translateY(0px);
	}
}
 @-moz-keyframes wing-beat-right {
	 50% {
		 transform: rotateX(60deg) skew(-20deg) rotateZ(25deg);
	}
	 100% {
		 transform: rotateX(0) skew(-20deg);
	}
}
 @-webkit-keyframes wing-beat-right {
	 50% {
		 transform: rotateX(60deg) skew(-20deg) rotateZ(25deg);
	}
	 100% {
		 transform: rotateX(0) skew(-20deg);
	}
}
 @-o-keyframes wing-beat-right {
	 50% {
		 transform: rotateX(60deg) skew(-20deg) rotateZ(25deg);
	}
	 100% {
		 transform: rotateX(0) skew(-20deg);
	}
}
 @keyframes wing-beat-right {
	 50% {
		 transform: rotateX(60deg) skew(-20deg) rotateZ(25deg);
	}
	 100% {
		 transform: rotateX(0) skew(-20deg);
	}
}
 @-moz-keyframes wing-beat-left {
	 50% {
		 transform: rotateX(-65deg) skew(20deg) rotateZ(-10deg);
	}
	 100% {
		 transform: rotateX(0) skew(20deg);
	}
}
 @-webkit-keyframes wing-beat-left {
	 50% {
		 transform: rotateX(-65deg) skew(20deg) rotateZ(-10deg);
	}
	 100% {
		 transform: rotateX(0) skew(20deg);
	}
}
 @-o-keyframes wing-beat-left {
	 50% {
		 transform: rotateX(-65deg) skew(20deg) rotateZ(-10deg);
	}
	 100% {
		 transform: rotateX(0) skew(20deg);
	}
}
 @keyframes wing-beat-left {
	 50% {
		 transform: rotateX(-65deg) skew(20deg) rotateZ(-10deg);
	}
	 100% {
		 transform: rotateX(0) skew(20deg);
	}
}
 @-moz-keyframes pollen {
	 0% {
		 left: -90px;
	}
	 100% {
		 left: -95px;
	}
}
 @-webkit-keyframes pollen {
	 0% {
		 left: -90px;
	}
	 100% {
		 left: -95px;
	}
}
 @-o-keyframes pollen {
	 0% {
		 left: -90px;
	}
	 100% {
		 left: -95px;
	}
}
 @keyframes pollen {
	 0% {
		 left: -90px;
	}
	 100% {
		 left: -95px;
	}
}