RedBeanPHP\OODBBean Object
(
    [properties:protected] => Array
        (
            [id] => 5
            [uid] => 10876
            [secret] => 7efda18b7bff83e8fce53ada31a918e8
            [token] => eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpYXQiOjE3OTM5NzI2MDksImV4cCI6MTc5NDA1OTAwOSwianRpIjoiZmI2ZWM5MWYtZDc5ZS00OTQ0LWJlMjQtMmZmY2Q4NGZmZWYwIiwicm9sZXMiOlsibG9tYmFyZC1mdWxsLWFjY2VzcyIsImxvbWJhcmQtY3JlYXRlLW9wZXJhdGlvbnMtZGV2aWF0aW9uIiwibG9tYmFyZC1lZGl0LWNhbGN1bGF0ZWQtc3VtIiwibG9tYmFyZC1wYXdudGlja2V0cy1hY2Nlc3MiLCJjb21zaG9wLWJ1eS1mdWxsLWFjY2VzcyIsImNvbXNob3AtcmVhbGl6YXRpb24tZnVsbC1hY2Nlc3MiLCJjb21zaG9wLXByaWNldGFnLWFjY2VzcyIsImNvbXNob3AtYXV0b21hcmtkb3duLWFjY2VzcyIsInJlcGFpcnMtZnVsbC1hY2Nlc3MiLCJhY2Nlc3Nvcmllcy1jcmVhdGUtZWRpdCIsInNoYXJlLWNyZWF0ZS1vcGVyYXRpb25zLWluLXBhc3QiLCJzaGFyZS1pZ25vcmUtamV3ZWwtZXN0aW1hdGUiLCJzaGFyZS10YWJsZS1zZXR0aW5ncy1kb3dubG9hZC1leGNlbCIsInNoYXJlLWNsaWVudC1saXN0LWFjY2VzcyIsInNldHRpbmdzLWFjY291bnRzIiwic2V0dGluZ3MtYWNjb3VudHMtcm9sZXMtZnVsbC1hY2Nlc3MiLCJzZXR0aW5ncy1jaXRpZXMiLCJzZXR0aW5ncy13b3JrcGxhY2VzIiwic2V0dGluZ3MtdGFyaWZmcyIsInNldHRpbmdzLXN0b3JhZ2UtcGxhY2VzIiwic2V0dGluZ3MtZ29vZHMtY2F0ZWdvcmllcyIsInNldHRpbmdzLWFjY2Vzc29yaWVzLWNhdGVnb3JpZXMiLCJzZXR0aW5ncy1yZXBhaXItbWFzdGVycyIsInNldHRpbmdzLWNsaWVudHMtZGlzY291bnQtY2FyZHMiLCJzZXR0aW5ncy1jbGllbnRzLXJhdGluZ3MiLCJzZXR0aW5ncy1tZXRhbHMiLCJzZXR0aW5ncy1hdXRvbWFya2Rvd24iLCJzZXR0aW5ncy1lbnRpdGllcyIsInNldHRpbmdzLXByaW50LXNldHVwIiwic2V0dGluZ3MtY2xpZW50LWRvY3VtZW50LXR5cGVzIiwic2V0dGluZ3Mtc3VwcG9ydC1hY2Nlc3MiLCJzZXR0aW5ncy1kb2N1bWVudC10ZW1wbGF0ZXMiLCJzZXR0aW5ncy1hdml0byIsInNldHRpbmdzLXdlYnNob3AiLCJzZXR0aW5ncy1zbXMiLCJzZXR0aW5ncy1zbXMtaGlzdG9yeSIsImNhc2gtdmlldy1jYXNoLXBhZ2UiLCJjYXNoLW9wZW4tY2xvc2UiLCJjYXNoLWNyZWF0ZS1jYXNoLW9wZXJhdGlvbnMiLCJjYXNoLXZpZXctY2xvc2VkLWNhc2gtcGFnZSIsImNhc2gtdmlldy1wcm9maXQtYmxvY2siLCJjYXNoLXZpZXctYXNzZXRzLWJsb2NrIiwiam91cm5hbC1mdWxsLWFjY2VzcyIsImFuYWx5dGljcy1mdWxsLWFjY2VzcyIsImRvd25sb2FkLXRvLTFjLWZ1bGwtYWNjZXNzIiwicmVwb3J0cy1jYiIsInJlcG9ydHMtcmVxdWVzdC1jYiIsInJlcG9ydHMtcmV2aXNpb24iLCJyZXBvcnRzLXJvc2Zpbm1vbiIsInJlcG9ydHMtdXZkIiwicmVwb3J0cy1jb25maXNjYXRlZC1nb29kcyIsInJlcG9ydHMtYWNjcnVlZC1pbnRlcmVzdHMiLCJjbGllbnQtZWRpdC1iYXNlLXJhdGluZyIsImNsaWVudC1jaGFuZ2UtZGlzY291bnQtY2FyZCIsImxvbWJhcmQtemFsb2ctdml2b2QiLCJzaGFyZS1lZGl0LWFsbC1vcGVyYXRpb25zIiwic2hhcmUtZWRpdC1vcGVyYXRpb25zLW9ubHktb3Blbi1jYXNoIiwic2hhcmUtZGVsZXRlLWFsbC1vcGVyYXRpb25zIiwic2hhcmUtZGVsZXRlLW9wZXJhdGlvbnMtb25seS1vcGVuLWNhc2giLCJzaGFyZS1zZXR0bGVtZW50LWFjY291bnRzLWZvci1hbGwiLCJzZXR0aW5ncy1jYXNoLW9wZXJhdGlvbnMtYmFzaXMiLCJzZXR0aW5ncy13ZWJrYXNzYS1hY2NvdW50cyIsImNvbW1pc3Npb24tc2hvcC1hbGxvdy1jaGFuZ2UtcHJpY2UiLCJjYXNoLWNyZWF0ZS1zZXR0bGVtZW50LWFjY291bnRzLW9wZXJhdGlvbnMiLCJjYXNoLXZpZXctb3BlcmF0aW9ucy1ieS1kYXRlLXBhZ2UiLCJzZXR0aW5ncy1zbXMtaW50ZWdyYXRpb24iLCJzZXR0aW5ncy1hZHZlcnRpc2luZy1jaGFubmVscyIsInNoYXJlLWNyZWF0ZS10ZXN0LW9wZXJhdGlvbnMiLCJhY2Nlc3Nvcmllcy1lZGl0LXNlbGwtc3VtIiwicGF5LXdpdGgtY2xpZW50LWJvbnVzZXMiLCJyZXBvcnQtdG8tYXNzYXktb2ZmaWNlIiwic2V0dGluZ3Mtb3BlcmF0aW9ucy13aXRoLWNhcmRzIiwicmVzdC1hcGkiLCJsb21iYXJkLXBhd25nb29kcy1hbGxvdy1jaGFuZ2UtcHJpY2UiLCJyZXBvcnQtdG8tZ2tiIiwic2V0dGluZ3MtZ2lpcy1kbWRrIiwiY2FzaC1yZWFkLWNhc2gtb3BlcmF0aW9ucyIsImNvbmZpcm0tY2hlY2stcHJpbnQiLCJyZXBvcnRzLW5iLXJrIl0sInVzZXJuYW1lIjoiMTA4NzYiLCJvcmdfaWQiOjYwNDV9.X_fzVq4eUlCHdRea6y_UzxwdWWOgga5XlvGGb7IPB9f18-wceM86S5CWFXtMKewBEL4T5jfq_gz32qGsKR31eZzFhk0hyhFDlgvEQIBRKpi-zHgkStFZGNh98W2K2lg5-2tq4xBzethJKWQmGuJjbqydb-aQqWLjsqcAX9eHwUL7D55WRkvB-fhPyMaZ9a-RkL2EaI8eWqEuw1jQsKYF-NiLT6JndJJgxxIiDrmZUu7sQFSoGjk-HOhhtV7ZqZImtoDvQL5NiB5KwVVnkDrWeVvQIr037IeNp9To1fvGBfl3wqpZtswMV7HqahvZPQh_pgNJD4nmoCTTAVRL-00BsA
            [expiration] => 1794048209
            [date_create] => 
            [date_update] => 2026-11-06 16:43:29
        )

    [__info:protected] => Array
        (
            [type] => user
            [sys.id] => id
            [sys.orig] => Array
                (
                    [id] => 5
                    [uid] => 10876
                    [secret] => 7efda18b7bff83e8fce53ada31a918e8
                    [token] => eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzI1NiJ9.eyJpYXQiOjE3OTM4OTU3MjcsImV4cCI6MTc5Mzk4MjEyNywianRpIjoiMmQ5NGVlOTItZWQ1Ny00MGRiLTk2ZGMtMjg4MzZkYTkyN2QyIiwicm9sZXMiOlsibG9tYmFyZC1mdWxsLWFjY2VzcyIsImxvbWJhcmQtY3JlYXRlLW9wZXJhdGlvbnMtZGV2aWF0aW9uIiwibG9tYmFyZC1lZGl0LWNhbGN1bGF0ZWQtc3VtIiwibG9tYmFyZC1wYXdudGlja2V0cy1hY2Nlc3MiLCJjb21zaG9wLWJ1eS1mdWxsLWFjY2VzcyIsImNvbXNob3AtcmVhbGl6YXRpb24tZnVsbC1hY2Nlc3MiLCJjb21zaG9wLXByaWNldGFnLWFjY2VzcyIsImNvbXNob3AtYXV0b21hcmtkb3duLWFjY2VzcyIsInJlcGFpcnMtZnVsbC1hY2Nlc3MiLCJhY2Nlc3Nvcmllcy1jcmVhdGUtZWRpdCIsInNoYXJlLWNyZWF0ZS1vcGVyYXRpb25zLWluLXBhc3QiLCJzaGFyZS1pZ25vcmUtamV3ZWwtZXN0aW1hdGUiLCJzaGFyZS10YWJsZS1zZXR0aW5ncy1kb3dubG9hZC1leGNlbCIsInNoYXJlLWNsaWVudC1saXN0LWFjY2VzcyIsInNldHRpbmdzLWFjY291bnRzIiwic2V0dGluZ3MtYWNjb3VudHMtcm9sZXMtZnVsbC1hY2Nlc3MiLCJzZXR0aW5ncy1jaXRpZXMiLCJzZXR0aW5ncy13b3JrcGxhY2VzIiwic2V0dGluZ3MtdGFyaWZmcyIsInNldHRpbmdzLXN0b3JhZ2UtcGxhY2VzIiwic2V0dGluZ3MtZ29vZHMtY2F0ZWdvcmllcyIsInNldHRpbmdzLWFjY2Vzc29yaWVzLWNhdGVnb3JpZXMiLCJzZXR0aW5ncy1yZXBhaXItbWFzdGVycyIsInNldHRpbmdzLWNsaWVudHMtZGlzY291bnQtY2FyZHMiLCJzZXR0aW5ncy1jbGllbnRzLXJhdGluZ3MiLCJzZXR0aW5ncy1tZXRhbHMiLCJzZXR0aW5ncy1hdXRvbWFya2Rvd24iLCJzZXR0aW5ncy1lbnRpdGllcyIsInNldHRpbmdzLXByaW50LXNldHVwIiwic2V0dGluZ3MtY2xpZW50LWRvY3VtZW50LXR5cGVzIiwic2V0dGluZ3Mtc3VwcG9ydC1hY2Nlc3MiLCJzZXR0aW5ncy1kb2N1bWVudC10ZW1wbGF0ZXMiLCJzZXR0aW5ncy1hdml0byIsInNldHRpbmdzLXdlYnNob3AiLCJzZXR0aW5ncy1zbXMiLCJzZXR0aW5ncy1zbXMtaGlzdG9yeSIsImNhc2gtdmlldy1jYXNoLXBhZ2UiLCJjYXNoLW9wZW4tY2xvc2UiLCJjYXNoLWNyZWF0ZS1jYXNoLW9wZXJhdGlvbnMiLCJjYXNoLXZpZXctY2xvc2VkLWNhc2gtcGFnZSIsImNhc2gtdmlldy1wcm9maXQtYmxvY2siLCJjYXNoLXZpZXctYXNzZXRzLWJsb2NrIiwiam91cm5hbC1mdWxsLWFjY2VzcyIsImFuYWx5dGljcy1mdWxsLWFjY2VzcyIsImRvd25sb2FkLXRvLTFjLWZ1bGwtYWNjZXNzIiwicmVwb3J0cy1jYiIsInJlcG9ydHMtcmVxdWVzdC1jYiIsInJlcG9ydHMtcmV2aXNpb24iLCJyZXBvcnRzLXJvc2Zpbm1vbiIsInJlcG9ydHMtdXZkIiwicmVwb3J0cy1jb25maXNjYXRlZC1nb29kcyIsInJlcG9ydHMtYWNjcnVlZC1pbnRlcmVzdHMiLCJjbGllbnQtZWRpdC1iYXNlLXJhdGluZyIsImNsaWVudC1jaGFuZ2UtZGlzY291bnQtY2FyZCIsImxvbWJhcmQtemFsb2ctdml2b2QiLCJzaGFyZS1lZGl0LWFsbC1vcGVyYXRpb25zIiwic2hhcmUtZWRpdC1vcGVyYXRpb25zLW9ubHktb3Blbi1jYXNoIiwic2hhcmUtZGVsZXRlLWFsbC1vcGVyYXRpb25zIiwic2hhcmUtZGVsZXRlLW9wZXJhdGlvbnMtb25seS1vcGVuLWNhc2giLCJzaGFyZS1zZXR0bGVtZW50LWFjY291bnRzLWZvci1hbGwiLCJzZXR0aW5ncy1jYXNoLW9wZXJhdGlvbnMtYmFzaXMiLCJzZXR0aW5ncy13ZWJrYXNzYS1hY2NvdW50cyIsImNvbW1pc3Npb24tc2hvcC1hbGxvdy1jaGFuZ2UtcHJpY2UiLCJjYXNoLWNyZWF0ZS1zZXR0bGVtZW50LWFjY291bnRzLW9wZXJhdGlvbnMiLCJjYXNoLXZpZXctb3BlcmF0aW9ucy1ieS1kYXRlLXBhZ2UiLCJzZXR0aW5ncy1zbXMtaW50ZWdyYXRpb24iLCJzZXR0aW5ncy1hZHZlcnRpc2luZy1jaGFubmVscyIsInNoYXJlLWNyZWF0ZS10ZXN0LW9wZXJhdGlvbnMiLCJhY2Nlc3Nvcmllcy1lZGl0LXNlbGwtc3VtIiwicGF5LXdpdGgtY2xpZW50LWJvbnVzZXMiLCJyZXBvcnQtdG8tYXNzYXktb2ZmaWNlIiwic2V0dGluZ3Mtb3BlcmF0aW9ucy13aXRoLWNhcmRzIiwicmVzdC1hcGkiLCJsb21iYXJkLXBhd25nb29kcy1hbGxvdy1jaGFuZ2UtcHJpY2UiLCJyZXBvcnQtdG8tZ2tiIiwic2V0dGluZ3MtZ2lpcy1kbWRrIiwiY2FzaC1yZWFkLWNhc2gtb3BlcmF0aW9ucyIsImNvbmZpcm0tY2hlY2stcHJpbnQiLCJyZXBvcnRzLW5iLXJrIl0sInVzZXJuYW1lIjoiMTA4NzYiLCJvcmdfaWQiOjYwNDV9.nioZzlADDa_Evg2EojKHgKoVUwVVX2FYrTaznKxWSz--Juo8XS000KzWJYnriICRbaait19vm6yXspIwPNPg7ozizaI8lxrm22rN4joxe_xKSilEAEM8LaHH0fzI4STFBsmNyy34NFMCHFKyOvCfN12xR8JdMCzgEnjcDcyoT8rxDdgIbmRQ4_ACXNv1W-QJriuqXHL8fH7yZweI21xsUKC-7bGY1EmvB6dcN_b3Nt7vN7KwE4RhEE2jATxkxWgAFWpT8-4uVfKOXcduGG1WQZEr5NxnBq5_zAoxbUsKfNv11Ac7pd04bzpuCCNxcdZz1PxqomE4h70dpUiC839Bqg
                    [expiration] => 1793971327
                    [date_create] => 
                    [date_update] => 2026-11-05 19:22:07
                )

            [tainted] => 
            [changed] => 
            [changelist] => Array
                (
                    [0] => token
                    [1] => expiration
                    [2] => date_update
                    [3] => id
                )

            [model] => 
        )

    [beanHelper:protected] => RedBeanPHP\BeanHelper\SimpleFacadeBeanHelper Object
        (
        )

    [fetchType:protected] => 
    [withSql:protected] => 
    [withParams:protected] => Array
        (
        )

    [aliasName:protected] => 
    [via:protected] => 
    [noLoad:protected] => 
    [all:protected] => 
    [castProperty:protected] => 
)
<!doctype html>
<html lang="en" dir="ltr">

