.popup-container { position: fixed; z-index: 5000; top: 0; bottom: 0; left: 0; right: 0; background: rgba(15,20,90,.85); display: none; font-family: Jost; }
body.popup-active { overflow: hidden; height: 100%; width: 100%;}
body.popup-active .popup-container { display: block; }
.popup-outer { display: table; width: 100%; height: 100% }
.popup-inner { display: table-cell; vertical-align: middle }
.popup-content { margin: 30px; text-align: center; }
.popup-content-inner { position: relative; margin: 0 auto; border: 15px solid rgba(15,20,90,1); max-width: 780px; width: 100%; padding: 30px; background: #FFF; color: #FFF; box-sizing: border-box; }
.popup-content-inner span.close { position: absolute; top: 0; right: 0; padding: 15px; width: 3.5rem; cursor: pointer; background: rgba(15,20,90,1); color:#FFF; text-align: center }
.popup-content-inner .popup-header { padding: 0 30px }
.popup-content-inner h1 { color: rgba(15,20,90,1); font-weight: 600; }
.popup-content-inner h1 span {font-size: 1.8rem}
.popup-content-inner p { line-height: 1.8rem; color: #686868;}
.popup-content-inner div.hr { height: 2px; width: 100%; background:#ccc; margin: 2rem 0}