/* Cubic Bezier Transition *//***Login page***//* bg color */.login{background-color:#f1f4fd !important;}
.login .logo{background:url(../img/login-head.png) no-repeat center bottom #899fe1; background-size:100%; height:156px; text-align:center;}
.login .logo img{border-radius:50%; border:#FFFFFF solid 5px; width:100px; height:100px; position:relative; margin-top:110px;}
.user{ padding:80px 20px 0 20px;}
.login .content{background-color:white;border-radius:5px;width:400px;margin:150px auto 10px auto;overflow:hidden;position:relative;box-shadow: 0 0 15px 0 #999;}
.login .content h3{color:#4db3a5;text-align:center;font-size:28px;font-weight:400 !important;}
.login .content h4{color:#555;}
.login .content .hint{color:#999;padding:0;margin:15px 0 7px 0;}
.login-options{margin-top:30px;margin-bottom:30px;overflow:hidden;}
@media (max-width:440px){
.login .content{width:90%;margin-top:80px;}
.login .content h3{font-size:22px;}
.forget-password{display:inline-block;margin-top:20px;}
.login-options .social-icons{float:left;padding-top:3px;}
.login .checkbox{font-size:13px;}
}
.form-group{ position:relative; margin-bottom:30px;}
.form-control{border-radius:0;}
.form-group img{ position:absolute; height:33px; right:3px; top:3px;}
.pull-ent{ width:100%; border:none; color:#FFFFFF; height:44px; line-height:44px; background:#708eea;border-radius:5px; margin-bottom:30px;}