@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

* {
    box-sizing: border-box;
}

*::-webkit-input-placeholder {
    color: #677f8b;
}

*:-moz-placeholder {
    color: #677f8b;
}

*::-moz-placeholder {
    color: #677f8b;
}

*:-ms-input-placeholder {
    color: #677f8b;
}

input::-webkit-input-placeholder {
  color: #888;
}

input::-moz-placeholder {
  color: #888;
}

input:-ms-input-placeholder {
  color: #888;
}

input::placeholder {
  color: #888;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration:none;
}

input,
button,
select,
textarea {
    font-family: 'PT Sans', 'Open Sans', arial, tahoma, sans-serif;
    font-size:12px;
}

input,
input:hover,
input:focus,
button,
button:hover,
button:focus,
select,
select:hover,
select:focus,
textarea,
textarea:hover,
textarea:focus {
    outline:none;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

body {
    margin:0 auto;
    padding:0;
    background-image:url('../images/pixel.png'), url('../images/background.jpg');
    background-repeat:repeat, no-repeat;
    background-position:center center, top center;
    background-size:1920px auto;
    background-color:#01040b;
    font-family:'PT Sans', 'Open Sans', arial, tahoma, sans-serif;
    font-size:12px;
}

.wrapper {
    margin:0 auto;
    padding:0;
    width:960px;
    height:auto;
    /*overflow:hidden;*/
    background:url('../images/pixel.png') center center no-repeat transparent;
}

.navbar,
.navbar-placeholder {
    position:relative;
    margin:0 auto;
    padding:0;
    width:100%;
    height:140px;
    /*overflow:hidden;*/
    text-align:center;
    background:url('../images/navbar-background.png') top center no-repeat transparent;
    background-size:100%;
}

.navbar-placeholder {
    display:none;
    background:none;
}

.navbar-links,
.navbar-links li,
.navbar-links li a {
    display:inline-block;
}

.navbar-links {
    padding: 0;
    margin: 0;
    line-height:85px;
}

.navbar-links li a {
    padding:0 15px;
}

.navbar-links li {
    margin-right:15px;
}

.navbar ul li a {
    font-size:12px;
    font-weight:600;
    color:#dfdbda;
    text-transform:uppercase;
    transition:.2s ease all;
}

.navbar ul li a {
    position:relative;
}

.navbar ul li a:before {
    content: "";
    position:absolute;
    bottom:25px;
    left:50%;
    transform:translateX(-50%);
    margin:0 auto;
    width:0%;
    height:4px;
    background-color:#70a0f7;
    transition:.2s ease width;
}

.navbar ul li a:hover {
    text-shadow:0 0 30px #5186e6;
}

.navbar ul li a:hover:before {
    width:60%;
}

.navbar ul li.active > a:before {
    width: 80%;
}

.navbar ul li {
    position:relative;
}

.navbar ul li ul {
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    line-height:1.3em;
    background-color:#020b15;
}

.navbar ul li ul li,
.navbar ul li ul li a {
    width:100%;
    display:block;
    float:left;
    clear:both;
}

.navbar ul li ul li {
    border-bottom:1px solid #091b31;
}

.navbar ul li ul li a {
    padding:8px 0;
}

.navbar ul li ul li a:hover:before {
    content:none;
}

.navbar ul li ul li a:hover {
    text-shadow:none;
    background-color:#041527;
    border:none;
}

.navbar ul li:hover > ul {
    display:block;
}

.container {
    margin:355px auto 0 auto;
    padding:0;
    width:960px;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
    background-color:#020910;
}

.sidebar {
    margin:0 auto;
    padding:0;
    width:250px;
    /*min-height:1107px;*/
    height:auto;
    overflow:hidden;
    float:right;
    display:inline-block;
    background-color:#040d14;
}

.sidebar-top-three {
    margin:0 auto;
    padding:0;
    width:250px;
    height:auto;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
}

.sidebar-top-three-widget {
    margin:0 auto;
    padding:0;
    width:250px;
    height:86.6px;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    background-color:transparent;
    background-position:top center;
    background-repeat:no-repeat;
}

.sidebar-notification {
    position:relative;
    margin:0 auto;
    padding:0 10px;
    height:25px;
    line-height:25px;
    float:right;
    display:inline-block;
    text-align:center;
    cursor:pointer;
    color:white;
    background-color:#054a78;
    border-radius:6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    transition:.2s ease background-color;
}

.sidebar-notification:hover {
    background-color:#24587b;
}

.sidebar-notification-bell,
.sidebar-notification-count {
    float:right;
    display:inline-block;
}

.sidebar-notification-bell {
    line-height: 25px;
    font-size:14px;
    font-weight:600;
}

.sidebar-notification:hover > .sidebar-notification-bell {
    animation: ring 2s linear infinite;
}

.sidebar-notification-count {
    margin-right:10px;
    padding-right:10px;
    font-size:12px;
    font-weight:600;
    border-right:1px solid rgba(0,0,0,.1);
}

@keyframes ring {
    0% { transform: rotate(0deg) }
    5% { transform: rotate(45deg) }
    15% { transform: rotate(-40deg) }
    25% { transform: rotate(20deg) }
    35% { transform: rotate(-15deg) }
    45% { transform: rotate(10deg) }
    55% { transform: rotate(-5deg) }
    60% { transform: rotate(0deg) }
    100% { transform: rotate(0deg) }
}

.realtime-servertime {
    color: #F59E0B !important;
}

.home-signedin-box {
    margin:0 auto 20px auto;
    padding:0;
    width:75%;
    height:auto;
    overflow:hidden;
    display:block;
    text-align:center;
}

.home-signedin-box h3 {
    margin:0 auto;
    font-size:13px;
    font-weight:600;
    color:white;
}

.home-signedin-box h3 span {
    color:#95f770;
}

.home-signedin-box p {
    margin:10px auto 0 auto;
    font-size:11px;
    font-weight:600;
    color:white;
}

.home-signedin-box p span {
    color:#95f770;
}

.home-signedin-box a {
    position:relative;
    margin-top:10px;
    width:100px;
    height:35px;
    display:inline-block;
    line-height:35px;
    font-size:11px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    color:white;
    background:url('../images/blue-button-bg.jpg') center center no-repeat transparent;
    background-size:100%;
    border-radius:2px;
    transition:.3s ease all;
}

.home-signedin-box a:hover {
    background-image:url('../images/blue-button-bg-hover.jpg');
}

.home-signedin-box a:active {
    top:1px;
}

.top-three-widget-knight {
    background-image:url('../images/topthree/knight.jpg');
}

.top-three-widget-archer {
    background-image:url('../images/topthree/archer.jpg');
}

.top-three-widget-mage {
    background-image:url('../images/topthree/mage.jpg');
}

.top-three-widget-thief {
    background-image:url('../images/topthree/thief.jpg');
}

.top-three-widget-shaman {
    background-image:url('../images/topthree/shaman.jpg');
}

.top-three-widget-none {
    background-image:url('../images/topthree/none.jpg');
}

.sidebar-top-three-widget h3,
.sidebar-top-three-widget p {
    margin:0 auto 0 30px;
    float:left;
    clear:both;
}

.sidebar-top-three-widget h3 {
    margin-top:20px;
    font-size:18px;
    font-weight:600;
    color:white;
}

.sidebar-top-three-widget p {
    font-size:13px;
    font-weight:600;
    color:#485d6e;
}

.login-form-widget {
    margin:0 auto;
    padding:0;
    width:250px;
    height:auto;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    /*background-color:#010b14;*/
}

.login-form-widget-title {
    margin:0 auto;
    padding:13px 15px 0 15px;
    height:65px;
    width:100%;
    overflow:hidden;
    background: url(../images/sidebar-widget-title-bg.png) center center no-repeat transparent;
    background-size: cover;
}

.login-form-widget-title h3 {
    margin-top:2px;
    float:left;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:white;
}

.login-form-widget-title p {
    margin-top:3px;
    float:right;
    display:inline-block;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#485d6e;
}

.login-form-widget-title p a {
    margin-left:2px;
    color:white;
}

.login-form-widget-title p a:hover {
    color:#cbcfd4;
}

.login-form-widget form {
    margin:20px auto 40px auto;
    padding:0 30px;
    width:100%;
    height:auto;
    overflow:hidden;
}

.login-form-widget form input {
    margin:0 auto 15px auto;
    padding:8px 10px;
    width:100%;
    float:left;
    clear:both;
    display:block;
    font-size:12px;
    font-weight:400;
    color:white;
    background-color:#0b1d2b;
    border:2px solid #0b1d2b;
    border-radius:6px;
    box-shadow:3px 3px 5px rgba(0,0,0,.1);
}

.login-form-widget form button {
    position:relative;
    margin:10px auto 0 auto;
    width:80px;
    height:25px;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    color:white;
    background:url('../images/blue-button-bg.jpg') center center no-repeat blue;
    border:none;
    border-radius:2px;
    transition:.2s ease all;
}

.login-form-widget form button:hover {
    background-image:url('../images/blue-button-bg-hover.jpg');
}

.login-form-widget form button:active {
    top:1px;
}

.login-form-widget form input:focus {
    color:white;
    border:2px solid #213f57;
}

.login-form-widget-link {
    margin:15px auto 0 auto;
    float:right;
    display:inline-block;
    font-size:10px;
    font-weight:600;
    color:#dce4e9;
    transition:.1s ease all;
}

.login-form-widget-link:hover {
    color:white;
}

.server-status-widget {
    margin:0 auto 20px 0;
    padding:0;
    width:250px;
    height:auto;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
}

.server-status-widget ul {
    list-style:none;
    padding:0;
    margin:0;
}

.server-status-widget li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:8px 16px;
    font-size:14px;
}

