.relative_left {
	width: 100%; 
	height: auto; 
	height: 50px; 
	text-align: center;
	position: absolute !important;
	float: left; 
	bottom: 0 !important; 
	margin-bottom: 0px !important;
      }

#title {	
	font-weight: normal;
	text-transform: uppercase;
	}


/*** AUDIO EQUALIZER***************************************************************************************************************************************/
.player-controls { 
	z-index: 12000000000 !important;
  	cursor: pointer;
  	font-size: 40px;
  	height: 1em;
  	position: relative;
  	text-decoration: none;
  	width: 1em;
  	-webkit-transition: transform 0.25s ease-in-out;
  	transition: transform 0.25s ease-in-out;     
	transform: translateX(-122px) translateY(71px) !important; 
	}

.play::before,
.pause::before,
.play::after,
.pause::after {
  	-webkit-border-radius: 1000px;
  	-moz-border-radius: 1000px;
  	border-radius: 1000px;
  	content: "";
  	display: block;
  	position: absolute;
  	width: 160px;
  	height: 160px;
  	right: 0;
  	top: 0; 
  	z-index: 0;    
    	transform: translateX(182px) translateY(-230px) !important; 
	}




.player-controls.playing .pause::before {
  -moz-animation: audio1 1.5s infinite ease-in-out;
  -o-animation: audio1 1.5s infinite ease-in-out;
  -webkit-animation: audio1 1.5s infinite ease-in-out;
  animation: audio1 1.5s infinite ease-in-out;
	}
.player-controls.playing .pause::after {
  -moz-animation: audio2 2.2s infinite ease-in-out;
  -o-animation: audio2 2.2s infinite ease-in-out;
  -webkit-animation: audio2 2.2s infinite ease-in-out;
  animation: audio2 2.2s infinite ease-in-out;
	}

.animate-audio1 {
  -moz-animation: audio1 1.5s infinite ease-in-out;
  -o-animation: audio1 1.5s infinite ease-in-out;
  -webkit-animation: audio1 1.5s infinite ease-in-out;
  animation: audio1 1.5s infinite ease-in-out;
	}

@keyframes audio1 {
  0%,
  100% {
    box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.4);
  }
  25% {
    box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.15);
  }
  50% {
    box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.55);
  }
  75% {
    box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.25);
  }
}

.animate-audio2 {
  -moz-animation: audio2 2.2s infinite ease-in-out;
  -o-animation: audio2 2.2s infinite ease-in-out;
  -webkit-animation: audio2 2.2s infinite ease-in-out;
  animation: audio2 2.2s infinite ease-in-out;
	}

@keyframes audio2 {
  0%,
  100% {
    box-shadow: 0 0 0 0.25em rgba(255, 255, 255, 0.15);
  }
  25% {
    box-shadow: 0 0 0 0.4em rgba(255, 255, 255, 0.3);
  }
  50% {
    box-shadow: 0 0 0 0.15em rgba(255, 255, 255, 0.05);
  }
  75% {
    box-shadow: 0 0 0 0.55em rgba(255, 255, 255, 0.45);
  }
}
/*** END OF AUDIO EQUALIZER********************************************************************************************************************************/