.color-white
{
	color:#FFF;
}

.white-hover
{
	color:#FFF;
}
.white-text
{
	color:#FFF !important;
}
.white-hover:hover
{
	color:#35393e !important;
}

.color-light-red
{
	color:#ff2222;
}

.color-dark-red
{
	color:#607d8b;
}

.color-light-gray
{
	color:#607d8b;
}

.color-dark-gray
{
	color:#35393e;
}
.color-purple
{
	color:#673ab7;
}

.bg-purple
{
	background:#673ab7;
}

.bg-dark-red
{
	background:#e91e63;
}

.bg-dark-border
{
	border:2px solid #e91e63;
}

.bg-gray
{
	background:#d0d0d0;
}

.bg-light-gray
{
	background:#515558;
}

.bg-dark-gray
{
	background:#4c4749;
}

.bg-white
{
	background:#FFF;
}

.animating-bg {
  background-image: url('../img/music-bg.png');
  background-repeat: repeat;
  height: 300%;
  width: 100%;
  transform: rotate(45deg);
  top: -15%;
  left: 25%;
  z-index:0;
  position:absolute;
  animation-name: animate-bg;
  -webkit-animation-name: animate-bg;
  animation-duration: 50s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: reverse;
  animation-play-state: running;
  -webkit-animation-duration: 50s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: reverse;
  -webkit-animation-play-state: running;
  transition:.5s;
}

@keyframes animate-bg
{
	0%   {background-position: 0 0;transform: rotate(45deg) scale(1);}
	50%   {background-position: 0 1000%;transform: rotate(45deg) scale(1);}
  75%   {transform: rotate(45deg) scale(1);}
  100%   {background-position: 0 1600%;transform: rotate(45deg) scale(1);}
}
@-webkit-keyframes animate-bg
{
	0%   {background-position: 0 0;transform: rotate(45deg) scale(1);}
	50%   {background-position: 0 1000%;transform: rotate(45deg) scale(1);}
  75%   {transform: rotate(45deg) scale(1); opacity: 1}
  100%   {background-position: 0 1600%;transform: rotate(45deg) scale(1); opacity: 0;}
}

@media only screen and (max-width:800px) 
{
	.animating-bg {
  background-image: url('../img/music-bg.png');
  background-repeat: repeat;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
  top: 0%;
  left: 0%;
  z-index:0;
  position:absolute;
  animation-name: animate-bg;
  -webkit-animation-name: animate-bg;
  animation-duration: 15s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-play-state: running;
  -webkit-animation-duration: 15s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-delay: 0s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  -webkit-animation-play-state: running;
}
}

.section-split
{
	float:left;
	width:100%;
	height:20px;
	margin:10px 0px;
	background:url('../img/section-split-image.png') center no-repeat;
}

.section-split-2
{
	float:left;
	width:100%;
	height:20px;
	margin:10px 0px;
	background:url('../img/section-split-image.png') left no-repeat;
}