/* BASIC css start */
/* youtube */
.video-popup {display:none;}
.video-popup.reveal {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  z-index: 500;
}

.video-popup .video-wrapper {
  position: relative;
  /* width: 80%; */
  /* padding-bottom: 45%; */
  z-index: 10
}

.video-popup .video-wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}

.video-popup.reveal .video-popup-closer {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9;
} 

 
.video-popup.reveal .video-popup-closer img {
    position: absolute;
    right: 70px;
    top: 10%;
}
.video-wrapper .closeImg{
    position: absolute;
    cursor: pointer;
    top: -35px;
    right: -35px;
}

 
.page4 .promotion ul li img {
    width: 100%;
}
/* BASIC css end */