@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500&subset=latin,cyrillic);
*{margin:0;padding:0;}
body{background-color:#bcbcbc;background-image:url(../images/bg.jpg);background-size:cover;height:100%;font-family:'Roboto',sans-serif;}
.login_form{display:block;width:320px;height:360px;background-image:url(../images/background.png);background-size:100% 100%;position:absolute;top:50%;left:50%;margin-left:-160px;margin-top:-180px;}
.login_form img{margin:45px auto 5px;display:block;width:64px;}
.login_form>span{color:#a9d7f4;font-weght:500;font-size:24px;display:block;text-align:center;}
.login_form>span span{color:#fff;}
.login_form form{display:block;margin-top:15px;}
.login_form input[type=text],
.login_form input[type=password]{border:none;background:transparent;border-bottom:solid 1px #3b4c5d;display:block;height:40px;width:80%;margin:0px auto;color:#3b4c5d;outline:none!important;padding-left:3px;transition:.3s;-webkit-transition:.3s;}
.login_form input[type=text]:focus,
.login_form input[type=password]:focus{border-bottom-color:#627a92;color:#627a92;}
.login_form input[type=submit]{display:block;width:60%;background:#359de2;color:#fff;border:solid 1px #359de2;border-radius:5px;height:48px;margin:25px auto 15px;outline:none!important;cursor:pointer;transition:.2s;}
.login_form input[type=submit]:hover{background-color:#1e97e8;}

.copy{display:block;width:100%;position:absolute;bottom:0;text-align: center;color:#333;font-size:12px;padding-bottom:8px;}
.copy a{color:#232323;}