.flowplayer .endscreen {
  top: 30%;
  left: 10%;
  position: absolute;
  width: 80%;
  height: 40%;
  line-height:180%;
  text-align: center;
  border:0px solid #EE00EE;

  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: opacity .5s;
  -moz-transition: opacity .5s;
  transition: opacity .5s;
}
.flowplayer .endscreen h1 {
  font-size:120%;
  color:#FFFFFF;
}
}
.flowplayer .endscreen h3 {
  font-size: 160%;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 10%;
}
.flowplayer .endscreen h4 {
  font-size: 120%;
  color: #FFFFFF;
}

.btn-bebas {
	font-size:30px !important;
	line-height:100%;
	background:#00d6c7 !important;
	color:#FFFFFF !important;
	border:0;
	min-width:100%;
	padding:0 0;
}	

.btn-bebas a:hover {
	color:#DDDDDD;
	}

/*
.flowplayer .endscreen .button {
  background-color: #00a6bc;
  padding: 20px 30px;
  margin: 15px 0;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-size: 110%;
  color: #eee;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: background-color .1s;
  -moz-transition: background-color .1s;
  transition: background-color .1s;
  
}
*/
.flowplayer .endscreen .button:hover {
  background-color: #00afc6;
}
.flowplayer .endscreen .button:active {
  background-color: #009db2;
}
.flowplayer .endscreen .fp-toggle {
  display: block;
  color: #eee;
  cursor: pointer;
}
.flowplayer .endscreen .fp-toggle:hover {
  color: #444;
}
 
/* overlay player screen when video is finished */
.flowplayer.is-finished .endscreen {
  /* the player UI has z-index: 1, overlay it */
  z-index: 2;
 
  /* show endscreen - a simpler alternative would be:
   * display: block; */
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.flowplayer .fp-controls { background-color: rgba(0, 0, 0, 0.4)}
   .flowplayer .fp-timeline { background-color: rgba(0, 0, 0, 0.5)}
   .flowplayer .fp-progress { background-color: rgba(0, 214, 199, 1)}
   .flowplayer .fp-buffer { background-color: rgba(249, 249, 249, 1)}
   
@media screen and (max-width: 767px) {
.flowplayer .endscreen {
  top: 10%;
	}

}