.server-status-widget .server-status-label {
    font-size:12px;
    font-weight:600;
    color:white;
    flex:1;
}

.server-status-widget .server-status-value {
    font-size:12px;
    font-weight:600;
    color:#519b46;
    text-align:right;
    flex:1;
}

.server-status-widget .server-status-value img {
    margin-top:-3px;
    margin-right:-7px;
    vertical-align:middle;
}

.server-status-widget .server-status-off {
    color:#ff4d4d;
}

.best-players-widget {
    margin:0 auto;
    padding:0;
    width:250px;
    height:auto;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
}

.sidebar-widget-title {
    position:relative;
    margin:0 auto;
    padding:0 20px;
    width:250px;
    height:48px;
    line-height:40px;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    background:url('../images/sidebar-widget-title-bg.png') top center no-repeat transparent;
    background-size:100%;
}

.sidebar-widget-title h3 {
    float:left;
    display:inline-block;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:white;
}

.sidebar-widget-title img {
    position:absolute;
    top:-7px;
    right:10px;
}

.best-players-widget ul {
    margin:5px auto 0 auto;
    padding:0 20px;
    width:100%;
    float:left;
    display:block;
}

.best-players-widget ul li {
    margin:0 auto;
    padding:15px 0px;
    width:100%;
    float:left;
    clear:both;
    display:block;
    border-bottom:2px solid #041320;
}

