<?php
session_start();
/*if(isset($_POST['submit'])){

$username=$_POST['name'];
$email=$_POST['email'];

$_SESSION['login_user']=$username;
$_SESSION['user_email']=$email;

//$to = "sales@deepocean.com, deepoceanengineeringinc@gmail.com, marketing@deepocean.com";
$to = "venkat.lbn@gmail.com";
$subject = "Deep Ocean Engineering – New Lead for Case Studies from the Website";

$message = "<p>Hi,</p>
<p>We have a new lead who has shown interest in the case studies.</p>
<p>Here’s the email address of the lead – ".$email.".</p>
<p>&nbsp;</p><p>&nbsp;</p>
<p>Regards,<br>Webmaster<br>Deep Ocean Engineering";

// Always set content-type when sending HTML email
$headers = "MIME-Version: 1.0" . "\r\n";
$headers .= "Content-type:text/html;charset=UTF-8" . "\r\n";

// More headers
$headers .= 'From: web@deepocean.com' . "\r\n";
$headers .= 'Cc: venkat@localbiznetwork.com' . "\r\n";
$headers .= 'Bcc: valanteena.lbn@gmail.com' . "\r\n";

mail($to,$subject,$message,$headers);	
echo "<script>window.alert('Thank you for your interest!  You can now download the case studies by using the ‘Download Case Study’ button.');</script>";			
}

if(isset($_SESSION['user_email'])){
$case_study_download = '<div class="download-icon"><a href="case_studies/Homeland Security.pdf" target="_blank"><i class="fas fa-download"></i> Case Study for Homeland Security</a>&nbsp;&nbsp;<a href="case_studies/Military.pdf" target="_blank"><i class="fas fa-download"></i> Case Study for Military</a></div>'; }
else { $case_study_download = '<div class="casestudies">
						    <a href="#myModal" class="case_studies"  data-toggle="modal"><i class="fas fa-book-open"></i>Case Studies</a>						        
							</div>'; }*/

?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	
	<meta name="robots" content="index, follow" />
	<meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
	<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />

    <title>PHANTOM&reg; S-SERIES ROV for sale, California | Deep Ocean Engineering</title>

<link rel="canonical" href="https://www.deepocean.com/rov-phantom-s5.php">

<script type="application/ld+json" id="ld-json-script">{"@context":"http://schema.org/","@type":"WebSite","name":"Phantom®  S-Series ROV for sale, California | Deep Ocean Engineering","url":"https://www.deepocean.com/rov-phantom-s5.php"} </script>

<meta property="og:title" content="Phantom® S-Series ROV for sale, California | Deep Ocean Engineering">
<meta property="og:site_name" content="Deep Ocean Engineering">
<meta property="og:url" content="https://www.deepocean.com/rov-phantom-s5.php">
<meta property="og:description" content="The Phantom® S-Series is a portable, high-performance ROV that combines superior power, telemetry, and payload with ease of use, ruggedness and reliability.">
<meta property="og:type" content="website">
<meta property="og:image" content="https://www.deepocean.com/img/product-img-4.png">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@deep_ocean_inc">
<meta name="twitter:title" content="Phantom® S-Series ROV for sale, California | Deep Ocean Engineering">
<meta name="twitter:description" content="The Phantom® S-Series is a portable, high-performance ROV that combines superior power, telemetry, and payload with ease of use, ruggedness and reliability.">
<meta name="twitter:image" content="https://www.deepocean.com/img/product-img-4.png">
	
	<meta name="description" content="The Phantom&reg; S-Series is a portable, high-performance ROV that combines superior power, telemetry, and payload with ease of use, ruggedness and reliability.">
	
    <link rel="icon" href="img/fav.ico" type="image/x-icon">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
    <!-- Bootstrap css -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- all css plugins -->
    <link href="css/animate.css" rel="stylesheet">
    <link href="ionicons/css/ionicons.min.css" rel="stylesheet">
    <link href="et-line-font/style.css" rel="stylesheet">
    <link href="css/lightcase.css" rel="stylesheet">
    <link href="css/slider-pro.css" rel="stylesheet">
    <link href="css/jquery.multiscroll.css" rel="stylesheet">
    <link href="css/demo-5.css" rel="stylesheet">
    <link href="css/demo-4.css" rel="stylesheet">
 <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css?v=2.1.5" media="screen" />
