@keyframes sound {
 0% {
 opacity:0.35;
 height:3px;
 top:14px;
}
 100% {
 opacity:1;
 height:28px;
 top:1px;
}
}


/* AUDIO PLAYER */

.audio-player-container {
	width: 0%;
	display: block;
	
	z-index: 300;
}
.audio-player {
	margin: 0 auto;
}
.audio-bars {
	float: right;
	width: 40px;
	height: 20px;
	margin-top: -2vh;
	margin-right: -10px;
	position: relative;
	display: block;
}
.audio-bar {
	width: 3px;
	height: 3px;
	bottom: 1px;
	background: #fff;
	position: absolute;
	-moz-animation: sound 0ms -800ms linear infinite alternate;
	-o-animation: sound 0ms -800ms linear infinite alternate;
	-webkit-animation: sound 0ms -800ms linear infinite alternate;
	animation: sound 0ms -800ms linear infinite alternate;
}
.audio-bar:nth-child(1) {
	left: 1px;
	-moz-animation-duration: 474ms;
	-o-animation-duration: 474ms;
	-webkit-animation-duration: 474ms;
	animation-duration: 474ms;
}
.audio-bar:nth-child(2) {
	left: 5px;
	-moz-animation-duration: 433ms;
	-o-animation-duration: 433ms;
	-webkit-animation-duration: 433ms;
	animation-duration: 433ms;
}
.audio-bar:nth-child(3) {
	left: 9px;
	-moz-animation-duration: 407ms;
	-o-animation-duration: 407ms;
	-webkit-animation-duration: 407ms;
	animation-duration: 407ms;
}
.audio-bar:nth-child(4) {
	left: 13px;
	-moz-animation-duration: 458ms;
	-o-animation-duration: 458ms;
	-webkit-animation-duration: 458ms;
	animation-duration: 458ms;
}
.audio-bar:nth-child(5) {
	left: 17px;
	-moz-animation-duration: 400ms;
	-o-animation-duration: 400ms;
	-webkit-animation-duration: 400ms;
	animation-duration: 400ms;
}
.audio-bar:nth-child(6) {
	left: 21px;
	-moz-animation-duration: 427ms;
	-o-animation-duration: 427ms;
	-webkit-animation-duration: 427ms;
	animation-duration: 427ms;
}
.audio-bar:nth-child(7) {
	left: 25px;
	-moz-animation-duration: 441ms;
	-o-animation-duration: 441ms;
	-webkit-animation-duration: 441ms;
	animation-duration: 441ms;
}
.audio-bar:nth-child(8) {
	left: 29px;
	-moz-animation-duration: 419ms;
	-o-animation-duration: 419ms;
	-webkit-animation-duration: 419ms;
	animation-duration: 419ms;
}
.audio-bar:nth-child(9) {
	left: 33px;
	-moz-animation-duration: 487ms;
	-o-animation-duration: 487ms;
	-webkit-animation-duration: 487ms;
	animation-duration: 487ms;
}
.audio-bar:nth-child(10) {
	left: 37px;
	-moz-animation-duration: 442ms;
	-o-animation-duration: 442ms;
	-webkit-animation-duration: 442ms;
	animation-duration: 442ms;
}
.audio-player.on .audio-bar {
	-moz-animation-play-state: running;
	-o-animation-play-state: running;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}
.audio-player.off .audio-bar {
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused;
}