body.modal-open{overflow:hidden}.modal{background:rgba(0,0,0,.5);height:100%;justify-content:center;overflow-y:scroll;opacity:0;position:fixed;top:0;left:-9999px;z-index:500;width:100%;box-sizing:border-box;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-ms-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease}.modal.active{left:0;opacity:1}.modal .modal-content{align-items:center;height:100%;margin:0 auto;position:relative}.modal .modal-content .button-close-modal{align-items:center;background:#009eba;border-radius:50%;display:flex;justify-content:center;padding:0;width:3rem;min-width:3rem;height:3rem;position:absolute;top:1rem;right:1rem;cursor:pointer}.modal .modal-content .inner{display:flex;flex-direction:column}.modal .modal-content .inner h2{margin-top:0}@media screen and (max-width: 767px){.modal .modal-content .inner h2{margin:0}}.modal .modal-content .inner p{width:55%}@media screen and (min-width: 992px){.modal .modal-content .inner p{width:60%}}.modal .modal-content .inner .upper{padding:4rem 2.2rem;background:#00325a;color:#fff;text-align:center;position:relative}.modal .modal-content .inner .upper a svg{fill:#fff}.modal .modal-content .inner .upper a svg use{stroke:none}.modal .modal-content .inner .upper h2,.modal .modal-content .inner .upper p{color:#fff}.modal .modal-content .inner .upper p{display:none}@media screen and (min-width: 768px){.modal .modal-content .inner .upper{padding:3rem 3rem 3.5rem 3rem;text-align:left}.modal .modal-content .inner .upper p{display:block}}.modal .modal-content .inner .bottom{background:#e6f5f8;padding:3rem 2.2rem;position:relative;text-align:center}@media screen and (min-width: 768px){.modal .modal-content .inner .bottom{padding:3rem 25rem 3.5rem 3rem;text-align:left}}.modal .modal-content .inner .bottom h2{color:#00325a;width:100%}@media screen and (min-width: 768px){.modal .modal-content .inner .bottom h2{width:70%}}.modal .modal-content .inner .bottom img{position:absolute;right:5rem;bottom:5rem;display:none}@media screen and (min-width: 768px){.modal .modal-content .inner .bottom img{display:block;right:0}}@media screen and (min-width: 1200px){.modal .modal-content .inner .bottom img{right:5rem}}@media screen and (max-width: 767px){.modal .modal-content .inner .bottom button{margin:2.8rem auto auto auto}}/*# sourceMappingURL=modals.css.map */