
.vpSoundClickToPlay{
    
    position:absolute;
    z-index:100001;
    width:100%;
    height: 100%;
    /*display:none;*/
}
/*
.vpSoundClickToPlay img{
    width: 100%;
    height: auto;
}*/
.vpSoundClickToPlay .vpSoundClickToPlayButton {
  position: absolute;
  bottom: 123px;
  left: 552px;
  width: 174px;
  height: 54px;
  cursor: pointer;
  transition: scale 0.25s ease, transform 0.25s ease;
        background-size: 100% auto;
        background-position: top left;
        background-image: url(../images/avisosom/start.png);
}

.vpSoundClickToPlay .vpSoundClickToPlayButton:hover {
    transform: scale(1.1) !important;
        background-position: bottom left;
    /*filter: brightness(125%);*/
}

.vpProgressBar { 
   color:#fff; 
   width:100%; 
   height:5px;
   margin:0 0 0 0;
   position:relative;
   background-color: #eeeeee;
   /*pointer-events: none;*/
}

.vpProgressUnlocked {
   background-color:#CCC;
   height:5px;
   display:inline-block;
   position:absolute;
   top:0;
   left:0;
   cursor: pointer;
}
.vpProgress {
   background-color:#ffffff;
   height:5px;
   display:inline-block;
   position:absolute;
   top:0;
   left:0;
   pointer-events: none;
   background-image: url(../images/video-bar.png);
   background-size: 1030px;
   background-position: left center;
}

.vpPlaylist{
    display:none;
}

.vpStage{
    width: 1920px;
}
.vpVideo {
    width: 100%;
    width: 1920px;
    height: 1080px;
}

.vpShowHideControls{
    width:100%;
    position:absolute;
    bottom:0;
    /*border:1px solid red;*/
    width:100%;
    height:40px;
    z-index:5555;
}

.vpControls{
    width:100%;
    position:fixed;
    position:absolute;
    z-index:9999;
    bottom:0;
    background-color: #000000;
    opacity: 1;
    padding:10px;
    box-sizing: border-box;
    color:#FFFFFF;
    transform: translate3d(0px, 0px, 0px);
    height: 35px;
/*    margin-bottom: 8px;*/
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.vpControls.small {
    
}
.vpControls:hover {
    opacity: 1;
}
body.internet-explorer #vpControls {
    position:absolute;
}

.buttons img{
    width:100%;
    height:auto;
}

.vpCursorPointer{
    cursor:pointer;
}

.vpControls .buttons{
    width: 20px;
    display: block;
    height: 20px;
    bottom: 8px;
}

#fullscreen-button{
    position: absolute;
    right: 10px;
}

#fullscreen-button{
    position: absolute;
    right: 10px;
}

.vpControls .vpCurrentTime{
display: inline-block;
}

.vpControls .vpTotalTime{
display: inline-block;
}
.time-box {
    width: 90px;
    text-align: center;
    display: block;
    font-size: 12px;
    font-family: 'FTBase-Semibold';
    position: absolute;
    right: 85px;
}
.vpControls .bar{
    width: 1030px;
    /* background: #ffffff; */
    position: absolute;
    left: 64px;
}


#vpVolume{
    display:none;
}

#vpMute{
    display:none;
}

#vpProgress::after {
  content: " ";
  width: 15px;
  height: 15px;
  position: absolute;
  background: #fff;
  border-radius: 50%;
  right: -5px;
  top: -5px;
  z-index: 10000;
}

.vpControls  .buttons.cc {
    position: absolute;
    left: initial;
    right: 50px !important;
    display: none;
}

.vpControls  .buttons .cc-line {
    background-color: white;
    height: 2px;
    width: 20px;
    position: absolute;
    top: 17px;
}

.vpControls  .buttons .cc-line.hidden {
    opacity: 0;
}

/* VIDEO STYLE */
#bg-video {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: visible;
    z-index: -200;
}

video.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1000;
    width: auto;
    height: 100%;
    height: 120%;
    transform: translate(-50%, -50%);
}

.playpause{
    position: absolute;
    left: 20px;
    bottom: 5px;
}

.playpause img{
    width: 14px;
}