#video{
  background-color: black;
}
#video-fullscreen{
  width:0px;
  height:0px;
  max-width:20px;
  max-height: 20px;
  overflow: hidden;
  position: absolute;
}
#progress-bar {
  position:absolute;
  left:0;
  right:0;
  margin:auto;
  bottom:40px;
  width:850px;
  height:5px;
  background-color: rgba(255,255,255,0.3);
}
#progress {
  position:absolute;
  left:0;
  top:0;
  width:0;
  bottom:40px;
  height:5px;
  background-color: #f15922;
}
#volume{
  width:50px;
  height:50px;
  border-radius: 50%;
  border:none;
  background-color:rgba(255,255,255,0.6);
  background-image:url('../../images/business-project/vectors/icon_unmute.svg');
  background-size: 11px 18px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  margin-left:30px;
}
#volume.mute{
  background-image:url('../../images/business-project/vectors/icon_mute.svg');
  background-size: auto 19px;
  background-position: calc(50% + 3px) 50%;
}
#playpause{
  width:50px;
  height:50px;
  border-radius: 50%;
  border:none;
  background-color:rgba(255,255,255,0.6);
  background-image:url('../../images/business-project/vectors/icon_pause.svg');
  background-size: 13px auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
#playpause.pause{
  background-image:url('../../images/business-project/vectors/icon_playpause.svg');
  background-size: 18px 18px;
}
/* Only Desktop */
@media
only screen and (min-device-width:1025px){
  #video-popup{padding-left:35px;}
}

.video-section{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}



.video_banner_icon{
  height: 60px;
  position: absolute;
  cursor: pointer;
}

.video-section.custom_desktop{
    display: flex;
  }

.video-section.custom_mobile{
  display: none;
}

/*mobile*/

@media only screen and (max-width: 767px) {
  .video_banner_icon {
    height: 50px !important;
  }

  .video-section.custom_desktop{
    display: none;
  }

  .video-section.custom_mobile{
    display: flex;
  }

}