<link rel="stylesheet" href="css/font-awesome.min.css">

    <!-- main css -->
    <link href="css/style.css" rel="stylesheet">
          <link rel="stylesheet" href="css/style-tab.css">

             <!-- Modernizr -->
    <script src="js/modernizr.js"></script>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via f-->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DKJENE2X59"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-DKJENE2X59'); </script>

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PG73WN2');</script>
<!-- End Google Tag Manager -->

</head>

<body data-scroll-index="0">

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PG73WN2"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->


    <!-- website frame -->
    <span class="frame-line top-frame"></span>
    <span class="frame-line right-frame"></span>
    <span class="frame-line bottom-frame"></span>
    <span class="frame-line left-frame"></span>
    <!-- end website frame -->

    <!-- header -->
     <div class="top-header">
    <header>
        <!-- logo -->
        <div class="main-logo">
          <a href="index.html">   <img src="img/logo.png" style="" alt="Deep Ocean Engineering"></a>
        </div>
        <!-- end logo -->

        <!-- menu trigger -->
        <a href="#navigation" class="nav-trigger">
		    Menu <span></span>
        </a>
    <nav class="nav-container" id="navigation">
        <ul class="nav">
                <li><a class="link" href="index.html">Home</a></li>
                <li><a class="link" href="about.html">About</a></li>
                <li><a class="link" href="product.html">Products</a></li>
                <li><a class="link" href="applications.html">Applications</a></li>
				<li><a class="link" href="gallery.html">Gallery</a></li>
                <li><a class="link" href="support.html">Support</a></li>
                <li><a class="link" href="contact.html">Contact</a></li>
                <li><a class="link" href="news-and-events.html">News & Events</a></li>
        </ul>
    </nav>
        <!-- end menu trigger -->

    </header>
    </div>
    <!-- end header -->

    <div class="product-hed">
        <div class="container">
            <h1>PHANTOM&reg; S-SERIES</h1>
            <p><a href="index.html">Home</a> / Products / PHANTOM&reg; S-SERIES

</p>
        </div>
    </div>

<div class="main-container clearfix">
            
       <section class="first-section">

                <div class="col-md-6 mt-bt clearfix services-style-3 display-flex">
                <div class="icon-container">
                <div class="box-border clearfix">
                    <div class="col-md-12 col-sm-12 no-padding wow fadeInDown" data-wow-delay=".2s" style="visibility: visible; animation-delay: 0.2s; animation-name: fadeInDown;">
                        <div class="icon-box-s5">
                           
                            <h3>PHANTOM&reg; S-SERIES</h3>
                                     <span class="subtitle"><b>A POWERFUL AND MANUEVERABLE INSPECTION CLASS VEHICLE</b>
</span>
                            <p>The Phantom&reg; S-Series is a portable, high-performance ROV that combines superior power, telemetry, and payload with ease of use, ruggedness and reliability. It can be configured with six or eight magnetically-coupled brushless Tecnadyne&reg; thrusters to provide agressive lift capabilities at depths up to 1,000m. It delivers a powerful overall performance envelope and versatility compared to other inspection-class vehicles.  It is designed for applications across a spectrum of industries, and even in the harshest of conditions.</p>
                            <?php //if(isset($case_study_download)) {echo $case_study_download;} ?>

       <p></p><p></p>       <p></p><p></p>                </div>
                    </div>
                </div>
            </div>
                </div>
                
                
           <div class="col-md-6 mt-bt clearfix services-style-3">
    
                        <img src="img/product-img-4.png" class="img-responsive wow fadeInDown" data-wow-delay=".2s" alt="" />
                
     </div>
     
     <div class="clearfix"></div>
     </section>
     
