::-webkit-input-placeholder{color:#484848}:-moz-placeholder{color:#484848;opacity:1}::-moz-placeholder{color:#484848;opacity:1}:-ms-input-placeholder{color:#484848}body{font-family:Verdana,"Segoe UI Light","sans-serif"}#background{opacity:0;position:fixed;left:0;top:0;min-height:100%;height:auto;width:100%;overflow:hidden;z-index:-1;margin:0;padding:0;-webkit-transition:opacity 2s ease-in-out;-webkit-transition-delay:0s;-moz-transition:opacity 2s ease-in-out;-o-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out false}.loaded #background{opacity:.9}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.top{margin:0;padding:0;width:100%;background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=#99000000, endColorstr="#00000000",GradientType=0 );zoom:1}.top .title{font-size:4em;letter-spacing:5px;color:#fff;text-shadow:3px 3px 10px rgba(0,0,0,.8);margin:0 auto;padding-top:100px;text-align:center}.top .title span span{font-weight:bold}.top .title .logo{-webkit-animation-duration:1s;-webkit-animation-delay:1s;animation-duration:1s;animation-delay:1s}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.top .title .logo.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}to{opacity:1;-webkit-transform:none;transform:none}}.container.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}.login-container{position:relative;width:300px;margin:8% auto;text-align:center;border-radius:3px;background-color:#fff;box-sizing:border-box;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-webkit-box-shadow:0 14px 45px rgba(0,0,0,.15),0 10px 18px rgba(0,0,0,.15);-moz-box-shadow:0 14px 45px rgba(0,0,0,.15),0 10px 18px rgba(0,0,0,.15);box-shadow:0 14px 45px rgba(0,0,0,.15),0 10px 18px rgba(0,0,0,.15)}.login-container .login-header{border-radius:3px 3px 0 0;background-color:#515f0c;text-transform:uppercase;color:#fff;font-weight:400;letter-spacing:1px;font-size:1.4em;line-height:40px}.login-container .form-container{padding:20px 40px 20px}.login-container .form-container .avatar{width:100px;height:100px;margin:10px auto 30px;border-radius:100%;background-size:contain;background-repeat:no-repeat;background-image:url("../img/home-big-2.png");background-image:linear-gradient(transparent, transparent),url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTgwcHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxODAgMTgwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxODAgMTgwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGNDlCMjUiIGQ9Ik0wLDMzLjc1djExMi41YzAsMC4wNDQsMC4wMjIsMC4wNjUsMC4wMjIsMC4xMVYzMy42NEMwLjAyMiwzMy42ODQsMCwzMy43MTEsMCwzMy43NXoiLz4NCgk8cGF0aCBmaWxsPSIjQkVEQjM5IiBkPSJNNDYuNjI2LDYzLjI4MWw5LjY0Ni0yOS41MzFsNzIuMTU5LDIwLjE2bDE3Ljg0MS0xOS40NTdMMTgwLDQwLjY4M1YzMy43NUMxODAsMTUuMTE3LDE2NC44ODMsMCwxNDYuMjUsMA0KCQlIMzMuNzVDMTUuMTYyLDAsMC4wNjYsMTUuMDUxLDAuMDIyLDMzLjY0djExMi43MkMwLjA2NiwxNjQuOTQ4LDE1LjE2MiwxODAsMzMuNzUsMTgwaDQzLjY2bC00My42MzgtMzMuNzVMNDYuNjI2LDYzLjI4MXoiLz4NCgk8cGF0aCBmaWxsPSIjNkI3OTI2IiBmaWxsLW9wYWNpdHk9IjAuOSIgZD0iTTE4MCwxNDYuMjVWNDAuNjgzbC0zMy43MjktNi4yMjlMMTI4LjQzMSw1My45MUw1Ni4yNzIsMzMuNzVsLTkuNjQ2LDI5LjUzMUwzMy43NzIsMTQ2LjI1TDc3LjQxLDE4MGg2OC44NA0KCQlDMTY0Ljg4MywxODAsMTgwLDE2NC44ODMsMTgwLDE0Ni4yNXoiLz4NCjwvZz4NCjxyZWN0IHg9Ijc4Ljc3MiIgeT0iNTYuMjUiIHdpZHRoPSIyMi41IiBoZWlnaHQ9IjIyLjUiLz4NCjxnPg0KCTxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iODkuOTg5LDExMi41IDE0Ni4yNzEsMTQ2LjI1IDE0Ni4yNzEsMzMuNzUgMTIzLjc3MSwzMy43NSAxMjMuNzcxLDEwMS4yNSAxMDEuMjcxLDkwIDc4Ljc3Miw5MCANCgkJNTYuMjcyLDEwMS4yNSA1Ni4yNzIsMzMuNzUgMzMuNzcyLDMzLjc1IDMzLjc3MiwxNDYuMjUgCSIvPg0KPC9nPg0KPC9zdmc+DQo=");-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.login-container .form-container .form-box input{width:100%;padding:10px;text-align:center;height:40px;border:1px solid #ccc;background:#fafafa;-webkit-transition:all 200ms ease-in-out;-webkit-transition-delay:0s;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out false}.login-container .form-container .form-box input:focus{outline:0;background:#eee}.login-container .form-container .form-box input[id=name]{border-radius:3px 3px 0 0}.login-container .form-container .form-box input[id=password]{border-radius:0 0 3px 3px;border-top:0}.login-container .form-container .form-box input.placeholder{color:#484848}.login-container .form-container .form-box .sign-in{color:#fff;border-radius:3px;margin-top:15px;padding:10px 20px;font-weight:500;outline:none;background-color:#515f0c;border-color:#6b7926;text-transform:uppercase;letter-spacing:2px;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90);-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.login-container .form-container .form-box .sign-in:focus{outline:2px solid #000 !important;outline-offset:-2px}.login-container .login-error{width:300px;color:#fff;border-bottom-left-radius:3px;border-bottom-right-radius:3px;background-color:#ab0000;line-height:40px;font-size:smaller}