<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="/assets/images/logo-symbol.jpg" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="/assets/css/bootstrap.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css"
integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/css/flag-icon.css">
<link rel="stylesheet" href="/assets/css/sn-icon.css">
<link rel="stylesheet" href="/assets/css/animate.css">
<link rel="stylesheet" href="/assets/css/toastr.css">
<link rel="stylesheet" href="/assets/css/style.css"/>
<title>RUAY</title>
<style>
.overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: rgba(255, 255, 255, 0.9);
}
.circlest {
/* width: 165px; */
width: 165px;
padding: 5px 0px 10px 5px;
border-radius: 90px;
background: white;
z-index: 11;
margin: auto;
}
.stecker {
z-index: 11;
/* width: 200px; */
width: 500px;
height: 256px;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
.stecker .trenner {
width: 100%;
height: 1px;
background: #0099ff;
overflow: hidden;
}
/* .stecker h1 {
font-size: 22px;
font-family: inherit;
} */
/* .stecker h2 {
font-size: 12px;
font-family: Arial;
} */
.path {
animation: blink 1s ease infinite;
}
.logomtn {
position: absolute;
margin: auto;
margin-top: -25px;
}
.logomtn h1 {
text-shadow: -3px -3px 0 #fff,
2px -3px 0 #fff,
-3px 3px 0 #fff,
3px 3px 0 #fff;
}
.titlemtn {
color: #ffc107;
margin-top: 20px;
margin-bottom: 10px;
text-shadow: -2px -2px 0 #000,
2px -2px 0 #000,
-2px 2px 0 #000,
2px 2px 0 #000;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0.6;
}
100% {
opacity: 1;
}
}
@media screen and (max-height: 414px) {
.logomtn {
position: absolute;
margin: auto;
margin-top: -25px;
}
.stecker {
width: 300px;
}
}
@media screen and (max-width: 414px) {
.logomtn {
position: absolute;
margin: auto;
margin-top: -25px;
}
.stecker {
width: 300px;
}
.titlemtn span {
display: flex;
flex: column;
justify-content: center;
line-height: 0.5;
}
.titlemtn {
margin-top: 40px;
}
}
@media screen and (max-width: 320px) {
.logomtn {
position: absolute;
margin: auto;
margin-top: -25px;
}
.stecker {
width: 300px;
}
}
</style>
</head>
<body id="top" ontouchstart="">
<div class="overlay">
</div>
<div class="bg-primary w-100 h-100">
<div class="container">
<div class="stecker">
<div class="circlest">
<svg version="1.1" id="stecker" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="150px" height="150px" viewBox="0 0 150 150" enable-background="new 0 0 150 150"
xml:space="preserve">
<g transform="translate(0,150) scale(0.1,-0.1)">
<path class="path" fill="#aaa" stroke="#333" stroke-width="5" stroke-miterlimit="10" stroke-linecap="round" d="M900.762,1361.001c80.996-23.003,110.996-37.002,177.988-78.999c353.008-220,408.008-720,113.008-1012.002
c-74.004-72.998-140.098-126.855-241.094-164.854c-60-22.998-75.654-37.031-200.664-37.031
C657.002,67.119,581.758,90,555.757,99.004c-58.999,18.994-175,72.998-175,80c0,3.994,32.998,38.994,72.998,78.994L526.758,330
l33.999-35.996c65-67.002,145-94.004,221.001-74.004c36.992,10,68.008,35,201.992,169.004
c86.016,85.996,157.012,161.992,157.012,168.994s-18.008,32.002-40,56.006c-22.012,23.994-40,45.996-40,48.994
s12.988,17.998,27.988,34.004c38.008,37.002,52.012,65,52.012,101.997c0,47.002-17.012,78.999-52.012,101.001
c-57.988,35-103.984,25-168.984-36.001l-35-33.999l-27.012,27.998l-26.992,28.003l30.996,30
c58.008,55,73.008,107.998,44.004,163.999c-22.012,42.002-53.008,60-105.996,60c-40.005,0-53.013-6.001-93.008-41.001
l-47.002-41.997l-32.998,31.997c-17.002,17.002-42.002,31.001-53.003,31.001c-22.998,0-290.996-260-325-315
c-21.997-37.002-23.999-120.996-2.998-172.998c8.999-20,33.999-56.006,56.001-77.998l41.001-42.002l-76.001-75l-76.001-76.006
l-22.998,37.002C64.756,565.996,49.756,811.001,131.758,995c61.001,137.002,196.001,275,325,330
C591.758,1382.998,773.75,1397.998,900.762,1361.001z"/>
</g>
</svg>
</div>
<!-- <h1>Lost Connection</h1>
<div class="trenner"></div>
<h2>Please check your internet connection and try again.</h2> -->
<div class="text-center p-1 container">
<div class="px-2 rounded logomtn w-100 text-center">
<h1 class="mb-0"><span class="text-danger">404 Page Not Found</span></h1>
</div>
<h3 class="titlemtn font-weight-normal">
<span class="mx-1 mb-0"><p>The page you requested was not found.</p></span>
</h3>
</div>
</div>
</div>
</div>
</body>
</html>