.best-players-widget ul li:last-child {
    border-bottom:none;
}

.best-players-widget ul li p,
.best-players-widget ul li img {
    float:left;
    display:inline-block;
}

.best-players-widget ul li p {
    font-size:12px;
    font-weight:600;
    color:white;
}

.best-players-widget ul li img {
    margin-left:20px;
    margin-top:-5px;
    vertical-align:middle;
}

.top-five-player {
    margin-left:25px;
}

.top-five {
    display:inline-block;
    width:23%;
    text-align:left;
    font-size:12px;
    font-weight:bold;
    margin:0;
    padding:0;
}

.top-five:nth-child(1) { width: 10%; }
.top-five:nth-child(2) { width: 25%; }
.top-five:nth-child(3) { width: 50%; }
.top-five:nth-child(4) { width: 1%; }

.best-players-widget ul li p.top-five-level {
    float:right;
    margin-right:5px;
    color:#519b46;
}

.sidebar-vote-widget {
    margin:10px auto 0 auto;
    padding:0;
    width:100%;
    /*height:170px;*/
    height:auto;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    text-align:center;
    /*background-color:#010b14;*/
}

.sidebar-vote-widget ul {
    margin:20px auto 0 auto;
    padding:0;
    width:100%;
    float:left;
    display:block;
    text-align:center;
}

