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

div.registrationPage div.registrationContent{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.registrationPage div.registrationContent .title{color:inherit;font-size:20px;}
div.registrationPage div.registrationContent .title.big{font-size:32px;}
div.registrationPage div.registrationContent .title.big.very{font-size:42px;font-weight:400;}
div.registrationPage div.registrationContent .title.blue{color:#5c94d4;}
div.registrationPage div.registrationContent.light{color:#FFFFFF;}
div.registrationPage div.registrationContent.dark{color:#424242;}

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

div.registrationPage div.registrationContent div.registrationHolder{background:#F8F8F8;border:1px solid #DEDEDE;width:320px;padding:20px;box-shadow:0px 2px 2px rgba(0,0,0,.2);border-radius:2px;}
div.registrationPage div.registrationContent div.registrationHolder div.avatar{position:relative;width:100px;height:100px;background-size:100px 100px;border-radius:100px;overflow:hidden;}
div.registrationPage div.registrationContent div.registrationHolder 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.registrationPage div.registrationContent div.registrationHolder input[type=email],
div.registrationPage div.registrationContent div.registrationHolder input[type=text],
div.registrationPage div.registrationContent div.registrationHolder input[type=password]{width:298px;padding:6px 10px;border:1px solid #CACACA;background:#FFFFFF;color:#222222;font-size:16px;border-radius:2px;opacity:.72;transition:all .2s;}
div.registrationPage div.registrationContent div.registrationHolder input[type=email]:focus,
div.registrationPage div.registrationContent div.registrationHolder input[type=text]:focus,
div.registrationPage div.registrationContent div.registrationHolder input[type=password]:focus{opacity:1;box-shadow:inset 0px 1px 2px rgba(0,0,0,.3);}
div.registrationPage div.registrationContent div.registrationHolder input[type=email]:invalid,
div.registrationPage div.registrationContent div.registrationHolder input[type=text]:invalid,
div.registrationPage div.registrationContent div.registrationHolder input[type=password]:invalid{border-color:#DD4B38;}
div.registrationPage div.registrationContent div.registrationHolder input.err{border-color:#DD4B38;}
div.registrationPage div.registrationContent div.registrationHolder div.errorMessage{margin-top:14px;color:#DD4B38;font-size:13px;}
div.registrationPage div.registrationContent div.registrationHolder div.shakeFields{position:relative;}
div.registrationPage div.registrationContent div.registrationHolder div.label{margin-left:2px;font-size:14px;color:#424242;text-align:left;font-weight:bold;font-family:Arial;}

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