div.loginPage{font-family:"Open Sans",sans-serif;}
div.loginPage div.bigBlur{filter:blur(4px);-webkit-filter:blur(4px);-moz-filter:blur(4px);}

div.loginPage div.loginContent{position:relative;z-index:3;top:0;right:0;bottom:0;left:0;transition:transform .6s, opacity 1.2s,filter .6s;transform:scale(2.2);opacity:0;}
div.loginPage div.loginContent .title{color:inherit;font-size:20px;}
div.loginPage div.loginContent .title.big{font-size:32px;}
div.loginPage div.loginContent .title.big.very{font-size:42px;font-weight:400;}
div.loginPage div.loginContent .title.blue{color:#5c94d4;}
div.loginPage div.loginContent.light{color:#FFFFFF;}
div.loginPage div.loginContent.dark{color:#424242;}

div.loginPage a{color:inherit;text-decoration:none;opacity:.88;transition:opacity .2s;}
div.loginPage a:hover{opacity:1;}

div.loginPage div.loginContent div.loginHolder{background:#F8F8F8;border:1px solid #DEDEDE;width:320px;padding:20px;box-shadow:0px 2px 2px rgba(0,0,0,.2);border-radius:2px;}
div.loginPage div.loginContent div.loginHolder div.avatar{position:relative;width:100px;height:100px;background-size:100px 100px;border-radius:100px;overflow:hidden;}
div.loginPage div.loginContent div.loginHolder div.avatar img{position:relative;min-width:100px;min-height:100px;opacity:0;transform:scale(1.4);transition:transform .6s, opacity 1.2s,filter .6s;}
div.loginPage div.loginContent div.loginHolder input[type=email],
div.loginPage div.loginContent div.loginHolder input[type=text],
div.loginPage div.loginContent div.loginHolder input[type=password]{width:200px;padding:6px 10px;border:1px solid #CACACA;background:#FFFFFF;color:#222222;font-size:16px;border-radius:2px;opacity:.72;transition:all .2s;}
div.loginPage div.loginContent div.loginHolder input[type=email]:focus,
div.loginPage div.loginContent div.loginHolder input[type=text]:focus,
div.loginPage div.loginContent div.loginHolder input[type=password]:focus{opacity:1;box-shadow:inset 0px 1px 2px rgba(0,0,0,.3);}
div.loginPage div.loginContent div.loginHolder input[type=email]:invalid,
div.loginPage div.loginContent div.loginHolder input[type=text]:invalid,
div.loginPage div.loginContent div.loginHolder input[type=password]:invalid{border-color:#DD4B38;}
div.loginPage div.loginContent div.loginHolder input.err{border-color:#DD4B38;}
div.loginPage div.loginContent div.loginHolder div.errorMessage{margin-top:14px;color:#DD4B38;font-size:13px;}
div.loginPage div.loginContent div.loginHolder div.shakeFields{position:relative;}

div.loginPage div.loginContent button{border:none;background:#D03A43;padding:6px 12px;border-radius:16px;font-size:14px;color:#FFFFFF;cursor:pointer;transition:background .2s;}
div.loginPage div.loginContent button:hover{background:#AA252C;}
div.loginPage div.loginContent button.green{background:#6C9342}
div.loginPage div.loginContent button.green:hover{background:#55772F;}
div.loginPage div.loginContent button.blue{background:#8CA9CA;}
div.loginPage div.loginContent button.blue:hover{background:#5c94d4;}