<head>

    <!-- META DATA -->
    <meta charset="UTF-8">
    <meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="keywords" content="">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <!-- FAVICON -->
    <!--<link rel="shortcut icon" type="image/x-icon" href="../assets/images/brand/favicon.ico" /> -->

    <!-- TITLE -->
    <title></title>

    <!-- BOOTSTRAP CSS -->
    <link id="style" href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />

    <!-- STYLE CSS -->
    <link href="../assets/css/style.css" rel="stylesheet" />
    <link href="../assets/css/dark-style.css" rel="stylesheet" />
    <link href="../assets/css/transparent-style.css" rel="stylesheet">
    <link href="../assets/css/skin-modes.css" rel="stylesheet" />

    <!--- FONT-ICONS CSS -->
    <link href="../assets/css/icons.css" rel="stylesheet" />

    <!-- COLOR SKIN CSS -->
    <link id="theme" rel="stylesheet" type="text/css" media="all" href="../assets/colors/color1.css" />

    <!-- MY CSS -->
    <link id="theme" rel="stylesheet" type="text/css" media="all" href="../css/style.css?time=1793972609" />

</head>

<body class="app sidebar-mini ltr light-mode horizontal">

<!-- GLOBAL-LOADER -->
<div id="global-loader">
    <img src="../assets/images/loader.svg" class="loader-img" alt="Loader">
