.section-popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
}
.section-popup .overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  position: absolute;
  z-index: -1;
  transition: 700ms ease background;
}
.section-popup .contain {
  width: 62%;
  height: auto;
}

.section-popup .contain .content-image {
  width: 100%;
  padding-top: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 3;
  position: relative;
}
.section-popup .contain .content-image .content-link {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer;
}
.section-popup .contain .content-image .btn-close {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 100px;
  right: 15px;
  border-radius: 50%;
  color: #006633;
  background: #fff;
  font-family: Arial;
  border: 0;
  padding-top: 2px;
  outline: none;
}

@media (max-width: 501px) {
    .section-popup .contain {
        width: 90%;
    }
}

@media(min-width:400px) and (max-width:500px){
    .extra {
        top: 60px !important;
    }
}

@media(min-width:501px) and (max-width:600px){
    .extra {
        top: 50px !important;
    }
}

@media(min-width:601px) and (max-width:800px){
    .extra {
        top: 60px !important;
    }
}

@media(min-width:801px) and (max-width:1000px){
    .extra {
        top: 70px !important;
    }
}

.section-popup .contain .content-image .btn-close img {
  width: 15px;
  height: 15px;
}
.section-popup.open {
  pointer-events: all;
  opacity: 1;
}
.section-popup.open .overlay {
  background: rgba(0, 0, 0, 0.8);
}
.section-popup.open .contain {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 750ms;
}

/*# sourceMappingURL=popup.css.map */