.sidebar-vote-widget ul li {
    margin:10px;
    display:inline-block;
}

.sidebar-vote-widget ul li a {
    display:inline-block;
    border:3px solid #07131f;
    border-radius:6px;
}

.sidebar-vote-widget ul li img {
    width:70px;
    display:block;
    border-radius:6px;
    transition:.2s ease-in-out all;
}

.sidebar-vote-widget ul li:hover > a img {
    opacity:.8;
}

.sidebar-discord-widget {
    margin:10px auto 0 auto;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    text-align:center;
    /*background-color:#010b14;*/
}

.sidebar-discord-widget ul {
    margin:20px auto 0 auto;
    padding:0;
    width:100%;
    float:left;
    display:block;
    text-align:center;
}

.sidebar-discord-widget ul li {
    margin:10px;
    display:inline-block;
}

.sidebar-discord-widget ul li a {
    display:inline-block;
    border:3px solid #07131f;
    border-radius:6px;
}

.sidebar-discord-widget ul li img {
    width:170px;
    height:62px;
    display:block;
    border-radius:6px;
    transition:.2s ease-in-out all;
}

.sidebar-discord-widget ul li:hover > a img {
    opacity:.8;
}

.discord-embed-container {
    padding:0 10px 10px 10px;
}

.discord-embed-container iframe {
    margin:30px auto;
    width:100%;
    max-width:350px;
    height:500px;
    border:none;
    border-radius:6px;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
    transition:all 0.2s ease-in-out;
}

.discord-embed-container iframe:hover {
    /*opacity:0.9;*/
}

.sidebar-video-widget {
    margin:10px auto 0 auto;
    padding:0;
    width:100%;
    height:200px;
    overflow:hidden;
    float:left;
    clear:both;
    display:block;
    text-align:center;
    /*background-color:#010b14;*/
}

.sidebar-video-wrapper {
    position:relative;
    margin:10px auto 0 auto;
    padding:0;
    width:200px;
    height:150px;
    overflow:hidden;
    display:block;
    cursor:pointer;
    border:2px solid #333;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.3);
    /*background-color:#010b14;*/
}

.sidebar-video-wrapper img {
    width:100%;
    height:100%;
    object-fit: cover;
    opacity:.8;
    transition:.2s ease all;
}

.sidebar-video-play-button {
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-20px;
    margin-left:-20px;
    width:40px;
    height:40px;
    line-height:35px;
    text-align:center;
    border:2px solid white;
    border-radius:15px;
    transition:.2s ease all;
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.5);
}

.sidebar-video-play-button {
    font-size:14px;
    color:white;
}

.sidebar-video-wrapper:hover > img {
    opacity:1;
}

.sidebar-video-wrapper:hover > .sidebar-video-play-button {
    background-color:rgba(255,255,255,.2);
}

.left-side {
    margin:0 auto;
    padding:0;
    width:710px;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
}

.main-side {
    margin:0 auto;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
}

.body-container {
    margin:0 auto;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
    display:block;
    background-color:#020910;
}

.content-side {
    margin:40px auto;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
}

.content-side-left {
    margin:0 auto;
    padding:0;
    width:700px;
    height:auto;
    overflow:hidden;
    float:left;
    display:inline-block;
}

.content-side-left-container {
    margin:0 auto;
    padding:0;
    width:650px;
    height:auto;
    overflow:hidden;
    display:block;
}

.content-side-left-top-nav {
    margin:15px auto;
    padding:0;
    width:100%;
    height:auto;
    overflow:hidden;
    float:left;
    display:block;
}

.content-side-left-top-nav h3,
.content-side-left-top-nav p {
    display:inline-block;
}

.content-side-left-top-nav h3 {
    float:left;
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    color:white;
}

.content-side-left-top-nav p,
.content-side-left-top-nav a {
    float:right;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    color:#17799c;
    transition:.2s ease color;
}

.content-side-left-top-nav p span,
.content-side-left-top-nav a span {
    margin-right:5px;
}

.content-side-left-top-nav p:hover,
.content-side-left-top-nav a:hover {
    color:#009dd5;
}