<div class="product-big">
<div class="container">
<div class="content col-md-12">
<h3>PHANTOM&reg; S-SERIES TECHNOLOGY</h3>

<br>    <p>The advanced technology of the Phantom&reg; S-Series ROV platform offers powerful maneuverability and lift, incorporates an open architecture to integrate a wide variety of sensors, and is hand-built on a rugged, resilient, non-corroding polypropylene chassis that can accomodate heavier payloads.</p>
</div></div>
 

                                  	   <figure1><center><img src="img/phantom-s5-large.png" alt="Phantom S5 ROV"></center></figure>
                                       <span id="phantom-s5-1"><a class="fancybox" href="#inline1" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>
                                       <span id="phantom-s5-2"><a class="fancybox" href="#inline2" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>
                                       <span id="phantom-s5-3"><a class="fancybox" href="#inline3" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>
                                       <span id="phantom-s5-4"><a class="fancybox" href="#inline4" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>
                                       <span id="phantom-s5-5"><a class="fancybox" href="#inline5" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>
                                       <span id="phantom-s5-6"><a class="fancybox" href="#inline6" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>                                      
                                       
                                        <span id="phantom-s5-7"><a class="fancybox" href="#inline6" title="" rel="gallery"><i class="fa fa-plus"></i></a></span>

                                       
                                       
                                <div id="inline1" class="light-box-inline">
                                       	           	    <h3>Brushless Thrusters</h3>
                                            
                                            <p>Powerful magnetically coupled brushless thrusters.</p>
                                       </div>
                                       <div id="inline2" class="light-box-inline">
                                       	 	    <h3>Protective Covers</h3>
                                            
                                            <p>Protective covers house electric bottles, cables, and additional floatation if needed.</p>
                                       
                                       </div>
                                       <div id="inline3" class="light-box-inline">
                                       	    <h3>HD Camera</h3>
                                            
                                            <p>High resolution for optimum video quality.</p>
                                       </div>
                                       <div id="inline4" class="light-box-inline">
                                       	  <h3>LED Lights</h3>
                                            
                                            <p>LED Lights - Flood or Spot.</p>
                                       </div>
                                       <div id="inline5" class="light-box-inline">
                                         <h3>Open Frame Design</h3>
                                            
                                            <p>Open frame design allows a multitude of 3rd party integrations and configurations.</p>
                                       </div>
                                       <div id="inline6" class="light-box-inline">
                                       	    <h3>Polypropylene Frame</h3>
                                            
                                            <p>Resilient polypropylene frame.</p>
                                       </div>
                                          <div id="inline7" class="light-box-inline">
                                       	     <h3>Manipulator</h3>
                                            
                                            <p>Manipulator or tooling skid added easily as an option.</p>
                                       </div>
                                  </div>

     
<section class="count-tab">

            <div class="col-md-12">
     
            
  <ul class="tabs">
  <li class="active" rel="tab1">Salient Features</li>
  <li rel="tab2">Application</li>
  <li rel="tab3">Hardware & Software</li>
  <li rel="tab4">Thrusters</li>
  <li rel="tab5">Weight & Size</li>
  <li rel="tab6">Specifications</li>
</ul>
<div class="tab_container">
  <h3 class="d_active tab_drawer_heading" rel="tab1">Salient Features</h3>
  <div id="tab1" class="tab_content">
 
             
             <ul>
             <li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Superior power, payload, and telemetry</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Depth rated up to 1,000 meters
