@import"https://fonts.googleapis.com/css?family=Ubuntu:400,700italic";@import"https://fonts.googleapis.com/css?family=Cabin:400";.fallback-spinner{position:relative;display:flex;height:100vh;width:100%}.loading{position:absolute;left:calc(50% - 35px);top:50%;width:55px;height:55px;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid transparent}.effect-1,.effect-2{position:absolute;width:100%;height:100%;border:3px solid transparent;border-left:3px solid #2962ff;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.effect-1{animation:rotate 1s ease infinite}.effect-2{animation:rotateOpacity 1s ease infinite .1s}.effect-3{width:100%;height:100%;border:3px solid transparent;border-left:3px solid #2962ff;-webkit-animation:rotateOpacity 1s ease infinite .2s;animation:rotateOpacity 1s ease infinite .2s;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.loading .effects{transition:all .3s ease}.fallback-logo{position:absolute;left:calc(50% - 45px);top:40%}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotateOpacity{0%{-webkit-transform:rotate(0deg);transform:rotate(0);opacity:.1}to{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:1}}.login-page-only *{box-sizing:border-box}.login-page-only .login-page-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;position:relative;padding-bottom:100px}.login-page-only #login-wrapper{position:relative;margin:0}@media screen and (max-width: 600px){.login-page-only #login-wrapper{transform:scale(.5)}}.login-page-only p.login_errors{margin:0;padding:0;color:#fff;font-size:13px}.login-page-only #logo{animation:logo-entry 4s ease-in;width:500px;margin:0 auto;position:relative;left:30px;z-index:40}.login-page-only h1{animation:text-glow 2s ease-out infinite alternate;font-family:Ubuntu,sans-serif;color:#12842c;font-size:4.8rem;font-weight:700;position:absolute;text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000,0 0 50px #000,0 0 60px #000,0 0 70px #000;top:0;left:10px;padding-right:60px;line-height:normal}.login-page-only h1:before{animation:before-glow 2s ease-out infinite alternate;border-left:635px solid transparent;border-bottom:10px solid #28a745;content:" ";height:0;position:absolute;right:-50px;top:-10px;width:0}.login-page-only h1:after{animation:after-glow 2s ease-out infinite alternate;border-left:180px solid transparent;border-top:16px solid #28a745;content:" ";height:0;position:absolute;right:-72px;top:53px;transform:rotate(-47deg);width:0}.login-page-only #fade-box{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;animation:input-entry 3s ease-in;height:-webkit-fill-available}.login-page-only .stfp-custom-login form{animation:form-entry 3s ease-in-out;background:linear-gradient(#004721,#111);border:6px solid #28a745;box-shadow:0 0 15px #fff;border-radius:5px;display:inline-block;height:220px;margin:180px auto 0;position:relative;z-index:4;width:500px;transition:1s all}.login-page-only .stfp-custom-login input{background:linear-gradient(#333,#222);border:1px solid #444;border-radius:5px;color:#888;display:block;font-family:Cabin,helvetica,arial,sans-serif;font-size:1.3rem;height:40px;text-shadow:0 -1px 0 #000;width:400px;text-align:center;margin-bottom:10px}.login-page-only .stfp-custom-login input:focus{animation:box-glow 1s ease-out infinite alternate;background:linear-gradient(#333933,#222922);border-color:#00fffc;box-shadow:0 0 5px #00fffd33,inset 0 0 5px #00fffd1a,0 2px #000;color:#efe;outline:none}.login-page-only .stfp-custom-login input:invalid{border:2px solid red;box-shadow:0 0 5px #f003,inset 0 0 5px #ff00001a,0 2px #000;margin:0}.login-page-only .stfp-custom-login button{animation:input-entry 3s ease-in;background:linear-gradient(#333,#222);border:1px solid #444;border-left-color:#000;border-radius:5px;box-shadow:0 2px #000;color:#fff;display:block;font-family:Cabin,helvetica,arial,sans-serif;font-size:13px;font-weight:400;height:40px;line-height:40px;margin:0;padding:0;position:relative;text-shadow:0 -1px 0 #000;width:400px;transition:1s all}.login-page-only .stfp-custom-login button:hover,.login-page-only .stfp-custom-login button:focus{background:linear-gradient(#393939,#292929);color:#15ec4d;outline:none;transition:1s all;cursor:pointer}.login-page-only .stfp-custom-login button:active{background:linear-gradient(#393939,#292929);box-shadow:0 1px #000,inset 1px 0 1px #222;top:1px}.login-page-only #remember{box-shadow:none!important;width:20px;margin-right:8px;cursor:pointer}.login-page-only .remember_me{display:flex;align-items:center;font-size:13px;color:#fff;max-height:20px}.login-page-only .remember_me input[type=checkbox]{width:16px!important;height:16px!important;margin:0 8px 0 0!important;background:transparent!important;border:1px solid #888!important;border-radius:3px!important;box-shadow:none!important;display:inline-block!important;position:relative;cursor:pointer}.login-page-only #circle1{animation:circle1 4s linear infinite,circle-entry 6s ease-in-out;background:#000;border-radius:50%;border:10px solid #12842c;box-shadow:0 0 0 2px #000,0 0 0 6px #15ec4d;height:500px;width:500px;position:absolute;top:20px;left:50%;margin-left:-250px;overflow:hidden;opacity:.4}.login-page-only #inner-cirlce1{background:#000;border-radius:50%;border:36px solid #15ec4d;height:460px;width:460px;margin:10px}.login-page-only #inner-cirlce1:before{content:" ";width:240px;height:480px;background:#000;position:absolute;top:0;left:0}.login-page-only #inner-cirlce1:after{content:" ";width:480px;height:240px;background:#000;position:absolute;top:0;left:0}.login-page-only .hexagons{animation:logo-entry 4s ease-in;color:#000;font-size:5.1rem;letter-spacing:-.2em;line-height:.7;position:absolute;text-shadow:0 0 6px #15ec4d;top:310px;width:100%;transform:perspective(600px) rotateX(60deg) scale(1.4)}@keyframes logo-entry{0%,50%{opacity:0}to{opacity:1}}@keyframes circle-entry{0%,20%{opacity:0}to{opacity:.4}}@keyframes input-entry{0%,90%{opacity:0}to{opacity:1}}@keyframes form-entry{0%{height:0;width:0;opacity:0;padding:0}20%{height:0;border:1px solid #15ec4d;width:0;opacity:0;padding:0}40%{width:0;height:220px;border:6px solid #15ec4d;opacity:1;padding:0}to{height:220px;width:500px}}@keyframes box-glow{0%{border-color:#28a745;box-shadow:0 0 5px #00fffd33,inset 0 0 5px #00fffd1a,0 2px #000}to{border-color:#15ec4d;box-shadow:0 0 20px #00fffd99,inset 0 0 10px #00fffd66,0 2px #000}}@keyframes text-glow{0%{color:#28a745;text-shadow:0 0 10px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000,0 0 50px #000,0 0 60px #000,0 0 70px #000}to{color:#15ec4d;text-shadow:0 0 1px #ffffff,0 0 10px #28a745,0 2px 0 #000}}@keyframes before-glow{0%{border-bottom:10px solid #28a745}to{border-bottom:10px solid #15ec4d}}@keyframes after-glow{0%{border-top:16px solid #28a745}to{border-top:16px solid #15ec4d}}@keyframes circle1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{padding-right:0!important}.devgate-title{font-size:2rem;font-weight:700;color:#333}