.needpopup-opened,.needpopup-opened body{overflow:hidden}
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}
.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}
.needpopup_wrapper{position:fixed;z-index:999999999999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;  -webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.8); }
.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}
.needpopup-overflow .needpopup_wrapper{padding:10px}
.needpopup{position:relative;z-index:9999;top:50%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:700px;max-width:100%; transform: translate(-50%, 0); opacity:0; background:#fff;}
.needpopup.opened{ opacity:1}


  
 
.needpopup_remover:before { content: "\f00d";  font-family:"Font Awesome 5 Free";   font-weight:600;   }
.needpopup .needpopup_remover { z-index:9999; line-height:.5; text-decoration:none; top:0; right:0; position:absolute; font-size:30px; line-height:0; font-weight:800; background-color:var(--main_c); width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:#fff;  }
.needpopup .needpopup_remover:hover{color:#fff}

.full_pop.needpopup {padding:0; width:800px; }

.needpopup h4 {font-size:1.1em;  margin-bottom:10px}
.in_scroll {width:100%; overflow-y:auto;  max-height:50vh;  padding:30px;  box-sizing:border-box;   color:#333; line-height:1.5  }


.needpopup.type2 {padding:0; background:none}
.needpopup.type2 iframe {width:100%; height:400px}