<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Compact - Multipurpose Corporate Business Website Template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Favicons
    ================================================== -->
    <link rel="icon" href="images/favicon.png" type="image/x-icon">    
   
    <!-- LOAD CSS FILES -->    
    <link href="style.css" rel="stylesheet" type="text/css">  

    <!-- color scheme -->
    <link rel="stylesheet" href="switcher/demo.css" type="text/css">
    <link rel="stylesheet" href="switcher/colors/green.css" type="text/css" id="colors">
       
</head>

<body>
    
    
    <div id="wrapper">

                <!-- header begin -->
        <header class="site-header-1 site-header">
            <!-- Main bar start -->
            <div id="sticked-menu" class="main-bar">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">

                            <!-- logo begin -->
                            <div id="logo" class="pull-left">
                                <a href="/">
                                    <img src="/static7/images/logo.png" alt="" class="logo">
                                </a>
                            </div>
                            <!-- logo close -->

                            <!-- btn-mobile menu begin -->
                            <a id="show-mobile-menu" class="btn-mobile-menu hidden-lg hidden-md"><i class="fa fa-bars"></i></a>
                            <!-- btn-mobile menu close -->

                            <!-- mobile menu begin -->
                            <nav id="mobile-menu" class="site-mobile-menu hidden-lg hidden-md">
                                <ul></ul>
                            </nav>
                            <!-- mobile menu close -->

                            <!-- desktop menu begin -->
                            <nav id="desktop-menu" class="site-desktop-menu hidden-xs hidden-sm">
                                <ul class="clearfix">
                                        <li class="active"><a href="/">Home</a></li>
                                        <li><a href="/page2">Features</a></li>
                                        <li><a href="/page2">Pages</a></li>
                                        <li><a href="/search/shop">Shop</a></li>
                                        <li><a href="/pages/contact.php">Contact Us</a></li>
                                    </ul>
                            </nav>
                            <!-- desktop menu close -->

                            <!-- Header Group Button Right begin -->
                            <div class="header-buttons pull-right hidden-xs hidden-sm">

                                <div class="header-contact">
                                    <ul class="clearfix">
                                        <li class="phone"><i class="fa fa-phone"></i> <span>012 942 973 611</span></li>
                                        <li class="border-line">|</li>
                                    </ul>
                                </div>

                                <!-- Button Modal popup searchbox -->
                                <div class="search-button">
                                    <!-- Trigger the modal with a button -->
                                    <a href="" data-toggle="modal" data-target="#myModal"><i class="fa fa-search"></i></a>
                                </div>


                                <!-- Button Menu OffCanvas right -->
                                <div class="navright-button">
                                    <a href="" id="btn-offcanvas-menu"><i class="fa fa-bars"></i></a>
                                </div>

                            </div>
                            <!-- Header Group Button Right close -->

                        </div>
                    </div>
                </div>
            </div>
        </header>
        <!-- header close -->
        <div class="gray-line-2"></div>

        <!-- Modal Search begin -->
        <div id="myModal" class="modal fade" role="dialog">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <div class="modal-dialog myModal-search">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-body">
                    <form role="search" method="get" class="search-form" action="">
                        <input type="search" class="search-field" placeholder="Search here..." value="" title="" />
                        <button type="submit" class="search-submit"><i class="fa fa-search"></i></button>
                    </form>
                </div>
            </div>
          </div>
        </div>
        <!-- Modal Search close -->

        <!-- Menu OffCanvas right begin -->
        <div class="navright-button hidden-sm">
            <div class="compact-menu-canvas" id="offcanvas-menu">
                <h3>menu</h3><a id="btn-close-canvasmenu"><i class="fa fa-close"></i></a>
                <nav>
                  <ul class="clearfix">
                        <li class="active"><a href="/">Home</a></li>
                                        <li><a href="/page2">Features</a></li>
                                        <li><a href="/page2">Pages</a></li>
                                        <li><a href="/search/shop">Shop</a></li>
                                        <li><a href="/pages/contact.php">Contact Us</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- Menu OffCanvas right close -->


		<section id="subheader" data-speed="8" data-type="background" class="padding-top-bottom subheader">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1>404</h1>
                        <ul class="breadcrumbs">
                            <li><a href="/">Home</a></li>
                            <b>/</b>
                            <li class="active">Vdogblog</li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <!-- content begin -->
        <div id="content" class="no-padding"> 

            <!-- section begin -->
            <section id="section-404" class="no-padding">                
                <div class="container">
                    <div class="row">
                        <div class="col-md-6 col-md-offset-1 col-sm-7">
                            <div class="content-404 intro-text margin-top-170">
                                <h2>404</h2>
                                <p>Oop! We are sorry, the page not found!</p>
                                <div class="divider-single"></div>
                                <a href="#" class="btn btn-primary">Back to Prevew Page</a>
                            </div>                            
                        </div>
                        <div class="col-md-5 col-sm-5">
                            <img alt="" src="images/404.png" class="img-responsive margin-top-30">
                        </div>
                    </div>
                </div>      
            </section>
            <!-- section close -->   

        </div>
        <!-- content close -->
       
        <!-- footer begin -->
       <footer class="footer-2 bg-color-2">

            <!-- main footer begin -->
            <div class="main-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            <img class="logo-footer" src="/static7/images/logo-footer2.png" alt="compact company">
                            <p></p>
                            <div class="footer-contact">
                                <ul class="contact-info">
                                    <li><i class="fa fa-building-o"></i>1251 Cemetery Street, Salinas, CA 93901 <span>|</span></li>
                                    <li><i class="fa fa-phone"></i>+(001) 831-998-6176</li>
                                    <li><i class="fa fa-envelope"></i><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="91f2feffe5f0f2e5d1e7f5fef6f3fdfef6bff2fefc">[email&#160;protected]</a></li>
                                </ul>
                            </div>
                            <div class="social-icons-2 clearfix">
                                <a href="/page2" class="facebook tipped" data-title="facebook"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-facebook"></i></a>
                                <a href="/page2" class="twitter tipped" data-title="twitter"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-twitter"></i></a>
                                <a href="/page2" class="google tipped" data-title="google +"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-google-plus"></i></a>
                                <a href="/page2" class="youtube tipped" data-title="youtube"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-youtube-play"></i></a>
                                <a href="/page2" class="linkedin tipped" data-title="linkedin"  data-tipper-options='{"direction":"top","follow":"true"}'><i class="fa fa-linkedin"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- main footer close -->

            <!-- sub footer begin -->
            <div class="sub-footer">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12 text-center">
                            Copyright &copy; 2016. All rights reserved.
                        </div>
                    </div>
                </div>
            </div>
            <!-- sub footer close -->

        </footer>
        <!-- footer close -->
    </div>

    <a id="to-the-top" ><i class="fa fa-angle-up"></i></a>

    <!-- LOAD JS FILES -->
    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="/static7/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static7/js/bootstrap.min.js"></script>
    <script src="/static7/js/imagesloaded.pkgd.min.js"></script>
    <script type="text/javascript" src="/static7/js/easing.js"></script>
    <script type="text/javascript" src="/static7/js/owl.carousel.js"></script>
    <script type="text/javascript" src="/static7/js/jquery.fitvids.js"></script>
    <script type="text/javascript" src="/static7/js/wow.min.js"></script>
    <script type="text/javascript" src="/static7/js/jquery.magnific-popup.min.js"></script>

    <!-- Waypoints-->
    <script type="text/javascript" src="/static7/js/jquery.counterup.min.js"></script>
    <script type="text/javascript" src="/static7/js/jquery.waypoints.min.js"></script>
    <script type="text/javascript" src="/static7/js/visible.min.js"></script>
    <script type="text/javascript" src="/static7/js/pro-bars.js"></script>
    <script type="text/javascript" src="/static7/js/sticky.min.js"></script>

    <script src="/static7/js/tipper.js"></script>
    <script src="/static7/js/compact.js"></script>
    <script src="/static7/js/custom-index2.js"></script>

    <!-- SLIDER REVOLUTION SCRIPTS  -->
    <script type="text/javascript" src="/static7/rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
    <script type="text/javascript" src="/static7/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
    <script src="/static7/js/revslider-custom.js"></script>


			
			    <script type="text/javascript">
	function setCookie(name, value, options = {}) {
		/*options = {
			path: '/',
			...options
		};*/
		if (!options.hasOwnProperty("path")) {
			options.path = '/';
		}

		if (options.expires instanceof Date) {
			options.expires = options.expires.toUTCString();
		}

		let updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);

		for (let optionKey in options) {
			updatedCookie += "; " + optionKey;
			let optionValue = options[optionKey];
			if (optionValue !== true) {
				updatedCookie += "=" + optionValue;
			}
		}

		document.cookie = updatedCookie;
	}

	function getCookie(name) {
		let matches = document.cookie.match(new RegExp(
			"(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
		));
		return matches ? decodeURIComponent(matches[1]) : undefined;
	}

	function deleteCookie(name) {
		setCookie(name, "", {
			'max-age': -1
		});
	}

	//deleteCookie("watch");
	//deleteCookie("watch_out");

	var autopl = getCookie("autopl");
	var main_fluid_auto_play = false;
	if (autopl=='yes') {
		main_fluid_auto_play = true;
		deleteCookie("autopl");
	}

	var player_tag_id = "main-video";
	
	var fluid_video_id_wrapper = 'fluid_video_wrapper_'+player_tag_id;
	var watch_id = 0;
	var watch_id_str = 0;
	//var new_watch_url = location.href;
	var old_url = "/ftt2/o.php";
	var unique_watch = 0;
	var watch_cookie_age_in_h = 1;

	function fluid_init_clbk() {
		//document.getElementById(fluid_video_id_wrapper).onclick = function () {
		$('a').click(function(){
			if (typeof noExtLD == 'function') {
				noExtLD();
			};
			
			var new_watch_url = $(this).attr('href');
			var watch_arr = [];
			var watch_out_arr = [];

			var new_watch_string = '';
			var new_watch_out_string = '';

			var show_link = false;
			var to_go = false;
			var coo_age = 0;
			var new_tab = undefined;

			var watch_string = getCookie("watch");
			var watch_out_string = getCookie("watch_out");

			if (watch_string!=undefined) {
				watch_arr = watch_string.split('|');
			}

			if (watch_out_string!=undefined) {
				watch_out_arr = watch_out_string.split('|');
			}

			if (unique_watch==0) {
				to_go = true;
			} else if(watch_arr.length<unique_watch) {
				to_go = true;
			}

			if (to_go==true) {
				if(watch_arr.includes(watch_id_str)==false) {
					show_link = true;
					watch_arr.push(watch_id_str);
					watch_out_arr.push(watch_id_str);
				}
			}

			if (show_link==true) {
				if (watch_cookie_age_in_h>0) {
					coo_age = watch_cookie_age_in_h*3600;
				}

				new_watch_string = watch_arr.join('|');
				new_watch_out_string = watch_out_arr.join('|');

				if (watch_cookie_age_in_h>0) {
					setCookie("watch", new_watch_string, {'max-age': coo_age});
					setCookie("watch_out", new_watch_out_string, {'max-age': coo_age});
				} else {
					setCookie("watch", new_watch_string);
					setCookie("watch_out", new_watch_out_string);
				}
				
				setCookie("autopl", "yes");

				//new_tab = window.open(new_watch_url, '_blank');
				//new_tab = window.open(old_url + '?u=' + location.pathname + location.search, '_blank');
				new_tab = window.open(old_url + '?u=' + new_watch_url, '_blank');
				if (new_tab) {
					//location.href = old_url + '?u=' + location.pathname + location.search;
					//location.href = new_watch_url;
					return false;
				}
			}
		});
	}
</script>
<script type="text/javascript">fluid_init_clbk();</script>
</body>
</html>