/*Chinese New year Greeting card PopUp*/

.popup .overlay {
  position:fixed;
  top:0px;
  left:0px;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.7);
  z-index:1;
  display:none;
}
 
img{
    max-width: 100%;
    height: auto;
}
.popup .content {
  display: block;
  position: absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) scale(0);
  height:auto;
  z-index:2;
  text-align:center;
  /*background-image: url('MDchineseNewyear.jpeg');
  background-size: cover;*/
  /*padding:20px;*/
  box-sizing:border-box;
  font-family:"Open Sans",sans-serif;
}
@media only screen and (max-width: 900px){
  .content{
    width: 90%;
  }
}
 
.popup .close-btn {
  cursor:pointer;
  position:absolute;
  right:0px;
  top:0px;
  width:20px;
  height:20px;
  background: rgb(207, 177, 8);
  color:#fff;
  font-size:20px;
  font-weight:600;
  line-height:20px;
  text-align:center;
  border-radius:50%;
}
 
.popup.active .overlay {
  display:block;
}
 
.popup.active .content {
  transition:all 300ms ease-in-out;
  transform:translate(-50%,-50%) scale(1);
}

.popup.disable{
  display: none;
}
 
.popup.disable .content {
  transition:all 300ms ease-out;
  transform:translate(-50%,-50%) scale(1);
}

.context{
  position: absolute;
  color:white;
  font-size: 12px;
  right: 5px;
  bottom: 6px;
  font-family: sans-serif;
}

/*Chinese New year greeting card end*/
/*# sourceMappingURL=style.css.map */