.spop-container{z-index:99999999;position:fixed;text-align:center}.spop-container,.spop-container *,.spop-container:after,.spop-container:before{box-sizing:border-box}.spop--top-center{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.spop--top-center.spop{-webkit-transform-origin:50%0;-ms-transform-origin:50%0;transform-origin:50%0}.spop--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.spop--center.spop{-webkit-transform-origin:50%0;-ms-transform-origin:50%0;transform-origin:50%0}.spop--scs{color:#fff;background-color:#454A56}@keyframes spopIn{0%{transform:scale(.2,.2)}95%{transform:scale(1.1,1.1)}100%{transform:scale(1,1)}}@keyframes spopOut{0%{opacity:1;transform:scale(1,1)}20%{transform:scale(1.1,1.1)}100%{opacity:0;transform:scale(0,0)}}.spop--out{animation:spopOut.4s ease-in-out}.spop--in{animation:spopIn.4s ease-in-out}.spop-body{padding:1.4em}.spop-body p{margin:0}.spop-body a{color:#fff;text-decoration:underline}.spop-body a:hover{color:rgba(255,255,255,.8);text-decoration:none}.spop-title{margin-top:0;margin-bottom:.25em;color:#fff}.spop-close{position:absolute;right:0;top:0;height:32px;width:32px;padding-top:7px;padding-right:7px;font-size:22px;font-weight:700;text-align:right;line-height:.6;color:#fff;opacity:.5}.spop-close:hover{opacity:.7;cursor:pointer}.spop-icon{background:transparent url("spop.png") no-repeat top left/100%;vertical-align:sub;margin-right:6px;box-shadow:none;animation:spopIn.4s.4s ease-in-out;display:inline-block;width:22px;height:22px}@media only screen and (min-device-width:320px) and (max-device-width:480px){.spop-container{width:100%}}