.highlighted {
    color:#95f770;
}

.home-form-captcha {
    margin:0 auto;
    padding:0;
    width:100%;
    float:left;
    display:block;
}

.home-form-captcha input {
    margin:5px auto 0 5px !important;
    width:40% !important;
    float:right !important;
    clear:none !important;
    display:inline-block !important;
}

.home-captcha-image {
    pointer-events:none;
    user-select:none;
    float:left;
    display:inline-block;
    background-color:#202334;
    border:1px solid #10111a;
    border-radius:6px;
}

.fancy-navigation {
    margin:20px auto;
    padding:0;
    width:100%;
    height:auto;
    float:left;
    display:block;
    background-color:#05101c;
    border-bottom:3px solid #04192a;
}

.fancy-navigation li,
.fancy-navigation li a {
    float:left;
    display:inline-block;
}

.fancy-navigation li a {
    position:relative;
    padding:15px;
    font-size:12px;
    font-weight:600;
    text-transform:uppercase;
    color:#3c4650;
    /*cursor:pointer;*/
    transition:.2s ease color;
}

.fancy-navigation li a:hover {
    color:#5b646d;
}

.fancy-navigation li a.fancy-nav-active {
    color:#70a0f7;
    text-shadow:0 0 30px #a5b9dd;
}

.fancy-navigation li a.fancy-nav-active:after {
    content:"";
    position:absolute;
    bottom:-2.5px;
    left:0;
    width:100%;
    height:2.5px;
    background-color:#a5b9dd;
}

.content-side-right {
    margin:0 auto;
    padding:0;
    width:270px;
    height:auto;
    overflow:hidden;
    float:right;
    display:inline-block;
}

.content-side-right-container {
    margin:0 auto;
    padding:0;
    width:200px;
    height:auto;
    overflow:hidden;
    display:block;
}

.footer {
    margin:0 auto 100px auto;
    padding:0;
    width:100%;
    height:150px;
    float:left;
    overflow:hidden;
}

.footer-links {
    margin:55px auto 0 auto;
    padding:0;
    width:80%;
    text-align:center;
}

.footer-links li,
.footer-links li a {
    display:inline-block;
}

.footer-links li {
    padding:0 20px;
    border-right:1px solid #46a0cc;
}

.footer-links li:last-child {
    border-right:none;
}

.footer-links li a {
    font-size:11px;
    font-weight:600;
    text-transform:uppercase;
    color:#677f8b;
    transition:.2s ease color;
}

.footer-links li a:hover {
    color:#becfd7;
}

.footer-bottom {
    margin:50px auto 0 auto;
    padding:0 40px;
    width:100%;
    height:120px;
    line-height:25px;
    float:left;
    clear:both;
    display:block;
    overflow:hidden;
}

.footer-center {
    display:block;
    width:100%;
    font-size:11px;
    font-weight:600;
    color:#677f8b;
    text-align:center;
}

.footer-center a {
    color:#46a0cc;
    transition:.2s ease color;
}

.footer-center a:hover {
    color:#5ecaff;
}

.footer-left,
.footer-right {
    display:inline-block;
}

.footer-left {
    float:left;
}

.footer-right {
    float:right;
}

.footer-left,
.footer-right {
    font-size:11px;
    font-weight:600;
    color:#677f8b;
}

.footer-left a,
.footer-right a {
    color:#46a0cc;
    transition:.2s ease color;
}

.footer-left a:hover,
.footer-right a:hover {
    color:#5ecaff;
}

#backToTop {
  position:fixed;
  bottom:30px;
  right:30px;
  display:none;
  background-color:#04172a;
  color:white;
  border:none;
  padding:12px 16px;
  border-radius:50%;
  font-size:20px;
  cursor:pointer;
  z-index:9999;
  box-shadow:0 4px 8px rgba(0,0,0,0.3);
  transition:opacity 0.3s ease;
}

#backToTop:hover {
  background-color:#061b30;
}

body:not(.pace-done) .wrapper {
  visibility:hidden;
  height:100vh;
  overflow:hidden;
}

#pace-loader {
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#020910;
  display:flex;
  justify-content:center;
  align-items:center;
  z-index:99999;
  color:white;
  font-size:30px;
  user-select:none;
  pointer-events:none;
}

