/* --- */

.player {

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background:rgba(53, 24, 77, 0.7);

  transition: opacity 0.3s ease-in-out;

  position: fixed;

  z-index: 999999;

}

.player__video {

  position: relative;

  top: 50%;

  left: 50%;

  width: auto;

  max-width: 60%;

  background: #000000;

  transform: translate(-50%, -50%);

}

.js--show-video {

  opacity: 1;

}

.video-filler {

  display: block;

  width: 100%;

}

.video-close {

  position: absolute;

  z-index: 0;

  top: 0;

  right: -48px;

  border: none;

  outline: none;

  border-radius: 0 50% 50% 0;

  cursor: pointer;

  font-size: 34px;

  color: #55b7b4;

  line-height: 37px;

  background-color: transparent;

  /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.75); */

}

.video-iframe {

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}