CINXE.COM
ISLAS MURCIÉLAGOS – BAT ISLANDS - Deep Blue Diving
<!DOCTYPE html> <!--[if IE 7]> <html class="ie ie7" lang="en-US" prefix="og: http://ogp.me/ns#"> <![endif]--> <!--[if IE 8]> <html class="ie ie8" lang="en-US" prefix="og: http://ogp.me/ns#"> <![endif]--> <!--[if !(IE 7) & !(IE 8)]><!--> <html lang="en-US" prefix="og: http://ogp.me/ns#"> <!--<![endif]--> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0"> <title>ISLAS MURCIÉLAGOS – BAT ISLANDS - Deep Blue Diving</title> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="http://www.deepblue-diving.com/xmlrpc.php"> <!--[if lt IE 9]> <script src="http://www.deepblue-diving.com/wp-content/themes/deepbluediving/js/html5.js"></script> <![endif]--> <!-- This site is optimized with the Yoast SEO plugin v3.4 - https://yoast.com/wordpress/plugins/seo/ --> <meta name="description" content="Bat Islands are a world class dive location for advanced divers in Costa Rica. One of the highlights are the face to face encounters with massive bull-sharks, up to 12ft/3.5m. Located around 30 miles/45 km north-west from Playas del Coco, at the most outward west-tip of the Santa Rosa National Park. Our boat takes you there in about 1 hour!"/> <link rel="canonical" href="http://www.deepblue-diving.com/dive-sites/bat-islands/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="ISLAS MURCIÉLAGOS – BAT ISLANDS - Deep Blue Diving" /> <meta property="og:description" content="Bat Islands are a world class dive location for advanced divers in Costa Rica. One of the highlights are the face to face encounters with massive bull-sharks, up to 12ft/3.5m. Located around 30 miles/45 km north-west from Playas del Coco, at the most outward west-tip of the Santa Rosa National Park. Our boat takes you there in about 1 hour!" /> <meta property="og:url" content="http://www.deepblue-diving.com/dive-sites/bat-islands/" /> <meta property="og:site_name" content="Deep Blue Diving" /> <meta property="og:image" content="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland2.jpg" /> <meta property="og:image:width" content="992" /> <meta property="og:image:height" content="644" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="Bat Islands are a world class dive location for advanced divers in Costa Rica. One of the highlights are the face to face encounters with massive bull-sharks, up to 12ft/3.5m. Located around 30 miles/45 km north-west from Playas del Coco, at the most outward west-tip of the Santa Rosa National Park. Our boat takes you there in about 1 hour!" /> <meta name="twitter:title" content="ISLAS MURCIÉLAGOS – BAT ISLANDS - Deep Blue Diving" /> <meta name="twitter:image" content="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland2.jpg" /> <!-- / Yoast SEO plugin. --> <link rel='dns-prefetch' href='//www.deepblue-diving.com' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel='dns-prefetch' href='//s.w.org' /> <link rel="alternate" type="application/rss+xml" title="Deep Blue Diving » Feed" href="http://www.deepblue-diving.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Deep Blue Diving » Comments Feed" href="http://www.deepblue-diving.com/comments/feed/" /> <!-- This site uses the Google Analytics by MonsterInsights plugin v7.10.0 - Using Analytics tracking - https://www.monsterinsights.com/ --> <script type="text/javascript" data-cfasync="false"> var mi_version = '7.10.0'; var mi_track_user = true; var mi_no_track_reason = ''; var disableStr = 'ga-disable-UA-6719629-2'; /* Function to detect opted out users */ function __gaTrackerIsOptedOut() { return document.cookie.indexOf(disableStr + '=true') > -1; } /* Disable tracking if the opt-out cookie exists. */ if ( __gaTrackerIsOptedOut() ) { window[disableStr] = true; } /* Opt-out function */ function __gaTrackerOptout() { document.cookie = disableStr + '=true; expires=Thu, 31 Dec 2099 23:59:59 UTC; path=/'; window[disableStr] = true; } if ( mi_track_user ) { (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','__gaTracker'); __gaTracker('create', 'UA-6719629-2', 'auto'); __gaTracker('set', 'forceSSL', true); __gaTracker('require', 'displayfeatures'); __gaTracker('send','pageview'); } else { console.log( "" ); (function() { /* https://developers.google.com/analytics/devguides/collection/analyticsjs/ */ var noopfn = function() { return null; }; var noopnullfn = function() { return null; }; var Tracker = function() { return null; }; var p = Tracker.prototype; p.get = noopfn; p.set = noopfn; p.send = noopfn; var __gaTracker = function() { var len = arguments.length; if ( len === 0 ) { return; } var f = arguments[len-1]; if ( typeof f !== 'object' || f === null || typeof f.hitCallback !== 'function' ) { console.log( 'Not running function __gaTracker(' + arguments[0] + " ....) because you are not being tracked. " + mi_no_track_reason ); return; } try { f.hitCallback(); } catch (ex) { } }; __gaTracker.create = function() { return new Tracker(); }; __gaTracker.getByName = noopnullfn; __gaTracker.getAll = function() { return []; }; __gaTracker.remove = noopfn; window['__gaTracker'] = __gaTracker; })(); } </script> <!-- / Google Analytics by MonsterInsights --> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/11\/svg\/","svgExt":".svg","source":{"concatemoji":"http:\/\/www.deepblue-diving.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.26"}}; !function(e,a,t){var n,r,o,i=a.createElement("canvas"),p=i.getContext&&i.getContext("2d");function s(e,t){var a=String.fromCharCode;p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,e),0,0);e=i.toDataURL();return p.clearRect(0,0,i.width,i.height),p.fillText(a.apply(this,t),0,0),e===i.toDataURL()}function c(e){var t=a.createElement("script");t.src=e,t.defer=t.type="text/javascript",a.getElementsByTagName("head")[0].appendChild(t)}for(o=Array("flag","emoji"),t.supports={everything:!0,everythingExceptFlag:!0},r=0;r<o.length;r++)t.supports[o[r]]=function(e){if(!p||!p.fillText)return!1;switch(p.textBaseline="top",p.font="600 32px Arial",e){case"flag":return s([55356,56826,55356,56819],[55356,56826,8203,55356,56819])?!1:!s([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]);case"emoji":return!s([55358,56760,9792,65039],[55358,56760,8203,9792,65039])}return!1}(o[r]),t.supports.everything=t.supports.everything&&t.supports[o[r]],"flag"!==o[r]&&(t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&t.supports[o[r]]);t.supports.everythingExceptFlag=t.supports.everythingExceptFlag&&!t.supports.flag,t.DOMReady=!1,t.readyCallback=function(){t.DOMReady=!0},t.supports.everything||(n=function(){t.readyCallback()},a.addEventListener?(a.addEventListener("DOMContentLoaded",n,!1),e.addEventListener("load",n,!1)):(e.attachEvent("onload",n),a.attachEvent("onreadystatechange",function(){"complete"===a.readyState&&t.readyCallback()})),(n=t.source||{}).concatemoji?c(n.concatemoji):n.wpemoji&&n.twemoji&&(c(n.twemoji),c(n.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='jquery.bxslider-css' href='//www.deepblue-diving.com/wp-content/plugins/testimonials-widget/includes/libraries/bxslider-4/dist/jquery.bxslider.css?ver=4.9.26' type='text/css' media='all' /> <link rel='stylesheet' id='Axl_Testimonials_Widget-css' href='//www.deepblue-diving.com/wp-content/plugins/testimonials-widget/assets/css/testimonials-widget.css?ver=4.9.26' type='text/css' media='all' /> <link rel='stylesheet' id='easy-modal-site-css' href='http://www.deepblue-diving.com/wp-content/plugins/easy-modal/assets/styles/easy-modal-site.css?ver=0.1' type='text/css' media='all' /> <link rel='stylesheet' id='siteorigin-panels-front-css' href='http://www.deepblue-diving.com/wp-content/plugins/siteorigin-panels/css/front.css?ver=2.4.10' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='http://www.deepblue-diving.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.4.2' type='text/css' media='all' /> <link rel='stylesheet' id='menu-image-css' href='http://www.deepblue-diving.com/wp-content/plugins/menu-image/menu-image.css?ver=1.1' type='text/css' media='all' /> <link rel='stylesheet' id='meteor-slides-css' href='http://www.deepblue-diving.com/wp-content/plugins/meteor-slides/css/meteor-slides.css?ver=1.0' type='text/css' media='all' /> <link rel='stylesheet' id='popup-maker-site-css' href='http://www.deepblue-diving.com/wp-content/plugins/popup-maker/assets/css/site.min.css?ver=1.6.6' type='text/css' media='all' /> <link rel='stylesheet' id='wprps_slick_style-css' href='http://www.deepblue-diving.com/wp-content/plugins/wp-responsive-recent-post-slider/assets/css/slick.css?ver=4.9.26' type='text/css' media='all' /> <link rel='stylesheet' id='wprps_recent_post_style-css' href='http://www.deepblue-diving.com/wp-content/plugins/wp-responsive-recent-post-slider/assets/css/recent-post-style.css?ver=4.9.26' type='text/css' media='all' /> <link rel='stylesheet' id='deepbluediving-fonts-css' href='//fonts.googleapis.com/css?family=Source+Sans+Pro%3A300%2C400%2C700%2C300italic%2C400italic%2C700italic%7CBitter%3A400%2C700&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='genericons-css' href='http://www.deepblue-diving.com/wp-content/themes/deepbluediving/genericons/genericons.css?ver=3.03' type='text/css' media='all' /> <link rel='stylesheet' id='deepbluediving-style-css' href='http://www.deepblue-diving.com/wp-content/themes/deepbluediving/style.css?ver=2013-07-18' type='text/css' media='all' /> <link rel='stylesheet' id='easy_table_style-css' href='http://www.deepblue-diving.com/wp-content/plugins/easy-table/themes/default/style.css?ver=1.6' type='text/css' media='all' /> <link rel='stylesheet' id='js_composer_front-css' href='http://www.deepblue-diving.com/wp-content/plugins/js_composer/assets/css/js_composer.min.css?ver=5.4.4' type='text/css' media='all' /> <link rel='stylesheet' id='addtoany-css' href='http://www.deepblue-diving.com/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.15' type='text/css' media='all' /> <style id='addtoany-inline-css' type='text/css'> @media screen and (max-width:980px){ .a2a_floating_style.a2a_vertical_style{display:none;} } </style> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var monsterinsights_frontend = {"js_events_tracking":"true","download_extensions":"doc,pdf,ppt,zip,xls,docx,pptx,xlsx","inbound_paths":"[]","home_url":"http:\/\/www.deepblue-diving.com","hash_tracking":"false"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/google-analytics-for-wordpress/assets/js/frontend.min.js?ver=7.10.0'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/meteor-slides/js/jquery.cycle.all.js?ver=4.9.26'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/meteor-slides/js/jquery.metadata.v2.js?ver=4.9.26'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/meteor-slides/js/jquery.touchwipe.1.1.1.js?ver=4.9.26'></script> <script type='text/javascript'> /* <![CDATA[ */ var meteorslidessettings = {"meteorslideshowspeed":"2000","meteorslideshowduration":"5000","meteorslideshowheight":"530","meteorslideshowwidth":"1800","meteorslideshowtransition":"fade"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/meteor-slides/js/slideshow.js?ver=4.9.26'></script> <link rel='https://api.w.org/' href='http://www.deepblue-diving.com/wp-json/' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.deepblue-diving.com/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.deepblue-diving.com/wp-includes/wlwmanifest.xml" /> <link rel='shortlink' href='http://www.deepblue-diving.com/?p=194' /> <link rel="alternate" type="application/json+oembed" href="http://www.deepblue-diving.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F" /> <link rel="alternate" type="text/xml+oembed" href="http://www.deepblue-diving.com/wp-json/oembed/1.0/embed?url=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F&format=xml" /> <script data-cfasync="false"> window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={}; (function(d,s,a,b){a=d.createElement(s);b=d.getElementsByTagName(s)[0];a.async=1;a.src="https://static.addtoany.com/menu/page.js";b.parentNode.insertBefore(a,b);})(document,"script"); </script> <meta name="generator" content="Custom Login v3.2.5" /> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="http://www.deepblue-diving.com/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.min.css" media="screen"><![endif]--> <style type="text/css" id="deepbluediving-header-css"> .slider { background: url(http://www.deepblue-diving.com/wp-content/uploads/2021/05/header_deep_blue_diving_wave4.jpg) no-repeat scroll top; background-size: 1800px auto; min-height:250px; } @media (max-width: 767px) { .slider { background-size: auto 100%; } } </style> <link rel="icon" href="http://www.deepblue-diving.com/wp-content/uploads/2016/07/fav-36x36.png" sizes="32x32" /> <link rel="icon" href="http://www.deepblue-diving.com/wp-content/uploads/2016/07/fav.png" sizes="192x192" /> <link rel="apple-touch-icon-precomposed" href="http://www.deepblue-diving.com/wp-content/uploads/2016/07/fav.png" /> <meta name="msapplication-TileImage" content="http://www.deepblue-diving.com/wp-content/uploads/2016/07/fav.png" /> <style>#responsive-menu-button, #responsive-menu-container { display: none; } @media screen and (max-width: 767px) { #responsive-menu-container { display: block; } #responsive-menu-container { position: fixed; top: 0; bottom: 0; /* Fix for scroll bars appearing when not needed */ z-index: 9998; padding-bottom: 5px; margin-bottom: -5px; overflow-y: auto; overflow-x: hidden; } #responsive-menu-container .responsive-menu-search-box { width: 100%; padding: 0 2%; border-radius: 2px; border: 2px solid #dadada; height: 50px; background: white; } #responsive-menu-container.push-left, #responsive-menu-container.slide-left { transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); } .responsive-menu-open #responsive-menu-container.push-left, .responsive-menu-open #responsive-menu-container.slide-left { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-top, #responsive-menu-container.slide-top { transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); } .responsive-menu-open #responsive-menu-container.push-top, .responsive-menu-open #responsive-menu-container.slide-top { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container.push-right, #responsive-menu-container.slide-right { transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); } .responsive-menu-open #responsive-menu-container.push-right, .responsive-menu-open #responsive-menu-container.slide-right { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); } #responsive-menu-container.push-bottom, #responsive-menu-container.slide-bottom { transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); } .responsive-menu-open #responsive-menu-container.push-bottom, .responsive-menu-open #responsive-menu-container.slide-bottom { transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); } #responsive-menu-container, #responsive-menu-container:before, #responsive-menu-container:after, #responsive-menu-container *, #responsive-menu-container *:before, #responsive-menu-container *:after { box-sizing: border-box; margin: 0; padding: 0; } #responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title { padding: 25px 5%; } #responsive-menu-container #responsive-menu, #responsive-menu-container #responsive-menu ul { width: 100%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu { display: none; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu.responsive-menu-submenu-open { display: block; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link { padding-left: 10%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-2 a.responsive-menu-item-link { padding-left: 15%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-3 a.responsive-menu-item-link { padding-left: 20%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-4 a.responsive-menu-item-link { padding-left: 25%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-5 a.responsive-menu-item-link { padding-left: 30%; } #responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-6 a.responsive-menu-item-link { padding-left: 35%; } #responsive-menu-container li.responsive-menu-item { width: 100%; list-style: none; } #responsive-menu-container li.responsive-menu-item a { width: 100%; display: block; margin-top: -1px; text-decoration: none; padding: 0 5%; position: relative; } #responsive-menu-container li.responsive-menu-item a .fa { margin-right: 15px; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow { position: absolute; right: 0; top: 0; bottom: 0; text-align: center; overflow: hidden; } #responsive-menu-container li.responsive-menu-item a .responsive-menu-subarrow .fa { margin-right: 0; } .responsive-menu-button .responsive-menu-button-icon-inactive { display: none; } #responsive-menu-button { z-index: 9999; display: none; overflow: hidden; } #responsive-menu-button img { max-width: 100%; } .responsive-menu-label { display: inline-block; font-weight: 600; margin: 0 5px; vertical-align: middle; } .responsive-menu-accessible { display: inline-block; } .responsive-menu-accessible .responsive-menu-box { display: inline-block; vertical-align: middle; } .responsive-menu-label.responsive-menu-label-top, .responsive-menu-label.responsive-menu-label-bottom { display: block; margin: 0 auto; } } @media screen and (max-width: 767px) { /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ /* * Boring */ .responsive-menu-button { padding: 0 0; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .responsive-menu-button:hover { opacity: 1; } .responsive-menu-box { width: 25px; height: 19px; display: inline-block; position: relative; } .responsive-menu-inner { display: block; top: 50%; margin-top: -1.5px; } .responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after { width: 25px; height: 3px; background-color: #ff5a00; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .responsive-menu-inner::before, .responsive-menu-inner::after { content: ""; display: block; } .responsive-menu-inner::before { top: -8px; } .responsive-menu-inner::after { bottom: -8px; } .responsive-menu-boring .responsive-menu-inner, .responsive-menu-boring .responsive-menu-inner::before, .responsive-menu-boring .responsive-menu-inner::after { transition-property: none; } .responsive-menu-boring.is-active .responsive-menu-inner { transform: rotate(45deg); } .responsive-menu-boring.is-active .responsive-menu-inner::before { top: 0; opacity: 0; } .responsive-menu-boring.is-active .responsive-menu-inner::after { bottom: 0; transform: rotate(-90deg); } .responsive-menu-button { width: 55px; height: 55px; position: absolute; top: 75px; right: 1%; } .responsive-menu-button .responsive-menu-box { color: #ff5a00; } .responsive-menu-label { color: #fff; font-size: 14px; line-height: 13px; } #responsive-menu-button { display: inline-block; transition: transform 0.5s, background-color 0.5s; } } @media screen and (max-width: 767px) { #responsive-menu-container { width: 75%; left: 0; background: #fff; transition: transform 0.5s; text-align: left; } #responsive-menu-container #responsive-menu-wrapper { background: #fff; } #responsive-menu-container #responsive-menu-additional-content { color: #fff; } #responsive-menu-container a, #responsive-menu-container #responsive-menu-title, #responsive-menu-container .responsive-menu-subarrow { transition: all 0.5s; } #responsive-menu-container #responsive-menu-title { background-color: #fff; color: #fff; font-size: 13px; } #responsive-menu-container #responsive-menu-title a { color: #fff; text-decoration: none; } #responsive-menu-container #responsive-menu-title a:hover { color: #fff; } #responsive-menu-container #responsive-menu-title:hover { background-color: #fff; color: #fff; } #responsive-menu-container #responsive-menu-title:hover a { color: #fff; } #responsive-menu-container #responsive-menu-title #responsive-menu-title-image { display: inline-block; vertical-align: middle; margin-right: 15px; } #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link { font-size: 13px; } #responsive-menu-container #responsive-menu li.responsive-menu-item a { line-height: 40px; border: 1px solid #dcdcdc; color: #ff5a00; background-color: #fff; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover { color: #fff; background-color: #ff5a00; border-color: #fff; } #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover .responsive-menu-subarrow { color: #fff; border-color: #fff; background-color: #3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow { height: 40px; line-height: 40px; width: 40px; color: #fff; border-left: 1px solid #212121; background-color: #212121; } #responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow:hover { color: #fff; border-color: #fff; background-color: #3f3f3f; } #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link { background-color: #ff5a00; color: #fff; } #responsive-menu-container #responsive-menu li.responsive-menu-item.responsive-menu-current-item > .responsive-menu-item-link:hover { background-color: #fff; color: #fff; } } </style><script> jQuery(document).ready(function($) { var ResponsiveMenu = { trigger: '#responsive-menu-button', animationSpeed: 500, breakpoint: 767, pushButton: 'off', animationType: 'slide', animationSide: 'left', pageWrapper: '', isOpen: false, triggerTypes: 'click', activeClass: 'is-active', container: '#responsive-menu-container', openClass: 'responsive-menu-open', accordion: 'off', activeArrow: '▲', inactiveArrow: '▼', wrapper: '#responsive-menu-wrapper', closeOnBodyClick: 'off', closeOnLinkClick: 'off', itemTriggerSubMenu: 'off', linkElement: '.responsive-menu-item-link', openMenu: function() { $(this.trigger).addClass(this.activeClass); $('html').addClass(this.openClass); $('.responsive-menu-button-icon-active').hide(); $('.responsive-menu-button-icon-inactive').show(); this.setWrapperTranslate(); this.isOpen = true; }, closeMenu: function() { $(this.trigger).removeClass(this.activeClass); $('html').removeClass(this.openClass); $('.responsive-menu-button-icon-inactive').hide(); $('.responsive-menu-button-icon-active').show(); this.clearWrapperTranslate(); this.isOpen = false; }, triggerMenu: function() { this.isOpen ? this.closeMenu() : this.openMenu(); }, triggerSubArrow: function(subarrow) { var sub_menu = $(subarrow).parent().next('.responsive-menu-submenu'); var self = this; if(this.accordion == 'on') { /* Get Top Most Parent and the siblings */ var top_siblings = sub_menu.parents('.responsive-menu-item-has-children').last().siblings('.responsive-menu-item-has-children'); var first_siblings = sub_menu.parents('.responsive-menu-item-has-children').first().siblings('.responsive-menu-item-has-children'); /* Close up just the top level parents to key the rest as it was */ top_siblings.children('.responsive-menu-submenu').slideUp(200, 'linear').removeClass('responsive-menu-submenu-open'); /* Set each parent arrow to inactive */ top_siblings.each(function() { $(this).find('.responsive-menu-subarrow').first().html(self.inactiveArrow); }); /* Now Repeat for the current item siblings */ first_siblings.children('.responsive-menu-submenu').slideUp(200, 'linear').removeClass('responsive-menu-submenu-open'); first_siblings.each(function() { $(this).find('.responsive-menu-subarrow').first().html(self.inactiveArrow); }); } if(sub_menu.hasClass('responsive-menu-submenu-open')) { sub_menu.slideUp(200, 'linear').removeClass('responsive-menu-submenu-open'); $(subarrow).html(this.inactiveArrow); } else { sub_menu.slideDown(200, 'linear').addClass('responsive-menu-submenu-open'); $(subarrow).html(this.activeArrow); } }, menuHeight: function() { return $(this.container).height(); }, menuWidth: function() { return $(this.container).width(); }, wrapperHeight: function() { return $(this.wrapper).height(); }, setWrapperTranslate: function() { switch(this.animationSide) { case 'left': translate = 'translateX(' + this.menuWidth() + 'px)'; break; case 'right': translate = 'translateX(-' + this.menuWidth() + 'px)'; break; case 'top': translate = 'translateY(' + this.wrapperHeight() + 'px)'; break; case 'bottom': translate = 'translateY(-' + this.menuHeight() + 'px)'; break; } if(this.animationType == 'push') { $(this.pageWrapper).css({'transform':translate}); $('html, body').css('overflow-x', 'hidden'); } if(this.pushButton == 'on') { $('#responsive-menu-button').css({'transform':translate}); } }, clearWrapperTranslate: function() { self = this; if(this.animationType == 'push') { $(this.pageWrapper).css({'transform':''}); setTimeout(function() { $('html, body').css('overflow-x', ''); }, self.animationSpeed); } if(this.pushButton == 'on') { $('#responsive-menu-button').css({'transform':''}); } }, init: function() { var self = this; $(this.trigger).on(this.triggerTypes, function(e){ e.stopPropagation(); self.triggerMenu(); }); $('.responsive-menu-subarrow').on('click', function(e) { e.preventDefault(); e.stopPropagation(); self.triggerSubArrow(this); }); $(window).resize(function() { if($(window).width() > self.breakpoint) { if(self.isOpen){ self.closeMenu(); } } else { if($('.responsive-menu-open').length>0){ self.setWrapperTranslate(); } } }); if(this.closeOnLinkClick == 'on') { $(this.linkElement).on('click', function(e) { e.preventDefault(); old_href = $(this).attr('href'); if(self.isOpen) { if($(e.target).closest('.responsive-menu-subarrow').length) { return; } self.closeMenu(); setTimeout(function() { window.location = old_href; }, self.animationSpeed); } }); } if(this.closeOnBodyClick == 'on') { $(document).on('click', 'body', function(e) { if(self.isOpen) { if($(e.target).closest('#responsive-menu-container').length || $(e.target).closest('#responsive-menu-button').length) { return; } } self.closeMenu(); }); } if(this.itemTriggerSubMenu == 'on') { $('.responsive-menu-item-has-children > ' + this.linkElement).on('click', function(e) { e.preventDefault(); self.triggerSubArrow($(this).children('.responsive-menu-subarrow').first()); }); } } }; ResponsiveMenu.init(); }); </script><noscript><style type="text/css"> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript> <style id="pum-styles" type="text/css" media="all"> /* Popup Google Fonts */ @import url('//fonts.googleapis.com/css?family=Acme|Montserrat'); /* Popup Theme 1289: Framed Border */ .pum-theme-1289, .pum-theme-framed-border { background-color: rgba( 255, 255, 255, 0.50 ) } .pum-theme-1289 .pum-container, .pum-theme-framed-border .pum-container { padding: 18px; border-radius: 0px; border: 20px outset #dd3333; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.97 ) inset; background-color: rgba( 255, 251, 239, 1.00 ) } .pum-theme-1289 .pum-title, .pum-theme-framed-border .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-size: 32px; line-height: 36px } .pum-theme-1289 .pum-content, .pum-theme-framed-border .pum-content { color: #2d2d2d; font-family: inherit } .pum-theme-1289 .pum-content + .pum-close, .pum-theme-framed-border .pum-content + .pum-close { height: 20px; width: 20px; left: auto; right: -20px; bottom: auto; top: -20px; padding: 0px; color: #ffffff; font-family: Acme; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 0.55 ) } /* Popup Theme 1288: Cutting Edge */ .pum-theme-1288, .pum-theme-cutting-edge { background-color: rgba( 0, 0, 0, 0.50 ) } .pum-theme-1288 .pum-container, .pum-theme-cutting-edge .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 0px 10px 25px 0px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 30, 115, 190, 1.00 ) } .pum-theme-1288 .pum-title, .pum-theme-cutting-edge .pum-title { color: #ffffff; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Sans-Serif; font-size: 26px; line-height: 28px } .pum-theme-1288 .pum-content, .pum-theme-cutting-edge .pum-content { color: #ffffff; font-family: inherit } .pum-theme-1288 .pum-content + .pum-close, .pum-theme-cutting-edge .pum-content + .pum-close { height: 24px; width: 24px; left: auto; right: 0px; bottom: auto; top: 0px; padding: 0px; color: #1e73be; font-family: inherit; font-size: 32px; line-height: 24px; border: 1px none #ffffff; border-radius: 0px; box-shadow: -1px 1px 1px 0px rgba( 2, 2, 2, 0.10 ); text-shadow: -1px 1px 1px rgba( 0, 0, 0, 0.10 ); background-color: rgba( 238, 238, 34, 1.00 ) } /* Popup Theme 1287: Hello Box */ .pum-theme-1287, .pum-theme-hello-box { background-color: rgba( 0, 0, 0, 0.75 ) } .pum-theme-1287 .pum-container, .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 80px; border: 14px solid #81d742; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-1287 .pum-title, .pum-theme-hello-box .pum-title { color: #2d2d2d; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: Montserrat; font-size: 32px; line-height: 36px } .pum-theme-1287 .pum-content, .pum-theme-hello-box .pum-content { color: #2d2d2d; font-family: inherit } .pum-theme-1287 .pum-content + .pum-close, .pum-theme-hello-box .pum-content + .pum-close { height: auto; width: auto; left: auto; right: -30px; bottom: auto; top: -30px; padding: 0px; color: #2d2d2d; font-family: inherit; font-size: 32px; line-height: 28px; border: 1px none #ffffff; border-radius: 28px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 255, 255, 255, 1.00 ) } /* Popup Theme 1286: Enterprise Blue */ .pum-theme-1286, .pum-theme-enterprise-blue { background-color: rgba( 0, 0, 0, 0.70 ) } .pum-theme-1286 .pum-container, .pum-theme-enterprise-blue .pum-container { padding: 28px; border-radius: 5px; border: 1px none #000000; box-shadow: 0px 10px 25px 4px rgba( 2, 2, 2, 0.50 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-1286 .pum-title, .pum-theme-enterprise-blue .pum-title { color: #315b7c; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-size: 34px; line-height: 36px } .pum-theme-1286 .pum-content, .pum-theme-enterprise-blue .pum-content { color: #2d2d2d; font-family: inherit } .pum-theme-1286 .pum-content + .pum-close, .pum-theme-enterprise-blue .pum-content + .pum-close { height: 28px; width: 28px; left: auto; right: 8px; bottom: auto; top: 8px; padding: 4px; color: #ffffff; font-family: inherit; font-size: 20px; line-height: 20px; border: 1px none #ffffff; border-radius: 42px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 49, 91, 124, 1.00 ) } /* Popup Theme 1285: Light Box */ .pum-theme-1285, .pum-theme-lightbox { background-color: rgba( 0, 0, 0, 0.60 ) } .pum-theme-1285 .pum-container, .pum-theme-lightbox .pum-container { padding: 18px; border-radius: 3px; border: 8px solid #000000; box-shadow: 0px 0px 30px 0px rgba( 2, 2, 2, 1.00 ); background-color: rgba( 255, 255, 255, 1.00 ) } .pum-theme-1285 .pum-title, .pum-theme-lightbox .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-size: 32px; line-height: 36px } .pum-theme-1285 .pum-content, .pum-theme-lightbox .pum-content { color: #000000; font-family: inherit } .pum-theme-1285 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { height: 30px; width: 30px; left: auto; right: -24px; bottom: auto; top: -24px; padding: 0px; color: #ffffff; font-family: inherit; font-size: 24px; line-height: 26px; border: 2px solid #ffffff; border-radius: 30px; box-shadow: 0px 0px 15px 1px rgba( 2, 2, 2, 0.75 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 0, 0, 1.00 ) } /* Popup Theme 1284: Default Theme */ .pum-theme-1284, .pum-theme-default-theme { background-color: rgba( 0, 0, 0, 0.64 ) } .pum-theme-1284 .pum-container, .pum-theme-default-theme .pum-container { padding: 18px; border-radius: 0px; border: 1px none #000000; box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 ); background-color: rgba( 249, 249, 249, 1.00 ) } .pum-theme-1284 .pum-title, .pum-theme-default-theme .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-size: 32px; line-height: 36px } .pum-theme-1284 .pum-content, .pum-theme-default-theme .pum-content { color: #8c8c8c; font-family: inherit } .pum-theme-1284 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close { height: auto; width: auto; left: auto; right: 0px; bottom: auto; top: 0px; padding: 8px; color: #ffffff; font-family: inherit; font-size: 12px; line-height: 14px; border: 1px none #ffffff; border-radius: 0px; box-shadow: 0px 0px 0px 0px rgba( 2, 2, 2, 0.23 ); text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 ); background-color: rgba( 0, 183, 205, 1.00 ) } </style></head> <body class="page-template page-template-divedetails-page page-template-divedetails-page-php page page-id-194 page-child parent-pageid-28 single-author internal ie windows no-sidebar page-bat-islands wpb-js-composer js-comp-ver-5.4.4 vc_responsive responsive-menu-slide-left"> <header id="masthead" class="site-header" role="banner"> <div class="top-header"> <div class="center-page"> <aside id="custom_post_widget-5" class="widget-1 widget-first widget-odd widget widget_custom_post_widget"><div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p><a href="https://www.flickr.com/photos/deepbluediving/show/" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-13" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/flickr.png" alt="flickr" width="20" height="18" /></a> <a href="https://www.facebook.com/DeepBlueDivingCostaRica/" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-12" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/facebook.png" alt="facebook" width="20" height="18" /></a> <a href="https://www.tripadvisor.com.mx/Attraction_Review-g309243-d1457287-Reviews-Deep_Blue_Diving_Adventures-Playas_del_Coco_Province_of_Guanacaste.html" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-15" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/tripadvisor.png" alt="tripadvisor" width="20" height="18" /></a> <a href="https://www.instagram.com/deepblue_divingcoco/" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-3474" src="http://www.deepblue-diving.com/wp-content/uploads/2023/05/instagram-1.png" alt="instagram" width="16" height="16" /></a><a href="https://www.youtube.com/channel/UCDJo1CmwUWB5hRSMOq9fwjA" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-17" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/youtube.png" alt="youtube" width="20" height="18" /></a><a href="https://www.instagram.com/deepblue_divingcoco/" target="_blank" rel="noopener"> </a><a href="https://deepbluedivingcostarica.wordpress.com/" target="_blank" rel="noopener">Blog</a></p> </div> </div> </div></div></div></div> </aside><aside id="custom_post_widget-4" class="widget-2 widget-even widget widget_custom_post_widget"><p>PHONE CALL <a class="orange-text" href="tel:+50626701004">(+506) 2670-1004</a></p> </aside><aside id="custom_post_widget-3" class="widget-3 widget-odd widget widget_custom_post_widget"><p><a href="mailto:dive@deepblue-diving.com">dive@deepblue-diving.com</a></p> </aside><aside id="custom_post_widget-29" class="widget-4 widget-last widget-even widget widget_custom_post_widget"><div class="langbf_right"> <ul> <li><a href="http://www.deepblue-diving.com/"><img class="alignnone size-full wp-image-1653" /> English</a></li> <li><a href="http://www.deepblue-diving.com/es"><img class="alignnone size-full wp-image-1653" /> Español</a></li> <li><a href="http://www.deepblue-diving.com/fr"><img class="alignnone size-full wp-image-1653" /> Français</a></li> <li><a href="http://www.deepblue-diving.com/de"><img class="alignnone size-full wp-image-1653" /> Deutsch</a></li> </ul> </div> </aside> </div> </div> <div class="primary-header center-page"> <div class="header-left left"> <aside id="widget_sp_image-2" class="widget-1 widget-first widget-last widget-odd widget widget_sp_image"><a href="http://www.deepblue-diving.com/" id="" target="_self" class="widget_sp_image-image-link" title="" rel=""><img width="268" height="87" alt="" class="attachment-full" style="max-width: 100%;" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/deep-blue-diving.png" /></a></aside> </div> <div class="header-right right"> <div class="header-buttons"> <aside id="search-2" class="widget-1 widget-first widget-odd widget widget_search"><form role="search" method="get" class="search-form" action="http://www.deepblue-diving.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></aside><aside id="custom_post_widget-6" class="widget-2 widget-last widget-even widget widget_custom_post_widget"><p><a class="blue-btn" href="http://www.deepblue-diving.com/find-us/">Find Us</a> <a class="orange-btn" href="http://www.deepblue-diving.com/contact/">BOOK NOW</a></p> </aside> </div> <div class="nav-menu"> <div class="nav-menu"><ul id="main-menu" class="menu"><li id="menu-item-1137" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1137"><a href="http://www.deepblue-diving.com" class='menu-image-title-after'><span class="menu-image-title">Home</span></a></li> <li id="menu-item-3433" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3433"><a href="http://www.deepblue-diving.com/dive-trips/" class='menu-image-title-after'><span class="menu-image-title">DIVE TRIPS</span></a></li> <li id="menu-item-3392" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3392"><a href="http://www.deepblue-diving.com/dive-courses-costa-rica/" class='menu-image-title-after'><span class="menu-image-title">DIVE COURSES</span></a></li> <li id="menu-item-1140" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1140"><a href="http://www.deepblue-diving.com/dive-rates/" class='menu-image-title-after'><span class="menu-image-title">RATES</span></a></li> <li id="menu-item-1138" class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-1138"><a href="http://www.deepblue-diving.com/dive-sites/" class='menu-image-title-after'><span class="menu-image-title">DIVE SITES</span></a></li> <li id="menu-item-1141" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1141"><a href="http://www.deepblue-diving.com/blog/category/dive-packages/" class='menu-image-title-after'><span class="menu-image-title">Hotel & Dive</span></a></li> <li id="menu-item-1144" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1144"><a href="http://www.deepblue-diving.com/contact/" class='menu-image-title-after'><span class="menu-image-title">CONTACT</span></a></li> <li id="menu-item-1142" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1142"><a href="http://www.deepblue-diving.com/pictures/" class='menu-image-title-after'><span class="menu-image-title">PICTURES</span></a></li> </ul></div> </div> </div> <div class="clear"></div> </div> </header> <div class="slider"> </div> <div id="main" class="site-main"> <div class="dark-bar title-dive-site"> <div class="center-page"> <p class="entry-title">DIVE SITES</p> </div> </div> <div class="sidebar-page-wrapper center-page"> <div id="primary" class="content-area"> <div id="content" class="site-content" role="main"> <article id="post-194" class="post-194 page type-page status-publish has-post-thumbnail hentry"> <div class="entry-content"> <h1 class="entry-title">ISLAS MURCIÉLAGOS – BAT ISLANDS</h1> <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-12"><div class="vc_column-inner "><div class="wpb_wrapper"> <style> /***<add>***/ #huge_it_loading_image_3 { height:545px; width:840px; display: table-cell; text-align: center; vertical-align: middle; } #huge_it_loading_image_3.display { display: table-cell; } #huge_it_loading_image_3.nodisplay { display: none; } #huge_it_loading_image_3 img { margin: auto 0; width: 20% !important; } .huge_it_slideshow_image_wrap_3 { height:545px; width:840px; max-width: calc(100% - 0px); position:relative; display: block; text-align: center; /*HEIGHT FROM HEADER.PHP*/ clear:both; float:none; margin:0px auto; border-style:solid; border-left:0px !important; border-right:0px !important; opacity:0 } .huge_it_slideshow_image_wrap1_3.display { width: 100%; height:100%; } .huge_it_slideshow_image_wrap1_3.display { display:block; } .huge_it_slideshow_image_wrap1_3.nodisplay { opacity:0; } .huge_it_slideshow_image_wrap_3 * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .huge_it_slideshow_image_3 { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .huge_it_slideshow_image_wrap1_3{ height:545px; width:840px; max-width: 100%; } #huge_it_slideshow_left_3, #huge_it_slideshow_right_3 { cursor: pointer; display:none; height: 100%; outline: medium none; position: absolute; z-index: 13; margin-top: 0px !important; top: 50%; transform: translateY(-50%); } #huge_it_slideshow_left-ico_3, #huge_it_slideshow_right-ico_3 { z-index: 13; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: table; left: -9999px; line-height: 0; margin-top: -15px; position: absolute; top: 50%; /*z-index: 10135;*/ } #huge_it_slideshow_left-ico_3:hover, #huge_it_slideshow_right-ico_3:hover { cursor: pointer; } .huge_it_slideshow_image_container_3 { display: table; position: relative; top:0px; left:0px; text-align: center; vertical-align: middle; width:100%; overflow:hidden; height: 100%; } .huge_it_slideshow_title_text_3 { text-decoration: none; position: absolute; z-index: 11; display: inline-block; width:24%; /*height:44%;*/ right:3%;top:3%; padding:2%; text-align:right; font-weight:bold; color:#000000; background:rgba(255,255,255,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:4px; } .huge_it_slideshow_description_text_3 { text-decoration: none; position: absolute; z-index: 11; border-style:solid; display: inline-block; width:64%; /*height:44%;*/ right:3%;bottom:3%; padding:3%; text-align:justify; color:#ffffff; background:rgba(0,0,0,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_title_text_3.none, .huge_it_slideshow_description_text_3.none, .huge_it_slideshow_title_text_3.hidden, .huge_it_slideshow_description_text_3.hidden {display:none;} .huge_it_slideshow_title_text_3 h1, .huge_it_slideshow_description_text_3 h1, .huge_it_slideshow_title_text_3 h2, .huge_it_slideshow_title_text_3 h2, .huge_it_slideshow_title_text_3 h3, .huge_it_slideshow_title_text_3 h3, .huge_it_slideshow_title_text_3 h4, .huge_it_slideshow_title_text_3 h4, .huge_it_slideshow_title_text_3 p, .huge_it_slideshow_title_text_3 p, .huge_it_slideshow_title_text_3 strong, .huge_it_slideshow_title_text_3 strong, .huge_it_slideshow_title_text_3 span, .huge_it_slideshow_title_text_3 span, .huge_it_slideshow_title_text_3 ul, .huge_it_slideshow_title_text_3 ul, .huge_it_slideshow_title_text_3 li, .huge_it_slideshow_title_text_3 li { padding:2px; margin:0px; } .huge_it_slide_container_3 { display: table-cell; margin: 0 auto; position: relative; vertical-align: middle; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_3 { margin: 0 auto; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_3 li img{ position: absolute; /*top: -0px !important; left: -0px !important;*/ left:0; height: 100%; } .huge_it_slide_bg_3 li iframe{ width: 100%; height: 100%; } .huge_it_slider_3 { width:100%; height:100%; display:table !important; padding:0px !important; margin:0px !important; } .huge_it_slideshow_image_item_3 { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute !important; top:0px !important; left:0px !important; vertical-align: middle; z-index: 1; margin:0px !important; padding:0px !important; overflow: hidden !important; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_3 { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute !important; top:0px !important; left:0px !important; vertical-align: middle; overflow:hidden; margin:0px !important; visibility:visible !important; padding:0px !important; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_3 a, .huge_it_slideshow_image_item_3 a { display:block; width:100%; height:100%; } .huge_it_grid_3 { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } .huge_it_gridlet_3 { opacity: 1; filter: Alpha(opacity=100); position: absolute; } .huge_it_slideshow_dots_container_3 { display: table; position: absolute; width:100% !important; height:100% !important; } .huge_it_slideshow_dots_thumbnails_3 { margin: 0 auto; overflow: hidden; position: absolute; width:100%; height:30px; } .huge_it_slideshow_dots_3 { display: inline-block; position: relative; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); width:10px; height: 10px; border-radius: 10px; background: #00f; margin: 10px; overflow: hidden; z-index: 17; } .huge_it_slideshow_dots_active_3 { opacity: 1; filter: Alpha(opacity=100); } .huge_it_slideshow_dots_deactive_3 { } .huge_it_slideshow_image_wrap_3 { background:#ffffff; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_image_wrap_3.nocolor { background: transparent; } .huge_it_slideshow_dots_thumbnails_3 { top:0px; } .huge_it_slideshow_dots_3 { background:#000000; } .huge_it_slideshow_dots_active_3 { background:#ffffff; } /*//////////////////////slider thunbnail styles start///////////////////////////*/ .bx-viewport { height: 100px !important; -webkit-transform: translatez(0); } .entry-content .huge_it_slideshow_image_wrap_3 a{ border-bottom: none !important; } .entry-content .huge_it_slideshow_image_wrap_3 li{ margin:0px !important; padding: 0px !important; } .entry-content .huge_it_slideshow_image_wrap_3 ul{ list-style-type:none !important; margin: 0px !important; padding: 0px !important; } .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; max-width: px !important; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .huge_it_slideshow_thumbs_container_3{ display: none; } .huge_it_slideshow_thumbs_3{ margin: 0; } .huge_it_slideshow_thumbs_3 li{ display: inline-block; height: 100px ; } .huge_it_slideshow_thumbnails_3 { display: inline-block; position: relative; cursor: pointer; background: #FFFFFF; z-index: 17; height: 100px; } .sl_thumb_img{ width: 100% !important; height: 100% !important; display: block; margin: 0 auto; } .sl_thumb_img2{ height: 100% !important; display: block; margin: 0 auto; } .trans_back{ width: 100%; height: 100%; top:0; position: absolute; background:rgba(255,255,255,0.5); transition: 0.3s ease; } .trans_back:hover{ background:none !important; } .play-icon.youtube {background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/images/play.youtube.png) center center no-repeat; width: 100%; height: 100%; top:0; position: absolute;} .play-icon.vimeo {background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/images/play.vimeo.png) center center no-repeat; width: 100%; height: 100%; top:0; position: absolute; } .bx-wrapper { border: 0px solid #fff; background: #fff; } /*////////////slider thunbnail styles end//////////////*/ #huge_it_slideshow_left_3 { left:0px; margin-top:-21px; height:43px; width:29px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-21px; height:43px; width:29px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } @media screen and (max-width: 840px) { .huge_it_slideshow_title_text_3 { font-size: 13px !important; } .huge_it_slideshow_description_text_3 { font-size: 13px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:10px; height:10px; border-radius:10px; margin: 10px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-21px; height:4343px; width:29px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-21px; height:43px; width:29px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 812px) { .huge_it_slideshow_title_text_3 { font-size: 12.566666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 12.566666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:9.6666666666667px; height:9.6666666666667px; border-radius:9.6666666666667px; margin: 9.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-20.3px; height:41.56666666666743px; width:28.033333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-20.3px; height:41.566666666667px; width:28.033333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 784px) { .huge_it_slideshow_title_text_3 { font-size: 12.133333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 12.133333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:9.3333333333333px; height:9.3333333333333px; border-radius:9.3333333333333px; margin: 9.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-19.6px; height:40.13333333333343px; width:27.066666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-19.6px; height:40.133333333333px; width:27.066666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 756px) { .huge_it_slideshow_title_text_3 { font-size: 11.7px !important; } .huge_it_slideshow_description_text_3 { font-size: 11.7px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:9px; height:9px; border-radius:9px; margin: 9px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-18.9px; height:38.743px; width:26.1px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-18.9px; height:38.7px; width:26.1px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 728px) { .huge_it_slideshow_title_text_3 { font-size: 11.266666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 11.266666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:8.6666666666667px; height:8.6666666666667px; border-radius:8.6666666666667px; margin: 8.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-18.2px; height:37.26666666666743px; width:25.133333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-18.2px; height:37.266666666667px; width:25.133333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 700px) { .huge_it_slideshow_title_text_3 { font-size: 10.833333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 10.833333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:8.3333333333333px; height:8.3333333333333px; border-radius:8.3333333333333px; margin: 8.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-17.5px; height:35.83333333333343px; width:24.166666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-17.5px; height:35.833333333333px; width:24.166666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 672px) { .huge_it_slideshow_title_text_3 { font-size: 10.4px !important; } .huge_it_slideshow_description_text_3 { font-size: 10.4px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:8px; height:8px; border-radius:8px; margin: 8px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-16.8px; height:34.443px; width:23.2px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-16.8px; height:34.4px; width:23.2px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 644px) { .huge_it_slideshow_title_text_3 { font-size: 9.9666666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 9.9666666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:7.6666666666667px; height:7.6666666666667px; border-radius:7.6666666666667px; margin: 7.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-16.1px; height:32.96666666666743px; width:22.233333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-16.1px; height:32.966666666667px; width:22.233333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 616px) { .huge_it_slideshow_title_text_3 { font-size: 9.5333333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 9.5333333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:7.3333333333333px; height:7.3333333333333px; border-radius:7.3333333333333px; margin: 7.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-15.4px; height:31.53333333333343px; width:21.266666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-15.4px; height:31.533333333333px; width:21.266666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 588px) { .huge_it_slideshow_title_text_3 { font-size: 9.1px !important; } .huge_it_slideshow_description_text_3 { font-size: 9.1px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:7px; height:7px; border-radius:7px; margin: 7px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-14.7px; height:30.143px; width:20.3px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-14.7px; height:30.1px; width:20.3px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 560px) { .huge_it_slideshow_title_text_3 { font-size: 8.6666666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 8.6666666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:6.6666666666667px; height:6.6666666666667px; border-radius:6.6666666666667px; margin: 6.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-14px; height:28.66666666666743px; width:19.333333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-14px; height:28.666666666667px; width:19.333333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 532px) { .huge_it_slideshow_title_text_3 { font-size: 8.2333333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 8.2333333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:6.3333333333333px; height:6.3333333333333px; border-radius:6.3333333333333px; margin: 6.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-13.3px; height:27.23333333333343px; width:18.366666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-13.3px; height:27.233333333333px; width:18.366666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 504px) { .huge_it_slideshow_title_text_3 { font-size: 7.8px !important; } .huge_it_slideshow_description_text_3 { font-size: 7.8px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:6px; height:6px; border-radius:6px; margin: 6px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-12.6px; height:25.843px; width:17.4px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-12.6px; height:25.8px; width:17.4px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 476px) { .huge_it_slideshow_title_text_3 { font-size: 7.3666666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 7.3666666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:5.6666666666667px; height:5.6666666666667px; border-radius:5.6666666666667px; margin: 5.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-11.9px; height:24.36666666666743px; width:16.433333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-11.9px; height:24.366666666667px; width:16.433333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 448px) { .huge_it_slideshow_title_text_3 { font-size: 6.9333333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 6.9333333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:5.3333333333333px; height:5.3333333333333px; border-radius:5.3333333333333px; margin: 5.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-11.2px; height:22.93333333333343px; width:15.466666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-11.2px; height:22.933333333333px; width:15.466666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 420px) { .huge_it_slideshow_title_text_3 { font-size: 6.5px !important; } .huge_it_slideshow_description_text_3 { font-size: 6.5px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:5px; height:5px; border-radius:5px; margin: 5px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-10.5px; height:21.543px; width:14.5px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-10.5px; height:21.5px; width:14.5px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 392px) { .huge_it_slideshow_title_text_3 { font-size: 6.0666666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 6.0666666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:4.6666666666667px; height:4.6666666666667px; border-radius:4.6666666666667px; margin: 4.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-9.8px; height:20.06666666666743px; width:13.533333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-9.8px; height:20.066666666667px; width:13.533333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 364px) { .huge_it_slideshow_title_text_3 { font-size: 5.6333333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 5.6333333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:4.3333333333333px; height:4.3333333333333px; border-radius:4.3333333333333px; margin: 4.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-9.1px; height:18.63333333333343px; width:12.566666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-9.1px; height:18.633333333333px; width:12.566666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 336px) { .huge_it_slideshow_title_text_3 { font-size: 5.2px !important; } .huge_it_slideshow_description_text_3 { font-size: 5.2px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:4px; height:4px; border-radius:4px; margin: 4px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-8.4px; height:17.243px; width:11.6px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-8.4px; height:17.2px; width:11.6px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 308px) { .huge_it_slideshow_title_text_3 { font-size: 4.7666666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 4.7666666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:3.6666666666667px; height:3.6666666666667px; border-radius:3.6666666666667px; margin: 3.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-7.7px; height:15.76666666666743px; width:10.633333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-7.7px; height:15.766666666667px; width:10.633333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 280px) { .huge_it_slideshow_title_text_3 { font-size: 4.3333333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 4.3333333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:3.3333333333333px; height:3.3333333333333px; border-radius:3.3333333333333px; margin: 3.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-7px; height:14.33333333333343px; width:9.6666666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-7px; height:14.333333333333px; width:9.6666666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 252px) { .huge_it_slideshow_title_text_3 { font-size: 3.9px !important; } .huge_it_slideshow_description_text_3 { font-size: 3.9px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:3px; height:3px; border-radius:3px; margin: 3px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-6.3px; height:12.943px; width:8.7px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-6.3px; height:12.9px; width:8.7px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 224px) { .huge_it_slideshow_title_text_3 { font-size: 3.4666666666667px !important; } .huge_it_slideshow_description_text_3 { font-size: 3.4666666666667px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:2.6666666666667px; height:2.6666666666667px; border-radius:2.6666666666667px; margin: 2.6666666666667px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-5.6px; height:11.46666666666743px; width:7.7333333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-5.6px; height:11.466666666667px; width:7.7333333333333px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 196px) { .huge_it_slideshow_title_text_3 { font-size: 3.0333333333333px !important; } .huge_it_slideshow_description_text_3 { font-size: 3.0333333333333px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:2.3333333333333px; height:2.3333333333333px; border-radius:2.3333333333333px; margin: 2.3333333333333px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-4.9px; height:10.03333333333343px; width:6.7666666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-4.9px; height:10.033333333333px; width:6.7666666666667px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } @media screen and (max-width: 168px) { .huge_it_slideshow_title_text_3 { font-size: 2.6px !important; } .huge_it_slideshow_description_text_3 { font-size: 2.6px !important; } .huge_it_slideshow_dots_thumbnails_3 .huge_it_slideshow_dots_3 { width:2px; height:2px; border-radius:2px; margin: 2px; } #huge_it_slideshow_left_3 { left:0px; margin-top:-4.2px; height:8.643px; width:5.8px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_3 { right:0px; margin-top:-4.2px; height:8.6px; width:5.8px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } } /***</add>***/ </style> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <script> var pausehover="on"; var huge_video_playing={}; var autoplayMatch={}; var scrolling; var ifhasthumb ="dotstop"; if(pausehover == 'on'){ scrolling = false; }else{ scrolling = true; } jQuery(window).load(function(){ if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) setTimeout(function(){ jQuery('.huge_it_slide_container_3').mouseleave(); }, 10); }); </script> <!-- #######ADD YOUTUBE IFRAME TWICE######## --> <script> var YTdeferred = jQuery.Deferred(); window.onYouTubeIframeAPIReady = function() { //resolve when youtube callback is called passing YT as a parameter YTdeferred.resolve(window.YT); }; YTdeferred.done(function(YT) { jQuery('.huge-it-iframe').each(function(){ var el_id = jQuery(this).attr('data-element-id'); var volume = HUGEIT_YT_IFRAMES['iframe'+el_id]['volume']; window['onPlayerReady'+el_id] = function(event) { window['player_'+el_id]['setVolume'](volume); } }); jQuery('.huge-it-iframe').each(function(){ var id = jQuery(this).attr('id'); var el_id = jQuery(this).attr('data-element-id'); var controls = HUGEIT_YT_IFRAMES['iframe'+el_id]['controls']; var showinfo = HUGEIT_YT_IFRAMES['iframe'+el_id]['showinfo']; var url = HUGEIT_YT_IFRAMES['iframe'+el_id]['videoId']; controls||(controls = 0); showinfo||(showinfo = 0); window['player_'+el_id] = new YT.Player(id, { height: '545', width: '840', videoId: url, playerVars: { 'controls': controls,// 0, 'showinfo': showinfo,//0, 'rel':0 }, events: { 'onError': window['onPlayerError'+el_id], 'onReady': window['onPlayerReady'+el_id], 'onStateChange': window['onPlayerStateChange'+el_id], 'loop':1 } }); }) }); jQuery(function(){ jQuery('.huge-it-iframe').each(function(){ var el_id = jQuery(this).attr('data-element-id'); var quality = HUGEIT_YT_IFRAMES['iframe'+el_id]['quality']; window['onPlayerStateChange'+el_id] = function(event) { if (event.data == YT.PlayerState.PLAYING) { HUGEIT_YT_IFRAMES['iframe'+el_id]['state']='played'; event.target.setPlaybackQuality(quality); } } }); }); function stopYoutubeVideo(currentVideo,nextVideo) { if(currentVideo) { (HUGEIT_YT_IFRAMES['iframe'+currentVideo]['state'])?currentVideo&&(window['player_'+currentVideo]['pauseVideo']()):currentVideo&&(window['player_'+currentVideo]['stopVideo']()); } nextVideo&&HUGEIT_YT_IFRAMES['iframe'+nextVideo]['autoplay']&&(window['player_'+nextVideo]['playVideo']()); } function stopVimeoVideo(currentVideo,nextVideo){ jQuery(currentVideo).vimeo('pause'); jQuery(nextVideo).vimeo('play'); } /*** <Vimeo> initialize And youtube autopay ***/ jQuery( window ).load(function() { (function VimeoOptionsReady(){ //calling funtion once jQuery('.huge-it-iframe-vimeo').each(function(){ var el_id = jQuery(this).attr('data-element-id'); jQuery(this).vimeo('setColor',HUGEIT_VIMEOS['iframe'+el_id]['color']); jQuery(this).vimeo('setVolume',HUGEIT_VIMEOS['iframe'+el_id]['volume']); }) }()); if('off' == 'on') { if(jQuery('.huge-it-iframe-vimeo.autoplay').length) { (function AutoplayVimeo() { var setplayVideo = setInterval(hugeitframe, 100); function hugeitframe() { var vimeo1 = jQuery('.huge_it_slider_3 li').first().find('.autoplay') if(vimeo1.length) { vimeo1.vimeo('play'); clearInterval(setplayVideo); } }; }()); }; if(jQuery('.huge-it-iframe.autoplay').length) { (function AutoplayYoutube() { var setplayVideo = setInterval(hugeitframe, 100); function hugeitframe() { jQuery('.huge-it-iframe.autoplay').each(function(){ var el_id = jQuery(this).attr('data-element-id'); if(window['player_'+el_id]) { window['player_'+el_id]['playVideo'](); clearInterval(setplayVideo); } }); } }()); }; } }); /*** </Vimeo> initialize***/ </script> <!-- </#######ADD YOUTUBE IFRAME TWICE END########>--> <script> jQuery(document).ready(function($) { $('.thumb_wrapper').on('click', function(ev) { var hugeid=$(this).data('rowid'); var myid=hugeid; myid=parseInt(myid); eval('player_'+myid+'.playVideo()') ev.preventDefault(); }); }); if(typeof sliderID_array =="undefined"){ var sliderID_array=[]; } var data_3 = []; var event_stack_3 = []; //huge_video_playing['video_is_playing_'+3]=false; data_3["0"]=[];data_3["0"]["id"]="0";data_3["0"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland4.jpg";data_3["0"]["description"]="";data_3["0"]["alt"]="";data_3["1"]=[];data_3["1"]["id"]="1";data_3["1"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/bat_islands1.jpg";data_3["1"]["description"]="";data_3["1"]["alt"]="";data_3["2"]=[];data_3["2"]["id"]="2";data_3["2"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland7.jpg";data_3["2"]["description"]="";data_3["2"]["alt"]="";data_3["3"]=[];data_3["3"]["id"]="3";data_3["3"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland1.jpg";data_3["3"]["description"]="";data_3["3"]["alt"]="";data_3["4"]=[];data_3["4"]["id"]="4";data_3["4"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland5.jpg";data_3["4"]["description"]="";data_3["4"]["alt"]="";data_3["5"]=[];data_3["5"]["id"]="5";data_3["5"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland2.jpg";data_3["5"]["description"]="";data_3["5"]["alt"]="";data_3["6"]=[];data_3["6"]["id"]="6";data_3["6"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland6.jpg";data_3["6"]["description"]="";data_3["6"]["alt"]="";data_3["7"]=[];data_3["7"]["id"]="7";data_3["7"]["image_url"]="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland3.jpg";data_3["7"]["description"]="";data_3["7"]["alt"]=""; var huge_it_trans_in_progress_3 = false; var huge_it_transition_duration_3 = 1000; var huge_interval ={}; var id_array_index=sliderID_array.length sliderID_array[id_array_index] = // Stop autoplay. window.clearInterval(huge_interval['huge_it_playInterval_'+3]); var huge_it_current_key_3 = ''; function huge_it_move_dots_3() { var image_left = jQuery(".huge_it_slideshow_dots_active_3").position().left; var image_right = jQuery(".huge_it_slideshow_dots_active_3").position().left + jQuery(".huge_it_slideshow_dots_active_3").outerWidth(true); } function huge_it_testBrowser_cssTransitions_3() { return huge_it_testDom_3('Transition'); } function huge_it_testBrowser_cssTransforms3d_3() { return huge_it_testDom_3('Perspective'); } function huge_it_testDom_3(prop) { // Browser vendor CSS prefixes. var browserVendors = ['', '-webkit-', '-moz-', '-ms-', '-o-', '-khtml-']; // Browser vendor DOM prefixes. var domPrefixes = ['', 'Webkit', 'Moz', 'ms', 'O', 'Khtml']; var i = domPrefixes.length; while (i--) { if (typeof document.body.style[domPrefixes[i] + prop] !== 'undefined') { return true; } } return false; } function huge_it_cube_3(tz, ntx, nty, nrx, nry, wrx, wry, current_image_class, next_image_class, direction) { /* If browser does not support 3d transforms/CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_3()) { jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); return huge_it_fallback_3(current_image_class, next_image_class, direction); } if (!huge_it_testBrowser_cssTransforms3d_3()) { return huge_it_fallback3d_3(current_image_class, next_image_class, direction); } //alert(current_image_class+' '+next_image_class); jQuery(current_image_class).css({'z-index': 'none'}); jQuery(next_image_class).css({'z-index' : 2}); huge_it_trans_in_progress_3 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); jQuery(".huge_it_slide_bg_3").css('perspective', 1000); jQuery(current_image_class).css({ transform : 'translateZ(' + tz + 'px)', backfaceVisibility : 'hidden' }); jQuery(".huge_it_slideshow_image_wrap_3,.huge_it_slide_bg_3,.huge_it_slideshow_image_item_3,.huge_it_slideshow_image_second_item_3 ").css('overflow', 'visible'); jQuery(next_image_class).css({ opacity : 1, filter: 'Alpha(opacity=100)', backfaceVisibility : 'hidden', transform : 'translateY(' + nty + 'px) translateX(' + ntx + 'px) rotateY('+ nry +'deg) rotateX('+ nrx +'deg)' }); jQuery(".huge_it_slider_3").css({ transform: 'translateZ(-' + tz + 'px)', transformStyle: 'preserve-3d' }); /* Execution steps.*/ setTimeout(function () { jQuery(".huge_it_slider_3").css({ transition: 'all ' + huge_it_transition_duration_3 + 'ms ease-in-out', transform: 'translateZ(-' + tz + 'px) rotateX('+ wrx +'deg) rotateY('+ wry +'deg)' }); }, 20); /* After transition.*/ jQuery(".huge_it_slider_3").one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { /*if (huge_it_from_focus_3) { huge_it_from_focus_3 = false; return; }*/ jQuery(".huge_it_slide_bg_3,.huge_it_slideshow_image_item_3,.huge_it_slideshow_image_second_item_3 ").css('overflow', 'hidden'); jQuery(".huge_it_slide_bg_3").removeAttr('style'); jQuery(current_image_class).removeAttr('style'); jQuery(next_image_class).removeAttr('style'); jQuery(".huge_it_slider_3").removeAttr('style'); // alert(current_image_class+' '+next_image_class); jQuery(current_image_class).css({'opacity' : 0, filter: 'Alpha(opacity=0)', 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, filter: 'Alpha(opacity=100)', 'z-index' : 2}); // huge_it_change_watermark_container_3(); huge_it_trans_in_progress_3 = false; if (typeof event_stack_3 !== 'undefined' && event_stack_3.length > 0) { key = event_stack_3[0].split("-"); event_stack_3.shift(); huge_it_change_image_3(key[0], key[1], data_3, true,false); } } } function huge_it_cubeH_3(current_image_class, next_image_class, direction) { /* Set to half of image width.*/ var dimension = jQuery(current_image_class).width() / 2; if (direction == 'right') { huge_it_cube_3(dimension, dimension, 0, 0, 90, 0, -90, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_3(dimension, -dimension, 0, 0, -90, 0, 90, current_image_class, next_image_class, direction); } } function huge_it_cubeV_3(current_image_class, next_image_class, direction) { /* Set to half of image height.*/ var dimension = jQuery(current_image_class).height() / 2; /* If next slide.*/ if (direction == 'right') { huge_it_cube_3(dimension, 0, -dimension, 90, 0, -90, 0, current_image_class, next_image_class, direction); } else if (direction == 'left') { huge_it_cube_3(dimension, 0, dimension, -90, 0, 90, 0, current_image_class, next_image_class, direction); } } /* For browsers that does not support transitions.*/ function huge_it_fallback_3(current_image_class, next_image_class, direction) { huge_it_fade_3(current_image_class, next_image_class, direction); } /* For browsers that support transitions, but not 3d transforms (only used if primary transition makes use of 3d-transforms).*/ function huge_it_fallback3d_3(current_image_class, next_image_class, direction) { huge_it_sliceV_3(current_image_class, next_image_class, direction); } function huge_it_none_3(current_image_class, next_image_class, direction) { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); } function huge_it_fade_3(current_image_class, next_image_class, direction) { if (huge_it_testBrowser_cssTransitions_3()) { jQuery(next_image_class).css('transition', 'opacity ' + huge_it_transition_duration_3 + 'ms linear'); jQuery(current_image_class).css('transition', 'opacity ' + huge_it_transition_duration_3 + 'ms linear'); jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); } else { jQuery(current_image_class).animate({'opacity' : 0, 'z-index' : 1}, huge_it_transition_duration_3); jQuery(next_image_class).animate({ 'opacity' : 1, 'z-index': 2 }, { duration: huge_it_transition_duration_3, complete: function () {return false;} }); // For IE. jQuery(current_image_class).fadeTo(huge_it_transition_duration_3, 0); jQuery(next_image_class).fadeTo(huge_it_transition_duration_3, 1); } jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); } function huge_it_grid_3(cols, rows, ro, tx, ty, sc, op, current_image_class, next_image_class, direction) { /* If browser does not support CSS transitions.*/ if (!huge_it_testBrowser_cssTransitions_3()) { jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); return huge_it_fallback_3(current_image_class, next_image_class, direction); } huge_it_trans_in_progress_3 = true; /* Set active thumbnail.*/ jQuery(".huge_it_slideshow_dots_3").removeClass("huge_it_slideshow_dots_active_3").addClass("huge_it_slideshow_dots_deactive_3"); jQuery("#huge_it_dots_" + huge_it_current_key_3 + "_3").removeClass("huge_it_slideshow_dots_deactive_3").addClass("huge_it_slideshow_dots_active_3"); /* The time (in ms) added to/subtracted from the delay total for each new gridlet.*/ var count = (huge_it_transition_duration_3) / (cols + rows); /* Gridlet creator (divisions of the image grid, positioned with background-images to replicate the look of an entire slide image when assembled)*/ function huge_it_gridlet(width, height, top, img_top, left, img_left, src, imgWidth, imgHeight, c, r) { var delay = (c + r) * count; /* Return a gridlet elem with styles for specific transition.*/ return jQuery('<div class="huge_it_gridlet_3" />').css({ width : width, height : height, top : top, left : left, backgroundImage : 'url("' + src + '")', backgroundColor: jQuery(".huge_it_slideshow_image_wrap_3").css("background-color"), /*backgroundColor: rgba(0, 0, 0, 0),*/ backgroundRepeat: 'no-repeat', backgroundPosition : img_left + 'px ' + img_top + 'px', backgroundSize : imgWidth + 'px ' + imgHeight + 'px', transition : 'all ' + huge_it_transition_duration_3 + 'ms ease-in-out ' + delay + 'ms', transform : 'none' }); } /* Get the current slide's image.*/ var cur_img = jQuery(current_image_class).find('img'); /* Create a grid to hold the gridlets.*/ var grid = jQuery('<div />').addClass('huge_it_grid_3'); /* Prepend the grid to the next slide (i.e. so it's above the slide image).*/ jQuery(current_image_class).prepend(grid); /* vars to calculate positioning/size of gridlets*/ var cont = jQuery(".huge_it_slide_bg_3"); var imgWidth = cur_img.width(); var imgHeight = cur_img.height(); var contWidth = cont.width(), contHeight = cont.height(), imgSrc = cur_img.attr('src'),/*.replace('/thumb', ''),*/ colWidth = Math.floor(contWidth / cols), rowHeight = Math.floor(contHeight / rows), colRemainder = contWidth - (cols * colWidth), colAdd = Math.ceil(colRemainder / cols), rowRemainder = contHeight - (rows * rowHeight), rowAdd = Math.ceil(rowRemainder / rows), leftDist = 0, img_leftDist = (jQuery(".huge_it_slide_bg_3").width() - cur_img.width()) / 2; /* tx/ty args can be passed as 'auto'/'min-auto' (meaning use slide width/height or negative slide width/height).*/ tx = tx === 'auto' ? contWidth : tx; tx = tx === 'min-auto' ? - contWidth : tx; ty = ty === 'auto' ? contHeight : ty; ty = ty === 'min-auto' ? - contHeight : ty; /* Loop through cols*/ for (var i = 0; i < cols; i++) { var topDist = 0, img_topDst = (jQuery(".huge_it_slide_bg_3").height() - cur_img.height()) / 2, newColWidth = colWidth; /* If imgWidth (px) does not divide cleanly into the specified number of cols, adjust individual col widths to create correct total.*/ if (colRemainder > 0) { var add = colRemainder >= colAdd ? colAdd : colRemainder; newColWidth += add; colRemainder -= add; } /* Nested loop to create row gridlets for each col.*/ for (var j = 0; j < rows; j++) { var newRowHeight = rowHeight, newRowRemainder = rowRemainder; /* If contHeight (px) does not divide cleanly into the specified number of rows, adjust individual row heights to create correct total.*/ if (newRowRemainder > 0) { add = newRowRemainder >= rowAdd ? rowAdd : rowRemainder; newRowHeight += add; newRowRemainder -= add; } /* Create & append gridlet to grid.*/ grid.append(huge_it_gridlet(newColWidth, newRowHeight, topDist, img_topDst, leftDist, img_leftDist, imgSrc, imgWidth, imgHeight, i, j)); topDist += newRowHeight; img_topDst -= newRowHeight; } img_leftDist -= newColWidth; leftDist += newColWidth; } /* Set event listener on last gridlet to finish transitioning.*/ var last_gridlet = grid.children().last(); /* Show grid & hide the image it replaces.*/ grid.show(); cur_img.css('opacity', 0); /* Add identifying classes to corner gridlets (useful if applying border radius).*/ grid.children().first().addClass('rs-top-left'); grid.children().last().addClass('rs-bottom-right'); grid.children().eq(rows - 1).addClass('rs-bottom-left'); grid.children().eq(- rows).addClass('rs-top-right'); /* Execution steps.*/ setTimeout(function () { grid.children().css({ opacity: op, transform: 'rotate('+ ro +'deg) translateX('+ tx +'px) translateY('+ ty +'px) scale('+ sc +')' }); }, 1); jQuery(next_image_class).css('opacity', 1); /* After transition.*/ jQuery(last_gridlet).one('webkitTransitionEnd transitionend otransitionend oTransitionEnd mstransitionend', jQuery.proxy(huge_it_after_trans)); function huge_it_after_trans() { jQuery(current_image_class).css({'opacity' : 0, 'z-index': 1}); jQuery(next_image_class).css({'opacity' : 1, 'z-index' : 2}); cur_img.css('opacity', 1); grid.remove(); huge_it_trans_in_progress_3 = false; if (typeof event_stack_3 !== 'undefined' && event_stack_3.length > 0) { key = event_stack_3[0].split("-"); event_stack_3.shift(); huge_it_change_image_3(key[0], key[1], data_3, true,false); } } } function huge_it_sliceH_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_3(1, 8, 0, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_sliceV_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'min-auto'; } else if (direction == 'left') { var translateY = 'auto'; } huge_it_grid_3(10, 1, 0, 0, translateY, 1, 0, current_image_class, next_image_class, direction); } function huge_it_slideV_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateY = 'auto'; } else if (direction == 'left') { var translateY = 'min-auto'; } huge_it_grid_3(1, 1, 0, 0, translateY, 1, 1, current_image_class, next_image_class, direction); } function huge_it_slideH_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var translateX = 'min-auto'; } else if (direction == 'left') { var translateX = 'auto'; } huge_it_grid_3(1, 1, 0, translateX, 0, 1, 1, current_image_class, next_image_class, direction); } function huge_it_scaleOut_3(current_image_class, next_image_class, direction) { huge_it_grid_3(1, 1, 0, 0, 0, 1.5, 0, current_image_class, next_image_class, direction); } function huge_it_scaleIn_3(current_image_class, next_image_class, direction) { huge_it_grid_3(1, 1, 0, 0, 0, 0.5, 0, current_image_class, next_image_class, direction); } function huge_it_blockScale_3(current_image_class, next_image_class, direction) { huge_it_grid_3(8, 6, 0, 0, 0, .6, 0, current_image_class, next_image_class, direction); } function huge_it_kaleidoscope_3(current_image_class, next_image_class, direction) { huge_it_grid_3(10, 8, 0, 0, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_fan_3(current_image_class, next_image_class, direction) { if (direction == 'right') { var rotate = 45; var translateX = 100; } else if (direction == 'left') { var rotate = -45; var translateX = -100; } huge_it_grid_3(1, 10, rotate, translateX, 0, 1, 0, current_image_class, next_image_class, direction); } function huge_it_blindV_3(current_image_class, next_image_class, direction) { huge_it_grid_3(1, 8, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_blindH_3(current_image_class, next_image_class, direction) { huge_it_grid_3(10, 1, 0, 0, 0, .7, 0, current_image_class, next_image_class); } function huge_it_random_3(current_image_class, next_image_class, direction) { var anims = ['sliceH', 'sliceV', 'slideH', 'slideV', 'scaleOut', 'scaleIn', 'blockScale', 'kaleidoscope', 'fan', 'blindH', 'blindV']; /* Pick a random transition from the anims array.*/ this["huge_it_" + anims[Math.floor(Math.random() * anims.length)] + "_3"](current_image_class, next_image_class, direction); } function iterator_3() { var iterator = 1; return iterator; } function huge_it_change_image_3(current_key, key, data_3, from_effect,clicked) { if (data_3[key]) { /*if(huge_video_playing['video_is_playing_'+3] && !clicked){ return false; }*/ if (!from_effect) { // Change image key. jQuery("#huge_it_current_image_key_3").val(key); // if (current_key == '-2') { /* Dots.*/ current_key = jQuery(".huge_it_slideshow_dots_active_3").attr("data-image_key"); // } } if (huge_it_trans_in_progress_3) { //errorlogjQuery(".huge_it_slideshow_image_wrap_3").after(" --IN TRANSACTION-- <br />"); event_stack_3.push(current_key + '-' + key); return; } var direction = 'right'; if (huge_it_current_key_3 > key) { var direction = 'left'; } else if (huge_it_current_key_3 == key) { return false; } // Set active thumbnail position. huge_it_current_key_3 = key; //Change image id, title, description. jQuery("#huge_it_slideshow_image_3").attr('data-image_id', data_3[key]["id"]); jQuery(".huge_it_slideshow_title_text_3").html(data_3[key]["alt"]); jQuery(".huge_it_slideshow_description_text_3").html(data_3[key]["description"]); var current_image_class = "#image_id_3_" + data_3[current_key]["id"]; var next_image_class = "#image_id_3_" + data_3[key]["id"]; if(jQuery(current_image_class).find('.huge_it_video_frame_3').length>0) { var streffect='fade'; if(streffect=="cubeV" || streffect=="cubeH" || streffect=="none" || streffect=="fade"){ huge_it_fade_3(current_image_class, next_image_class, direction); }else{ huge_it_fade_3(current_image_class, next_image_class, direction); } }else{ huge_it_fade_3(current_image_class, next_image_class, direction); } jQuery('.huge_it_slideshow_title_text_3').removeClass('none'); if(jQuery('.huge_it_slideshow_title_text_3').html()==""){jQuery('.huge_it_slideshow_title_text_3').addClass('none');} jQuery('.huge_it_slideshow_description_text_3').removeClass('none'); if(jQuery('.huge_it_slideshow_description_text_3').html()==""){jQuery('.huge_it_slideshow_description_text_3').addClass('none');} jQuery(current_image_class).find('.huge_it_slideshow_title_text_3').addClass('none'); jQuery(current_image_class).find('.huge_it_slideshow_description_text_3').addClass('none'); //errorlogjQuery(".huge_it_slideshow_image_wrap_3").after("--cur-key="+current_key+" --cur-img-class="+current_image_class+" nxt-img-class="+next_image_class+"--"); huge_it_move_dots_3(); /*** <vy api> for vimeo and youtube stop pause play etc... ***/ var nextVideo = jQuery('#video_id_3_'+key).attr('data-element-id'); var currentVideo = jQuery('#video_id_3_'+current_key).attr('data-element-id');/*** add ***/ (currentVideo||nextVideo)&&stopYoutubeVideo(currentVideo,nextVideo); if((jQuery('#player_3_'+current_key)).hasClass('huge-it-iframe-vimeo')) { jQuery('#player_3_'+current_key).vimeo('pause'); } if((jQuery('#player_3_'+key)).hasClass('huge-it-iframe-vimeo') && ('off' == 'on')) { jQuery('#player_3_'+key).vimeo('play'); } /*** </vy api>***/ window.clearInterval(huge_interval['huge_it_playInterval_'+3]); play_3(); } } var staticthumbWidth; jQuery(window).load(function(){ staticthumbWidth=jQuery('#huge_it_thumb_slider>li').width(); }) function huge_it_popup_resize_3() { var staticsliderwidth=840; var sliderwidth=840; var bodyWidth=jQuery(window).width(); var parentWidth = jQuery(".huge_it_slideshow_image_wrap_3").parent().width(); if(sliderwidth>parentWidth){sliderwidth=parentWidth;} if(sliderwidth>bodyWidth){sliderwidth=bodyWidth;} var str=545/(staticsliderwidth); // alert(str); var str2 = 100/840; var sliderDynamicImageHeight = sliderwidth*str; var sliderDynamicThumbHeight = 0; jQuery('.huge_it_slideshow_image_wrap_3').css({'max-height':sliderDynamicImageHeight+sliderDynamicThumbHeight}); jQuery('.huge_it_slideshow_image_wrap1_3').css({'max-height':sliderDynamicImageHeight}); jQuery('.huge_it_slideshow_thumbs_3 li').css({'max-height':sliderDynamicThumbHeight}); jQuery("#huge_it_loading_image_3").css({display: "none"}); jQuery(".huge_it_slideshow_image_wrap1_3").css({opacity: 1}); jQuery(".huge_it_slideshow_image_wrap_3").removeClass("nocolor"); if("resize"=="crop"){ jQuery(".huge_it_slider_ul li img").each(function(){ if(jQuery(this).prop('naturalWidth')>jQuery(this).prop('naturalHeight')) jQuery(this).css({'width':'100%','height':'auto'/*,'top':'50%','left':'50%','transform':'translate( -50%, -50% )'*/}); else{ jQuery(this).css({'height':'100%','width':'auto'/*,'top':'50%','left':'50%','transform':'translate( -50%, -50% )'*/}); } }); } jQuery(".huge_it_slideshow_image_wrap_3").css({opacity:1}); } jQuery(window).load(function () { jQuery(window).resize(function() { huge_it_popup_resize_3(); }); jQuery('#huge_it_slideshow_left_3').on('click',function(){ huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) - iterator_3()) >= 0 ? (parseInt(jQuery('#huge_it_current_image_key_3').val()) - iterator_3()) % data_3.length : data_3.length - 1, data_3,false,true); return false; }); jQuery('#huge_it_slideshow_right_3').on('click',function(){ huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) + iterator_3()) % data_3.length, data_3,false,true); return false; }); huge_it_popup_resize_3(); /* Disable right click.*/ jQuery('div[id^="huge_it_container"]').bind("contextmenu", function () { return false; }); /*HOVER SLIDESHOW*/ jQuery("#huge_it_slideshow_image_container_3, .huge_it_slideshow_image_container_3, .huge_it_slideshow_dots_container_3,#huge_it_slideshow_right_3,#huge_it_slideshow_left_3").hover(function(){ //errorlogjQuery(".huge_it_slideshow_image_wrap_3").after(" -- hover -- <br /> "); jQuery("#huge_it_slideshow_right_3").css({'display':'inline'}); jQuery("#huge_it_slideshow_left_3").css({'display':'inline'}); },function(){ jQuery("#huge_it_slideshow_right_3").css({'display':'none'}); jQuery("#huge_it_slideshow_left_3").css({'display':'none'}); }); if(pausehover=="on" && !/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ jQuery("#huge_it_slideshow_image_container_3, .huge_it_slideshow_image_container_3").hover(function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+3]); scrolling = false; },function(){ window.clearInterval(huge_interval['huge_it_playInterval_'+3]); scrolling = true; play_3(); }); } play_3(); }); //var huge_play={}; function play_3(){ //alert(5000); if(scrolling ){ huge_interval['huge_it_playInterval_'+3] = setInterval(function () { //errorlogjQuery(".huge_it_slideshow_image_wrap_3").after(" -- time left ---- "); var iterator = 1; huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) + iterator) % data_3.length, data_3,false,false); }, '5000'); } if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){ huge_interval['huge_it_playInterval_'+3] = setInterval(function () { var iterator = 1; huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), (parseInt(jQuery('#huge_it_current_image_key_3').val()) + iterator) % data_3.length, data_3,false,false); }, '5000'); } } jQuery(window).focus(function() { /*event_stack_3 = [];*/ var i_3 = 0; jQuery(".huge_it_slider_3").children("div").each(function () { if (jQuery(this).css('opacity') == 1) { jQuery("#huge_it_current_image_key_3").val(i_3); } i_3++; }); }); jQuery(window).blur(function() { // event_stack_3 = []; console.log(event_stack_3); window.clearInterval(huge_interval['huge_it_playInterval_'+3]); }); jQuery(window).focus(function() { // event_stack_3 = []; play_3() }); </script> <style> .imgc_slider #slider77 { border-color: aqua; border-width: 3px; text-transform: uppercase; list-style: none; outline: none; } .thumb_image{ position: absolute; width: 100%; height: 100%; top: 0; left:0; } .entry-content a{ border-bottom: none !important; } .play-button-slider{ top: 0px; left: 0px; width: 100%; height: 100%; } .youtube-icon { position: absolute; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/images/play.youtube.png) center center no-repeat;background-size:14%;} </style> <div class="huge_it_slideshow_image_wrap_3 "> <div id="huge_it_loading_image_3" class="nodisplay"> <img src="http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/loading/loading1.gif" alt="" width="100" height="100" style=" margin: 0px auto;" /> </div> <div class="huge_it_slideshow_image_wrap1_3" class="display"> <!-- ##########################DOTS######################### --> <div class="huge_it_slideshow_dots_container_3"> <div class="huge_it_slideshow_dots_thumbnails_3"> <div id="huge_it_dots_0_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_active_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '0', data_3,false,true);return false;" data-image_id="18" data-image_key="0"></div> <div id="huge_it_dots_1_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '1', data_3,false,true);return false;" data-image_id="25" data-image_key="1"></div> <div id="huge_it_dots_2_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '2', data_3,false,true);return false;" data-image_id="8" data-image_key="2"></div> <div id="huge_it_dots_3_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '3', data_3,false,true);return false;" data-image_id="21" data-image_key="3"></div> <div id="huge_it_dots_4_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '4', data_3,false,true);return false;" data-image_id="17" data-image_key="4"></div> <div id="huge_it_dots_5_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '5', data_3,false,true);return false;" data-image_id="20" data-image_key="5"></div> <div id="huge_it_dots_6_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '6', data_3,false,true);return false;" data-image_id="7" data-image_key="6"></div> <div id="huge_it_dots_7_3" class="huge_it_slideshow_dots_3 huge_it_slideshow_dots_deactive_3" onclick="if(jQuery(this).hasClass('huge_it_slideshow_dots_active_3')) { return false; } huge_it_change_image_3(parseInt(jQuery('#huge_it_current_image_key_3').val()), '7', data_3,false,true);return false;" data-image_id="19" data-image_key="7"></div> </div> <a id="huge_it_slideshow_left_3" href="#"> <div id="huge_it_slideshow_left-ico_3"> <div><i class="huge_it_slideshow_prev_btn_3 fa"></i></div></div> </a> <a id="huge_it_slideshow_right_3" href="#"> <div id="huge_it_slideshow_right-ico_3"> <div><i class="huge_it_slideshow_next_btn_3 fa"></i></div></div> </a> </div> <!-- ##########################IMAGES######################### --> <div id="huge_it_slideshow_image_container_3" class="huge_it_slideshow_image_container_3"> <div class="huge_it_slide_container_3"> <div class="huge_it_slide_bg_3"> <ul class="huge_it_slider_3"> <li class="huge_it_slideshow_image_item_3" id="image_id_3_0"> <img id="huge_it_slideshow_image_3_0" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland4.jpg" alt="Bat Island 4" data-image_id="18" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_1"> <img id="huge_it_slideshow_image_3_1" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/bat_islands1.jpg" alt="" data-image_id="25" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_2"> <img id="huge_it_slideshow_image_3_2" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland7.jpg" alt="Bat Island 7" data-image_id="8" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_3"> <img id="huge_it_slideshow_image_3_3" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland1.jpg" alt="Bat Island 1" data-image_id="21" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_4"> <img id="huge_it_slideshow_image_3_4" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland5.jpg" alt="Bat Island 5" data-image_id="17" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_5"> <img id="huge_it_slideshow_image_3_5" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland2.jpg" alt="Bat Island 2" data-image_id="20" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_6"> <img id="huge_it_slideshow_image_3_6" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland6.jpg" alt="Bat Island 6" data-image_id="7" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> <li class="huge_it_slideshow_image_second_item_3" id="image_id_3_7"> <img id="huge_it_slideshow_image_3_7" class="huge_it_slideshow_image_3" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/batisland3.jpg" alt="Bat Island 3" data-image_id="19" /> <div class="huge_it_slideshow_title_text_3 none"> </div> <div class="huge_it_slideshow_description_text_3 none"> </div> </li> </ul> </div> <input type="hidden" id="huge_it_current_image_key_3" value="0" /> </div> </div> </div> <!-- slider thumbs --> <script> jQuery(document).ready(function($) { setInterval(function() { jQuery('.huge_it_slider_3').find("li").each(function (){ if($(this).css("opacity") == "1"){ var img_id=$(this).attr('id'); jQuery('.huge_it_slideshow_thumbs_3').each(function (){ //if ($(this).hasClass('bx-clone')){$(this).removeAttr('id')} var allListElements = $( 'li[id='+img_id+']' ); $(this).find(allListElements).not(".bx-clone").each(function() { jQuery('.huge_it_slideshow_thumbs_3 li').find(".trans_back").css('background','rgba(255,255,255,0.3)'); $(this).find('.trans_back').css('background','none'); }) }) } }) },100) }) </script> </div> <p> </p> <p> </p> <p>Bat Islands are a world class dive location for advanced divers in Costa Rica. One of the highlights are the face to face encounters with massive bull-sharks, up to 12ft/3.5m. Located around 30 miles/45 km north-west from Playas del Coco, at the most outward west-tip of the Santa Rosa National Park. Our boat takes you there in about 1 hour!</p> <p>Maximum depths varies from site to site ranging from 60ft (18m) to 130 ft (35m). Visibility is about 18 to 100 ft/6 to 30m. All of our dive guides are computerized to maximize your bottom time. If you are ready for the thrill and adrenaline rush of some of the hottest diving in Central America, and are searching for new pathways into the world of underwater adventure, you owe it to yourself to drop by and join us at <strong>Deep Blue Diving</strong>. Once you get underwater, chances are you won’t want to leave!</p> <p>Our <span style="color: #ff9900;"><a style="color: #ff9900;" href="https://www.deepblue-diving.com/dive-trips/">dive trips</a> </span>consist of three dives. For the Bat Islands trips the boat leaves at 7:15 am and is usually back at around 3:00 pm.</p> <p>As well we offer beach pickups by boat from the following Resorts: RIU Guanacaste, Bosque del Mar, Occidental Papagayo, El Mangroove, Casa Conde del Mar, Secrets Papagayo, Andaz Peninsula Papagayo and Four Seasons.</p> <p>You’ll reach the dive sites with one of our four diveboats, the <span style="color: #ff9900;"><u><a class="popmake-1290" style="color: #ff9900;" href="#">Lady Blue</a></u></span>; (14 divers), <span style="color: #ff9900;"><u><a class="popmake-1294" style="color: #ff9900;" href="#">Colonia Claudia</a></u></span>; (13 divers), <span style="color: #ff9900;"><u><a class="popmake-1296" style="color: #ff9900;" href="#">Novesia</a></u></span>; (9 divers), <span style="color: #ff9900;"><u><a class="popmake-1298" style="color: #ff9900;" href="#">Marisol</a></u></span>; (6 divers). Each boat is equipped with sunroof, marine radio, gps, oxygen kit, first aid kit and a cooler full of drinks and fresh fruits!</p> <p><a class="popmake-1290" href="#"><img class="alignleft wp-image-233 size-full" src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/diveboat_ladyblue_big-e1519846811842.jpg" alt="Dive boat Lady Blue" width="195" height="137" /></a><a class="popmake-1294" href="#"><img class="alignleft wp-image-232 size-full" src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_colonia_claudia.jpg" alt="Dive boat Lady Blue" width="195" height="137" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_colonia_claudia.jpg 250w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_colonia_claudia-24x17.jpg 24w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_colonia_claudia-36x25.jpg 36w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_colonia_claudia-48x34.jpg 48w" sizes="(max-width: 195px) 100vw, 195px" /></a><a class="popmake-1296" href="#"><img class="alignleft wp-image-235 size-full" src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_novesia.jpg" alt="Dive boat Lady Blue" width="195" height="137" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_novesia.jpg 250w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_novesia-24x17.jpg 24w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_novesia-36x25.jpg 36w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_novesia-48x34.jpg 48w" sizes="(max-width: 195px) 100vw, 195px" /></a><a class="popmake-1298" href="#"><img class="alignleft wp-image-234 size-full" src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_marisol.jpg" alt="Dive boat Lady Blue" width="195" height="137" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_marisol.jpg 250w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_marisol-24x17.jpg 24w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_marisol-36x25.jpg 36w, http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_marisol-48x34.jpg 48w" sizes="(max-width: 195px) 100vw, 195px" /></a></p> <p> </p> <h3> </h3> <h3>The following is a sampling of our Bat Islands dive sites:</h3> <h3><img class="alignleft size-full wp-image-229" src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/dive-site-bat-island-bajo-negro-fish-school.jpg" alt="Bat Islands" width="180" height="128" />Bajo Negro – Black Rock (30-120ft)</h3> <p>This beautifully landscaped pinnacle is covered with corals and sponges. As we encircle the pinnacle from bottom to top, we encounter large schools of fish and rays on our way towards the surface. Also many times you have the chance to see flying manta rays</p> <p style="text-align: right;"><span class="orange-text"><strong>Level: advanced, current and surge</strong></span></p> <hr /> <h3><img class="alignleft size-full wp-image-230" src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/dive-site-bat-island-big-scare-bullshark.jpg" alt="Bat Islands" width="180" height="128" />Gran Susto – Big Scare (40-130ft)</h3> <p>Want an adrenaline rush? Dive with the bull sharks! During the season, this dive site is your best opportunity to see the elusive bull sharks.</p> <p style="text-align: right;"><span class="orange-text"><strong>Level: advanced, sometimes strong current and surge</strong></span></p> </div> </div> </div></div></div></div> </div><!-- .entry-content --> <footer class="entry-meta"> </footer><!-- .entry-meta --> </article><!-- #post --> <div id="comments" class="comments-area"> </div><!-- #comments --> </div><!-- #content --> </div><!-- #primary --> <div class="right-sidebar sidebar"> </div> </div> </div><!-- #main --> <div class="waves"></div> <div class="home-course"> <div class="center-page"> </div> </div> <footer class="site-footer"> <div class="main-footer"> <aside id="widget_sp_image-4" class="widget-1 widget-first widget-odd widget widget_sp_image"><a href="http://www.deepblue-diving.com/" id="" target="_self" class="widget_sp_image-image-link" title="" rel=""><img width="268" height="87" alt="" class="attachment-full" style="max-width: 100%;" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/deep-blue-diving.png" /></a></aside><aside id="custom_post_widget-16" class="widget-2 widget-even widget widget_custom_post_widget"><p><a href="https://www.facebook.com/DeepBlueDivingCostaRica/" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-102" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/facebook-footer.png" alt="facebook-footer" width="37" height="51" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/07/facebook-footer.png 37w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/facebook-footer-17x24.png 17w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/facebook-footer-26x36.png 26w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/facebook-footer-35x48.png 35w" sizes="(max-width: 37px) 100vw, 37px" /></a> <a href="https://www.youtube.com/channel/UCDJo1CmwUWB5hRSMOq9fwjA" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-106" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/youtube-footer.png" alt="youtube-footer" width="37" height="51" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/07/youtube-footer.png 37w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/youtube-footer-17x24.png 17w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/youtube-footer-26x36.png 26w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/youtube-footer-35x48.png 35w" sizes="(max-width: 37px) 100vw, 37px" /></a> <a href="https://www.flickr.com/photos/deepbluediving/show/" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-103" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/flickr-footer.png" alt="flickr-footer" width="37" height="51" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/07/flickr-footer.png 37w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/flickr-footer-17x24.png 17w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/flickr-footer-26x36.png 26w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/flickr-footer-35x48.png 35w" sizes="(max-width: 37px) 100vw, 37px" /></a> <a href="https://www.tripadvisor.com.mx/Attraction_Review-g309243-d1457287-Reviews-Deep_Blue_Diving_Adventures-Playas_del_Coco_Province_of_Guanacaste.html" target="_blank" rel="noopener"><img class="alignnone size-full wp-image-104" src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/tripadvisor-footer.png" alt="tripadvisor-footer" width="37" height="51" srcset="http://www.deepblue-diving.com/wp-content/uploads/2016/07/tripadvisor-footer.png 37w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/tripadvisor-footer-17x24.png 17w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/tripadvisor-footer-26x36.png 26w, http://www.deepblue-diving.com/wp-content/uploads/2016/07/tripadvisor-footer-35x48.png 35w" sizes="(max-width: 37px) 100vw, 37px" /></a></p> <p>Deep Blue Diving, <a href="tel:+50626701004">Tel: +506 2670-1004 </a>, Playas del Coco, Costa Rica | Deep Blue Diving © 2025 </aside><aside id="nav_menu-3" class="widget-3 widget-last widget-odd widget widget_nav_menu"><div class="menu-main-menu-english-container"><ul id="menu-main-menu-english" class="menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-1137"><a href="http://www.deepblue-diving.com" class='menu-image-title-after'><span class="menu-image-title">Home</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3433"><a href="http://www.deepblue-diving.com/dive-trips/" class='menu-image-title-after'><span class="menu-image-title">DIVE TRIPS</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3392"><a href="http://www.deepblue-diving.com/dive-courses-costa-rica/" class='menu-image-title-after'><span class="menu-image-title">DIVE COURSES</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1140"><a href="http://www.deepblue-diving.com/dive-rates/" class='menu-image-title-after'><span class="menu-image-title">RATES</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor menu-item-1138"><a href="http://www.deepblue-diving.com/dive-sites/" class='menu-image-title-after'><span class="menu-image-title">DIVE SITES</span></a></li> <li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-1141"><a href="http://www.deepblue-diving.com/blog/category/dive-packages/" class='menu-image-title-after'><span class="menu-image-title">Hotel & Dive</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1144"><a href="http://www.deepblue-diving.com/contact/" class='menu-image-title-after'><span class="menu-image-title">CONTACT</span></a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-1142"><a href="http://www.deepblue-diving.com/pictures/" class='menu-image-title-after'><span class="menu-image-title">PICTURES</span></a></li> </ul></div></aside> </div> </footer> <div id="pum-2634" class="pum pum-overlay pum-theme-1284 pum-theme-default-theme popmake-overlay click_open" data-popmake="{"id":2634,"slug":"dive-sites-at-golfo-de-papagayo","theme_id":1284,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","do_default":null,"cookie":{"name":null}}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"size":"medium","responsive_min_width":"","responsive_max_width":"","custom_width":"640","custom_height":"380","animation_type":"fade","animation_speed":"350","animation_origin":"center top","location":"center top","position_bottom":"0","position_top":"100","position_left":"0","position_right":"0","overlay_zindex":"1999999998","zindex":"1999999999","responsive_min_width_unit":"px","responsive_max_width_unit":"px","custom_width_unit":"px","custom_height_unit":"px"},"close":{"text":"","button_delay":"0"},"click_open":{"extra_selectors":""}}}" role="dialog" aria-hidden="true" aria-labelledby="pum_popup_title_2634"> <div id="popmake-2634" class="pum-container popmake theme-1284 pum-responsive pum-responsive-medium responsive size-medium"> <div id="pum_popup_title_2634" class="pum-title popmake-title"> DIVE SITES AT GOLFO DE PAPAGAYO </div> <div class="pum-content popmake-content"> <img class="size-full wp-image-2633" src="http://www.deepblue-diving.com/wp-content/uploads/2020/07/divesites-golfo-de-papagayo-deep-blue-diving.jpg" alt="divesites golfo de papagayo deep blue diving" width="840" height="560" /> </div> <button type="button" class="pum-close popmake-close" aria-label="Close"> CLOSE </button> </div> </div> <div id="pum-1298" class="pum pum-overlay pum-theme-1284 pum-theme-default-theme popmake-overlay click_open" data-popmake="{"id":1298,"slug":"marisol","theme_id":1284,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie":{"name":null}}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"size":"medium","responsive_min_width":"","responsive_max_width":"","custom_width":"640","custom_height":"380","animation_type":"fade","animation_speed":"350","animation_origin":"center top","location":"center top","position_bottom":"0","position_top":"100","position_left":"0","position_right":"0","overlay_zindex":"1999999998","zindex":"1999999999","responsive_min_width_unit":"px","responsive_max_width_unit":"px","custom_width_unit":"px","custom_height_unit":"px"},"close":{"text":"","button_delay":"0"},"click_open":{"extra_selectors":""}}}" role="dialog" aria-hidden="true" > <div id="popmake-1298" class="pum-container popmake theme-1284 pum-responsive pum-responsive-medium responsive size-medium"> <div class="pum-content popmake-content"> <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img class="vc_single_image-img " src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_marisol.jpg" width="250" height="176" alt="Dive boat Lady Blue" title="Minolta DSC" /></div> </figure> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner "><div class="wpb_wrapper"><section class="vc_cta3-container" > <div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md"> <div class="vc_cta3_content-container"> <div class="vc_cta3-content"> <header class="vc_cta3-content-header"> <h2>MARISOL</h2> </header> <ul style="list-style-type: square;"> <li>7.7m (25ft)</li> <li>6 divers</li> <li>140 hp outboard engine</li> <li>The perfect boat for families or small groups. As well she can pick you up from the beach at your Resort in the Bahia Culebra/Peninsula Papagayo</li> </ul> </div> </div> </div> </section> </div></div></div></div> </p> </div> <button type="button" class="pum-close popmake-close" aria-label="Close"> CLOSE </button> </div> </div> <div id="pum-1296" class="pum pum-overlay pum-theme-1284 pum-theme-default-theme popmake-overlay click_open" data-popmake="{"id":1296,"slug":"novesia","theme_id":1284,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie":{"name":null}}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"size":"medium","responsive_min_width":"","responsive_max_width":"","custom_width":"640","custom_height":"380","animation_type":"fade","animation_speed":"350","animation_origin":"center top","location":"center top","position_bottom":"0","position_top":"100","position_left":"0","position_right":"0","overlay_zindex":"1999999998","zindex":"1999999999","responsive_min_width_unit":"px","responsive_max_width_unit":"px","custom_width_unit":"px","custom_height_unit":"px"},"close":{"text":"","button_delay":"0"},"click_open":{"extra_selectors":""}}}" role="dialog" aria-hidden="true" > <div id="popmake-1296" class="pum-container popmake theme-1284 pum-responsive pum-responsive-medium responsive size-medium"> <div class="pum-content popmake-content"> <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img class="vc_single_image-img " src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_novesia.jpg" width="250" height="176" alt="Dive boat Lady Blue" title="diveboat_novesia" /></div> </figure> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner "><div class="wpb_wrapper"><section class="vc_cta3-container" > <div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md"> <div class="vc_cta3_content-container"> <div class="vc_cta3-content"> <header class="vc_cta3-content-header"> <h2>NOVESIA</h2> </header> <ul> <li>10m (29ft)</li> <li>9 divers</li> <li>150 hp outboard engine</li> <li>Designed and build to bring our divers to islas Murciélagos (Bat Islands) in just one hour</li> </ul> </div> </div> </div> </section> </div></div></div></div> </p> </div> <button type="button" class="pum-close popmake-close" aria-label="Close"> CLOSE </button> </div> </div> <div id="pum-1294" class="pum pum-overlay pum-theme-1284 pum-theme-default-theme popmake-overlay click_open" data-popmake="{"id":1294,"slug":"colonia-claudia","theme_id":1284,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie":{"name":null}}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"size":"medium","responsive_min_width":"","responsive_max_width":"","custom_width":"640","custom_height":"380","animation_type":"fade","animation_speed":"350","animation_origin":"center top","location":"center top","position_bottom":"0","position_top":"100","position_left":"0","position_right":"0","overlay_zindex":"1999999998","zindex":"1999999999","responsive_min_width_unit":"px","responsive_max_width_unit":"px","custom_width_unit":"px","custom_height_unit":"px"},"close":{"text":"","button_delay":"0"},"click_open":{"extra_selectors":""}}}" role="dialog" aria-hidden="true" > <div id="popmake-1294" class="pum-container popmake theme-1284 pum-responsive pum-responsive-medium responsive size-medium"> <div class="pum-content popmake-content"> <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img class="vc_single_image-img " src="http://www.deepblue-diving.com/wp-content/uploads/2016/08/diveboat_colonia_claudia.jpg" width="250" height="176" alt="Dive boat Lady Blue" title="diveboat_colonia_claudia" /></div> </figure> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner "><div class="wpb_wrapper"><section class="vc_cta3-container" > <div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md"> <div class="vc_cta3_content-container"> <div class="vc_cta3-content"> <header class="vc_cta3-content-header"> <h2>COLONIA CLAUDIA</h2> </header> <ul class="list-without-dot" style="list-style-type: square;"> <li>12m (36ft)</li> <li>13 divers</li> <li>2 x 225 hp outboard engine</li> <li>Operates on all sites and is fast and comfortable. Designed and build to bring our divers to islas Murciélagos (Bat Islands) in just one hour</li> </ul> </div> </div> </div> </section> </div></div></div></div> </p> </div> <button type="button" class="pum-close popmake-close" aria-label="Close"> CLOSE </button> </div> </div> <div id="pum-1290" class="pum pum-overlay pum-theme-1284 pum-theme-default-theme popmake-overlay click_open" data-popmake="{"id":1290,"slug":"lady-blue","theme_id":1284,"cookies":[],"triggers":[{"type":"click_open","settings":{"extra_selectors":"","cookie":{"name":null}}}],"mobile_disabled":null,"tablet_disabled":null,"meta":{"display":{"size":"medium","responsive_min_width":"","responsive_max_width":"","custom_width":"640","custom_height":"380","animation_type":"fade","animation_speed":"350","animation_origin":"center top","location":"center top","position_bottom":"0","position_top":"100","position_left":"0","position_right":"0","overlay_zindex":"1999999998","zindex":"1999999999","responsive_min_width_unit":"px","responsive_max_width_unit":"px","custom_width_unit":"px","custom_height_unit":"px"},"close":{"text":"","button_delay":"0"},"click_open":{"extra_selectors":""}}}" role="dialog" aria-hidden="true" > <div id="popmake-1290" class="pum-container popmake theme-1284 pum-responsive pum-responsive-medium responsive size-medium"> <div class="pum-content popmake-content"> <div class="vc_row wpb_row vc_row-fluid"><div class="wpb_column vc_column_container vc_col-sm-3"><div class="vc_column-inner "><div class="wpb_wrapper"> <div class="wpb_single_image wpb_content_element vc_align_left"> <figure class="wpb_wrapper vc_figure"> <div class="vc_single_image-wrapper vc_box_border_grey"><img class="vc_single_image-img " src="http://www.deepblue-diving.com/wp-content/uploads/2018/02/diveboat_ladyblue_big-e1519846811842.jpg" width="350" height="246" alt="diveboat_ladyblue_big" title="diveboat_ladyblue_big" /></div> </figure> </div> </div></div></div><div class="wpb_column vc_column_container vc_col-sm-9"><div class="vc_column-inner "><div class="wpb_wrapper"><section class="vc_cta3-container" > <div class="vc_general vc_cta3 vc_cta3-style-classic vc_cta3-shape-rounded vc_cta3-align-left vc_cta3-color-classic vc_cta3-icon-size-md"> <div class="vc_cta3_content-container"> <div class="vc_cta3-content"> <header class="vc_cta3-content-header"> <h2>LADY BLUE</h2> </header> <ul> <li>12m (36ft)</li> <li>14 divers</li> <li>320 hp inboard diesel</li> <li>Spacey boat for highest comfort, operates at the dive sites in the Papagayo Golf</li> </ul> </div> </div> </div> </section> </div></div></div></div> </p> </div> <button type="button" class="pum-close popmake-close" aria-label="Close"> CLOSE </button> </div> </div> <div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="right:0px;top:100px;background-color:transparent;"><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F&linkname=ISLAS%20MURCI%C3%89LAGOS%20%E2%80%93%20BAT%20ISLANDS%20-%20Deep%20Blue%20Diving" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_twitter" href="https://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F&linkname=ISLAS%20MURCI%C3%89LAGOS%20%E2%80%93%20BAT%20ISLANDS%20-%20Deep%20Blue%20Diving" title="Twitter" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_google_plus" href="https://www.addtoany.com/add_to/google_plus?linkurl=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F&linkname=ISLAS%20MURCI%C3%89LAGOS%20%E2%80%93%20BAT%20ISLANDS%20-%20Deep%20Blue%20Diving" title="Google+" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_flipboard" href="https://www.addtoany.com/add_to/flipboard?linkurl=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F&linkname=ISLAS%20MURCI%C3%89LAGOS%20%E2%80%93%20BAT%20ISLANDS%20-%20Deep%20Blue%20Diving" title="Flipboard" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_email" href="https://www.addtoany.com/add_to/email?linkurl=http%3A%2F%2Fwww.deepblue-diving.com%2Fdive-sites%2Fbat-islands%2F&linkname=ISLAS%20MURCI%C3%89LAGOS%20%E2%80%93%20BAT%20ISLANDS%20-%20Deep%20Blue%20Diving" title="Email" rel="nofollow noopener" target="_blank"></a></div><button id="responsive-menu-button" class="responsive-menu-button responsive-menu-accessible responsive-menu-boring" type="button" aria-label="Menu"><span class="responsive-menu-box"><span class="responsive-menu-inner"></span></span></button><div id="responsive-menu-container" class=" slide-left "> <div id="responsive-menu-wrapper"> <div id="responsive-menu-title"><div id="responsive-menu-title-image"><img src="http://www.deepblue-diving.com/wp-content/uploads/2016/07/deep-blue-diving.png" /></div></div><ul id="responsive-menu" class=""><li id="responsive-menu-item-1137" class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-home responsive-menu-item"><a href="http://www.deepblue-diving.com" class='menu-image-title-after'><span class="menu-image-title">Home</span></a></li><li id="responsive-menu-item-3433" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item"><a href="http://www.deepblue-diving.com/dive-trips/" class='menu-image-title-after'><span class="menu-image-title">DIVE TRIPS</span></a></li><li id="responsive-menu-item-3392" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item"><a href="http://www.deepblue-diving.com/dive-courses-costa-rica/" class='menu-image-title-after'><span class="menu-image-title">DIVE COURSES</span></a></li><li id="responsive-menu-item-1140" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item"><a href="http://www.deepblue-diving.com/dive-rates/" class='menu-image-title-after'><span class="menu-image-title">RATES</span></a></li><li id="responsive-menu-item-1138" class=" menu-item menu-item-type-post_type menu-item-object-page current-page-ancestor responsive-menu-item"><a href="http://www.deepblue-diving.com/dive-sites/" class='menu-image-title-after'><span class="menu-image-title">DIVE SITES</span></a></li><li id="responsive-menu-item-1141" class=" menu-item menu-item-type-taxonomy menu-item-object-category responsive-menu-item"><a href="http://www.deepblue-diving.com/blog/category/dive-packages/" class='menu-image-title-after'><span class="menu-image-title">Hotel & Dive</span></a></li><li id="responsive-menu-item-1144" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item"><a href="http://www.deepblue-diving.com/contact/" class='menu-image-title-after'><span class="menu-image-title">CONTACT</span></a></li><li id="responsive-menu-item-1142" class=" menu-item menu-item-type-post_type menu-item-object-page responsive-menu-item"><a href="http://www.deepblue-diving.com/pictures/" class='menu-image-title-after'><span class="menu-image-title">PICTURES</span></a></li></ul> </div> </div> <style> /***<add>***/ #huge_it_loading_image_ { height:px; width:px; display: table-cell; text-align: center; vertical-align: middle; } #huge_it_loading_image_.display { display: table-cell; } #huge_it_loading_image_.nodisplay { display: none; } #huge_it_loading_image_ img { margin: auto 0; width: 20% !important; } .huge_it_slideshow_image_wrap_ { height:0px; width:0px; max-width: calc(100% - 0px); position:relative; display: block; text-align: center; /*HEIGHT FROM HEADER.PHP*/ clear:both; float:none; margin:0px auto; border-style:solid; border-left:0px !important; border-right:0px !important; } .huge_it_slideshow_image_wrap1_.display { width: 100%; height:100%; } .huge_it_slideshow_image_wrap1_.display { display:block; } .huge_it_slideshow_image_wrap1_.nodisplay { opacity:0; } .huge_it_slideshow_image_wrap_ * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .huge_it_slideshow_image_ { width: 100%; height: 100%; max-width: 100%; max-height: 100%; } .huge_it_slideshow_image_wrap1_{ height:0px; width:0px; max-width: 100%; } #huge_it_slideshow_left_, #huge_it_slideshow_right_ { cursor: pointer; display:none; height: 100%; outline: medium none; position: absolute; z-index: 13; margin-top: 0px !important; top: 50%; transform: translateY(-50%); } #huge_it_slideshow_left-ico_, #huge_it_slideshow_right-ico_ { z-index: 13; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; display: table; left: -9999px; line-height: 0; margin-top: -15px; position: absolute; top: 50%; /*z-index: 10135;*/ } #huge_it_slideshow_left-ico_:hover, #huge_it_slideshow_right-ico_:hover { cursor: pointer; } .huge_it_slideshow_image_container_ { display: table; position: relative; top:0px; left:0px; text-align: center; vertical-align: middle; width:100%; overflow:hidden; height: 100%; } .huge_it_slideshow_title_text_ { text-decoration: none; position: absolute; z-index: 11; display: inline-block; width:24%; /*height:44%;*/ right:3%;top:3%; padding:2%; text-align:right; font-weight:bold; color:#000000; background:rgba(255,255,255,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:4px; } .huge_it_slideshow_description_text_ { text-decoration: none; position: absolute; z-index: 11; border-style:solid; display: inline-block; width:64%; /*height:44%;*/ right:3%;bottom:3%; padding:3%; text-align:justify; color:#ffffff; background:rgba(0,0,0,0.7) !important; border-style:solid; font-size:13px; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_title_text_.none, .huge_it_slideshow_description_text_.none, .huge_it_slideshow_title_text_.hidden, .huge_it_slideshow_description_text_.hidden {display:none;} .huge_it_slideshow_title_text_ h1, .huge_it_slideshow_description_text_ h1, .huge_it_slideshow_title_text_ h2, .huge_it_slideshow_title_text_ h2, .huge_it_slideshow_title_text_ h3, .huge_it_slideshow_title_text_ h3, .huge_it_slideshow_title_text_ h4, .huge_it_slideshow_title_text_ h4, .huge_it_slideshow_title_text_ p, .huge_it_slideshow_title_text_ p, .huge_it_slideshow_title_text_ strong, .huge_it_slideshow_title_text_ strong, .huge_it_slideshow_title_text_ span, .huge_it_slideshow_title_text_ span, .huge_it_slideshow_title_text_ ul, .huge_it_slideshow_title_text_ ul, .huge_it_slideshow_title_text_ li, .huge_it_slideshow_title_text_ li { padding:2px; margin:0px; } .huge_it_slide_container_ { display: table-cell; margin: 0 auto; position: relative; vertical-align: middle; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_ { margin: 0 auto; width:100%; height:100%; _width: inherit; _height: inherit; } .huge_it_slide_bg_ li img{ position: absolute; /*top: -0px !important; left: -0px !important;*/ left:0; height: 100%; } .huge_it_slide_bg_ li iframe{ width: 100%; height: 100%; } .huge_it_slider_ { width:100%; height:100%; display:table !important; padding:0px !important; margin:0px !important; } .huge_it_slideshow_image_item_ { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=100); opacity: 1; position: absolute !important; top:0px !important; left:0px !important; vertical-align: middle; z-index: 1; margin:0px !important; padding:0px !important; overflow: hidden !important; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_ { width:100%; height:100%; _width: inherit; _height: inherit; display: table-cell; filter: Alpha(opacity=0); opacity: 0; position: absolute !important; top:0px !important; left:0px !important; vertical-align: middle; overflow:hidden; margin:0px !important; visibility:visible !important; padding:0px !important; border-radius: 0px !important; } .huge_it_slideshow_image_second_item_ a, .huge_it_slideshow_image_item_ a { display:block; width:100%; height:100%; } .huge_it_grid_ { display: none; height: 100%; overflow: hidden; position: absolute; width: 100%; } .huge_it_gridlet_ { opacity: 1; filter: Alpha(opacity=100); position: absolute; } .huge_it_slideshow_dots_container_ { display: table; position: absolute; width:100% !important; height:100% !important; } .huge_it_slideshow_dots_thumbnails_ { margin: 0 auto; overflow: hidden; position: absolute; width:100%; height:30px; } .huge_it_slideshow_dots_ { display: inline-block; position: relative; cursor: pointer; box-shadow: 1px 1px 1px rgba(0,0,0,0.1) inset, 1px 1px 1px rgba(255,255,255,0.1); width:10px; height: 10px; border-radius: 10px; background: #00f; margin: 10px; overflow: hidden; z-index: 17; } .huge_it_slideshow_dots_active_ { opacity: 1; filter: Alpha(opacity=100); } .huge_it_slideshow_dots_deactive_ { } .huge_it_slideshow_image_wrap_ { background:#ffffff; border-width:0px; border-color:#ffffff; border-radius:0px; } .huge_it_slideshow_image_wrap_.nocolor { background: transparent; } .huge_it_slideshow_dots_thumbnails_ { } .huge_it_slideshow_dots_ { background:#000000; } .huge_it_slideshow_dots_active_ { background:#ffffff; } /*//////////////////////slider thunbnail styles start///////////////////////////*/ .bx-viewport { height: 100px !important; -webkit-transform: translatez(0); } .entry-content .huge_it_slideshow_image_wrap_ a{ border-bottom: none !important; } .entry-content .huge_it_slideshow_image_wrap_ li{ margin:0px !important; padding: 0px !important; } .entry-content .huge_it_slideshow_image_wrap_ ul{ list-style-type:none !important; margin: 0px !important; padding: 0px !important; } .bx-wrapper { position: relative; margin: 0 auto 0 auto; padding: 0; max-width: 840px !important; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .huge_it_slideshow_thumbs_container_{ } .huge_it_slideshow_thumbs_{ margin: 0; } .huge_it_slideshow_thumbs_ li{ display: inline-block; height: 100px ; } .huge_it_slideshow_thumbnails_ { display: inline-block; position: relative; cursor: pointer; background: #FFFFFF; z-index: 17; height: 100px; } .sl_thumb_img{ width: 100% !important; height: 100% !important; display: block; margin: 0 auto; } .sl_thumb_img2{ height: 100% !important; display: block; margin: 0 auto; } .trans_back{ width: 100%; height: 100%; top:0; position: absolute; background:rgba(255,255,255,0.5); transition: 0.3s ease; } .trans_back:hover{ background:none !important; } .play-icon.youtube {background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/images/play.youtube.png) center center no-repeat; width: 100%; height: 100%; top:0; position: absolute;} .play-icon.vimeo {background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/images/play.vimeo.png) center center no-repeat; width: 100%; height: 100%; top:0; position: absolute; } .bx-wrapper { border: 0px solid #fff; background: #fff; } /*////////////slider thunbnail styles end//////////////*/ #huge_it_slideshow_left_ { left:0px; margin-top:-21px; height:43px; width:29px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) left top no-repeat; background-size: 200%; } #huge_it_slideshow_right_ { right:0px; margin-top:-21px; height:43px; width:29px; background:url(http://www.deepblue-diving.com/wp-content/plugins/slider-image/Front_images/arrows/arrows.simple.png) right top no-repeat; background-size: 200%; } /***</add>***/ </style> <link rel='stylesheet' id='bxSlidercss-css' href='http://www.deepblue-diving.com/wp-content/plugins/slider-image/style/jquery.bxslider.css?ver=4.9.26' type='text/css' media='all' /> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-includes/js/jquery/ui/core.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-includes/js/jquery/ui/position.min.js?ver=1.11.4'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/easy-modal/assets/scripts/jquery.transit.min.js?ver=0.9.11'></script> <script type='text/javascript'> /* <![CDATA[ */ var emodal_themes = []; emodal_themes = {"1":{"id":"1","theme_id":"1","overlay":{"background":{"color":"#002777","opacity":80}},"container":{"padding":20,"background":{"color":"#ffffff","opacity":100},"border":{"style":"solid","color":"#2d4da0","width":1,"radius":3},"boxshadow":{"inset":"no","horizontal":1,"vertical":1,"blur":3,"spread":0,"color":"#020202","opacity":23}},"close":{"text":"CLOSE","location":"topright","position":{"top":"0","left":"0","bottom":"0","right":"0"},"padding":8,"background":{"color":"#2d4da0","opacity":100},"font":{"color":"#ffffff","size":12,"family":"Times New Roman"},"border":{"style":"none","color":"#ffffff","width":1,"radius":0},"boxshadow":{"inset":"no","horizontal":0,"vertical":0,"blur":0,"spread":0,"color":"#020202","opacity":23},"textshadow":{"horizontal":0,"vertical":0,"blur":0,"color":"#000000","opacity":23}},"title":{"font":{"color":"#e36c0a","size":32,"family":"Sans-Serif"},"text":{"align":"left"},"textshadow":{"horizontal":0,"vertical":0,"blur":0,"color":"#020202","opacity":23}},"content":{"font":{"color":"#002060","family":"Sans-Serif"}}}};; /* ]]> */ </script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/easy-modal/assets/scripts/easy-modal-site.js?defer&ver=2' defer='defer' defer='defer'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = {"loaderUrl":"http:\/\/www.deepblue-diving.com\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","recaptchaEmpty":"Please verify that you are not a robot.","sending":"Sending ...","cached":"1"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.4.2'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/themes/deepbluediving/js/ScrollMagic.js?ver=20160713'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/themes/deepbluediving/js/functions.js?ver=20160713'></script> <script type='text/javascript'> /* <![CDATA[ */ var pum_vars = {"ajaxurl":"http:\/\/www.deepblue-diving.com\/wp-admin\/admin-ajax.php","restapi":"http:\/\/www.deepblue-diving.com\/wp-json\/pum\/v1","rest_nonce":null,"default_theme":"1284","debug_mode":"","disable_open_tracking":""}; var pum_debug_vars = {"debug_mode_enabled":"Popup Maker Debug Mode Enabled","debug_started_at":"Debug started at:","debug_more_info":"For more information on how to use this information visit http:\/\/docs.wppopupmaker.com\/?utm_medium=js-debug-info&utm_campaign=ContextualHelp&utm_source=browser-console&utm_content=more-info","global_info":"Global Information","localized_vars":"Localized variables","popups_initializing":"Popups Initializing","popups_initialized":"Popups Initialized","single_popup_label":"Popup: #","theme_id":"Theme ID: ","label_method_call":"Method Call:","label_method_args":"Method Arguments:","label_popup_settings":"Settings","label_triggers":"Triggers","label_cookies":"Cookies","label_delay":"Delay:","label_conditions":"Conditions","label_cookie":"Cookie:","label_settings":"Settings:","label_selector":"Selector:","label_mobile_disabled":"Mobile Disabled:","label_tablet_disabled":"Tablet Disabled:","label_display_settings":"Display Settings:","label_close_settings":"Close Settings:","label_event_before_open":"Event: Before Open","label_event_after_open":"Event: After Open","label_event_open_prevented":"Event: Open Prevented","label_event_setup_close":"Event: Setup Close","label_event_close_prevented":"Event: Close Prevented","label_event_before_close":"Event: Before Close","label_event_after_close":"Event: After Close","label_event_before_reposition":"Event: Before Reposition","label_event_after_reposition":"Event: After Reposition","label_event_checking_condition":"Event: Checking Condition","triggers":{"click_open":{"name":"Click Open","modal_title":"Click Trigger Settings","settings_column":"<strong>Extra Selectors<\/strong>: {{data.extra_selectors}}"},"auto_open":{"name":"Auto Open","modal_title":"Auto Open Settings","settings_column":"<strong>Delay<\/strong>: {{data.delay}}"}},"cookies":{"on_popup_open":{"name":"On Popup Open","modal_title":"On Popup Open Settings"},"on_popup_close":{"name":"On Popup Close","modal_title":"On Popup Close Settings"},"manual":{"name":"Manual JavaScript","modal_title":"Click Trigger Settings"}}}; var ajaxurl = "http:\/\/www.deepblue-diving.com\/wp-admin\/admin-ajax.php"; var popmake_default_theme = "1284"; /* ]]> */ </script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/popup-maker/assets/js/site.min.js?defer&ver=1.6.6' defer='defer' defer='defer'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-includes/js/wp-embed.min.js?ver=4.9.26'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/js_composer/assets/js/dist/js_composer_front.min.js?ver=5.4.4'></script> <script type='text/javascript'> /* <![CDATA[ */ var huge_it_obj = {"slideCount":"3","pauseTime":"5000","width_thumbs":"280","speed":"1000"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/slider-image/js/jquery.bxslider.js?ver=1.0.0'></script> <script type='text/javascript' src='http://www.deepblue-diving.com/wp-content/plugins/slider-image/js/bxslider.setup.js?ver=1.0.0'></script> </body> </html> <!--Generated by Endurance Page Cache--> <!-- Performance optimized by W3 Total Cache. Learn more: https://www.w3-edge.com/products/ Page Caching using disk: enhanced Minified using disk Served from: deepblue-diving.com @ 2025-03-29 08:10:59 by W3 Total Cache -->