.c-video-overlay {
  z-index: 999999!important
}

.c-video-overlay.modal.show {
  display: block
}

.c-video-overlay .close {
  background-color: transparent;
  border: none;
  cursor: pointer;
  display: block;
  position: absolute;
  top: -45px;
  right: -7px
}

@media (min-width: 1280px) {
  .c-video-overlay .close {
    top: -40px;
    right: -40px
  }
}

@media (max-width: 719.98px) {
  .c-video-overlay .close {
    right: 13px
  }
}

.c-video-overlay .modal-content {
  background-color: transparent;
  border: none;
  margin: 0 auto;
  width: 100%
}

@media (min-width: 720px) {
  .c-video-overlay .modal-content {
    width: 90%
  }
}

.c-video-overlay .modal-content .modal-body {
  padding: 1rem 0
}

.c-video-overlay .modal-content hp-video {
  width: 100%
}

.c-video-overlay .modal-dialog {
  width: 100%;
  max-width: 960px
}

.c-video-overlay .modal-backdrop {
  background-color: #000;
  opacity: .7;
  z-index: auto
}

video:focus {
  outline: none;
}