h2,span{display:inline-block;text-transform:uppercase}.custom-checkbox:focus,.signin:focus{outline:0}.login-box h2,.signin,h2,span{text-transform:uppercase}.signin,body{color:#FFF}.login{position:absolute;height:450px;width:405px;margin:-280px auto auto -250px;padding:60px;background:url(images/bg.jpg) center center no-repeat #505050;background-size:cover;box-shadow:0 30px 60px -5px #000;top:50%;left:50%}form{padding-top:30px}.active{border-bottom:2px solid #1161ed}.nonactive{color:rgba(255,255,255,.2)}h2{padding-left:12px;font-size:22px;padding-bottom:5px;letter-spacing:2px;font-weight:100}h2:first-child{padding-left:0}span{font-size:12px;opacity:.4;position:relative;top:-65px;transition:all .5s ease-in-out}.text{border:none;width:89%;padding:10px 20px;display:block;height:15px;border-radius:20px;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,0);overflow:hidden;margin-top:15px;transition:all .5s ease-in-out}.custom-checkbox,input,label{display:inline-block}.text:focus{outline:0;border:2px solid rgba(255,255,255,.5);border-radius:20px;background:rgba(0,0,0,0)}.text:focus+span{opacity:.6}input[type=text],input[type=password]{font-family:Montserrat,sans-serif;color:#fff}input{padding-top:20px;font-size:14px}.custom-checkbox,h2,span{margin-left:20px}.custom-checkbox{-webkit-appearance:none;background-color:rgba(255,255,255,.1);padding:8px;border-radius:2px;position:relative;top:6px}.signin,a{display:block}.custom-checkbox:checked{background-color:rgba(17,97,237,1)}.custom-checkbox:checked:after{content:'\2714';font-size:10px;position:absolute;top:1px;left:4px;color:#fff}.branding,a,div.btnbg,hr{position:relative}label{padding-top:10px;padding-left:5px}.signin{background-color:#1161ed;color:#FFF;width:100%;padding:10px 20px;height:39px;border-radius:20px;margin-top:30px;transition:all .5s ease-in-out;border:none}.signin:hover{background:#4082f5;box-shadow:0 4px 35px -5px #4082f5}hr{border:1px solid rgba(255,255,255,.1);top:85px}a{text-align:center;top:120px;text-decoration:none;color:rgba(255,255,255,.2)}.branding{display:inline-block;font-family:Helvetica,Arial,sans-serif;margin-left:-30px;margin-top:50px;color:#fff;font-size:22px;transition:color 1s ease;text-shadow:0 2px 2px rgba(0,0,0,.4)}.branding:hover{color:#BDC3C7}.login-box h2{color:#888;padding:10px;margin:0}body,canvas{padding:0;margin:0}body{overflow:auto}div.btnbg{left:0;top:0}@media screen and (max-width:680px){.login{width:380px;height:420px;padding:40px;margin-left:-230px}}@media screen and (max-width:480px){.login{width:300px;height:320px;padding:40px;margin-left:-190px}.branding,.branding img{width:100%;margin:30px auto 0!important}}@media screen and (max-width:380px){.login{width:250px;height:340px;padding:40px;margin-left:-165px;margin-top:-250px}.branding,.branding img{width:100%;margin:30px auto 0!important}}

.ttkn{font-size: 16px;}