@charset "utf-8";

.youtube-video { margin: 0px auto; }

.play-video { content: ""; border: 2px solid rgb(255, 255, 255); border-radius: 50%; height: 32px; width: 32px; cursor: pointer; z-index: 2; }

.play-video .triangle { width: 0px; height: 0px; border-width: 7px 7px 7px 11px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgb(255, 255, 255); border-image: initial; display: inline-block; position: relative; left: 5px; top: 1px; }

.popup-mask { position: fixed; background-color: rgba(0, 0, 0, 0.4); z-index: 9999; height: 100%; width: 100%; top: 0px; left: 0px; display: flex; justify-content: center; }

.popup-wrapper { margin: 0px auto; position: fixed; height: 30%; min-height: 500px; width: 90%; }

@media (min-width: 1280px) {
  .popup-wrapper { height: 70%; width: 50%; bottom: 10%; }
}

.popup-wrapper .close-win-button { cursor: pointer; position: relative; float: right; width: 32px; height: 32px; background-color: rgb(0, 0, 0); border-radius: 50%; }

@media (min-width: 1280px) {
  .popup-wrapper .close-win-button { margin-right: -64px; bottom: 32px; }
}

.popup-wrapper .close-win-button::before, .popup-wrapper .close-win-button::after { content: ""; position: absolute; left: 15px; height: 23px; width: 2px; top: 5px; background-color: rgb(255, 255, 255); }

.popup-wrapper .close-win-button::before { transform: rotate(45deg); }

.popup-wrapper .close-win-button::after { transform: rotate(-45deg); }

.popup-wrapper iframe { border: 15px solid rgb(255, 255, 255); border-radius: 10px; box-sizing: border-box; }