

<?php $__env->startSection('title', 'Page Not Found | DIGITAL STUDIO2'); ?>
<?php $__env->startPush('styles'); ?>
    <style>
        #notfound {
            position: relative;
            height: 100vh;
        }

        #notfound .notfound-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url('<?php echo e(asset('assets/hero.png')); ?>');
            background-size: cover;
        }

        #notfound .notfound-bg:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            background-color: #000000b2;
        }

        #notfound .notfound {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
        }

        .notfound {
            max-width: 910px;
            width: 100%;
            line-height: 1.4;
            text-align: center;
        }

        .notfound .notfound-404 {
            position: relative;
            height: 200px;
        }

        .notfound .notfound-404 h1 {
            font-family: 'Montserrat', sans-serif;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
            font-size: 220px;
            font-weight: 900;
            margin: 0px;
            color: var(--primary-color);
            text-transform: uppercase;
            letter-spacing: 10px;
        }

        .notfound h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: 22px;
            font-weight: 700;
            text-transform: uppercase;
            color: #fff;
            margin-top: 20px;
            margin-bottom: 15px;
        }

        .notfound .home-btn, .notfound .contact-btn {
            font-family: 'Montserrat', sans-serif;
            display: inline-block;
            font-weight: 700;
            text-decoration: none;
            background-color: transparent;
            border: 2px solid transparent;
            text-transform: uppercase;
            padding: 13px 25px;
            font-size: 18px;
            border-radius: 40px;
            margin: 7px;
            -webkit-transition: 0.2s all;
            transition: 0.2s all;
        }

        .notfound .home-btn:hover, .notfound .contact-btn:hover {
            opacity: 0.9;
        }

        .notfound .home-btn {
            color: var(--primary-color);
            background: #fff;
        }

        .notfound .contact-btn {
            border: 2px solid rgba(255, 255, 255, 0.9);
            color: rgba(255, 255, 255, 0.9);
        }

        .notfound-social {
            margin-top: 25px;
        }

        .notfound-social>a {
            display: inline-block;
            height: 40px;
            line-height: 40px;
            width: 40px;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.9);
            margin: 0px 6px;
            -webkit-transition: 0.2s all;
            transition: 0.2s all;
        }
        
        .notfound-social>a:hover {
            color: rgba(13, 110, 253, 0.7);
            background-color: #fff;
            border-radius: 50%;
        }

        @media only screen and (max-width: 767px) {
            .notfound .notfound-404 h1 {
                font-size: 182px;
            }
        }

        @media only screen and (max-width: 480px) {
            .notfound .notfound-404 {
                height: 146px;
            }
            
            .notfound .notfound-404 h1 {
                font-size: 146px;
            }
            
            .notfound h2 {
                font-size: 16px;
            }
            
            .notfound .home-btn, .notfound .contact-btn {
                font-size: 14px;
            }
        }
    </style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    <div id="notfound">
        <div class="notfound-bg"></div>
        <div class="notfound">
            <div class="notfound-404">
                <h1>404</h1>
            </div>
            <h2>we are sorry, but the page you requested was not found</h2>
            <a href="<?php echo e(route('home')); ?>" class="home-btn">Go Home</a>
            <a href="<?php echo e(route('contact')); ?>" class="contact-btn">Contact us</a>
            <div class="notfound-social">
                <a href="https://www.facebook.com/BoltonStudios.co.uk" target="_blank"><i class="fa fa-facebook"></i></a>
                <a href="<?php echo e(route('social.info')); ?>" target="_blank"><i class="fa fa-twitter"></i></a> 
                <a href="<?php echo e(route('social.info')); ?>" target="_blank"><i class="fa fa-instagram"></i></a>
                <a href="<?php echo e(route('social.info')); ?>" target="_blank"><i class="fa fa-behance"></i></a>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>





<?php echo $__env->make('layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH C:\xampp\htdocs\maijitech-projects\company-projects\new brands\laravel1\brand4\resources\views/errors/404.blade.php ENDPATH**/ ?>