</div>
<!-- /GLOBAL-LOADER -->

<!-- PAGE -->
<div class="page">
    <div class="page-main"><style>
    /*
    Theme Name: 404 Day and Night Animation
    Author: HTMLBEANS
    Author URI:
    Version: 1
    Description: 404 Theme
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Text Domain: base
    Tags: one-column, two-columns
    Theme URI:
    */

    /*------------------------------------------------------------------

    1. Body
    2. Wrapper / #wrapper
    3. Blue Sky / #mt-bluesky
    4. Sun / #mt-sun
    5. Night Sun / #mt-sun2
    6. Clouds / #mt-cloud
    7. Earth / #mt-base
    8. Night / #night
    9. Stars / #stars
    10. Moon / #moon
    11. Pahe Title / #title
    12. Hock / #hock
    13. Oh / #oh
    14. Text / .txt
    15. Responsive Start

    -------------------------------------------------------------------*/

    html{background: #8ab407;}
    /* html{background: #1c2401;} */
    /*------------------------------------------------------------------
            1. Body
    -------------------------------------------------------------------*/
    body{margin: 0;}
    /*------------------------------------------------------------------
            2. Wrapper / #wrapper
    -------------------------------------------------------------------*/
    #wrapper{
        height: 969px;
        overflow: hidden;
        min-height: 969px;
        position: relative;
    }
    #mt-cloud,
    #mt-bluesky,
    #night,
    #stars{
        top:0px;
        left:0px;
        right:0px;
        bottom:0px;
        width:100%;
        position:absolute;
    }
    /*------------------------------------------------------------------
            3. Blue Sky / #mt-bluesky
    -------------------------------------------------------------------*/
    #mt-bluesky{
        z-index:1;
        background:#fff url(../images/sky.png) repeat-x top left;
    }
    /*------------------------------------------------------------------
            4. Sun / #mt-sun
    -------------------------------------------------------------------*/
    #mt-sun{
        top:50%;
        left:45%;
        z-index:2;
        width:150px;
        height:152px;
        position:absolute;
        background:transparent url(../images/sun.png) no-repeat center center;
    }
    /*------------------------------------------------------------------
            5. Night Sun / #mt-sun2
    -------------------------------------------------------------------*/
    #mt-sun2{
        top:50%;
        left:45%;
        z-index:2;
        opacity:0;
        width:150px;
        height:152px;
        position:absolute;
        background:transparent url(../images/sun2.png) no-repeat center center;
    }
    /*------------------------------------------------------------------
            6. Clouds / #mt-cloud
    -------------------------------------------------------------------*/
    #mt-cloud{
        z-index:3;
        background:transparent url(../images/clouds.png) repeat-x top left;
    }
    /*------------------------------------------------------------------
            7. Earth / #mt-base
    -------------------------------------------------------------------*/
    #mt-base{
        position:absolute;
        left:0px;
        right:0px;
        bottom:0px;
        width:100%;
        height:232px;
        background:transparent url(../images/ground.png) repeat-x bottom center;
        z-index:3;
    }
    #base-overlay{
        position:absolute;
        left:0px;
        right:0px;
        bottom:0px;
        width:100%;
        height:232px;
        opacity: 0;
        background:transparent url(../images/night-glow.png) repeat-x bottom center;
        z-index:7;
    }
    /*------------------------------------------------------------------
            8. Night / #night
    -------------------------------------------------------------------*/
    #night{
        z-index:4;
        opacity:0;
        background-color:#000;
    }
    /*------------------------------------------------------------------
            9. Stars / #stars
    -------------------------------------------------------------------*/
    #stars{
        z-index:5;
        opacity:0;
        bottom:200px;
        background:transparent url(../images/stars.png) repeat-x bottom center;
    }
    #sstar{
        top:10%;
        left:40%;
        z-index:5;
        opacity:0;
        width:126px;
        height:80px;
        position:absolute;
        background:transparent url(../images/shootingstar.png) no-repeat 80px -200px;
    }
    /*------------------------------------------------------------------
            10. Moon / #moon
    -------------------------------------------------------------------*/
    #moon{
        top:60%;
        left:45%;
        z-index:6;
        opacity:0;
        width:292px;
        height:292px;
        position:absolute;
        background:transparent url(../images/moon.png) no-repeat center center;
    }
    /*------------------------------------------------------------------
            11. Pahe Title / #title
    -------------------------------------------------------------------*/
    #title{
        top:80%;
        z-index:6;
        opacity:0;
        left: 45%;
        color: #fff;
        width: 292px;
        position:absolute;
        letter-spacing: 23px;
        font: 108px/120px 'Bangers', cursive;
    }
    #title span{
        top: 0;
        right: 64.8%;
        position: absolute;
        transform: rotate(-19deg);
    }
    #title span:after{
        top: -8px;
        left: 169px;
        width: 17px;
        content: "";
        height: 43px;
        position: absolute;
        transform: rotate(19deg);
        background: url('../images/img01.png') no-repeat;
    }
    /*------------------------------------------------------------------
            12. Hock / #hock
    -------------------------------------------------------------------*/
    #hock{
        top: 37.9%;
        width: 2px;
        z-index: 5;
        opacity: 0;
        left: 47.2%;
        position: absolute;
        background: url('../images/img03.png') repeat-y;
    }
    #hock:after{
        left: 0;
        width: 2px;
        content: "";
        bottom: 100%;
        height: 153px;
        position: absolute;
        background: url('../images/img02.png') no-repeat;
    }
    /*------------------------------------------------------------------
            13. Oh / #oh
    -------------------------------------------------------------------*/
    #oh{
        opacity: 0;
        z-index: 7;
        left: 34.6%;
        bottom: 42%;
        color: #96bb06;
        word-spacing: 2px;
        position: absolute;
        letter-spacing: 3px;
        transform: rotate(-23deg);
        font: 40px/50px 'Bangers', cursive;
    }
    /*------------------------------------------------------------------
            14. Text / .txt
    -------------------------------------------------------------------*/
    .txt{
        left: 50%;
        opacity: 0;
        z-index: 7;
        color: #fff;
        width: 380px;
        bottom: 180px;
        color: #f6f6f6;
        position: absolute;
        text-align: center;
        margin: 0 0 0 -290px;
        font: 300 16px/20px 'Poppins', sans-serif;
    }
    .txt p{
        margin: 0 0 35px;
        letter-spacing: 1px;
    }
    .btn{
        color: #fff;
        width: 170px;
        padding: 10px;
        border-radius: 5px;
        vertical-align: top;
        background: #96bb06;
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
        font: 16px/20px 'Poppins', sans-serif;
    }
    /*------------------------------------------------------------------
            15. Responsive Start
    -------------------------------------------------------------------*/
    @media only screen and (max-width: 1870px){
        #hock{left: 47.25%;}
        #title{top: 77%;}
    }
    @media only screen and (max-width: 1760px){
        #hock{left: 47.35%;}
    }
    @media only screen and (max-width: 1680px){
        #wrapper{min-height: 870px;height: 870px;}
        #hock{left: 47.45%; top: 40.9%;}
        #oh{left: 33.2%;}
    }
    @media only screen and (max-width: 1600px){
        #hock{left: 47.6%;}
    }
    @media only screen and (max-width: 1570px){
        #hock{left: 47.7%;}
        #oh{left: 32.2%;}
    }
    @media only screen and (max-width: 1462px){
        #hock{left: 47.85%;}
    }
    @media only screen and (max-width: 1400px){
        #wrapper{min-height: 768px;height: 768px;}
        #hock{left: 48.05%; top: 45.9%;}
        #oh{left: 31.2%;}
        .txt{
            bottom: 127px;
            margin: 0 0 0 -230px;
        }
        .txt p{margin: 0 0 23px;}
        #title{top: 76%;}
    }
    @media only screen and (max-width: 1370px){
        #wrapper{min-height: 650px;height: 650px;}
        #hock{left: 48.095%; top: 41.9%;}
        #oh{left: 29.9%; bottom: 39%;}
        .txt{bottom: 86px;}
        #moon{margin: -60px 0 0;}
        #title{top: 70%;}
    }
    @media only screen and (max-width: 1300px){
        #hock{left: 48.2%;}
        #oh{left: 30.2%;}
    }
    @media only screen and (max-width: 1240px){
        #hock{left: 48.3%; top: 41.9%;}
    }
    @media only screen and (max-width: 1240px){
        #hock{left: 48.4%;}
        #oh{left: 28%;}
    }
    @media only screen and (max-width: 1180px){
        #hock{left: 48.6%;}
        #oh{left: 27%;}
    }
    @media only screen and (max-width: 1120px){
        #hock{left: 48.7%;}
        #oh{left: 25%;}
    }
    @media only screen and (max-width: 1090px){
        #hock{left: 48.9%;}
    }
    @media only screen and (max-width: 1030px){
        #hock{left: 49.1%;}
    }
    @media only screen and (max-width: 970px){
        #hock{left: 49.3%;}
        #oh{left: 25%;}
        .txt{margin: 0 0 0 -210px;}
    }
    @media only screen and (max-width: 920px){
        #hock{left: 49.5%;}
    }
    @media only screen and (max-width: 880px){
        #wrapper{min-height: 1000px;height: 1000px;}
        #hock{left: 49.8%; top: 35.9%;}
        #title{top: 82%;}
        #moon{margin: 0;}
        #oh{left: 20%; bottom: 42%;}
    }
    @media only screen and (max-width: 835px){
        #hock{left: 50.0%;}
    }
    @media only screen and (max-width: 785px){
        #hock{left: 50.4%; top: 37%;}
        #oh{left: 19%;}
    }
    @media only screen and (max-width: 755px){
        #hock{left: 50.6%;}
    }
    @media only screen and (max-width: 700px){
        #hock{left: 50.9%;}
    }
    @media only screen and (max-width: 670px){
        #wrapper{min-height: 920px;height: 920px;}
        #hock{left: 51.2%; top: 39.9%;}
        #oh{left: 17%;}
    }
    @media only screen and (max-width: 630px){
        #hock{left: 51.6%;}
        #oh{left: 16%;}
    }
    @media only screen and (max-width: 595px){
        #hock{left: 52.0%;}
        #oh{left: 12%;}
    }
    @media only screen and (max-width: 565px){
        #hock{left: 52.4%;}
        #oh{left: 8%;}
    }
    @media only screen and (max-width: 540px){
        #hock{left: 52.8%;}
    }
    @media only screen and (max-width: 510px){
        #hock{left: 53.1%;}
    }
    @media only screen and (max-width: 490px){
        #wrapper{min-height: 840px;height: 840px;}
        #moon{margin: -22px 0 0;}
        #hock{left: 53.6%;}
        #oh{left: 6%;}
    }
    @media only screen and (max-width: 469px){
        #hock{left: 54.3%;}
    }
    @media only screen and (max-width: 430px){
        #hock{left: 54.8%;}
    }
    @media only screen and (max-width: 415px){
        #hock{left: 55.4%;}
        .txt{margin: 0 0 0 -180px;}
    }
    @media only screen and (max-width: 385px){
        #hock{left: 56.1%;}
        .txt{
            width: 340px;
            bottom: 150px;
            margin: 0 0 0 -170px;
        }
    }
    @media only screen and (max-width: 355px){
        #hock{left: 57.4%;}
    }
    @media only screen and (max-width: 325px){
        #hock{left: 57.8%;}
    }
