.vjs-theme-city{
    /* --vjs-theme-city--primary:#bf3b4d; */
    --vjs-theme-city--primary:#c6b306;
    --vjs-theme-city--secondary:#fff
}
.vjs-theme-city .vjs-control-bar{
    height:70px;padding-top:20px;
    background:none;
    background-image:linear-gradient(0deg,#000,transparent)
}
.vjs-theme-city .vjs-big-play-button{
    border:3px solid white;
    border-radius:60px;height:70px;width:70px;
    margin-top:-40px;
    /* background-color: rgba(255, 79, 79, 0.5); */
    background-color: rgba(198, 179, 6, 0.5);

    /* -webkit-animation: flash 4s infinite;
    animation: flash 4s infinite; */
    /* animation: pulse-border 3000ms ease-out infinite; */
}
.vjs-theme-city .vjs-big-play-button::before{
    border:3px solid white;
    border-radius:60px;height:90px;
    margin-top:-45px;
    z-index:900;
    background-color: rgba(55, 79, 79, 0.5);

    /* -webkit-animation: flash 4s infinite;
    animation: flash 4s infinite; */
    /* animation: pulse-border 3000ms ease-out infinite; */
}
@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flash {
    0% {
        /* background-color: rgba(255, 79, 79, 1); */
        background-color: rgba(198, 179, 6, 1);
    }
    50% {
        /* background-color: rgba(255, 79, 79, 0); */
        background-color: rgba(198, 179, 6, 0);
    }
    100% {
        /* background-color: rgba(255, 79, 79, 1); */
        background-color: rgba(198, 179, 6, 1);
    }
}
@keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
  }
  @-webkit-keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
}
.video-js:hover .vjs-big-play-button{
    /* background-color: rgba(255, 79, 79, 1); */
    background-color: rgba(198, 179, 6, 1);
}
.vjs-theme-city .vjs-big-play-button:hover{
    /* background-color: rgba(229, 0, 0, 1); */
    background-color: rgba(147, 133, 5, 1);
}
.vjs-big-play-button .vjs-icon-placeholder:before{
    padding-top:12px;
    font-size: 1.5em;
}
.vjs-play-control .vjs-icon-placeholder:before{
    margin-left:-50px;
    padding-top:0;
    font-size: 1.5em;
}
.vjs-theme-city .vjs-button>.vjs-icon-placeholder:before{line-height:50px}
.vjs-theme-city .vjs-play-progress:before{display:none}
.vjs-theme-city .vjs-progress-control{position:absolute;top:0;right:0;left:0;width:100%;height:20px}
.vjs-theme-city .vjs-progress-control .vjs-progress-holder{position:absolute;top:20px;right:0;left:0;width:100%;margin:0}
.vjs-theme-city .vjs-play-progress{background-color:var(--vjs-theme-city--primary)}
.vjs-theme-city .vjs-remaining-time{order:1;line-height:50px;flex:3;text-align:left}
.vjs-theme-city .vjs-play-control{order:2;flex:8;font-size:1.75em}
.vjs-theme-city .vjs-fullscreen-control,.vjs-theme-city .vjs-picture-in-picture-control,.vjs-theme-city .vjs-volume-panel{order:3;flex:1}
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{height:100%}
.vjs-theme-city .vjs-mute-control{display:none}
.vjs-theme-city .vjs-volume-panel{margin-left:.5em;margin-right:.5em;padding-top:1.5em}
.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal,.vjs-theme-city .vjs-volume-panel,
.vjs-theme-city .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.vjs-theme-city .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.vjs-theme-city .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.vjs-theme-city .vjs-volume-panel:hover,
.vjs-theme-city .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:3em}
.vjs-theme-city .vjs-volume-level:before{font-size:1em}
.vjs-theme-city .vjs-volume-panel .vjs-volume-control{opacity:1;width:100%;height:100%}
.vjs-theme-city .vjs-volume-bar{background-color:transparent;margin:0}
.vjs-theme-city .vjs-slider-horizontal .vjs-volume-level{height:100%}
.vjs-theme-city .vjs-volume-bar.vjs-slider-horizontal{margin-top:0;margin-bottom:0;height:100%}
.vjs-theme-city .vjs-volume-bar:before{
    content:"";z-index:0;width:0;height:0;position:absolute;top:0;left:0;border-color:transparent transparent hsla(0,0%,100%,.25);
    border-style:solid;border-width:0 0 1.75em 3em
}
.vjs-theme-city .vjs-volume-level{
    overflow:hidden;background-color:transparent
}
.vjs-theme-city .vjs-volume-level:before{
    content:"";z-index:1;width:0;height:0;position:absolute;
    top:0;left:0;border-left:3em solid transparent;
    border-bottom:1.75em solid var(--vjs-theme-city--secondary);
    border-right:0 solid transparent;border-top:0 solid transparent
}