body,html{margin:0}.demon_popup{position:fixed;left:0;top:0;z-index:9999;display:none;overflow:auto;width:100%;height:100%;font-family:sans-serif}.demon_popup.active{display:block}.demon_overflow{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}.demon_popup_body{position:absolute;left:50%;top:10%;border:5px solid #ddd;padding:20px 20px 90px;width:100%;min-height:415px;max-width:850px;box-sizing:border-box;background:linear-gradient(135deg,#3c72b5 0,#7b9fcc 100%) 0 0;transform:translateX(-50%)}.demon_popup_title{margin:0;width:100%;font-size:28px;text-align:center;color:#fff}.demon_popup_body img{position:absolute;left:15px;top:100px;width:100%;height:220px;max-width:280px;object-fit:contain}.demon_popup_body p{margin:0;padding-top:30px;padding-left:266px;font-size:23px;line-height:1.3;color:#fff}.demon_popup_body p span{font-weight:700;font-size:34px;white-space:nowrap;color:#de455c}.demon_popup_body p:first-of-type{padding-top:58px}.demon_popup_body a:last-of-type{position:absolute;left:50%;bottom:20px;display:flex;align-items:center;justify-content:center;margin-left:-200px;border-radius:10px;width:400px;height:60px;box-shadow:0 0 25px rgba(0,0,0,0.8);font-weight:900;font-size:26px;text-decoration:none;text-transform:uppercase;color:#e0e2e6;background:transparent linear-gradient(to bottom,#de455c 0,#de455c 13%,#c01f37 76%,#c01f37 100%) repeat scroll 0 0}.demon_popup_body a:last-of-type:hover{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.demon_close{position:absolute;right:20px;top:20px;display:block;width:30px;height:30px;cursor:pointer}.demon_close::after{content:"";position:absolute;left:-5px;top:13px;width:40px;height:4px;background-color:#de455c;transform:rotate(45deg)}.demon_close::before{content:"";position:absolute;left:-5px;top:13px;width:40px;height:4px;background-color:#de455c;transform:rotate(-45deg)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.demon_popup.active .demon_popup_body{-webkit-animation-name:fadein;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}