@-webkit-keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}to{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.35);box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.35)}}@keyframes shadow-drop-2-center{0%{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0);box-shadow:0 0 0 0 rgba(0, 0, 0, 0)}to{-webkit-transform:translateZ(50px);transform:translateZ(50px);-webkit-box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.35);box-shadow:0 0 20px 0px rgba(0, 0, 0, 0.35)}}.modal{position:fixed;z-index:1000;width:100%;height:100vh;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:Arial, sans-serif;top:0;left:0;right:0;bottom:0}.modal .header-container{background:#585f5c;color:white;text-align:center;padding:1em;text-transform:uppercase;font-size:20px}.modal .portals-container{display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.modal .portals-container .portal{width:50%;height:100%;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-decoration:none;color:white;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;cursor:pointer;background:white}.modal .portals-container .portal-header{background:#585f5c;color:white;width:100%;text-align:center;padding:.5em 0;text-transform:uppercase;font-size:16px}.modal .portals-container .portal-header .color{color:#b3d143}.modal .portals-container .portal-logo{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-webkit-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.modal .portals-container .portal-logo img{width:100%}.modal .portals-container .portal.light{background:#e3e3e3}.modal .portals-container .portal.light .portal-header{border-left:1px solid white}.modal .portals-container .portal:hover .portal-logo{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.modal .footer-container{background:#585f5c;color:white;text-align:center;font-size:12px}.modal .footer-container .color{color:#b3d143;text-decoration:none}