.popout::before {content:'';width:100%;height:100%;background-color:#0000001a;position:fixed;z-index:9;top:0;left:0;animation:fadeIn 1s ease-in 1s both;pointer-events:none;}
.popout {width:100%;height:100%;}
.popup {position:fixed;right:0;left:0;top:20%;bottom:auto;z-index:9;margin:auto;width:800px;animation:fadeInUp 1s ease 1s both;}
.popup img {width:100%;box-shadow:0px 0px 8px rgb(0 0 0 / 30%);}
.popup i {top:6px;right:6px;left:auto;/*color:white;background-color:#484848;*/font-size:1.125rem;position:absolute;z-index:2;border-radius:50%;display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;}
@media screen and (min-width:768px) and (max-width:1200px) {    
	.popup {width:600px;}
}
@media screen and (max-width:767px) and (orientation :portrait) { 
	.popup {width:300px;}
}