body{font-family:Open Sans,Arial,serif;padding:0!important}body *{box-sizing:border-box}.vault-page{background-repeat:no-repeat;background:url(../img/vault/background.jpg);background-position:top;height:100%;min-height:100vh;width:100%}.vault-container{margin:auto;max-width:650px;padding:50px 0}.vault-html-above,.vault-html-below{padding:15px 10px}.vault-wrapper{display:block;width:100%}.vault-wrapper,.vault-wrapper-left,.vault-wrapper-right{display:flex;justify-content:center}.vault-wrapper-left,.vault-wrapper-right{background-image:url(../img/vault/metal.png);background-repeat:repeat;box-shadow:inset 1px 1px 3px #ccc,inset -1px -1px 3px #000}.vault-wrapper-left{border-radius:15px 0 0 15px;height:308px;padding:12px;position:relative;width:464px}.vault-wrapper-right{border-radius:0 15px 15px 0;padding:12px;width:225px}.numpad-wrapper{background:#222;border-radius:15px;box-shadow:inset 1px 1px 2px #ccc,inset -1px -1px 2px #000;padding:10px;width:100%}.unlock-button{background:#2c9a34;border-color:#48cb51 #1b5e20 #1b5e20 #48cb51;border-radius:5px;border-style:solid;border-width:1px;color:#fff;font-weight:300;letter-spacing:1px;margin-bottom:10px;padding:4px 20px;transition:background-color .1s ease-out;width:100%}.unlock-button:hover{background-color:#32ae3b!important;color:#fff;text-decoration:none}.unlock-button:disabled{opacity:.5}.door,.inside{bottom:0;left:0;padding:12px;pointer-events:none;position:absolute;right:0;top:0;user-select:none}.inside{z-index:1}.door{transform-origin:0 0;z-index:3}.door.open{animation:open 3s ease-in-out;animation-fill-mode:forwards;z-index:10}.door.open .door-wheel{animation:rotate 2s ease-in-out}.door-wheel{left:116px;position:absolute;top:38px}.display{background:#000;border-radius:6px;color:#fff;font-size:28px;font-weight:300;height:42px;letter-spacing:14px;margin-bottom:5px;padding:10px 0 12px 18px;text-align:center;text-shadow:0 0 3px #ccc}.display .code{margin:auto;text-align:left;width:150px}.numpad{grid-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr}.numpad button{background:#000;border:1px solid #999;border-radius:6px;color:#fff;font-size:18px;height:33px}.numpad button:hover{background:#222}.led-panel{display:flex;justify-content:space-around;margin:5px}.led-panel .led{border-radius:50%;height:10px;transition:color .1s,box-shadow .1s;width:10px}.led-panel .led-red{background:#240000}.led-panel .led-red.light{animation:flashRedLed .7s}.led-panel .led-green{background-color:#002400}.led-panel .led-green.light{background-color:#62c462;box-shadow:0 0 5px 1px #62c462}.display,button{user-select:none}.offer-modal-wrapper{align-items:center;background:rgba(0,0,0,.502);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.offer-modal{background:#fff;border-radius:5px;box-sizing:border-box;display:flex;flex-direction:column;min-height:300px;padding:15px;position:relative;width:700px}.offer-modal-body,.offer-modal-footer{width:100%}.offer-modal-body{margin-bottom:35px}.offer-modal-footer{bottom:0;left:0;padding:15px 0;position:absolute;right:0;text-align:center}#vault-cta-button{padding:8px 20px}.inside-offer{max-height:100%;max-width:100%;padding:20px 34px;z-index:2}@media screen and (max-width:767px){.vault-wrapper{align-items:center;flex-direction:column}.vault-wrapper-left{border-radius:10px;height:176px;margin-bottom:15px;padding:8px;width:250px}.vault-wrapper-right{border-radius:15px;padding:8px;width:250px}.numpad button{font-size:24px;height:40px}.door-wheel{left:70px;top:27px;width:110px}}@keyframes flashRedLed{0%{background:#240000;box-shadow:none}20%{background-color:#ee5f5b;box-shadow:0 0 5px 1px #ee5f5b}40%{background:#240000;box-shadow:none}60%{background-color:#ee5f5b;box-shadow:0 0 5px 1px #ee5f5b}80%{background:#240000;box-shadow:none}to{background-color:#ee5f5b;box-shadow:0 0 5px 1px #ee5f5b}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes open{0%{transform:perspective(900px) rotateY(0deg);-webkit-transform:perspective(900px) rotateY(0deg)}65%{transform:perspective(900px) rotateY(0deg);-webkit-transform:perspective(900px) rotateY(0deg)}to{transform:perspective(900px) rotateY(-90deg);-webkit-transform:perspective(900px) rotateY(-90deg)}}.modal-enter-active,.modal-leave-active{transition:opacity .5s}.modal-enter,.modal-leave-to{opacity:0}