.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  background-image:url("/img/popup_sms.png"); background-size:cover; background-position:center center;
  overflow-y: hidden;
  transition: 0.5s;
  align-items: center;
  justify-content: center;
  
}

.overlay-content {
  position: relative;
  width: 100%;
  text-align: center;
  margin:0 auto; height:100%;display: flex;  align-items: center; justify-content: center
  
}


.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  z-index: 102;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  z-index: 102;
  }
}



.overlay_sub {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 103;
  top: 0;
  left: 0;
  background: #000;
  background: rgba(0,0,0,.8);
  overflow-y: hidden;
  transition: 0.5s;
  align-items: center;
  justify-content: center;
 
  
}

.overlay-content_sub {
  position: relative;
  width: 100%;
  text-align: center;
  margin:0 auto; height:100%;display: flex;  align-items: center; justify-content: center
  
}


.overlay_sub .closebtn_sub {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  color: #fff;
  z-index: 104;
}

@media screen and (max-height: 450px) {
  .overlay_sub {overflow-y: auto;}
  .overlay_sub .closebtn_sub {
  font-size: 40px;
  top: 15px;
  right: 35px;
  z-index: 104;
  }
}