#pace-loader i {
  /*margin-left:10px;*/
  color:#d5dbe6;
}

.pace-spinner {
  width:40px;
  height:40px;
  border:4px solid rgba(255, 255, 255, 0.2);
  border-top:4px solid #00c3ff;
  border-radius:50%;
  animation:spin 0.8s linear infinite;
  margin:0 auto;
}

@keyframes spin {
  to {
    transform:rotate(360deg);
  }
}

.error-container {
    margin:0 auto;
    padding:20px;
    width:650px;
    height:auto;
}

.error-container h1 {
    text-align:center;
    font-size:2rem;
    margin-bottom: 20px;
    text-transform:uppercase;
    color:white;
}

.error-container p {
    text-align:center;
    font-size:14px;
	margin-bottom: 30px;
    font-weight:600;
    text-transform:uppercase;
    color:white;
	letter-spacing: 1px;
}

.error-container a {
	position:relative;
    padding:10px 20px;
    margin:0 auto;
    width:100px;
    height:35px;
    display:block;
    font-size:11px;
    font-weight:600;
    text-align:center;
    text-transform:uppercase;
    color:white;
    background:url('../images/blue-button-bg.jpg') center center no-repeat transparent;
    background-size:100%;
    border-radius:2px;
    transition:.3s ease all;
}

.error-container a:hover {
    background-image:url('../images/blue-button-bg-hover.jpg');
}

.error-container a:active {
    top:1px;
}

.error-container span {
    position:relative;
    color:#fff;
    font-size:80px;
    font-weight:bold;
    text-align:center;
    margin:0 auto 30px auto;
    width:fit-content;
    padding:20px 40px;
    display:block;
    overflow:hidden;
    text-transform:uppercase;
}

.error-container span::before,
.error-container span::after {
    content: '404';
    position:absolute;
    left:0;
    width:100%;
    padding:0;
    color:#fff;
    background:#020910;
    overflow:hidden;
    clip:rect(0, 900px, 0, 0);
}

.error-container span::before {
    animation:glitchTop 2s infinite linear alternate-reverse;
    color:#f0f;
}

.error-container span::after {
    animation: glitchBottom 2s infinite linear alternate-reverse;
    color:#0ff;
}

.error-container img {
  max-width:300px;
  height: auto;
  margin: 0 auto 30px auto;
  display:block;
}

@keyframes glitchTop {
    0% { clip: rect(0, 9999px, 0, 0); transform: translate(-3px, -3px); }
    10% { clip: rect(5px, 9999px, 30px, 0); transform: translate(3px, 1px); }
    20% { clip: rect(10px, 9999px, 15px, 0); transform: translate(-3px, 0px); }
    30% { clip: rect(20px, 9999px, 35px, 0); transform: translate(2px, -1px); }
    100% { clip: rect(0, 9999px, 0, 0); transform: translate(0, 0); }
}

@keyframes glitchBottom {
    0% { clip: rect(0, 9999px, 0, 0); transform: translate(3px, 3px); }
    10% { clip: rect(25px, 9999px, 50px, 0); transform: translate(-3px, -2px); }
    20% { clip: rect(40px, 9999px, 60px, 0); transform: translate(2px, 2px); }
    30% { clip: rect(35px, 9999px, 45px, 0); transform: translate(-1px, 1px); }
    100% { clip: rect(0, 9999px, 0, 0); transform: translate(0, 0); }
}
		
*::-webkit-input-placeholder {
    color:#002b5c;
}

*:-moz-placeholder {
    color:#002b5c;
}

*::-moz-placeholder {
    color:#002b5c;
}

*:-ms-input-placeholder {
    color:#002b5c;
}

::selection {
    color:#fff;
    background-color:#002b5c;
}

::-moz-selection {
    color:#fff;
    background-color:#002b5c;
}

::-webkit-scrollbar {
  width:10px;
}

::-webkit-scrollbar-track {
  background:#f1f1f1;
}

::-webkit-scrollbar-thumb {
  background:#002b5c;
  border-radius:6px;
}

::-webkit-scrollbar-thumb:hover {
  background:#001f47;
}