.flowplayer .endscreen {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translate(0%, -50%);
  font-size: 20px;
  background-color: rgb(256,256,256);
  text-align: center;
  filter: alpha(opacity=97);
  opacity: 97;
  -webkit-transition: opacity .8s;
  -moz-transition: opacity .8s;
  transition: opacity .8s;
}

.flowplayer .endscreen .endscreen-contents{
    padding:5%;
    height:100%;
}
.flowplayer .endscreen .endscreen-contents .title-pause{
    color: black;
    font-weight: bold;
    display:block;
    padding: 15px 0 15px 0;
}
.flowplayer .endscreen .endscreen-contents .infolinks-finish{
    color: black;
    font-weight: bold;
    padding: 15px 0 0 0;
    display:none;
}
.flowplayer .endscreen .endscreen-contents .infolinks-pause{
    color: black;
    font-weight: bold;
    padding: 15px 0 0 0;
    display:block;
}
.flowplayer .endscreen .endscreen-contents .infolinks-pause .signup {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-size: 100%;
  font-weight: bold;
  color: #e380b1;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: background-color .1s;
  -moz-transition: background-color .1s;
  transition: background-color .1s;
}
.flowplayer .endscreen .endscreen-contents .infolinks-finish .signup {
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  font-size: 100%;
  font-weight: bold;
  color: #e380b1;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: background-color .1s;
  -moz-transition: background-color .1s;
  transition: background-color .1s;
}
.flowplayer .endscreen .endscreen-contents .requiredmessage-finish{
    font-size:12px;
    padding:0 0 15px 0;
    color:#000;
    display:none;
}
.flowplayer .endscreen .endscreen-contents .requiredmessage-pause{
    font-size:12px;
    padding:0;
    color:#000;
    display:block;
}
.flowplayer .endscreen .endscreen-contents .toggletext-finish{
    font-size:12px;
    padding:10px 0 0 0;
    color:#000;
    display:none;
}
.flowplayer .endscreen .toggle-button .fp-toggle  {
  display: block;
  color: #eee;
  cursor: pointer;
}
.flowplayer .endscreen .toggle-button .fp-toggle .playbtn {
  width:40px;
  height:40px;
}
.flowplayer .endscreen .toggle-button .fp-toggle .replaybtn {
    width: 40px;
    height: 35px;
    display:none;
}
/* overlay player screen when video is paused or finished */
.flowplayer.is-paused .endscreen {
  z-index: 20;
  display: block; 
  filter: alpha(opacity=97);
  opacity: .97;
}
.flowplayer.is-ended .endscreen {
  z-index: 20;
  display: block; 
  filter: alpha(opacity=97);
  opacity: .97;
}
.flowplayer.is-loaded:not(.is-playing) .endscreen {
  z-index: 20;
  display: block; 
  filter: alpha(opacity=97);
  opacity: .97;
}
.flowplayer.isloaded.is-playing .endscreen {
  z-index: 20;
  display: block; 
  filter: alpha(opacity=97);
  opacity: .97;
}
.is-starting:not(.is-waiting) .fp-switch {
    transform: scale(1);
    opacity: 0;
}
@media only screen
and (max-width : 1250px) {
    .flowplayer .endscreen {
        font-size:16px;
        top: 50%;
        transform: translate(0%, -50%);
    }
    
}

@media only screen
and (max-width : 768px) {
    .flowplayer .endscreen {
        width: 100%;
        font-size:12px;
        top: 50%;
        transform: translate(0%, -50%);
    }

}

@media only screen
and (max-width : 400px) {
    .flowplayer .endscreen {
        width: 100%;
        height:100%;
        font-size:12px;
        top:0;
        transform: translate(0%, 0%);
    }
    .flowplayer .endscreen .endscreen-contents{
        padding:0;
        height:100%;
    }
}