*{word-wrap:break-word;}
html,body,div,span,
h1,h2,h3,h4,p,a,
dl,dt,dd,ol,ul,li,fieldset,legend,label,form,input,select,option,textarea,
table,tr,th,td{font-family:'Segoe UI',Arial,sans-serif;font-weight:400;font-size:13px;line-height:165%;}
body{margin:0 auto;background:url(../images/login-bg.jpg) top center no-repeat;background-size:cover;}
form,input,select,ul{margin:0;padding:0;border:none;vertical-align:middle;}
ul, li{list-style:none;}
h1,h2{margin:0 auto;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px white inset;}

.main-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}
.main{margin:100px auto;width:600px;background-color:#FFF;
-moz-box-shadow:0 1px 10px rgba(0,0,0,0.8);-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.8);box-shadow:0 1px 10px rgba(0,0,0,0.8);}

.login{padding:40px 80px;}
.logo{text-align:center;margin-bottom:20px;}
.logo img{height:50px;}
h1{font-size:18px;margin-bottom:30px;text-align:center;color:#13C4A5;}

.inp-txt, .inp-submit button{border:1px solid #DDD;margin-bottom:20px;height:42px;line-height:42px;overflow:hidden;}
.inp-txt:hover{transition:border linear .2s,box-shadow linear .5s;-moz-transition:border linear .2s,-moz-box-shadow linear .5s;-webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;outline:0;
border-color:rgba(19, 196, 165, .75);box-shadow:0 0 8px rgba(19, 196, 165, .5);-moz-box-shadow:0 0 8px rgba(19, 196, 165, .5);-webkit-box-shadow:0 0 8px rgba(19, 196, 165, 3)}
.inp-txt .icon{display:block;float:left;width:12%;text-align:center;}
.inp-txt .icon .fa{line-height:42px;font-size:18px;color:#999;}
.inp-txt input{float:left;width:88%;height:42px;}
.inp-field{margin-bottom:20px;}
.inp-txt input, .inp-submit button{font-size:14px;}
.inp-submit button{width:100%;border-color:#13C4A5;background-color:#13C4A5;color:#FFF;cursor:pointer;
transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;}
.inp-submit button:hover{background-color:#0FAD93;border-color:#0FAD93;}

.main, .inp-txt, .inp-submit button{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}

.login-block{text-align:center;}
.login-block .fa{font-size:68px;}

@media screen and (max-width:720px) {
body{background-size:auto;}
}
@media screen and (max-width:600px) and (min-width:550px) {
.main{width:90%;margin:40px auto;}
}
@media screen and (max-width:550px) {
.main{width:90%;margin:40px auto;}
.login{padding:30px;}
.inp-txt .icon{width:16%;}
.inp-txt input{width:84%;}
}