<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>500 ERROR | SEALSWCC.COM</title>
<!-- Meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Favicon -->
<link rel="shortcut icon" href="http://www.sealswcc.com/favicon.ico">
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700' rel='stylesheet' type='text/css'><link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<!-- CSS Global Compulsory -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="template/version-1.8/HTML/assets/css/style.css">
<!-- CSS Header and Footer -->
<link rel="stylesheet" href="template/version-1.8/HTML/assets/css/headers/header-default-centered-3.css">
<link rel="stylesheet" href="template/version-1.8/HTML/assets/css/footers/footer-v1-2.css">
<!-- CSS Implementing Plugins -->
<link rel="stylesheet" href="template/version-1.8/HTML/assets/plugins/animate.css">
<link rel="stylesheet" href="template/version-1.8/HTML/assets/plugins/line-icons/line-icons.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- CSS Page Style -->
<link href="template/version-1.8/HTML/assets/css/pages/blog_masonry_3col.css" rel="stylesheet">
<!-- CSS Customization -->
<link rel="stylesheet" type="text/css" href="template/version-1.8/HTML/assets/css/theme-skins/dark.css">
<link rel="stylesheet" type="text/css" href="template/version-1.8/HTML/assets/css/theme-colors/blue-2.css">
<link rel="stylesheet" type="text/css" href="template/version-1.8/HTML/assets/css/custom-social-masonry.css">
<link rel="stylesheet" href="template/version-1.8/HTML/assets/css/custom-10.css">
<!-- Start Google Tracking Code -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-4131837-3', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Tracking Code -->
<style>
/* This adjusts the vertical position of main title on Droid*/
@media (max-width:399px) {
.promo-text-wrapper {
padding-top: 55%;
}
}
@media (min-width:400px) and (max-width:568px) {
.promo-text-wrapper {
padding-top: 45%;
}
}
@media (min-width:569px) and (max-width:668px) {
.promo-text-wrapper {
padding-top: 25%;
}
}
@media (min-width:669px) and (max-width:768px) {
.promo-text-wrapper {
padding-top: 40%;
}
}
@media (min-width:769px) {
.promo-text-wrapper {
padding-top: 35%;
}
}
</style>
</head>
<body>
<!-- Promo block BEGIN -->
<section class="promo-section" id="intro">
<!-- Fullscreen Static Image BEGIN -->
<div class="fullscreen-static-image fullheight">
<!-- Promo Content BEGIN -->
<div class="container valign__middle">
<div class="promo-text-wrapper">
<div class="row">
<div class="col-sm-10 col-sm-offset-1 text-center-xs">
<div class="promo-text-404">
500
</div>
<div class="promo-text-404-small">
TARGET URL IS DOWN
</div>
<div class="promo-next">
<span class="page-scroll"><a class="btn btn-index-page" href="http://www.sealswcc.com/become-navy-seal.html">NAVY SEAL</a></span>
<span class="page-scroll"><a class="btn btn-index-page" href="http://www.sealswcc.com/become-navy-swcc.html">NAVY SWCC</a></span>
</div>
</div>
</div>
</div>
</div>
<!-- Promo Content END --><!-- Fullscreen Static Image END -->
</section>
<!-- Promo block END -->
<!-- JS Global Compulsory -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="template/version-1.8/HTML/assets/plugins/jquery/jquery-migrate.min.js"></script>
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<!-- JS Implementing Plugins -->
<script type="text/javascript" src="template/version-1.8/HTML/assets/plugins/back-to-top.js"></script>
<script type="text/javascript" src="template/version-1.8/HTML/assets/plugins/smoothScroll.js"></script>
<!-- JS Customization -->
<script type="text/javascript" src="template/version-1.8/HTML/assets/js/custom.js"></script>
<!-- JS Page Level -->
<script type="text/javascript" src="template/version-1.8/HTML/assets/js/app.js"></script>
<!-- Background Slider (Backstretch) -->
<script type="text/javascript" src="template/version-1.8/HTML/assets/plugins/backstretch/jquery.backstretch.min.js"></script>
<script>
$.backstretch([
"http://www.sealswcc.com/images/background/background-404-desaturated.jpg",
], {
fade: 1000,
duration: 0
});
</script>
<script type="text/javascript">
jQuery(document).ready(function() {
App.init();
});
</script>
<!--[if lt IE 9]>
<script src="assets/plugins/respond.js"></script>
<script src="assets/plugins/html5shiv.js"></script>
<script src="assets/plugins/placeholder-IE-fixes.js"></script>
<![endif]-->
</body>
</html>