body.login {background: url(/Content/images/bg1.jpg) no-repeat 0px 0px;font-family: 'Open Sans', sans-serif;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;min-height: 1050px;overflow: hidden;}
.login h1{font-family:'Exo 2',sans-serif;text-align:center;padding-top:4em;font-weight:400;color:#2B2B36;font-size: 2.5em;text-shadow: #bbb 0 0 1px, #fff 0 -1px 2px, #fff 0 -3px 2px, rgba(0,0,0,0.8) 0 10px 15px;transition: margin-left 0.3s cubic-bezier(0, 1, 0, 1);}
.login-form{background-color:rgba(43,43,54,0.7);position:relative;width:40%;max-width: 450px; margin:3% auto 0 auto;text-align:center;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-o-border-radius:15px}
.head img{width:100%}
.login-logo img{ margin: 2em 0 0;height: 60px;}
.head-info{padding:5px 0;text-align:center;font-weight:600;font-size:2em;color:#fff;background:#23232e;height:50px;border-top-left-radius:10px;-webkit-border-top-left-radius:10px;-moz-border-top-left-radius:10px;-o-border-top-left-radius:10px;border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;-o-border-top-right-radius:10p}
.login input[type=text]{width:70%;padding:1em 2em 1em 3em;color:#9199aa;font-size:18px;outline:0;background:url(/Content/images/adm.png) no-repeat 10px 15px;border:none;font-weight:500;border-bottom:1px solid#484856;margin-top:2em}
.login input[type=password]{width:70%;padding:1em 2em 1em 3em;color:#dd3e3e;font-size:18px;outline:0;background:url(/Content/images/key.png) no-repeat 10px 23px;border:none;font-weight:500;border-bottom:1px solid#484856;}
.login .key{background:url(/Content/images/pass.png) no-repeat 447px 17px}
.login button[type=submit]{font-size:30px;color:#fff;outline:0;border:none;background:#3ea751;width:100%;padding:18px 0;border-bottom-left-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-bottom-left-radius:15px;-o-border-bottom-left-radius:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-bottom-right-radius:15px;-o-border-bottom-right-radius:15px;cursor:pointer}
.login button[type=submit]:hover{background:#6F95FF;border-bottom-left-radius:15px;-webkit-border-bottom-left-radius:15px;-moz-border-bottom-left-radius:15px;-o-border-bottom-left-radius:15px;border-bottom-right-radius:15px;-webkit-border-bottom-right-radius:15px;-moz-border-bottom-right-radius:15px;-o-border-bottom-right-radius:15px;transition:1s all;-webkit-transition:1s all;-moz-transition:1s all;-o-transition:1s all}
.login label.lbl-1{background:#6756ea;width:20px;height:20px;display:block;float:right;border-radius:50%;margin:16px 10px 0 0}
.login label.lbl-2{background:#ea569a;width:20px;height:20px;display:block;float:right;border-radius:50%;margin:16px 10px 0 0}
.login label.lbl-3{background:#f1c85f;width:20px;height:20px;display:block;float:right;border-radius:50%;margin:16px 10px 0 0}
.copy-rights{text-align:center;margin-top:5em}
.copy-rights p{color:#FFF;font-size:1em;line-height:1.8em}
.copy-rights p a{color: #FFF; -webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;text-decoration:none}
.copy-rights p a:hover{color:#CCC;text-decoration:underline;transition:.1s all;-webkit-transition:.1s all;-moz-transition:.1s all;-o-transition:.1s all}
@media (max-width:1440px){.key{background:url(/Content/images/pass.png) no-repeat 376px 17px}
body{min-height:811px}
}
@media (max-width:1366px){.key{background:url(/Content/images/pass.png) no-repeat 358px 19px}
body{min-height:768px}
}
@media (max-width:1280px){.key{background:url(/Content/images/pass.png) no-repeat 336px 18px}
body{min-height:711px}
}
@media (max-width:1024px){
.key{background:url(/Content/images/pass.png) no-repeat 339px 18px}
body{min-height:675px}
}
@media (max-width:768px){.login-form{width:50%;margin:10% auto 0 auto}
.key{background:url(/Content/images/pass.png) no-repeat 342px 18px}
body{min-height:929px}
}
@media (max-width:640px){.login-form{width:60%;margin:10% auto 0 auto}
.key{background:url(/Content/images/pass.png) no-repeat 342px 19px}
}
@media (max-width:480px){.login-form{width:80%}
}
@media (max-width:320px){h1{font-size:1.5em}
.login-form{width:90%;margin:10% auto 0 auto}
input[type=text]{width:62%;padding:1.2em 2em .5em 2.5em;font-size:17px;margin-top:.5em}
input[type=password]{width:62%;padding:1.2em 2em .5em 2.5em;font-size:17px;margin-top:.5em;margin-bottom:2em;background:url(/Content/images/key.png) no-repeat 8px 23px}
.key{background:url(/Content/images/pass.png) no-repeat 235px 27px}
.avtar img{margin:1.1em 0 0}
.head-info{height:35px}
label.lbl-1{margin:8px 10px 0 0}
label.lbl-2{margin:8px 10px 0 0}
label.lbl-3{margin:8px 10px 0 0}
.close{left:16px;top:13px}
.copy-rights{margin-top:3em}
body{min-height:504px}
input[type=submit]{font-size:28px;padding:10px 0}
}
.login .signin{ margin-top: 3em; }
.login-tips{ width: 70%;margin: 0 auto;}
.login-tips .help-block{ text-align: left;}
.login .form-control-feedback{ display: none !important;}
.login-logo{ padding-top: 30px;}