</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Easy to use and maintain
</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Rugged and reliable</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Cost-effective and portable
</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;More versatile than other vehicles of its class
</li>
</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Black polypropylene, non-conductive / non-corroding frame
</li>
             </ul>

  </div>
  <!-- #tab1 -->

  <!-- #tab2 -->
  <h3 class="tab_drawer_heading" rel="tab2">Applications</h3>
  <div id="tab2" class="tab_content">

    
             <ul>
             <li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Pipeline inspection, routing, and survey</li>
             <li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Energy: hydroelectric dams, offshore wind turbines, oil & gas pipelines</li>
             <li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Infrastructure: visual leak detection, ultrasonic thickness detection, cathodic protection probe, flooded member detector</li>
             <li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Area mapping, seismic survey research, seabed sample collection
</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Science: archaeology, geology, biology studies </li>
             <li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Drill support
 
</li>
             </ul>
  </div>
  
   <h3 class="tab_drawer_heading" rel="tab3">Hardware and Software</h3>
  <div id="tab3" class="tab_content">
 
             <ul>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Tilt assembly with LED lighting and camera</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;On Screen Display - color text and graphics overlay</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Graphical User Interface</li>           
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Dual Joysticks - forward, reverse, lateral, vertical.
</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;2 LED lights of 30,000 lumens on fully dimmable circuits</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Navigation with auto heading and a stabilization pilot assist function</li>
<li><i class="fa fa-check" aria-hidden="true"></i>
&nbsp;Umbilical of 1000 meters standard length</li>
</ul>
  </div>
  
     <!-- #tab3 -->
  <h3 class="tab_drawer_heading" rel="tab4">Thrusters</h3>
<div id="tab4" class="tab_content">
    <table>
         
             <tbody><tr>
             <td class="product-content"><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Configuration</b></td>
                          <td>:&nbsp;</td>
             <td>4-Vectored Horizontal Thrusters, 2-Vertical (optional 2 aft for the S8)</td>
             </tr>
                          <tr>
             <td class="product-content"><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Forward Thrust</b></td>
             <td>:&nbsp;</td>
             <td>165kgf (364lbs) (S6) / 260kgf (574lbs) (S8)</td>
             </tr>
   <tr>
             <td class="product-content"><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Reverse Thrust</b></td>
             <td>:&nbsp;</td>
             <td>157kgf (346lbs) (S6) / 248kgf (546lbs) (S8)</td>
             </tr>
   <tr>
             <td class="product-content"><i class="fa fa-check" aria-hidden="true"></i>             
&nbsp; <b>Lateral Thrust</b></td>
                          <td>:&nbsp;</td>

             <td>91kgf (200lbs) (S6) / 91kgf (200lbs) (S8)</td>
             </tr>
              <tr>
             <td class="product-content"><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Vertical Thrust</b></td>
                          <td>:&nbsp;</td>

             <td>92kgf (202lbs) (S6) / 92kgf (202lbs) (S8)</td>
             </tr> 
              <tr>
             <td class="product-content"><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Thrusters</b></td>
                          <td>:&nbsp;</td>

             <td>1.5 hp Tecnadyne magnetically-coupled brushless</td>
             </tr> 

             </tbody></table>
            
  </div>
  
     <!-- #tab5 -->
  <h3 class="tab_drawer_heading" rel="tab5">Weight & Size
</h3>
  <div id="tab5" class="tab_content">
    <table>
         
             <tbody>
                          
   <tr>
             <td><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Weight</b></td>
                          <td>:&nbsp;</td>

             <td>295kg (650lbs) (S6) / 313kg (690lbs) (S8)</td>
             </tr>
              <tr>
             <td><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Length</b></td>
                          <td>:&nbsp;</td>

             <td>1360mm (53.5 in)</td>
             </tr> 
              <tr>
             <td><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Width</b></td>
                          <td>:&nbsp;</td>

             <td>860mm (33.9 in)</td>
             </tr> 
             <tr>
             <td><i class="fa fa-check" aria-hidden="true"></i>
