body {
  font-family: "myriad pro", tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
#content {
  margin: 50px auto;
  max-width: 982px;
}

.typeButton {
	text-decoration: none;
	font-family: "optima";
	font-size: 20px;
	padding: 20px;

}

#basic-playlist {
/* player (and playlist) background */

  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  margin-bottom: -8px;
}
/* player (and playlist) background */
#basic-playlist.is-splash .fp-prev,
#basic-playlist.is-splash .fp-next {
  display: none;
}
#basic-playlist .fp-playlist {
/* the playlist root element */
  position: absolute;
  bottom: -160px;
  left: 0;
  width: 100%;
  text-align: center;
  display: block;

}

/* the playlist root element */
#basic-playlist .fp-playlist a {
/* playlist entry */
  display: block;

  margin: 0 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #FFFFFF;
  height: 45px;

}
/* playlist unordered list */
#basic-playlist .fp-playlist ul {

  border-radius: 5px;
  background-color: #404040;

}

/* playlist list element */
#basic-playlist .fp-playlist ul li {

  border: 1px solid #fff;
  height: 30px;

}

/* playlist entry */
#basic-playlist .fp-playlist a:hover {
  border-color: #ccc;
  color: #D0D0D0;
}
#basic-playlist .fp-playlist a.is-active {
  color: #BBBBBB;
}
.is-paused#basic-playlist .fp-playlist a.is-active {
  color: #BBBBBB;
}

#basic-playlist .fp-prev,
#basic-playlist .fp-next {
/* next and prev buttons */
  position: absolute;
  top: 44%;
  cursor: pointer;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
  background: url("../img/1.png");
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  height: 20px;
  width: 12px;
}
/* next and prev buttons */
.is-mouseover#basic-playlist .fp-prev,
.is-mouseover#basic-playlist .fp-next {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}
#basic-playlist .fp-prev {
  left: -20px;
  background-position: 0 -200px;
}
#basic-playlist .fp-prev:hover {
  background-position: 0 -300px;
}
#basic-playlist .fp-next {
  right: -20px;
  background-position: 0 -400px;
}
#basic-playlist .fp-next:hover {
  background-position: 0 -500px;
}
@media (max-width: 570px) {
  #basic-playlist .fp-playlist {
    bottom: -160px;
  }

  #basic-playlist .fp-playlist ul li {
    height: 50px;
    line-height: 50px;
  }


}

.scrollable {
    height: 150px; /* or any value */
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

.scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
.scrollable::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}