/* CSS Document */

.modal-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0,0,0,0.7);
  z-index: 999999;
}
.modal-wrap.shown {
  display: flex;
}
.modal-panel {
  width: calc(100% - 40px);
  max-width: 1200px;
  position: relative;
}
.modal-frame {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.modal-frame iframe {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.modal-close {
  font-size: 0;
  width: 30px;
  height: 30px;
  background: url(../img/icon-close.png) no-repeat center center;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(15px, -15px);
  border: none;
}