</style>
<!-- Page Loader -->
<div id="pre-loader" class="loader-container">
    <div class="loader">
        <div></div>
        <div></div>
    </div>
</div>
<!-- main container of all the page elements -->
<div id="wrapper">
    <!-- mt bluesky -->
    <div id="mt-bluesky"></div>
    <!-- Page Loader -->
    <div id="mt-sun"></div>
    <!-- mt sun -->
    <div id="mt-sun2"></div>
    <!-- mt cloud -->
    <div id="mt-cloud"></div>
    <!-- mt base -->
    <div id="mt-base"></div>
    <!-- base overlay -->
    <div id="base-overlay"></div>
    <!-- night -->
    <div id="night"></div>
    <!-- stars -->
    <div id="stars"></div>
    <!-- sstar -->
    <div id="sstar"></div>
    <!-- moon -->
    <div id="moon"></div>
    <!-- hock -->
    <div id="hock"></div>
    <!-- title -->
    <span id="title"><span>404</span></span>
    <!-- oh -->
    <span id="oh">oh no</span>
    <!-- txt -->
    <div class="txt">
        <p>Нам очень жаль, но что-то пошло не так</p>
        <a href="https://deeppeep.ru/" class="btn">На главную</a>
    </div>
</div>

<script type="text/javascript">

