/* jPlayer */

.jp-av {
	font: 400 14px/27px Lato;
	color: #282727;
	background: #F5F5F5;
}

.jp-av .jp-interface {
	background: -webkit-linear-gradient(#FFFFFF 50%, rgba(148, 34, 34, 0) 30px) left top / 100% 50% no-repeat;
	background: linear-gradient(#FFFFFF 50%, rgba(148, 34, 34, 0) 30px) left top / 100% 50% no-repeat;
	border: 1px solid #E0E0E0;
}

/* Progress */

.jp-av .jp-progress {
	background-color: #eaeaea;
	box-shadow: 0 1px 0 0 #dee2e2 inset;
}

.jp-av .jp-play-bar { background-color: #37bbec; }

.jp-av .jp-play-bar:after {
	background-color: #FFF;
	box-shadow: 1px 1px 1px 0 #C8C8C8;
	border: 1px solid #DCDCDC;
}

/* Play & Pause */

.jp-av .jp-controls { border-right: 1px solid #D7D7D7; box-shadow: 1px 0 0 0 #FFF; }

.jp-av .jp-controls a.jp-play,
.jp-av .jp-controls a.jp-pause { color: #A4A4A4; }

.jp-av .jp-play:hover,
.jp-av .jp-pause:hover { color: #3BB1DC !important; }

/* Volume */

.jp-av .jp-mute i, .jp-av .jp-unmute i { color: #9D9D9D; }

.jp-av .jp-volume-bar-container {
	border-right: 1px solid #D7D7D7;
	box-shadow: 1px 0 0 0 #FFF;
}

.jp-av .jp-volume-bar {
	background-color: #eaeaea;
	box-shadow: 0 1px 0 0 #dee2e2 inset;
	border-radius: 5px;
}

.jp-av .jp-volume-bar-value { background-color: #37bbec; }

/* Time */

.jp-av .jp-current-time, .jp-av .jp-duration { color: #898989; }

/* Title */

.jp-av .jp-title { color: #838383; }