&nbsp; <b>Height</b></td>
                          <td>:&nbsp;</td>

             <td> 740mm (29.0 in)</td>
             </tr> 
                 
             
             </tbody></table>
            
  </div>
  
  
  <!-- #tab5 -->
  <h3 class="tab_drawer_heading" rel="tab6">Specifications</h3>
  <div id="tab6" class="tab_content">
   <p> For additional information, click here</p>
   <a href="pdf/new/Phantom-S-Series-Technical-Specifications.pdf" class="app-btn" target="_blank">Download PDF for S Series</a> <a href="pdf/new/Phantom-S6-Technical-Specifications.pdf" class="app-btn" target="_blank">Download PDF for S6</a> <a href="pdf/new/Phantom-S8-Technical-Specifications.pdf" class="app-btn" target="_blank">Download PDF for S8</a> 
  </div>
  <!-- #tab4 --> 
  
  
  
  
</div>
            </div>
     <div class="clearfix"></div>
            <!-- count div -->
          </section>
   
        
 <section class="count-body clearfix">
            <iframe src="newsletter.php" style="width: 100%;border: 0px;" ></iframe>
 </section>
        <!-- count div -->
    </div>            
                
        
        
               
            
            
            
            
            
            
            
            
            
   

    <footer class="clearfix">
        <a class="back-to-top" href="#" data-scroll-goto="0"><i class="ion-ios-arrow-thin-up"></i></a>
        <div class="col-md-7 col-xs-12">
            <ul class="nav pull-left">
                 <li><a class="link" href="index.html">Home</a></li>
                 <li><span>|</span></li>
                <li><a class="link" href="about.html">About</a></li>
                                 <li><span>|</span></li>
                <li><a class="link" href="product.html">Products</a></li>
                                 <li><span>|</span></li>
                <li><a class="link" href="applications.html">Applications</a></li>
                                 <li><span>|</span></li>
                 <li><a class="link" href="support.html">Support</a></li>
                                  <li><span>|</span></li>
                <li><a class="link" href="contact.html">Contact</a></li>
                                 <li><span>|</span></li>
                      <li><a class="link" href="news-and-events.html">News & Events</a></li>
                                       <li><span>|</span></li>
                                <li><a class="link" href="sales-agents.html">Sales Agents</a></li>
            </ul>
        </div>
        <div class="col-md-5 col-xs-12">
            <ul class="social-footer pull-right">
                <li><a href="https://www.facebook.com/deepoceanengineering" target="_blank"><i class="ion-social-facebook"></i></a></li>
                <li><a href="https://twitter.com/deep_ocean_inc" target="_blank"><i class="ion-social-twitter"></i></a></li>
                <li><a href="http://www.youtube.com/ROVs4Sale/" target="_blank"><i class="ion-social-youtube"></i></a></li>
                <li><a href="http://instagram.com/deep_ocean_engineering_inc" target="_blank"><i class="ion-social-instagram"></i></a></li>
            </ul>
        </div>


    </footer>


    <!-- jQuery-->
    <script src="js/jquery.js"></script>
    <!-- bootstrap js -->
    <script src="js/bootstrap.min.js"></script>
    <!-- all js plugins -->

    <script src="js/scrollIt.min.js"></script>
    <script src="js/wow.min.js"></script>

    <script src="js/jquery.mobile.custom.min.js"></script>
    <script src="js/blog.js"></script>
    <script src="js/jquery.appear.js"></script>
    <script src="js/jquery.countTo.js"></script>
    <script src="js/jquery.easings.min.js"></script>
    <script src="js/jquery.multiscroll.min.js"></script>

    <!-- cutom script -->
    <script src="js/custom.js"></script>

 <!-- Add fancyBox main JS and CSS files -->
        <script type="text/javascript" src="js/jquery.fancybox.js?v=2.1.5"></script>
        
        <script type="text/javascript">
		$(document).ready(function() {
			/*
			 *  Simple image gallery. Uses default settings
			 */

			$('.fancybox').fancybox();

			/*
			 *  Different effects
			 */

			// Change title type, overlay closing speed
			$(".fancybox-effects-a").fancybox({
				helpers: {
					title : {
						type : 'outside'
					},
					overlay : {
						speedOut : 0
					}
				}
			});

			// Disable opening and closing animations, change title type
			$(".fancybox-effects-b").fancybox({
				openEffect  : 'none',
				closeEffect	: 'none',

				helpers : {
					title : {
						type : 'over'
					}
				}
			});

			// Set custom style, close if clicked, change title type and overlay color
			$(".fancybox-effects-c").fancybox({
				wrapCSS    : 'fancybox-custom',
				closeClick : true,

				openEffect : 'none',

				helpers : {
					title : {
						type : 'inside'
					},
					overlay : {
						css : {
							'background' : 'rgba(238,238,238,0.85)'
						}
					}
				}
			});

			// Remove padding, set opening and closing animations, close if clicked and disable overlay
			$(".fancybox-effects-d").fancybox({
				padding: 0,

				openEffect : 'elastic',
				openSpeed  : 150,

				closeEffect : 'elastic',
				closeSpeed  : 150,

				closeClick : true,

				helpers : {
					overlay : null
				}
			});

			/*
			 *  Button helper. Disable animations, hide close button, change title type and content
			 */

			$('.fancybox-buttons').fancybox({
				openEffect  : 'none',
				closeEffect : 'none',

				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,

				helpers : {
					title : {
						type : 'inside'
					},
					buttons	: {}
				},

				afterLoad : function() {
					this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
				}
			});


			/*
			 *  Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked
			 */

			$('.fancybox-thumbs').fancybox({
				prevEffect : 'none',
				nextEffect : 'none',

				closeBtn  : false,
				arrows    : false,
				nextClick : true,

				helpers : {
					thumbs : {
						width  : 50,
						height : 50
					}
				}
			});

			/*
			 *  Media helper. Group items, disable animations, hide arrows, enable media and button helpers.
			*/
			$('.fancybox-media')
				.attr('rel', 'media-gallery')
				.fancybox({
					openEffect : 'none',
					closeEffect : 'none',
					prevEffect : 'none',
					nextEffect : 'none',

					arrows : false,
					helpers : {
						media : {},
						buttons : {}
					}
				});

			/*
			 *  Open manually
			 */

			$("#fancybox-manual-a").click(function() {
				$.fancybox.open('1_b.jpg');
			});

			$("#fancybox-manual-b").click(function() {
				$.fancybox.open({
					href : 'iframe.html',
					type : 'iframe',
					padding : 5
				});
			});

			$("#fancybox-manual-c").click(function() {
				$.fancybox.open([
					{
						href : '1_b.jpg',
						title : 'My title'
					}, {
						href : '2_b.jpg',
						title : '2nd title'
					}, {
						href : '3_b.jpg'
					}
				], {
					helpers : {
						thumbs : {
							width: 75,
							height: 50
						}
					}
				});
			});


		});
		
		$(".fancybox")
		.attr('rel', 'gallery')
		.fancybox({
			openEffect  : 'none',
			closeEffect : 'none',
			nextEffect  : 'none',
			prevEffect  : 'none',
			padding     : 0,
			margin      : [20, 60, 20, 60] // Increase left/right margin
		});
	</script>

</body>

</html>


<script>
$(window).on("scroll", function() {
    if($(window).scrollTop() > 400) {
        $(".top-header").addClass("active");
    } else {
        //remove the background property so it comes transparent again (defined in your css)
       $(".top-header").removeClass("active");
    }
});
</script>


<style>
#tab1 td {padding: 4px;}
#tab2 td {padding: 4px;}
#tab3 td {padding: 4px;}
#tab4 td {padding: 4px;}

</style>

    <script  src="js/index.js"></script>
<?php include_once('check_email_popup.php'); ?>	
