/*
 * Copyright (C) Oleg Karakoz, Agile Apps. 2014-2022.
 * Project: mts
 * Last modified: 09/01/2019, 16:47
 */
.home-content-video {
  /*position: absolute;*/
  /*top: 140px;*/
  /*right: 0;*/
  /*left: 0;*/
  /*margin: 40px auto;*/
  /*text-align: center;*/
  /*display: none;*/
  /*width: 800px;*/
}

@media screen and (max-width: 991px) {
  .home-content-video {
    width: calc(100vw - 40px);
  }
}
.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  color: #e00030;
}

.vjs-close-button .vjs-icon-placeholder:before {
  font-size: 40px;
  line-height: 40px;
  right: 4px;
  display: none;
}

.video-js .vjs-big-play-button {
  /*top: 50%;*/
  /*left: 50%;*/
  /*transform: translate(-50%, -50%);*/
  /*margin: 0;*/
}

.video-js .vjs-current-time, .video-js .vjs-duration {
  flex: 0 50px;
}

.video-js .vjs-duration {
  flex: 0 500px;
}

.vjs-spacer {
  /*display: none;*/
}

.fa.video-close {
  font-size: 28px;
  color: #386994;
  position: fixed;
  top: 15px;
  left: 15px;
  z-index: 2147483647;
  display: none;
  padding: 20px;
  margin: -20px;
}
.fa.video-close.shown {
  display: inline-block;
}

.video-js.vjs-fullscreen {
  background-color: rgba(4, 4, 4, 0.8);
}

.vjs-fullscreen-close-button:before {
  content: "\f00d"; /* Example: FontAwesome 'times' icon if using Video.js font or custom font */
  font-family: "FontAwesome", serif; /* Or your custom icon font */
  font-weight: normal;
  font-style: normal;
}

.vjs-fullscreen-close-button {
  /* Add more styling as needed */
}

/*# sourceMappingURL=guest-video.css.map */
