

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html>
    <head><title>404 Page</title>
        <style>
            .error-block {
                margin-bottom: 60px;
                text-align: center;
                font-family: 'Segoe UI';
                font-size: 20px;
            }
            .errorPage .head {
                background: #e12;
                color: rgba(255, 255, 255, 0.4);
                font-weight: bold;
                width: 250px;
                font-size: 126px;
                display: block;
                margin: 50px auto;
                box-shadow: 0px 0px 15px #ec1111;
            }
            
            .errorPage a {
                
                color: #000;
                font-size: 16px;
                font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
            }
            
            h2 span {
                font-size: 30px;
                color: #000;
                text-transform: uppercase;
            }
            
            .errorPage a:hover {
                color: #e12;
            }
            
            .imgContent {
                position: absolute;
                top: 0;
                left: 0;
                background-color:#666666;
                width: 100%;
                height: 120px;
                /*padding-top: 19px;*/
                display: none;
                opacity: 0.4;
                
            }
            
            .imgContent h4 {
                color: #ffffff;
                padding: 0 10px;
                font-size: 13px;
            }
            
            .imgCTA:hover .imgContent {
                display: block;
                background-color: rgba(0, 0, 0, 0.85);
                cursor: pointer;
                opacity: 1;
                transition: all 0.7s ease-in-out;
            }
            
            .imgwrap {
                float: left;
                width: 100%;
                text-align: center;
                position: relative;
                max-height:100px;
                margin:25px 0;
            }
            img{
                max-width: 100%;
            }
            .imgwrap img {
                width: auto;
                height: auto;
                cursor: pointer;
                border: 1px solid #cacaca;
            }
            
            .error-block {
                margin-bottom: 60px;
            }
            
            @media only screen and (max-width: 640px) {
                .list li {
                        width: 50%;
                    }
                }
                @media only screen and (max-width: 320px) {
                    .imgContent {
                            margin-left: 0;
                            padding: 0;
                            width: 164px !important;
                        }
                    }
                    
                    @media only screen and (max-width: 480px) {
                        .list li {
                                width: 100%;
                            }
                            .imgContent {
                            margin-left: 0px;
                            padding: 0;
                            width: 165px;
                        }
                    }
        </style>    
    </head>
    <body>
        <div class="container-fluid">
            <div class="row">
                <div class="col-xs-12">
                    <div class="errorPage">
                        <div class="text-center error-block">
                            <div class="head">404</div>
                            <h2><span>oops!</span><strong> Page Not Found</strong></h2>
                            <h3>Sorry, an error has occured, the page you are looking for cannot be found.</h3>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>