.login-modal{background-color:rgba(0,0,0,.7);display:none;height:100%;pointer-events:none;position:fixed;right:0;top:0;width:100%}.login-modal.active{align-items:center;display:flex;justify-content:center;pointer-events:auto;z-index:10}.login-modal .login-modal-container{background-color:#fff;border-radius:10px;padding:40px 60px}.login-modal .login-modal-container .login-modal-heading{font-size:2.6rem;font-weight:700;margin:0}.login-modal .login-modal-container .login-modal-flex{align-items:center;display:flex;justify-content:space-between;margin:45px 0}.login-modal .login-modal-container .login-modal-flex .login-modal-block.middle-block{margin:0 40px}.login-modal .login-modal-container .login-modal-flex .login-modal-block .icon{height:50px;width:50px}.login-modal .login-modal-container .login-modal-flex .login-modal-block p{margin:15px 0 0}.login-modal .login-modal-container .login-modal-cta{display:flex;justify-content:space-between}.login-modal .login-modal-container .login-modal-cta .button{border-radius:5px;text-transform:uppercase;width:49%}.login-modal .login-modal-container .login-modal-cta .button.login-modal-close{background-color:#f5f5fa;border-color:#ddd;color:#333}.login-modal .login-modal-container .login-modal-cta .button.login-modal-close:hover{background-color:#ddd}.login-modal .login-modal-container .login-modal-login{color:#727272}.login-modal .login-modal-container .login-modal-login a{text-decoration:underline}@media only screen and (max-width:1600px){.login-modal .login-modal-heading{font-size:2.4rem}.login-modal .login-modal-flex .login-modal-block .icon{font-size:4rem}}@media only screen and (max-width:767px){.login-modal .login-modal-container{max-width:96%;padding:20px}.login-modal .login-modal-container .login-modal-heading{font-size:2rem}.login-modal .login-modal-container .login-modal-flex{flex-wrap:wrap;margin:40px}.login-modal .login-modal-container .login-modal-flex .login-modal-block{align-items:center;display:flex;justify-content:flex-start;width:100%}.login-modal .login-modal-container .login-modal-flex .login-modal-block.middle-block{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin:15px 0;padding:15px 0}.login-modal .login-modal-container .login-modal-flex .login-modal-block .icon{font-size:4rem;margin-right:20px;width:40px}.login-modal .login-modal-container .login-modal-flex .login-modal-block p{margin-top:0}.login-modal .login-modal-container .login-modal-cta{flex-wrap:wrap}.login-modal .login-modal-container .login-modal-cta .button{width:100%}.login-modal .login-modal-container .login-modal-cta .button.login-modal-close{margin-top:15px;order:1}}