</script>
</div>
<!-- FOOTER -->
<footer class="footer">
    <div class="container">
        <div class="row align-items-center flex-row-reverse">
            <div class="col-md-12 col-sm-12 text-center">
                Все права защищены <span class="fa fa-heart text-danger"></span> <span id="year"></span>
            </div>
        </div>
    </div>
</footer>
<div id="help" style="display:none;position: fixed;bottom: 50px;left: 50px;padding: 10px;font-size: 18px; background: white"></div>
<!-- FOOTER END -->
</div>

<!-- BACK-TO-TOP -->
<a href="#top" id="back-to-top"><i class="fa fa-angle-up"></i></a>
<a href="#help" id="helpdesc" data="1"><i class="fa fa-question"></i></a>

<!-- JQUERY JS -->
<script src="../assets/js/jquery.min.js"></script>

<!-- jsrender JS -->
<script src="https://www.jsviews.com/download/jsrender.min.js"></script>

<!-- BOOTSTRAP JS -->
<script src="../assets/plugins/bootstrap/js/popper.min.js"></script>
<script src="../assets/plugins/bootstrap/js/bootstrap.min.js"></script>

<!-- SIDEBAR JS -->
<script src="../assets/plugins/sidebar/sidebar.js"></script>


<!-- INTERNAL SELECT2 JS -->
<script src="../assets/plugins/select2/select2.full.min.js"></script>

<!-- INTERNAL Data tables js-->
<script src="../assets/plugins/datatable/js/jquery.dataTables.min.js"></script>
<script src="../assets/plugins/datatable/js/dataTables.bootstrap5.js"></script>
<script src="../assets/plugins/datatable/dataTables.responsive.min.js"></script>

<!-- SIDE-MENU JS-->
<script src="../assets/plugins/sidemenu/sidemenu.js"></script>

<!-- Color Theme js -->
<script src="../assets/js/themeColors.js"></script>
<!-- CUSTOM JS -->
<script src="../assets/js/custom.js"></script>

<script src="../js/common.js?time=1793972609"></script>
</body>

</html>