.lean_overlay_wrapper { position: absolute; z-index: 100; top: 0px; left: 0px; width: 100%; height: 100%; display: none; overflow-y: visible; }
#lean_overlay { position: absolute; z-index: 100; top: 0px; left: 0px; height: 100%; width: 100%; background: #062649; display: none; }
#alertModal { display: none; min-width: 529px; width: 529px; padding: 59px 67px 43px; background-color: #E0E7ED; text-align: center; }
#alertModalTitle { font-size: 18px; color: #133e6d; }
#alertModalText { font-size: 15px; color: #3a4756; margin: 14px 30px 36px; }
p.hidemodal, p.button { padding: 0 26px; height: 41px; font: 1.54em/2em vida_31_proregular, Tahoma; background-color: #1987c5; cursor: pointer; color: #fff; text-shadow: -1px -1px 0px rgba(11, 104, 156, 1); width: 78px; display: inline-block; }
.alert_modal_close { position: absolute; top: 0; right: -35px; cursor: pointer; }
#alertModal h1 { margin: 34px 0 24px -3px; font: 32px vida_31_proregular, Tahoma; color: #1987c5; line-height: 35px; }

@keyframes rotateX_popup {
  0% { -webkit-transform: rotateX(90deg) rotateZ(90deg); -moz-transform: rotateX(90deg) rotateZ(90deg); transform: rotateX(90deg) rotateZ(90deg); opacity: 0; }
  70% { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: .5; }
  100% { -webkit-transform: rotateX(0) translateY(0) rotateZ(0); -moz-transform: rotateX(0) translateY(0) rotateZ(0); transform: rotateX(0) translateY(0) rotateZ(0); opacity: 1; }
}
@keyframes rotateX_reverse_popup {
  0% { -webkit-transform: rotateX(0) scale(1); -moz-transform: rotateX(0) scale(1); transform: rotateX(0) scale(1); opacity: 1; }
  30% { -webkit-transform: scale(1.1) translateY(-20%); -moz-transform: scale(1.1) translateY(-20%); -o-transform: scale(1.1) translateY(-20%); transform: scale(1.1) translateY(-20%); opacity: .5; }
  100% { -webkit-transform: translateY(0) rotateX(90deg); -moz-transform: translateY(0) rotateX(90deg); transform: translateY(0) rotateX(90deg); opacity: 0; }
}

#alertModal.active { -webkit-animation: rotateX_popup .5s ease-in-out; -moz-animation: rotateX_popup .5s ease-in-out; -o-animation: rotateX_popup .5s ease-in-out; animation: rotateX_popup .5s ease-in-out; }
#alertModal.closed { -webkit-animation: rotateX_reverse_popup .5s ease-in-out forwards; -moz-animation: rotateX_reverse_popup .5s ease-in-out forwards; -o-animation: rotateX_reverse_popup .5s ease-in-out forwards; animation: rotateX_reverse_popup .5s ease-in-out forwards; }