.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  color: var(--main-color);
}

.video-js:hover .vjs-big-play-button .vjs-icon-placeholder:before {
  color: var(--third-color);
  transition: color 200ms linear;
}

.video-js .vjs-big-play-button {
  background-color: rgba(0,0,0,0) !important;
  font-size: 10em;
  /*border-radius: 50%;*/
  height: 3em !important;
  line-height: 3em !important;
  margin-top: -1.5em !important;
  border-color: rgba(0,0,0,0) !important;
  animation: pulse-green 2s infinite;
}

.vjs-control-bar {
  /*display: none !important;*/
}

@keyframes pulse-green {
  0% {
    transform: scale(0.95);
  }
  70% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.95);
  }
}

.vjs-poster {
  /*background-size: cover;*/
}

.vjs-control-bar {
  /*background: rgba(0,0,0,0) !important;*/
}

.video-js .vjs-volume-panel {
  /*margin-left: 20px;*/
}

.vjs-control-bar .vjs-icon-placeholder:before {
  /*color: var(--secondary-color);*/
  /*font-size: 3em !important;*/
}

.video-js .vjs-volume-level {
  /*background-color: var(--secondary-color);*/
}

.vjs-volume-level:before {
  /*color: #bf2a45;*/
  /*font-size: 1.5em !important;*/
  /*top: -.4em !important;*/
}

.video-js .vjs-control-bar {
  /*height: 4.7em;*/
  /*padding-left: 3em !important;*/
  /*padding-right: 3em !important;*/
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  /*height: .3em;*/
  width: 10em !important;
}

.video-js .vjs-volume-bar {
  /*margin: 2.35em 0.45em;*/
  /*width: 10em;*/
}