1<!DOCTYPE html><!--[if IEMobile 7 ]><html dir="ltr" lang="en-US"class="no-js iem7"><![endif]--><!--[if lt IE 7 ]><html dir="ltr" lang="en-US" class="ie ie6 lte9 lte8 lte7"><![endif]--><!--[if IE 7 ]><html dir="ltr" lang="en-US" class="ie ie7 lte9 lte8 lte7"><![endif]--><!--[if IE 8 ]><html dir="ltr" lang="en-US" class="ie ie8 lte9 lte8"><![endif]--><!--[if IE 9 ]><html dir="ltr" lang="en-US" class="ie ie9 lte9"><![endif]--><html lang="en"><head><meta charset="utf-8"/><meta content="IE=edge" http-equiv="X-UA-Compatible"/><meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/><meta content="#31aedd" name="theme-color"/><title>Contact Us | Ocean Spray | Pondicherry Resort Contact Number</title>
1<script type="application/ld+json"> 2 { 3 "@context": "https://schema.org", 4 "@type": "Hotel", 5 "name": "OCEAN SPRAY", 6 "description": "", 7 "telephone": "+91 413 265 0000", 8 "email": "[email protected]", 9 "address": { 10 "@type": "PostalAddress", 11 "streetAddress": "No.7, 8, 9 ECR Main Road,\nManjakuppam, Marakkanam Taluk,\nEast Coast Road, Pondicherry,\nTamilnadu \u2013 604303", 12 "addressLocality": "Pondicherry", 13 "addressCountry": "107" 14 }, 15 16 "logo": "https://assets.simplotel.com/simplotel/image/upload/x_0,y_0,w_200,h_66,r_0,c_crop,q_80,dpr_1,f_auto,fl_progressive/ocean-spray/logo_1_ss3iuc", 17 18 19 "geo": { 20 "@type": "GeoCoordinates", 21 "latitude": "12.066005808524496", 22 "longitude": "79.88017426931569" 23 }, 24 25 26 "containsPlace": [{"description": "<div style=\"text-align: justify;\">The Ferns rooms provide a snug retreat with twin beds, essential modern amenities and a balcony view of the lake, ideal for small families or friends.</div>\n", "name": "Ferns Room", "@type": "HotelRoom"}, {"description": "<div style=\"text-align: justify;\">Cascade rooms offer a peaceful stay with twin beds, a range of convenient amenities and serene lake views from the balcony.</div>\n", "name": "Cascade Room", "@type": "HotelRoom"}, {"description": "<div style=\"text-align: justify;\">Heaven rooms blend comfort with convenience, featuring a king size bed and standard amenities, all complemented by a picturesque balcony view.</div>\n", "name": "Heavens Room", "@type": "HotelRoom"}, {"description": "<div style=\"text-align: justify;\">Bermuda Villas offer a spacious stay with a king-sized bed and a suite of amenities for guests seeking extra room and comfort.</div>\n", "name": "Bermuda", "@type": "HotelRoom"}, {"description": "<div style=\"text-align: justify;\">Santtorini Villas are distinguished by their separate living area and king-sized beds, offering a comfortable and private environment.</div>\n", "name": "Santtorini", "@type": "HotelRoom"}, {"description": "<div style=\"text-align: justify;\">Guadeloupe Villas are a haven of luxury with a king size bed, a separate living area and an indulgent jacuzzi, perfect for a lavish getaway.</div>\n", "name": "Guadeloupe", "@type": "HotelRoom"}, {"description": "<div style=\"text-align: justify;\">Tahiti Villa provides the ultimate luxury with vast space, a separate living area, a king-sized bed and a private jacuzzi overlooking the lake.</div>\n", "name": "Tahiti", "@type": "HotelRoom"}], 27 "photo": "", 28 29 "url": "https://www.oceanspray.in/contact-us.html", 30 "sameAs": [ 31 32 33 "https://www.facebook.com/OceanSprayPondicherry" 34 35 , 36 "https://twitter.com/i/flow/login?redirect_after_login=%2FOceanSprayPondi" 37 38 , 39 "https://in.pinterest.com/oceanspraypondi/" 40 41 , 42 "https://www.instagram.com/oceanspraypondy/" 43 44 , 45 "https://web.whatsapp.com/send?phone=+919345455555" 46 47 ] 48 } 49 </script>
49<link href="https://fonts.googleapis.com/" rel="dns-prefetch"/><link crossorigin="" href="https://fonts.googleapis.com/" rel="preconnect"/><link href="https://fonts.gstatic.com/" rel="dns-prefetch"/><link crossorigin="" href="https://fonts.gstatic.com/" rel="preconnect"/><link href="https://cdn1.simplotel.com/" rel="dns-prefetch"/><link crossorigin="" href="https://cdn1.simplotel.com/" rel="preconnect"/><link href="https://cdnjs.cloudflare.com/" rel="dns-prefetch"/><link crossorigin="" href="https://cdnjs.cloudflare.com/" rel="preconnect"/><meta content="Contact Us | Ocean Spray | Pondicherry Resort Contact Number" property="og:title"/><meta content="website" property="og:type"/><meta content="https://www.oceanspray.in/contact-us.html" property="og:url"/><meta content="" property="og:image"/><meta content="Contact Us at Ocean Spray for one of the best pool experiences at a resort." property="og:description"/><meta content="summary_large_image" name="twitter:card"/><meta content="Contact Us | Ocean Spray | Pondicherry Resort Contact Number" name="twitter:title"/><meta content="Contact Us at Ocean Spray for one of the best pool experiences at a resort." name="twitter:description"/><meta content="" name="twitter:image"/><meta content="Contact Us at Ocean Spray for one of the best pool experiences at a resort." name="Description"/><meta content="Contact Us, Ocean Spray, Pondicherry Resort Contact Number" name="Keywords"/><meta content="BDAACE752F021F8ED5D1AD5A93AAF201" name="msvalidate.01"/>
49<script class="lazy-load">
vendor: 455 bytes, lines 49-59
49 50 (function (w, d, s, l, i) { 51 w[l] = w[l] || []; 52 w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); 53 var f = d.getElementsByTagName(s)[0], 54 j = d.createElement(s), 55 dl = l != "dataLayer" ? "&l=" + l : ""; 56 j.async = true; 57 j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; 58 f.parentNode.insertBefore(j, f); 59 })(window, document, "script", "dataLayer", "
59GTM-5F83MRFB
vendor: 4 bytes, line 59
59");
60</script>
60<link href="https://www.oceanspray.in/contact-us.html" rel="canonical"/>
60<script class="lazy-load">
vendor: 375 bytes, lines 60-64
60(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 61 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 62 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 63 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 64 })(window,document,'script','dataLayer','
64GTM-5F83MRFB
vendor: 3 bytes, line 64
64');
64</script>
vendor: 84 bytes, line 64
64<script async="" class="lazy-load" src="https://www.googletagmanager.com/gtag/js?id=
64G-7KSB80DD1C
vendor: 11 bytes, line 64
64"></script>
64<script class="lazy-load"> 65 var GA4CLIENTID = null; 66 window.dataLayer = window.dataLayer || []; 67 function gtag(){dataLayer.push(arguments);} 68 // set GA4 linker 69 gtag('set', 'linker', { 70 'domains': [''] 71 }); 72 73 gtag('js', new Date()); 74 gtag('config', 'G-7KSB80DD1C', { 'debug_mode':true }); 75 gtag('config', 'G-DMYPKC176S', { 'debug_mode':true }); 76 77 gtag('get', 'G-7KSB80DD1C', 'client_id', (client_id) => { 78 GA4CLIENTID = client_id; 79 }); 80 81 </script>
81<link href="https://assets.simplotel.com/simplotel/image/upload/x_0,y_0,w_32,h_32,c_crop/w_32,h_32,c_scale/ocean-spray/Oceanspray_Leaf1_d2dc7e42" rel="shortcut icon"/>
81<script> 82 window.all_players = {}; 83 function runvideo(el) { 84 if (el.dataset['mediashow'] == 'no') return; 85 Array.from(el.querySelectorAll('track')).map(track => { 86 track.addEventListener('cuechange', function () { 87 let cues = track.track.activeCues; // array of current cues 88 if(!cues.length) return 89 var text = ""; 90 cues.forEach(cue => { 91 text += cue.text; 92 }) 93 document.getElementsByClassName('caption-window')[0].innerText = text; 94 }); 95 }); 96 el.removeAttribute('onloadstart'); 97 } 98 </script>
98<!--[if lte IE 9]>
98<script class="lazy-load" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js" integrity="sha512-G+4hyWReEGhV6HPJBMTa8pu7YxbT0s7hg0Ijj2LSq4fi7Hrnq6SvSk08q1XdnTObUEpBrl9JnHIs/XJWBDQ3ug==" crossorigin="anonymous" ></script>
98
98<script class="lazy-load" src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js" integrity="sha512-mAPwJAwTKX2C+4OaL5B2or742GiXD7iYG3tWKlHCIfFO66buxq2h8e0geTbAF15mgpCwPfaI6KWavSm7dLim0Q==" crossorigin="anonymous" ></script>
98<![endif]--><link as="style" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700?display=swap" onload="this.onload=null;this.rel='stylesheet'" rel="preload"/><noscript><link href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700?display=swap" rel="stylesheet"/></noscript><link href="https://cdn1.simplotel.com/sites/production/live/4C2A39BF7EFEC368/css/simp.min.css" rel="stylesheet" type="text/css"/><link as="style" href="https://cdn1.simplotel.com/fontawesome/latest/css/all.min.css" onload="this.onload=null;this.rel='stylesheet'" rel="preload"/><noscript><link href="https://cdn1.simplotel.com/fontawesome/latest/css/all.min.css" rel="stylesheet" type="text/css"/></noscript><link as="style" href="https://cdn1.simplotel.com/fontawesome/latest/css/v4-shims.min.css" onload="this.onload=null;this.rel='stylesheet'" rel="preload"/><noscript><link href="https://cdn1.simplotel.com/fontawesome/latest/css/v4-shims.min.css" rel="stylesheet" type="text/css"/></noscript><link as="style" href="https://cdn1.simplotel.com/animation/animate.min.css" onload="this.onload=null;this.rel='stylesheet'" rel="preload"/><noscript><link href="https://cdn1.simplotel.com/animation/animate.min.css" rel="stylesheet" type="text/css"/></noscript><link href="https://cdn1.simplotel.com/sites/production/live/4C2A39BF7EFEC368/css/simp-widgets.min.9c889a0b07805c7b16b9c8948fb48b09.css" rel="stylesheet" type="text/css"/><!--[if IE]><link rel="stylesheet" href="./css/ie.css"><![endif]--><style>.animation.delay-auto { -webkit-animation-delay: 0s; animation-delay: 0s; } .animation.delay-0-5s { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .animation.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animation.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animation.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animation.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animation.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animation.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animation.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animation.slow { -webkit-animation-duration: 1s; animation-duration: 1s; } .animation.slower { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } /*RIGHT ANIMATION*/ @keyframes slide-right { 0% { opacity: 0; transform: translate3d(100%,0px,0px); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .slide-From-Right { animation-name: slide-right; } /*LEFT ANIMATION*/ @keyframes slide-left { 0% { opacity: 0; transform: translate3d(-100%,0px,0px); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .slide-From-Left { animation-name: slide-left; } /*TOP ANIMATION*/ @keyframes slide-top { 0% { opacity: 0; transform: translate3d(0,-50%,0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .slide-From-Top { animation-name: slide-top; } /*BOTTOM ANIMATION*/ @keyframes slide-bottom { 0% { opacity: 0; transform: translate3d(0,80%,0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .slide-From-Bottom { animation-name: slide-bottom; } /*ZOOM IN ANIMATION*/ @keyframes zoomInCustom { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomInCus { animation-name: zoomInCustom; } .navbar .navbar-brand-v2, .navbar .navbar-nav, .navbar .address_block, header .lang-book-wrapper-v2 .resv-wrap, header .lang-book-wrapper-v2 .txt-wdgt-btn-wrapper, .bookingform-wrapper, #footer .logo, #footer .footer_navbar_wrapper, #footer .comm_cont.f_bot, body h1, body h2, body h3, body h4, body p, .text-content span, .text-content .btn, .text-content-wrapper img, .coralreef-statictext-slider, .coralreef-statictext .text-content-wrapper div, .coralreef-experiences-bg-textslider .wt-image-text-slider .text-content img, .coralreef-twocardpresence .left-cell, .coralreef-twocardpresence .right-cell, .coralreef-voicewithbg, .coralreef-subhead, .coralreef-mainvideo, .coralreef-packages-textslider .wt-image-text-slider, .mobile .logo-inner img, .mobile .navBtnBorder .dropdown-toggle i.far, .mobile .navbar-logo .book-button.menu-item, .mobile .dropdown-menu li a, .mobile footer .footer-row, .mobile footer .social-bar, .mobile footer .footer-row.final, header nav.navbar.navbar-top.ocean-spray-header-711 .lang-book-wrapper-v2 > a{ /*visibility: hidden;*/ opacity: 0; }/*new booking form css*/ .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper { bottom: -50px; /*transform: translateY(50%);*/ padding: 0 8.534% } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm { min-width: 100%; padding: 0; background: #fff; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, .25)); height: 100px; display: flex; max-width: 1244px } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #booking-form { width: 100%; margin: 0; padding: 0; display:flex; justify-content:center; }
98 .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block { width: 21.865%; height: 100px; margin: 0 !important; display: flex !important; align-items: center; flex-direction: column; justify-content: center; border-right: 1px solid #ccc } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper { width: 13.947%; height: 100px; margin: 0 !important; border-right: 1px solid #ccc } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field { width: 15.193%; height: 100px; border: none; margin: 0 !important } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper { margin-top: 0; width: 13.184%; height: 100px; margin:0; } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block .dp-holder .form-control { height: 100%; display: block; padding: 5px 10.4%; /*font-family: AlbraGrotesk-Light, serif;*/ font-size: clamp(11px, 1.2vw, 18px); font-weight: 400; line-height: clamp(11px, 1.2vw, 18px); color: #626262 } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block .dp-holder { height: 60%; display: block; position: relative; border: none } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .form-group label { display: block; width: 100%; height: 40%; padding: 22px 10.4% 0; line-height: 1; /*font-family: AlbraGrotesk-Light, serif;*/ font-size: clamp(11px, 1.2vw, 18px); font-weight: 400; color: #626262; background: #fff; } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block .dp-holder span { margin-top: 0 } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block .dp-holder span:before { content: ""; position: absolute; inset: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none"><path d="M1.02588 1.26855L5.38766 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/><path d="M9.74947 1.26855L5.3877 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/></svg>') 87.6% 50%/4.5% no-repeat } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper .form-group, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper .form-group, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper .form-group { width: 100%; height: 100%; margin: 0 !important; display: flex !important; align-items: stretch; flex-direction: column; justify-content: stretch } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper .form-group>div, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper .form-group>div, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper .form-group>div { height: 100% } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-block span, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-block span, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-block span { height: 60% } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-block select, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-block select, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-block select { height: 100%; padding: 5px 16.332%; border-right: 1px solid #ccc; /*font-family: AlbraGrotesk-Light, serif;*/ font-size: clamp(11px, 1.2vw, 18px); font-weight: 400; line-height: normal !important; color: #626262; position: absolute; inset: 0; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none"><path d="M1.02588 1.26855L5.38766 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/>
98<path d="M9.74947 1.26855L5.3877 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/></svg>') 85.6% center/7.17% no-repeat; border: none; background-color:#fff; } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-block span:after, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-block span:after, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-block span:after { border: none } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block .tb-holder, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field .tb-holder { height: 60%; position: relative } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block .tb-holder input, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field .tb-holder input { height: 100%; border: none; padding: 5px 10.4%; /*font-family: AlbraGrotesk-Light, serif;*/ font-size: clamp(11px, 1.2vw, 18px); font-weight: 400; line-height: normal !important; color: #626262 } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .btn-wrapper .check-btn-holder { height: 100%; width: 100%; margin: 0 !important } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .btn-wrapper .check-btn-holder .btn-full-width { height: 100%; width: 100%; min-width: 100%; color: #fff; text-align: center; /*font-family: CanelaText-Light, sans-serif;*/ font-size: clamp(11px, 1.2vw, 18px); font-weight: 700; line-height: normal !important; letter-spacing: 1px; text-transform: uppercase; padding: 5px 10.5% } .bookingFormWidget #bookingForm .min-price-wrapper { bottom: 94px!important; } .bookingFormWidget #bookingForm .min-price-wrapper { bottom: 94px!important; right:50px !important } .phoenix-standalone[newbeform=true] #bookingForm .whyBookDirect { top: 72%; left: unset; right: 0; } @media (max-width:1600px){ .bookingFormWidget #bookingForm .min-price-wrapper { right:10px !important; } } @media (max-width:1350px){ .phoenix-standalone[newbeform=true] #bookingForm .whyBookDirect { right: -40px; } } @media (max-width:1200px) { .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field, .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm, .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper { height: 70px } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper { bottom: -35px; } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .form-group label { padding-top: 17px } .phoenix-standalone[newbeform=true] #bookingForm .whyBookDirect { top:65%; } .bookingFormWidget #bookingForm .min-price-wrapper { right:-30px !important; bottom: 60px!important; } } @media (max-width:999px){ .phoenix-standalone[newbeform=true] #bookingForm .date-parameter-block { max-width:unset; } .phoenix-standalone[newbeform=true] .bookingFormWidget .bookingform-wrapper #bookingForm .min-price-wrapper { right:0px !important; } .phoenix-standalone[newbeform=true] .bookingFormWidget #bookingForm .whyBookDirect a.active{ font-size:11px; } .phoenix-standalone[newbeform=true] #bookingForm .whyBookDirect { right: -28px; } } @media (max-width:950px) { .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field, .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm, .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper { height: 60px } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper { bottom: -30px; } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .form-group label { padding-top: 15px } .phoenix-standalone[newbeform=true] #bookingForm .whyBookDirect { top:58%; } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .btn-wrapper .check-btn-holder .btn-full-width { text-wrap: nowrap; } } @media (max-width:850px) { .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .date-parameter-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field, .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm, .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper { height: 55px } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper { bottom: calc(-55px / 2); } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .form-group label { padding-top: 12px } .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .adult-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .child-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .promo-block, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .room-wrapper, .phoenix-standalone[newbeform=true] .outer-page .homepage #bookingForm .text-field { width: 13.5% } .phoenix-standalone[newbeform=true] .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper { width: 15.6% } } /*email popup*/ .emailSliderFormDelay h3, .emailSliderForm h3{ color:#fff; } .emailSliderFormDelay .spam-alert, .emailSliderForm .form-group p:last-of-type{ color:#fefefe; }
98 /*min-price-wrapper*/ #bookingForm .min-price-wrapper { /* display: none !important; */ } #bookingForm .whyBookDirect { /* display: none !important; */ } /*old booking form css*/ /*.outer-page .homepage .bookingFormWidget .bookingform-wrapper {*/ /* bottom: -50px;*/ /*transform: translateY(50%);*/ /* padding: 0 8.534%*/ /*}*/ /*.outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm {*/ /* min-width: 100%;*/ /* padding: 0;*/ /* background: #fff;*/ /* filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, .25));*/ /* height: 100px;*/ /* display: flex;*/ /* max-width: 1244px*/ /*}*/ /*.outer-page .homepage .bookingFormWidget .bookingform-wrapper #booking-form {*/ /* width: 100%;*/ /* margin: 0;*/ /* padding: 0*/ /*}*/ /*.outer-page .homepage #bookingForm .date-parameter-block {*/ /* width: 21.865%;*/ /* height: 100px;*/ /* margin: 0 !important;*/ /* display: flex !important;*/ /* align-items: center;*/ /* flex-direction: column;*/ /* justify-content: center;*/ /* border-right: 1px solid #ccc*/ /*}*/ /*.outer-page .homepage #bookingForm .adult-wrapper,*/ /*.outer-page .homepage #bookingForm .child-wrapper,*/ /*.outer-page .homepage #bookingForm .room-wrapper {*/ /* width: 13.947%;*/ /* height: 100px;*/ /* margin: 0 !important;*/ /* border-right: 1px solid #ccc*/ /*}*/ /*.outer-page .homepage #bookingForm .promo-block,*/ /*.outer-page .homepage #bookingForm .text-field {*/ /* width: 15.193%;*/ /* height: 100px;*/ /* border: none;*/ /* margin: 0 !important*/ /*}*/ /*.outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper {*/ /* margin-top: 0;*/ /* width: 13.184%;*/ /* height: 100px*/ /*}*/ /*.outer-page .homepage #bookingForm .date-parameter-block .dp-holder .form-control {*/ /* height: 100%;*/ /* display: block;*/ /* padding: 5px 10.4%;*/ /* font-family: AlbraGrotesk-Light, serif;*/ /* font-size: clamp(11px, 1.2vw, 18px);*/ /* font-weight: 400;*/ /* line-height: clamp(11px, 1.2vw, 18px);*/ /* color: #626262*/ /*}*/ /*.outer-page .homepage #bookingForm .date-parameter-block .dp-holder {*/ /* height: 60%;*/ /* display: block;*/ /* position: relative;*/ /* border: none*/ /*}*/ /*.outer-page .homepage #bookingForm .form-group label {*/ /* display: block;*/ /* width: 100%;*/ /* height: 40%;*/ /* padding: 22px 10.4% 0;*/ /* line-height: 1;*/ /* font-family: AlbraGrotesk-Light, serif;*/ /* font-size: clamp(11px, 1.2vw, 18px);*/ /* font-weight: 400;*/ /* color: #626262*/ /*}*/ /*.outer-page .homepage #bookingForm .date-parameter-block .dp-holder span {*/ /* margin-top: 0*/ /*}*/ /*.outer-page .homepage #bookingForm .date-parameter-block .dp-holder span:before {*/ /* content: "";*/ /* position: absolute;*/ /* inset: 0;*/ /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none"><path d="M1.02588 1.26855L5.38766 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/><path d="M9.74947 1.26855L5.3877 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/></svg>') 87.6% 50%/4.5% no-repeat*/ /*}*/ /*.outer-page .homepage #bookingForm .adult-wrapper .form-group,*/ /*.outer-page .homepage #bookingForm .child-wrapper .form-group,*/ /*.outer-page .homepage #bookingForm .room-wrapper .form-group {*/ /* width: 100%;*/ /* height: 100%;*/ /* margin: 0 !important;*/ /* display: flex !important;*/ /* align-items: stretch;*/ /* flex-direction: column;*/ /* justify-content: stretch*/ /*}*/ /*.outer-page .homepage #bookingForm .adult-wrapper .form-group>div,*/ /*.outer-page .homepage #bookingForm .child-wrapper .form-group>div,*/ /*.outer-page .homepage #bookingForm .room-wrapper .form-group>div {*/ /* height: 100%*/ /*}*/ /*.outer-page .homepage #bookingForm .adult-block span,*/ /*.outer-page .homepage #bookingForm .child-block span,*/ /*.outer-page .homepage #bookingForm .room-block span {*/ /* height: 60%*/ /*}*/ /*.outer-page .homepage #bookingForm .adult-block select,*/ /*.outer-page .homepage #bookingForm .child-block select,*/ /*.outer-page .homepage #bookingForm .room-block select {*/ /* height: 100%;*/ /* padding: 5px 16.332%;*/ /* border-right: 1px solid #ccc;*/ /* font-family: AlbraGrotesk-Light, serif;*/ /* font-size: clamp(11px, 1.2vw, 18px);*/ /* font-weight: 400;*/ /* line-height: normal !important;*/ /* color: #626262;*/ /* position: absolute;*/ /* inset: 0;*/ /* background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="6" viewBox="0 0 11 6" fill="none"><path d="M1.02588 1.26855L5.38766 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/>
98<path d="M9.74947 1.26855L5.3877 4.95462" stroke="%23CCCCCC" stroke-width="2" stroke-linecap="round"/></svg>') 85.6% center/7.17% no-repeat;*/ /* border: none*/ /*}*/ /*.outer-page .homepage #bookingForm .adult-block span:after,*/ /*.outer-page .homepage #bookingForm .child-block span:after,*/ /*.outer-page .homepage #bookingForm .room-block span:after {*/ /* border: none*/ /*}*/ /*.outer-page .homepage #bookingForm .promo-block .tb-holder,*/ /*.outer-page .homepage #bookingForm .text-field .tb-holder {*/ /* height: 60%;*/ /* position: relative*/ /*}*/ /*.outer-page .homepage #bookingForm .promo-block .tb-holder input,*/ /*.outer-page .homepage #bookingForm .text-field .tb-holder input {*/ /* height: 100%;*/ /* border: none;*/ /* padding: 5px 10.4%;*/ /* font-family: AlbraGrotesk-Light, serif;*/ /* font-size: clamp(11px, 1.2vw, 18px);*/ /* font-weight: 400;*/ /* line-height: normal !important;*/ /* color: #626262*/ /*}*/ /*.outer-page .homepage #bookingForm .btn-wrapper .check-btn-holder {*/ /* height: 100%;*/ /* width: 100%;*/ /* margin: 0 !important*/ /*}*/ /*.outer-page .homepage #bookingForm .btn-wrapper .check-btn-holder .btn-full-width {*/ /* height: 100%;*/ /* width: 100%;*/ /* min-width: 100%;*/ /* color: #fff;*/ /* text-align: center;*/ /* font-family: CanelaText-Light, sans-serif;*/ /* font-size: clamp(11px, 1.2vw, 18px);*/ /* font-weight: 700;*/ /* line-height: normal !important;*/ /* letter-spacing: 1px;*/ /* text-transform: uppercase;*/ /* padding: 5px 10.5%*/ /*}*/ /*@media (max-width:1200px) {*/ /* .outer-page .homepage #bookingForm .adult-wrapper,*/ /* .outer-page .homepage #bookingForm .child-wrapper,*/ /* .outer-page .homepage #bookingForm .date-parameter-block,*/ /* .outer-page .homepage #bookingForm .promo-block,*/ /* .outer-page .homepage #bookingForm .room-wrapper,*/ /* .outer-page .homepage #bookingForm .text-field,*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm,*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper {*/ /* height: 70px*/ /* }*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper {*/ /* bottom: -35px;*/ /* }*/ /* .outer-page .homepage #bookingForm .form-group label {*/ /* padding-top: 17px*/ /* }*/ /*}*/ /*@media (max-width:950px) {*/ /* .outer-page .homepage #bookingForm .adult-wrapper,*/ /* .outer-page .homepage #bookingForm .child-wrapper,*/ /* .outer-page .homepage #bookingForm .date-parameter-block,*/ /* .outer-page .homepage #bookingForm .promo-block,*/ /* .outer-page .homepage #bookingForm .room-wrapper,*/ /* .outer-page .homepage #bookingForm .text-field,*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm,*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper {*/ /* height: 60px*/ /* }*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper {*/ /* bottom: -30px;*/ /* }*/ /* .outer-page .homepage #bookingForm .form-group label {*/ /* padding-top: 15px*/ /* }*/ /*}*/ /*@media (max-width:850px) {*/ /* .outer-page .homepage #bookingForm .adult-wrapper,*/ /* .outer-page .homepage #bookingForm .child-wrapper,*/ /* .outer-page .homepage #bookingForm .date-parameter-block,*/ /* .outer-page .homepage #bookingForm .promo-block,*/ /* .outer-page .homepage #bookingForm .room-wrapper,*/ /* .outer-page .homepage #bookingForm .text-field,*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm,*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper {*/ /* height: 55px*/ /* }*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper {*/ /* bottom: calc(-55px / 2);*/ /* }*/ /* .outer-page .homepage #bookingForm .form-group label {*/ /* padding-top: 12px*/ /* }*/ /* .outer-page .homepage #bookingForm .adult-wrapper,*/ /* .outer-page .homepage #bookingForm .child-wrapper,*/ /* .outer-page .homepage #bookingForm .promo-block,*/ /* .outer-page .homepage #bookingForm .room-wrapper,*/ /* .outer-page .homepage #bookingForm .text-field {*/ /* width: 13.5%*/ /* }*/ /* .outer-page .homepage .bookingFormWidget .bookingform-wrapper #bookingForm .btn-wrapper {*/ /* width: 15.6%*/ /* }*/ /*}*/ /*email popup*/ /*.emailSliderFormDelay h3,*/ /*.emailSliderForm h3{*/ /* color:#fff;*/ /*}*/ /*.emailSliderFormDelay .spam-alert,*/ /*.emailSliderForm .form-group p:last-of-type{*/ /* color:#fefefe;*/ /*}*/ /*min-price-wrapper*/ /*#bookingForm .min-price-wrapper {*/ /* display: none !important;*/ /*}*/ /*#bookingForm .whyBookDirect {*/ /* display: none !important;*/ /*}*/html { scroll-behavior: smooth; } .outer-page .content_wrapper{ background:transparent; } .mobile .content_wrapper{ background:transparent; } .mobile .dropdown-menu{ width:100vw; } .outer-page .oceanspray-dining-leftimg-righttext-224 .right-box .text-content-wrapper .table-responsive::-webkit-scrollbar, .outer-page .oceanspray-dining-lefttext-rightimage-1170 .left-box .text-content-wrapper .table-responsive::-webkit-scrollbar{ display: none; } .outer-page .oceanspray-room-innerpage-ameneties-1134 .text-content-wrapper .table-responsive::-webkit-scrollbar{ display:none; }
98 .outer-page .show-loc-details .text-content, .outer-page .show-loc-details .text-content p, .outer-page .show-loc-details .h3{ opacity:1; } .mobile .oceanspary-library-onetext-mobile .btn { font-size: 16px; } .outer-page .show-loc-details h3{ font-size:clamp(20px,2vw,30px); } /* footer */ .outer-page #footer .second-li a[href*="/manage/"]{ display: none; } /*location*/ .directions-bar #toDirection option:nth-child(1){ display: none; } .directions-bar #fromDirection option:nth-child(n+2):nth-child(-n+10), .directions-bar #fromDirection option[selected]{ display: none; } /*Back Top*/ #back-top span{ font-size:38px; } /*Gallery Page Heading*/ .for-innerpage .ekko-lightbox h4.modal-title{ opacity:1; } .mobile .wt-gallery-slick-slider h3{ opacity:1; } .mobile .gallery-drop{ z-index:1; } /*Location Page*/ .outer-page.for-locationpage .hotel_location_wrap .content_wrapper .no-gutter .get-directions-label span{ padding: 15px 0; display: flex; align-items: center; justify-content: center; } .mobile .location-content .heading{ text-align:center; } .mobile .map-drop{ z-index:1; } .mobile .for-locationpage #full-drop-map{ padding:0 !important; } /*Breadcrumbs*/ .outer-page .breadcrumbs .text-content-wrapper p{ font-size: clamp(12px,1.267vw,19px); line-height: clamp(15px,1.6vw,24px); } .mobile .breadcrumbs p{ font-size: 12px; line-height: 20px; font-weight: 400; } .outer-page .content_wrapper .no-gutter .widget-wrapper div{ font-weight:300; } .mobile .content_wrapper .widget-wrapper{ padding:0 30px; } /*jira 13075 start*/ .outer-page .oceanspray-rooms-innerpage-text-486 .txt-wdgt-btn-wrapper{ margin-top:30px; display:block; } .outer-page .oceanspray-rooms-innerpage-text-486 .txt-wdgt-btn-wrapper a{ float:unset !important; } .mobile .oceanspray-rooms-innerpage-text-mobile-540 .txt-wdgt-btn-wrapper{ margin-top:20px; display:block; } .mobile .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-mobile-540{ margin-bottom:20px !important; } .mobile .oceanspray-rooms-innerpage-text-mobile-540 .txt-wdgt-btn-wrapper a{ float:unset !important; } /*end*/ /*jira 13076 start*/ .outer-page .content_wrapper .no-gutter .breadcrumbs:first-child{ padding-top:115px; } .mobile .content_wrapper .no-gutter .breadcrumbs:first-child{ padding:107px 20px 20px; } .mobile .content_wrapper .no-gutter .breadcrumbs .text-content{ padding:0; } .mobile .content_wrapper .no-gutter .breadcrumbs{ padding:20px; margin:0; } /*end*/ /*changes for jira - 13527*/ .outer-page .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .wtbookbtn .one-col, .outerpage .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .wtbookbtn .one-col, .outer-page .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .txt-wdgt-btn-wrapper, .outerpage .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .txt-wdgt-btn-wrapper { display:flex; justify-content:center; align-items:center; } .outer-page .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .txt-wdgt-btn-wrapper .wtbookbtn, .outerpage .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .txt-wdgt-btn-wrapper .wtbookbtn { padding:0; } .outer-page .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .wtbookbtn .pull-right, .outerpage .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .wtbookbtn .pull-right{ float:unset !important; } .outer-page .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .wtbookbtn #booking-form, .outerpage .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-486 .text-content .text-content-wrapper .wtbookbtn #booking-form { margin:0; } .mobile .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-mobile-540 .text-content .text-content-wrapper .txt-wdgt-btn-wrapper, .mobile .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-mobile-540 .text-content .text-content-wrapper .wtbookbtn{ display:flex; justify-content:center; align-items:center; } .mobile .content_wrapper .no-gutter .oceanspray-rooms-innerpage-text-mobile-540 .text-content .text-content-wrapper .wtbookbtn .col
98-lg-12{ padding:0; } /*end of changes for jira - 13527*/ /*ops - 14975*/ .outer-page .widget-wrapper:is(.oceanspray-dining-lefttext-rightimage-1170,.oceanspray-dining-leftimg-righttext-224) a:not(.btn), .mobile .widget-wrapper:is(.oceanspray-dining-leftimg-righttext-mobile-251, .oceanspray-dining-lefttext-rightimage-mobile-520) a:not(.btn){ font:inherit; } /*end - ops - 14975 */ /* OPS-17151 : starts */ .outer-page .content_wrapper .no-gutter .widget-wrapper.ocean-spray-home-amenties-1206 :is(.slick-track, .slick-list) { display: flex; } .outer-page .content_wrapper .no-gutter .widget-wrapper.ocean-spray-home-amenties-1206 :is(.image-content-wrapper, img, .text-content) { height: 100%; } /* OPS-17151 : Ends */ .outer-page .content_wrapper .no-gutter .oceanspray-dining-lefttext-rightimage-1170 .left-box .text-content-wrapper h2 { margin-bottom: 3.914%; padding: 0 2.388%; } .outer-page .content_wrapper .no-gutter .oceanspray-dining-leftimg-righttext-224 .right-box .text-content-wrapper h2 { margin-bottom: 3.820%; padding: 0 2.388%; } /*OPS 17495*/ :is(.outer-page,.mobile) .content_wrapper .no-gutter .widget-wrapper :is(h1,h2,h3,h4,h5,h6){ text-transform:capitalize; font-weight:400; } :is(.outer-page,.mobile) .content_wrapper .no-gutter .widget-wrapper p{ font-weight:300; } /*OPS 17495*/.mobile .ocean-spray-rooms-slider-mobile .slick-next:before { background: url('data:image/svg+xml,<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" transform="matrix(-1 0 0 1 30 0)" fill="white" stroke="%2300AEBB"/><path d="M13.3331 10.9524L17.1426 15L13.3331 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); } .mobile .ocean-spray-rooms-slider-mobile .slick-prev:before { background: url('data:image/svg+xml,<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" fill="white" stroke="%2300AEBB"/><path d="M16.6665 10.9524L12.8569 15L16.6665 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); }@keyframes ripple { 0% { box-shadow: 0 0 0 0 rgba(67, 40, 24, 0.4); } 80% { box-shadow: 0 0 0 10px rgba(67, 40, 24, 0); } 100% { box-shadow: 0 0 0 0 rgba(67, 40, 24, 0); } } @keyframes slideInRightContainer { 0% { transform: translateX(60px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes tickPop { 0% { transform: scale(0.6); opacity: 0; } 100% { transform: scale(1); opacity: 1; } } #contactHeader { animation: slideInRightContainer 0.6s ease-out forwards; z-index: 999; } #contactHeader .social-phone, #contactHeader .social-whatsapp { width: 56px; height: 56px; border-radius: 50%; color: #fff; display: flex; justify-content: center; align-items: center; text-decoration: none; font-size: 24px; cursor: pointer; border: none; position: relative; transition: background-color 0.3s ease; } #contactHeader:not(.mobile) .social-phone { background-color: #5e3e2b; animation: ripple 2s ease-in-out infinite; } #contactHeader .social-whatsapp { background-color: #4CAF50; } #contactHeader .social-phone:hover { background-color: #5c3823; } #contactHeader .social-whatsapp:hover { background-color: #3d8b42; } #contactHeader.desktop { position: fixed; bottom: 110px; right: 10px; transform: translateY(-50%); display: flex; flex-direction: column; align-items: flex-end; gap: 12px; } #contactHeader.desktop .phone-wrapper, #contactHeader.desktop .whatsapp-wrapper { position: relative; display: none; } #contactHeader.desktop .phone-info { position: absolute; right: 55px; top: 50%; transform: translateY(-50%) translateX(20px); display: flex; align-items: center; gap: 8px; background-color: #5e3e2b; color: #fff; padding: 6px 14px; border-radius: 25px; white-space: nowrap; font-size: 14px; opacity: 0; max-width: 0; overflow: hidden; pointer-events: none; transition: all 0.3s ease; min-width: 120px; } #contactHeader.desktop .phone-info.visible { opacity: 1; transform: translateY(-50%) translateX(0); max-width: 240px; pointer-events: auto; } #contactHeader.desktop .phone-number { margin-right: 8px; font-size: 14px; } #contactHeader.desktop .copy-button { width: 36px; height: 36px; border-radius: 50%; background-color: #6e4b34; color: #fff; border: none; display: flex; justify-content: center; align-items: center; font-size: 14px; cursor: pointer; transition: background-color 0.3s ease, transform 0.3s ease, opacity 0.3s ease; flex-shrink: 0; } #contactHeader.desktop .copy-button:hover { background-color: #7e533a; } #contactHeader .copy-button.copied { background-color: #6b8368; transform: scale(1.1); opacity: 0.95; } #contactHeader .copy-button.copied i { animation: tickPop 0.3s ease; } #contactHeader.mobile { position: fixed; right: 15px; bottom: 45%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; width: fit-content; } #contactHeader.mobile a { width: 56px; height: 56px; display: flex; justify-content: center; align-items: center; text-decoration: none; color: #fff; border-radius: 50%; transition: background-color 0.3s ease; position: relative; font-size: 24px; } #contactHeader.mobile .social-phone { background-color: #31aedd; animation: ripple 2s ease-in-out infinite; } #contactHeader.mobile .social-phone:hover { background-color: #5c3823; } #contactHeader.mobile .social-whatsapp { background-color: #4CAF50; } #contactHeader.mobile .social-whatsapp:hover { background-color: #3d8b42; } html.has-phone #contactHeader.desktop .phone-wrapper { display: block; } html.has-whatsapp #contactHeader.desktop .whatsapp-wrapper { display: block; } @media (max-width: 960px) { #contactHeader.desktop .social-phone, #contactHeader.desktop .social-whatsapp { width: 27px; height: 27px; font-size: 14px; } #contactHeader.desktop .phone-info { padding: 4px 10px; min-width: 100px; font-size: 12px; right: 35px; transform: translateY(-50%) translateX(15px); } #contactHeader.desktop { gap: 5px; bottom: 70px; } #contactHeader.desktop .copy-button { width: 22px; height: 22px; } .fa-clone:before { font-size: 10px; } #back-top { bottom: 10px } } .mobile #contactHeader.mobile { bottom: 91px; } @media (orientation: landscape) { .mobile #contactHeader.mobile { top: 28%; bottom: unset; left: 10px; } }header nav.navbar.navbar-top.ocean-spray-header-711 div.lang-book-wrapper-v2 { display: flex; gap: 10px; top: 25px; } /* .outer-page header .navbar-top.ocean-spray-header-711 #top-navbar-collapse { padding: 0 220px 0 clamp(50px,6.51v
98w,100px) !important; } */ @media screen and (max-width: 1280px) { /* .outer-page header .navbar-top.ocean-spray-header-711 #top-navbar-collapse { padding: 0 clamp(50px,6.51vw,100px) !important; } */ header nav.navbar.navbar-top.ocean-spray-header-711 div.lang-book-wrapper-v2 { flex-direction: column; align-items: flex-start; top: 5px; gap: 5px; } .outer-page .gt_container--hich1m .gt_switcher .gt_selected a { padding: 0 5px; } } /**/ .mobile .text-center.navBtnBorder.top_padding.hover.menu-item { flex: unset; } .mobile .logo-inner { padding-left: 30px; } .mobile .mobile-navbar-button.book-button { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; padding-right: 20px; } .mobile .bookBtnbgcolor { padding: 0; } .mobile .gt_container--hich1m .gt_switcher { width: max-content; } .mobile .gt_container--hich1m .gt_switcher .gt_selected a { width: 90px; font-size: 11px; } .mobile .gt_container--hich1m .gt_switcher .gt_selected a img { width: 22px; height: 22px; } .mobile .gt_container--hich1m .gt_switcher .gt_selected a:after { top: 10px; height: 10px; right: 5px; } .mobile .gt_container--hich1m .gt_switcher .gt_option { width: 100px; position: absolute; max-height: 140px; } .mobile .gt_container--hich1m .gt_switcher .gt_option a { font-size: 11px; } .mobile .gt_container--hich1m .gt_switcher .gt_option a img { width: 22px; height: 22px; } .floating-book-now { padding: 0; position: fixed; right: 20px; top: 50%; width: max-content; transform: translateY(-50%); z-index: 99; width: fit-content; max-width: unset; padding: 0; margin: 0; } body .navbar-button.floating-book-now input.btn { border-radius: 50%; width: clamp(80px, 5.208vw, 100px); height: clamp(80px, 5.208vw, 100px); min-width: unset; padding: 5px; line-height: normal !important; } .mobile .content_wrapper .widget-wrapper.wls-button-center-mobile-866 { display: none; }/* OPS-18734 - Starts */ .outer-page .content_wrapper .no-gutter .widget-wrapper table :is(td, th) { padding: 10px; } .mobile .content_wrapper .no-gutter .widget-wrapper table :is(td, th) { padding: 5px 10px; } /* OPS-18734 - Ends */.outer-page .promotions-wrapper .oceanspray_promooffers { display: block; } .outer-page .promotions-wrapper .promo-details { position: relative; cursor: auto; } /*.outer-page .oceanspray-promooffers-787 {*/ /* height: 160px;*/ /*}*/ /*.outer-page .oceanspray-promooffers-787 .text-content {*/ /* height: auto !important;*/ /* padding: 15px 15px 35px;*/ /*}*/ /*.outer-page .oceanspray-promooffers-787 .text-content-wrapper {*/ /* height: 115px !important;*/ /* overflow-y: scroll;*/ /* padding-right: 10px;*/ /*}*/ /*.outer-page .oceanspray-promooffers-787 .content-block .text-content-wrapper::-webkit-scrollbar {*/ /* width: 4px;*/ /* margin-left: 4px;*/ /*}*/ /* Track */ /*.outer-page .oceanspray-promooffers-787 .content-block .text-content-wrapper::-webkit-scrollbar-track {*/ /* background: #18529e;*/ /*}*/ /* Handle */ /*.outer-page .oceanspray-promooffers-787 .content-block .text-content-wrapper::-webkit-scrollbar-thumb {*/ /* background: white;*/ /*}*/ /*.outer-page .oceanspray_promooffers-787 .content-block {*/ /* padding: 0;*/ /*}*/ .outer-page .promotions-wrapper .promo-details-wrap { height: 199px; } .outer-page .promotions-wrapper .promo-btn { width: 198px; left: -75px; top: 75px; } .outer-page .oceanspray_promooffers { height: 199px; } .outer-page .oceanspray_promooffers .text-content-wrapper { padding-bottom: 15px; height: 169px !important; }.outer-page .content_wrapper .no-gutter .widget-wrapper.ocean-spray-home-head-1017 .gjs-cell:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="40" viewBox="0 0 279 40" fill="none"><path d="M0 1C13.9506 1 13.9506 16 27.9011 16C41.8517 16 41.8517 1 55.8022 1C69.7528 1 69.7473 16 83.6978 16C97.6484 16 97.6484 1 111.599 1C125.549 1 125.549 16 139.495 16C153.44 16 153.445 1 167.396 1C181.346 1 181.346 16 195.297 16C209.247 16 209.247 1 223.192 1C237.137 1 237.148 16 251.099 16C265.05 16 265.049 1 279 1" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/><path d="M0 22C13.9506 22 13.9506 39 27.9011 39C41.8517 39 41.8517 22 55.8022 22C69.7528 22 69.7473 39 83.6978 39C97.6484 39 97.6484 22 111.599 22C125.549 22 125.549 39 139.495 39C153.44 39 153.445 22 167.396 22C181.346 22 181.346 39 195.297 39C209.247 39 209.247 22 223.192 22C237.137 22 237.
98148 39 251.099 39C265.05 39 265.049 22 279 22" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 0% 0%; background-size: 18%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.ocean-spray-home-head-1017 .gjs-cell:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="369" height="92" viewBox="0 0 369 92" fill="none"><path d="M0 1C20.4508 1 20.4508 25 40.9016 25C61.3525 25 61.3524 1 81.8032 1C102.254 1 102.246 25 122.697 25C143.148 25 143.148 1 163.598 1C184.049 1 184.049 25 204.492 25C224.935 25 224.943 1 245.394 1C265.844 1 265.844 25 286.295 25C306.746 25 306.746 1 327.189 1C347.631 1 347.648 25 368.098 25" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 34C20.4508 34 20.4508 58 40.9016 58C61.3525 58 61.3524 34 81.8032 34C102.254 34 102.246 58 122.697 58C143.148 58 143.148 34 163.598 34C184.049 34 184.049 58 204.492 58C224.935 58 224.943 34 245.394 34C265.844 34 265.844 58 286.295 58C306.746 58 306.746 34 327.189 34C347.631 34 347.648 58 368.098 58" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 67C20.4508 67 20.4508 91 40.9016 91C61.3525 91 61.3524 67 81.8032 67C102.254 67 102.246 91 122.697 91C143.148 91 143.148 67 163.598 67C184.049 67 184.049 91 204.492 91C224.935 91 224.943 67 245.394 67C265.844 67 265.844 91 286.295 91C306.746 91 306.746 67 327.189 67C347.631 67 347.648 91 368.098 91" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 22.8%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.oceanspray-limgrtxt-header-370 .gjs-cell:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="40" viewBox="0 0 279 40" fill="none"><path d="M0 1C13.9506 1 13.9506 16 27.9011 16C41.8517 16 41.8517 1 55.8022 1C69.7528 1 69.7473 16 83.6978 16C97.6484 16 97.6484 1 111.599 1C125.549 1 125.549 16 139.495 16C153.44 16 153.445 1 167.396 1C181.346 1 181.346 16 195.297 16C209.247 16 209.247 1 223.192 1C237.137 1 237.148 16 251.099 16C265.05 16 265.049 1 279 1" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/><path d="M0 22C13.9506 22 13.9506 39 27.9011 39C41.8517 39 41.8517 22 55.8022 22C69.7528 22 69.7473 39 83.6978 39C97.6484 39 97.6484 22 111.599 22C125.549 22 125.549 39 139.495 39C153.44 39 153.445 22 167.396 22C181.346 22 181.346 39 195.297 39C209.247 39 209.247 22 223.192 22C237.137 22 237.148 39 251.099 39C265.05 39 265.049 22 279 22" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 0% 0%; background-size: 18%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.oceanspray-limgrtxt-header-370 .gjs-cell:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="369" height="92" viewBox="0 0 369 92" fill="none"><path d="M0 1C20.4508 1 20.4508 25 40.9016 25C61.3525 25 61.3524 1 81.8032 1C102.254 1 102.246 25 122.697 25C143.148 25 143.148 1 163.598 1C184.049 1 184.049 25 204.492 25C224.935 25 224.943 1 245.394 1C265.844 1 265.844 25 286.295 25C306.746 25 306.746 1 327.189 1C347.631 1 347.648 25 368.098 25" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 34C20.4508 34 20.4508 58 40.9016 58C61.3525 58 61.3524 34 81.8032 34C102.254 34 102.246 58 122.697 58C143.148 58 143.148 34 163.598 34C184.049 34 184.049 58 204.492 58C224.935 58 224.943 34 245.394 34C265.844 34 265.844 58 286.295 58C306.746 58 306.746 34 327.189 34C347.631 34 347.648 58 368.098 58" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 67C20.4508 67 20.4508 91 40.9016 91C61.3525 91 61.3524 67 81.8032 67C102.254 67 102.246 91 122.697 91C143.148 91 143.148 67 163.598 67C184.049 67 184.049 91 204.492 91C224.935 91 224.943 67 245.394 67C265.844 67 265.844 91 286.295 91C306.746 91 306.746 67 327.189 67C347.631 67 347.648 91 368.098 91" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 22.8%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.oceanspray-homepage-accomodations-564 h2::after{ background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="40" viewBox="0 0 279 40" fill="none"><path d="M0 1C13.9506 1 13.9506 16 27.9011 16C41.8517 16 41.8517 1 55.8022 1C69.7528 1 69.7473 16 83.6978 16C97.6484 16 97.6484 1 111.599 1C125.549 1 125.549 16 139.495 16C153.44 16 153.445 1 167.396 1C181.346 1 181.346 16 195.297 16C209.247 16 209.247 1 223.192 1C237.137 1 237.148 16 251.099 16C265.05 16 265.049 1 279 1" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/><path d="M0 22C13.9506 22 13.9506 39 27.9011 39C41.8517 39 41.8517 22 55.8022 22C69.7528 22 69.7473 39 83.6978 39C97.6484 39 97.6484 22 111.599 22C125.549 22 125.549 39 139.495 39C153.44 39 153.445 22 167.396 22C181.346 22 181.346 39 195.297 39C209.247 39 209.247 22 223.192 22C237.137 22 237.
98148 39 251.099 39C265.05 39 265.049 22 279 22" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/></svg>'); background-repeat:no-repeat; background-position:38.2% 30%; background-size:18.7%; } /*.outer-page .content_wrapper .no-gutter .oceanspray-homepage-bermuda-ltxt-rimg-774::before{*/ /* background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="19" viewBox="0 0 279 19" fill="none"><path d="M0 2C13.9506 2 13.9506 17 27.9011 17C41.8517 17 41.8517 2 55.8022 2C69.7528 2 69.7473 17 83.6978 17C97.6484 17 97.6484 2 111.599 2C125.549 2 125.549 17 139.495 17C153.44 17 153.445 2 167.396 2C181.346 2 181.346 17 195.297 17C209.247 17 209.247 2 223.192 2C237.137 2 237.148 17 251.099 17C265.05 17 265.049 2 279 2" stroke="%23C1282F" stroke-width="2.4" stroke-miterlimit="10"/></svg>');*/ /* background-repeat:no-repeat;*/ /* background-position:38.2% 0%;*/ /* background-size:18.7%;*/ /*}*/ .outer-page #footer:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="233" viewBox="0 0 1500 233" fill="none"><g opacity="0.2"><path d="M1500 11.6214C1471.76 6.56251 1442.05 2.50249 1406.06 2.15313C1310.49 1.2297 1250.06 27.2304 1154.68 28.4232C1057.11 29.6437 990.737 4.79722 893.965 1.53135C770.089 -2.64871 676.244 29.6052 551.068 29.1635C429.775 28.7356 339.841 -2.19931 219.173 0.124656C136.679 1.71142 76.7574 18.581 0 23.9615V233H1500V11.6214Z" fill="%23B5F6FF"/><path d="M1500 86.6653C1428.74 94.201 1363.86 104.939 1282.77 102.303C1191.81 99.347 1140.68 80.4116 1048.1 79.7397C952.538 79.0517 892.105 98.4297 796.721 99.3138C699.161 100.223 632.785 81.7119 536.008 79.2788C412.146 76.1634 318.292 100.194 193.111 99.8653C122.155 99.6784 61.9285 91.7139 0 85.482V233H1500V86.6653Z" fill="%2375E2FF"/><path d="M1500 164.149C1453.87 167.825 1407.2 170.76 1353.38 169.521C1262.42 167.424 1211.28 154.001 1118.69 153.526C1023.13 153.038 962.698 166.771 867.307 167.401C769.742 168.045 703.37 154.923 606.592 153.198C482.749 150.989 388.898 168.025 263.716 167.792C166.299 167.61 89.1125 157.038 0 153.517V232H1500V164.149Z" fill="%230096F9"/></g></svg>'); background-repeat: no-repeat; background-position: 0 100%; background-size: 100%; } .outer-page .content_wrapper .no-gutter .oceanspray-homepage-testimonials-966 .content-block .slick-list .slick-track .slick-slide::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .oceanspray-homepage-testimonials-966 .content-block .slick-list .slick-track .slick-slide::after { background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953 67.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-homepage-testimonials-mobile-129 .content-block .slick-list .slick-track .slick-slide::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .widget-wrapper.ocean-spray-home-head-1017 .gjs-cell:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="40" viewBox="0 0 279 40" fill="none"><path d="M0 1C13.9506 1 13.9506 16 27.9011 16C41.8517 16 41.8517 1 55.8022 1C69.7528 1 69.7473 16 83.6978 16C97.6484 16 97.6484 1 111.599 1C125.549 1 125.549 16 139.495 16C153.44 16 153.445 1 167.396 1C181.346 1 181.346 16 195.297 16C209.247 16 209.247 1 223.192 1C237.137 1 237.148 16 251.099 16C265.05 16 265.049 1 279 1" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/><path d="M0 22C13.9506 22 13.9506 39 27.9011 39C41.8517 39 41.8517 22 55.8022 22C69.7528 22 69.7473 39 83.6978 39C97.6484 39 97.6484 22 111.599 22C125.549 22 125.549 39 139.495 39C153.44 39 153.445 22 167.396 22C181.346 22 181.346 39 195.297 39C209.247 39 209.247 22 223.192 22C237.137 22 237.
98148 39 251.099 39C265.05 39 265.049 22 279 22" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 0% 0%; background-size: 18%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.ocean-spray-home-head-1017 .gjs-cell:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="369" height="92" viewBox="0 0 369 92" fill="none"><path d="M0 1C20.4508 1 20.4508 25 40.9016 25C61.3525 25 61.3524 1 81.8032 1C102.254 1 102.246 25 122.697 25C143.148 25 143.148 1 163.598 1C184.049 1 184.049 25 204.492 25C224.935 25 224.943 1 245.394 1C265.844 1 265.844 25 286.295 25C306.746 25 306.746 1 327.189 1C347.631 1 347.648 25 368.098 25" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 34C20.4508 34 20.4508 58 40.9016 58C61.3525 58 61.3524 34 81.8032 34C102.254 34 102.246 58 122.697 58C143.148 58 143.148 34 163.598 34C184.049 34 184.049 58 204.492 58C224.935 58 224.943 34 245.394 34C265.844 34 265.844 58 286.295 58C306.746 58 306.746 34 327.189 34C347.631 34 347.648 58 368.098 58" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 67C20.4508 67 20.4508 91 40.9016 91C61.3525 91 61.3524 67 81.8032 67C102.254 67 102.246 91 122.697 91C143.148 91 143.148 67 163.598 67C184.049 67 184.049 91 204.492 91C224.935 91 224.943 67 245.394 67C265.844 67 265.844 91 286.295 91C306.746 91 306.746 67 327.189 67C347.631 67 347.648 91 368.098 91" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 22.8%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.oceanspray-limgrtxt-header-370 .gjs-cell:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="40" viewBox="0 0 279 40" fill="none"><path d="M0 1C13.9506 1 13.9506 16 27.9011 16C41.8517 16 41.8517 1 55.8022 1C69.7528 1 69.7473 16 83.6978 16C97.6484 16 97.6484 1 111.599 1C125.549 1 125.549 16 139.495 16C153.44 16 153.445 1 167.396 1C181.346 1 181.346 16 195.297 16C209.247 16 209.247 1 223.192 1C237.137 1 237.148 16 251.099 16C265.05 16 265.049 1 279 1" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/><path d="M0 22C13.9506 22 13.9506 39 27.9011 39C41.8517 39 41.8517 22 55.8022 22C69.7528 22 69.7473 39 83.6978 39C97.6484 39 97.6484 22 111.599 22C125.549 22 125.549 39 139.495 39C153.44 39 153.445 22 167.396 22C181.346 22 181.346 39 195.297 39C209.247 39 209.247 22 223.192 22C237.137 22 237.148 39 251.099 39C265.05 39 265.049 22 279 22" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 0% 0%; background-size: 18%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.oceanspray-limgrtxt-header-370 .gjs-cell:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="369" height="92" viewBox="0 0 369 92" fill="none"><path d="M0 1C20.4508 1 20.4508 25 40.9016 25C61.3525 25 61.3524 1 81.8032 1C102.254 1 102.246 25 122.697 25C143.148 25 143.148 1 163.598 1C184.049 1 184.049 25 204.492 25C224.935 25 224.943 1 245.394 1C265.844 1 265.844 25 286.295 25C306.746 25 306.746 1 327.189 1C347.631 1 347.648 25 368.098 25" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 34C20.4508 34 20.4508 58 40.9016 58C61.3525 58 61.3524 34 81.8032 34C102.254 34 102.246 58 122.697 58C143.148 58 143.148 34 163.598 34C184.049 34 184.049 58 204.492 58C224.935 58 224.943 34 245.394 34C265.844 34 265.844 58 286.295 58C306.746 58 306.746 34 327.189 34C347.631 34 347.648 58 368.098 58" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/><path d="M0 67C20.4508 67 20.4508 91 40.9016 91C61.3525 91 61.3524 67 81.8032 67C102.254 67 102.246 91 122.697 91C143.148 91 143.148 67 163.598 67C184.049 67 184.049 91 204.492 91C224.935 91 224.943 67 245.394 67C265.844 67 265.844 91 286.295 91C306.746 91 306.746 67 327.189 67C347.631 67 347.648 91 368.098 91" stroke="%2300AEBB" stroke-width="1.4" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-position: 100% 100%; background-size: 22.8%; } .outer-page .content_wrapper .no-gutter .widget-wrapper.oceanspray-homepage-accomodations-564 h2::after{ background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="40" viewBox="0 0 279 40" fill="none"><path d="M0 1C13.9506 1 13.9506 16 27.9011 16C41.8517 16 41.8517 1 55.8022 1C69.7528 1 69.7473 16 83.6978 16C97.6484 16 97.6484 1 111.599 1C125.549 1 125.549 16 139.495 16C153.44 16 153.445 1 167.396 1C181.346 1 181.346 16 195.297 16C209.247 16 209.247 1 223.192 1C237.137 1 237.148 16 251.099 16C265.05 16 265.049 1 279 1" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/><path d="M0 22C13.9506 22 13.9506 39 27.9011 39C41.8517 39 41.8517 22 55.8022 22C69.7528 22 69.7473 39 83.6978 39C97.6484 39 97.6484 22 111.599 22C125.549 22 125.549 39 139.495 39C153.44 39 153.445 22 167.396 22C181.346 22 181.346 39 195.297 39C209.247 39 209.247 22 223.192 22C237.137 22 237.
98148 39 251.099 39C265.05 39 265.049 22 279 22" stroke="%2300AEBB" stroke-width="2" stroke-miterlimit="10"/></svg>'); background-repeat:no-repeat; background-position:38.2% 30%; background-size:18.7%; } /*.outer-page .content_wrapper .no-gutter .oceanspray-homepage-bermuda-ltxt-rimg-774::before{*/ /* background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="279" height="19" viewBox="0 0 279 19" fill="none"><path d="M0 2C13.9506 2 13.9506 17 27.9011 17C41.8517 17 41.8517 2 55.8022 2C69.7528 2 69.7473 17 83.6978 17C97.6484 17 97.6484 2 111.599 2C125.549 2 125.549 17 139.495 17C153.44 17 153.445 2 167.396 2C181.346 2 181.346 17 195.297 17C209.247 17 209.247 2 223.192 2C237.137 2 237.148 17 251.099 17C265.05 17 265.049 2 279 2" stroke="%23C1282F" stroke-width="2.4" stroke-miterlimit="10"/></svg>');*/ /* background-repeat:no-repeat;*/ /* background-position:38.2% 0%;*/ /* background-size:18.7%;*/ /*}*/ .outer-page #footer:after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1500" height="233" viewBox="0 0 1500 233" fill="none"><g opacity="0.2"><path d="M1500 11.6214C1471.76 6.56251 1442.05 2.50249 1406.06 2.15313C1310.49 1.2297 1250.06 27.2304 1154.68 28.4232C1057.11 29.6437 990.737 4.79722 893.965 1.53135C770.089 -2.64871 676.244 29.6052 551.068 29.1635C429.775 28.7356 339.841 -2.19931 219.173 0.124656C136.679 1.71142 76.7574 18.581 0 23.9615V233H1500V11.6214Z" fill="%23B5F6FF"/><path d="M1500 86.6653C1428.74 94.201 1363.86 104.939 1282.77 102.303C1191.81 99.347 1140.68 80.4116 1048.1 79.7397C952.538 79.0517 892.105 98.4297 796.721 99.3138C699.161 100.223 632.785 81.7119 536.008 79.2788C412.146 76.1634 318.292 100.194 193.111 99.8653C122.155 99.6784 61.9285 91.7139 0 85.482V233H1500V86.6653Z" fill="%2375E2FF"/><path d="M1500 164.149C1453.87 167.825 1407.2 170.76 1353.38 169.521C1262.42 167.424 1211.28 154.001 1118.69 153.526C1023.13 153.038 962.698 166.771 867.307 167.401C769.742 168.045 703.37 154.923 606.592 153.198C482.749 150.989 388.898 168.025 263.716 167.792C166.299 167.61 89.1125 157.038 0 153.517V232H1500V164.149Z" fill="%230096F9"/></g></svg>'); background-repeat: no-repeat; background-position: 0 100%; background-size: 100%; } .outer-page .content_wrapper .no-gutter .oceanspray-homepage-testimonials-966 .content-block .slick-list .slick-track .slick-slide::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .oceanspray-homepage-testimonials-966 .content-block .slick-list .slick-track .slick-slide::after { background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953 67.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-homepage-testimonials-mobile-129 .content-block .slick-list .slick-track .slick-slide::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-homepage-testimonials-mobile-129 .content-block .slick-list .slick-track .slick-slide::after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953
9867.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .oceanspray-library-testimonials-710 .content-block .slick-list .slick-track .slick-slide::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .oceanspray-library-testimonials-710 .content-block .slick-list .slick-track .slick-slide::after { background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953 67.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-library-testimonials-mobile-550 .content-block .slick-list .slick-track .slick-slide::before{ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-library-testimonials-mobile-550 .content-block .slick-list .slick-track .slick-slide::after{ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953
9867.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-homepage-testimonials-mobile-129 .content-block .slick-list .slick-track .slick-slide::after { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953 67.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .oceanspray-library-testimonials-710 .content-block .slick-list .slick-track .slick-slide::before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .outer-page .content_wrapper .no-gutter .oceanspray-library-testimonials-710 .content-block .slick-list .slick-track .slick-slide::after { background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953 67.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-library-testimonials-mobile-550 .content-block .slick-list .slick-track .slick-slide::before{ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="84" height="62" viewBox="0 0 84 62" fill="none"><path d="M36.6902 59.145C20.8702 50.795 2.41016 33.215 2.41016 17.835C2.41348 15.7207 2.83953 13.6284 3.66325 11.6811C4.48697 9.73384 5.69174 7.97092 7.2067 6.49603C8.72165 5.02114 10.5162 3.86405 12.4849 3.0928C14.4535 2.32155 16.5565 1.95172 18.6702 2.00505C26.5802 2.00505 34.0602 9.00505 34.0602 17.835C34.0602 24.425 28.7802 31.015 20.8702 32.775C23.0702 39.775 32.3002 47.7751 40.6502 52.555L36.6902 59.145ZM77.5702 59.145C61.7502 50.795 43.2902 33.215 43.2902 17.835C43.2935 15.7207 43.7195 13.6284 44.5433 11.6811C45.367 9.73384 46.5717 7.97092 48.0867 6.49603C49.6017 5.02114 51.3962 3.86405 53.3649 3.0928C55.3335 2.32155 57.4365 1.95172 59.5502 2.00505C67.4602 2.00505 74.4902 9.00505 74.4902 17.835C74.4902 24.425 69.6602 31.015 61.7502 32.775C63.5002 39.775 73.1702 47.7751 81.5202 52.555L77.5702 59.145Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; } .mobile .content_wrapper .no-gutter .oceanspray-library-testimonials-mobile-550 .content-block .slick-list .slick-track .slick-slide::after{ background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="79" height="58" viewBox="0 0 79 58" fill="none"><path d="M45.0405 2.2749C59.9105 10.1249 77.2505 26.6349 77.2505 41.0949C77.2469 43.0754 76.8486 45.0354 76.0787 46.8602C75.3088 48.6849 74.1828 50.3379 72.7666 51.7225C71.3504 53.107 69.6725 54.1953
9867.8307 54.9237C65.989 55.6521 64.0206 56.0061 62.0405 55.9649C54.6105 55.9649 47.5905 49.3549 47.5905 41.0949C47.5905 34.8949 52.5905 28.7049 59.9805 27.0949C57.9105 20.4849 49.2404 13.0949 41.3904 8.50494L45.0405 2.2749ZM6.63049 2.2749C21.5005 10.1249 38.8405 26.6349 38.8405 41.0949C38.8371 43.0815 38.4365 45.0473 37.6623 46.8768C36.8881 48.7062 35.7558 50.3624 34.3322 51.7479C32.9085 53.1334 31.2221 54.2202 29.3723 54.9444C27.5224 55.6686 25.5464 56.0156 23.5605 55.9649C16.1305 55.9649 9.56049 49.3549 9.56049 41.0949C9.56049 34.8949 14.1105 28.7049 21.5605 27.0949C19.9105 20.4849 10.8205 13.0949 2.98047 8.50494L6.63049 2.2749Z" fill="%2300AEBB" stroke="white" stroke-width="3" stroke-miterlimit="10"/></svg>'); background-repeat: no-repeat; background-size: contain; }.outer-page .ocean-spray-hero-image-1091 .plyr--video .plyr__controls { left: 0; right: 0; bottom: 52px; background: transparent; display: flex; justify-content: center; } .outer-page .ocean-spray-hero-image-1091 .plyr__controls .plyr__controls__item:first-child, .outer-page .ocean-spray-hero-image-1091 .plyr__controls .plyr__controls__item.plyr__progress__container, .outer-page .ocean-spray-hero-image-1091 .plyr__controls .plyr__controls__item.plyr__time{ display:none; }.mobile .ocean-spray-home-amenties-mobile-507 .slick-prev:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" fill="white" stroke="%2300AEBB"/><path d="M16.6665 10.9524L12.8569 15L16.6665 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); background-position: center; background-size: 100% } .mobile .ocean-spray-home-amenties-mobile-507 .slick-next:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" transform="matrix(-1 0 0 1 30 0)" fill="white" stroke="%2300AEBB"/><path d="M13.3331 10.9524L17.1426 15L13.3331 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: 100% } .mobile .oceanspray-uniqueslider-mobile-929 .slick-prev:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" fill="white" stroke="%2300AEBB"/><path d="M16.6665 10.9524L12.8569 15L16.6665 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); background-position: center; background-size: 100% } .mobile .oceanspray-uniqueslider-mobile-929 .slick-next:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" transform="matrix(-1 0 0 1 30 0)" fill="white" stroke="%2300AEBB"/><path d="M13.3331 10.9524L17.1426 15L13.3331 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: 100% } .mobile .navBtnBorder:hover{ background:transparent !important; } .mobile #contactHeader.mobile:hover { background: #31AEED; } .mobile .slick-arrow { width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,1); z-index: 1; } .mobile .slick-prev, .mobile .mobile-gallery-slider .div-16-9 .holder .slick-prev { left: 18px; } .mobile .slick-next, .mobile .mobile-gallery-slider .div-16-9 .holder .slick-next { right: 18px; } .mobile .slick-prev:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" fill="white" stroke="%2300AEBB"/><path d="M16.6665 10.9524L12.8569 15L16.6665 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); background-position: center; background-size: 100%; background-repeat: no-repeat; } .mobile .slick-next:before { background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none"><circle cx="15" cy="15" r="14.5" transform="matrix(-1 0 0 1 30 0)" fill="white" stroke="%2300AEBB"/><path d="M13.3331 10.9524L17.1426 15L13.3331 19.0476" stroke="%2300AEBB" stroke-width="2"/></svg>'); background-repeat: no-repeat; background-position: center; background-size: 100%; background-repeat: no-repeat; }.outer-page .content_wrapper .no-gutter .ocean-spray-text-logo{ width: 120px; margin-bottom: 12px; } .mobile .content_wrapper .no-gutter img.ocean-spray-text-logo{ width:75px; margin-bottom:6px; margin-top:10px; }.mobile h1{ font-size:20px; line-height:25px; font-weight:400; color: rgba(0, 0, 0, 1); border:none !important; } .mobile h2{ font-size:20px; line-height:25px; font-weight:400; color:rgba(0, 0, 0, 1); border:none !important; } .mobile h3{ font-size:24px; line-height:30px; font-weight:300; border:none !important; } .mobile h4{ font-size:16px; line-height:20px; font-weight:300; } .mobile h5{ font-size:15px; line-height:18px; font-weight:400; letter-spacing:1px; } .mobile h6{ /*Nothing added - given extra font for critical*/ } .mobile p, .mobile .widget-wrapper li{ font-size:12px; line-height:15px; font-weight:300; color:rgba(103, 113, 112, 1); } .mobile a{ font-size:12px; line-height:20px; font-weight:400; } .outer-page h1{ font-weight:300; } .outer-page h2{ font-weight:300; } .outer-page h3{ font-weight:300; } .outer-page h4{ font-weight:300; } .outer-page h5{ font-weight:400; letter-spacing:1px; } .outer-page h6{ font-weight:300; } .outer-page p{ font-weight:300; } .outer-page .widget-wrapper li, .outer-page .saraca-widget-library-one-text-center-589 div{ font-weight:300; font-size: clamp(12px,1.2vw,19px); line-height: clamp(15px,1.6vw,24px); } .outer-page .content_wrapper .no-gutter .text-content-wrapper p > a, .outer-page .content_wrapper .no-gutter .text-content-wrapper div > a, .outer-page .content_wrapper .no-gutter .text-content-wrapper{ font-size:clamp(12px,1.267vw,19px); line-height: clamp(15px,1.6vw,24px); } .outer-page a{ font-weight:400; } /*email popup changes*/ .modal.fade.js-close-mail-dialog.close-mail-dialog.in.emailSliderForm .form-wrap h3, .wrapper .form-wrap p { color:#fff; opacity:1; } #emailSliderFormDelay .wrapper .form-wrap h3, #emailSliderFormDelay .wrapper .form-wrap p { color:#fff; opacity:1; } /*.outer-page .clearfix.widget-wrapper.header-pills{*/ /* display: none;*/ /*}*/ /* empty p tag removal */ .content_wrapper .no-gutter .text-content p:empty, .content_wrapper .no-gutter .widget-wrapper p:empty{ display:none !important; } .content_wrapper .no-gutter .text-content p, .content_wrapper .no-gutter p { margin: 0; } .for-homepage .content_wrapper{ padding:0; } .inner-page .content_wrapper:first-child{ padding:0; } .for-innerpage .content_wrapper{ padding:0; } * { box-sizing: border-box; } body {margin: 0;}*{box-sizing:border-box;}body{margin:0;}*[data-mediashow="no"]{display:none !important;}</style><link class="lazy-load" href="https://cdn.jsdelivr.net/npm/[email protected]/build/css/intlTelInput.min.css" rel="stylesheet"/>
98<script crossorigin="anonymous" defer="" integrity="sha384-4IPP1rb5sA6EldR9StZOA9fDN04Vv6xrP944NPrhRIFEEMJ9rytdR4MVCcU0Cp0V" src="https://cdn.jsdelivr.net/npm/[email protected]/build/js/intlTelInput.min.js"></script>
98</head><body class="phoenix for-innerpage phoenix-standalone" data-hotel_id="8337" data-parent_hotel_id="8337"><noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-5F83MRFB" style="display: none; visibility: hidden" width="0"></iframe></noscript><noscript><iframe height="0" src="https://www.googletagmanager.com/ns.html?id=GTM-5F83MRFB" style="display:none;visibility:hidden" width="0"></iframe></noscript><main class="outer-page" id="wrapper"><header><nav class="navbar navbar-top ocean-spray-header-v2 ocean-spray-header-711"><div class="container container-v2 nav-invisible" style="visibility:visible"><div class="navbar-header"><button class="navbar-toggle collapsed" data-target="#top-menu" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button><a class="navbar-brand-v2" href="./" tabindex="1"><img alt="Logo of Ocean Spray, Puducherry" src="https://assets.simplotel.com/simplotel/image/upload/x_0,y_0,w_200,h_66,r_0,c_crop,q_80,dpr_1,f_auto,fl_progressive/ocean-spray/logo_1_ss3iuc" style="aspect-ratio: 200/66; "/></a></div><div class="navbar-collapse-v2 collapse-v2" id="top-menu" style="display:flex; flex-grow:1; padding-right: 0px;"><ul class="nav navbar-nav top-navbar-collapse-v2 js-navbar-hide" id="top-navbar-collapse"><li class="primary"><a class="" href="././villas-rooms.html">Villas & Rooms</a></li><li class="primary"><a class="" href="././dining.html">Dining</a></li><li class="primary"><a class="" href="././banquets.html">Banquets</a></li><li class="primary"><a class="" href="././5-elements.html">5 Elements</a></li><li class="primary"><a class="" href="././offers.html">Offers</a></li><li class="primary"><a class="" href="././hot-deals.html">Hot Deals</a></li><li class="primary"><a class="" href="././spa.html">Spa</a></li><li class="primary"><a class="" href="././facilities.html">Facilities</a></li><li class="primary"><a class="" href="././gallery.html">Gallery</a></li><li class="primary"><a class="" href="././location.html">Location</a></li><li class="primary"><a class="active" href="././contact-us.html">Contact Us</a></li><li class="primary"><a class="" href="././testimonials.html">Testimonials</a></li><li class="primary"><a class="" href="././blogs.html">Blogs</a></li><li class="primary"><a class="" href="././best-hotel-near-auroville-beach.html">Best Hotel near Auroville Beach</a></li><li class="primary"><a class="" href="././family-resort-in-pondicherry.html">Family Resort In Pondicherry</a></li><li class="moreOptions"><a href="#"><i class="fa fa-bars"><span></span></i></a><ul class="dropdown-more"></ul></li></ul><div class="moreOptions moreOptions-v2" style="visibility:hidden; width:49.75px; "><a href="#"><i class="fa fa-bars"><span></span></i></a></div></div><div class="lang-book-wrapper-v2"><div class="resv-wrap"><div class="abs_parent_btn_wrapper book_button"><div class="navbar-button"><div class="booking-form-wrapper pull-right"><form action="https://bookings.oceanspray.in/inst/#home?propertyId=841MQpYExrlHW5S6j5QUxx1oSrxrU8fzu5SemmHdyUR5l4Tg2Mw==&JDRN=Y" class="form booking-form" data-booking_type="button" data-engine="enquiry" data-group_id="" data-hotel_id="" id="booking-form" method="GET" style="" target="_parent"><input class="btn btn-full-width" data-meta="" id="" name="" type="submit" value="Book Now"/><input class="common" data-checkindate="" data-checkindateselected="" data-childmaxage="10" data-childminage="6" data-lengthofstay="" data-lengthofstayselected="" data-propertytype="single" data-resbtnname="Book Now" data-timeoffset="19800" data-timezone="Asia/Kolkata" type="hidden"/></form></div></div></div><button class="resv resv_button book_button" data-target="#resv-form" data-toggle="modal">Book Now</button><div class="modal fade" id="resv-form" role="dialog" tabindex="-1"><div class="modal-dialog"><div class="modal-content"><div class="modal-body"><div class="booking-form-wrapper"><button aria-label="Close" class="close" data-dismiss="modal" type="button"><span aria-hidden="true"><svg data-name="Layer 1" id="Layer_1" viewbox="0 0 46.09 45.63" xmlns="http://www.w3.org/2000/svg"><defs><style>
98.cls-1 { fill: #a8a7a8; }</style></defs><title>Close</title><rect class="cls-1" height="0.77" transform="translate(256.16 715.69) rotate(-134.72)" width="32.07" x="655.97" y="321.5"></rect><rect class="cls-1" height="0.77" transform="translate(730.96 -194.29) rotate(135.28)" width="32.07" x="655.59" y="343.63"></rect><rect class="cls-1" height="0.78" transform="translate(-209.8 -701.29) rotate(45.28)" width="32.26" x="677.79" y="343.69"></rect><rect class="cls-1" height="0.78" transform="translate(-685.44 271.49) rotate(-44.72)" width="32.26" x="678.18" y="321.42"></rect></svg></span></button></div></div></div></div></div></div><div class="gtranslate_wrapper gt_container--hich1m"></div></div></div></nav></header><div class="inner-page"><div class="col-sm-12 clearfix content_wrapper container-fluid"><div class="row no-gutter clearfix"><div class="clearfix widget-wrapper wt1img fullWidthWidget ocean-spray-hero-image-1091" data-booking="" data-gjs-type="widget-one-image" data-simp-type="widget_one_image" data-simp-type-variant="2483" data-style="fullWidthWidget" id="ir9g"><div class="col-xs-12 one-col image-content-wrapper" data-simp-content-parent="true" id="i2ru"><picture><source class="img-responsive tab-image-content" media="(max-width:1100px)" srcset="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3333/x_0,y_362,w_5000,h_2609,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/night-view-ocean-spray"/><img alt="A large, illuminated resort of Ocean Spray at night with a lit-up swimming pool and palm trees, reflecting in the dark surrounding water." class="img-responsive image-content" data-autoplay="yes" data-captionpos="" data-category="image" data-controls="yes" data-cropimgx="" data-cropimgx2="5000" data-cropimgy="362" data-cropimgy2="2971" data-customheight="783,783,562" data-customwidth="1500,1500,390" data-gjs-type="image" data-href="" data-imgaspect="1.916" data-imgcaption="" data-imgheight="3333" data-imgradius="" data-imgwidth="5000" data-linktype="" data-mobaspect="0.694" data-mobimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3333/x_1343,y_0,w_2314,h_3333,r_0,c_crop/q_80,w_900,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/night-view-ocean-spray" data-muted="yes" data-newwindow="" data-orgimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3333/q_30/ocean-spray/night-view-ocean-spray" data-orgvideosrc="" data-pictureid="3438415" data-poster="" data-simp-content="image" data-src="" data-tabaspect="1.916" data-tabimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3333/x_0,y_362,w_5000,h_2609,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/night-view-ocean-spray" id="ijsn-2-2" loading="lazy" src="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3333/x_0,y_362,w_5000,h_2609,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/night-view-ocean-spray" style="aspect-ratio: 5000/2609; "/></picture></div><div class="bookingform-wrapper"></div></div><div class="clearfix widget-wrapper breadcrumbs" data-gjs-editable="false" data-gjs-stylable="false" data-gjs-type="breadcrumbs" data-simpwidget="" data-simpwidget-variant="" id="ifhuu"><div class="col-xs-12 one-col text-content" data-simp-content-parent="true"><div class="text-content-wrapper"><p data-gjs-type="text" data-simp-content="text"><a class="internal-link" href="./" target="_self">Home</a> > Contact Us</p></div></div></div><div class="clearfix widget-wrapper widget-text-group fullWidthWidget oceanspray-library-heading-h1-240" data-desktopwidgettype="widget_text_card_layout" data-gjs-type="widget-text-group" data-grouptype="one-text-group" data-heading="false" data-mobilewidgettype="widget_text_card_layout" data-noofblockingroup="1" data-noofgroup="1" data-simp-type="widget_text_group" data-simp-type-variant="2588" data-style="fullWidthWidget" data-textalignment="center" data-textsinrow="1" id="ijy6"><div class="col-sm-12 col-md-12 content-block"><div class="col-sm-4 col-md-4 text-block-1 text-content"><div class="text-content-wrapper" data-simp-content-parent="true" id="i214"><p data-gjs-type="text" data-simp-content="text" id="ihmc"></p><h1>Contact Us</h1><p></p></div></div></div></div><div class="clearfix widget-wrapper imageDescriptionSide imageDescriptionSide-rightimage two-col oceanspray-dining-lefttext-rightimage-1170 ocean-spray-image-text" data-gjs-type="widget-ltext-rimage" data-simp-type="widget_ltext_rimage" data-simp-type-variant="2543" data-style="" id="inqof"><div class="col-md-6 col-sm-6 left-box text-content" data-simp-content-parent="true" id="i5xmp"><div class="text-content-wrapper"><p data-gjs-type="text" data-simp-content="text" id="ievlv"></p><h3><a class="internal-link" data-page-id="849471" href="./" target="_self">Ocean Spray</a></h3><div><br/> <strong>Address: </strong>No.7, 8, 9 ECR Main Road,<br/> Manjakuppam, Marakkanam Taluk,<br/> East Coast Road, Pondicherry,<br/> Tamilnadu – 604303<br/> <br/> <strong>Email: </strong><a href="mailto:[email protected]">[email protected]</a><br/>
98 <br/> <strong>Pondicherry Resort Contact Number:</strong> <br/> <a href="tel:+914132650000" target="_self">+91 413 265 0000</a> | <a href="tel:+914132000500" target="_self">+91 413 200 0500</a> | <a href="tel:+919003945678" target="_self">+91 90 0394 5678</a><br/> <br/> <strong>Chennai Sales Office</strong><br role="presentation"/> <strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a><br role="presentation"/> <strong>Phone:</strong> <a href="tel:+919994776249" target="_self">+91 99 9477 6249</a><br/> <br role="presentation"/> <strong>Bangalore Sales Office</strong><br role="presentation"/> <strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a><br role="presentation"/> <strong>Phone:</strong> <a href="tel:+918754666716" target="_self">+91 87 5466 6716</a><br/> <br/> Bonjour Bonheur Private Limited, a company having its registered office at # 133, Kosakadai Street, Pondicherry – 605001, is the owner and operator of Ocean Spray.</div><p></p></div></div><div class="col-md-6 col-sm-6 right-box image-content-wrapper" data-simp-content-parent="true" id="if3ge"><picture><source class="img-responsive tab-image-content" media="(max-width:1100px)" srcset="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3374/x_756,y_0,w_3488,h_3374,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Sunrise_on_Main_Block_Promenade_xs7uc4"/><img alt="A view of sunrise on main block & promenade, Puducherry" class="img-responsive image-content" data-autoplay="yes" data-captionpos="" data-category="image" data-controls="yes" data-cropimgx="756" data-cropimgx2="4244" data-cropimgy="" data-cropimgy2="3374" data-customheight="593,593,335" data-customwidth="613,613,326" data-gjs-type="image" data-href="" data-imgaspect="1.034" data-imgcaption="" data-imgheight="3374" data-imgradius="" data-imgwidth="5000" data-linktype="" data-mobaspect="0.973" data-mobimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3374/x_859,y_0,w_3282,h_3374,r_0,c_crop/q_80,w_900,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Sunrise_on_Main_Block_Promenade_xs7uc4" data-muted="yes" data-newwindow="" data-orgimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3374/q_30/ocean-spray/OS-Sunrise_on_Main_Block_Promenade_xs7uc4" data-orgvideosrc="" data-pictureid="3436260" data-poster="" data-simp-content="image" data-src="" data-tabaspect="1.034" data-tabimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3374/x_756,y_0,w_3488,h_3374,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Sunrise_on_Main_Block_Promenade_xs7uc4" id="iv84b-2-2" loading="lazy" src="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_3374/x_756,y_0,w_3488,h_3374,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Sunrise_on_Main_Block_Promenade_xs7uc4" style="aspect-ratio: 3488/3374; "/></picture></div></div><div class="clearfix widget-wrapper gjs-row wt2col ocean-spray-library-form-593 ocean-spray-twocardpresence" data-gjs-type="widget-column-2" data-simp-container-widget="widget_column_2" data-simp-container-widget-variant="2639" data-style="" id="ijpc43"><div class="gjs-cell left-cell" data-gjs-type="cell" data-simp-container-content="true"><div class="clearfix widget-wrapper widget-text-group fullWidthWidget" data-desktopwidgettype="widget_text_card_layout" data-gjs-type="widget-text-group" data-grouptype="one-text-group" data-heading="false" data-mobilewidgettype="widget_text_card_layout" data-noofblockingroup="1" data-noofgroup="1" data-simp-type="widget_text_group" data-simp-type-variant="1906" data-style="fullWidthWidget" data-textalignment="flex-start" data-textsinrow="1" id="iewgxh"><div class="col-sm-12 col-md-12 content-block"><div class="col-sm-12 col-md-12 text-block-1 text-content"><div class="text-content-wrapper text-content-wrapper-1" data-simp-content-parent="true" id="iouyma"><p data-gjs-type="text" data-simp-content="text" id="i02wr5"></p><h6 style="text-align: center;">Get In Touch</h6><p></p></div></div></div></div><div class="clearfix widget-wrapper wtformjson" data-formid="282" data-gjs-type="form-widget" data-simpwidget="" data-simpwidget-variant="" id="i23zp"><div class="col-sm-12 one-col"><form class="form-horizontal" data-action-url="https://bookings.simplotel.com/property/8337/page/853347/webform/282" data-form-errormsg="We are sorry - something went wrong. Please try again after refreshing the page" data-form-msg="Submitted Successfully" data-submit-method="post" enctype="multipart/form-data" id="form-i23zp"><input class="form-widget-id" type="hidden" value="i23zp"/><fieldset><div class="form-group col-sm-12" data-required="True" data-required-msg=""><label class="col-sm-12 col-md-2 control-label-custom" for="form-i23zp-item-1">Name</label><div class="col-sm-12 col-md-6"><input class="form-control form-control-custom" data-label="Name" id="form-i23zp-item-1" name="form-i23zp-item-1" placeholder="FULL NAME" type="text"/></div></div><div class="form-group col-sm-12" data-required="True" data-required-msg=""><label class="col-sm-12 col-md-2 control-label-custom" for="form-i23zp-item-2">Email</label><div class="col-sm-12 col-md-6"><input class="form-control form-control-custom" data-label="Email" id="form-i23zp-item-2" name="form-i23zp-item-2" placeholder="EMAIL" type="email"/></div></div><div class="form-group col-sm-12" data-required="True" data-required-msg=""><label class="col-sm-12 col-md-2 control-label-custom" for="form-i23zp-item-3">Contact Number</label><div class="col-sm-12 col-md-6"><input class="form-control form-control-custom" data-label="Contact Number" id="form-i23zp-item-3" name="form-i23zp-item-3" placeholder="CONTACT NUMBER" type="tel"/></div></div><div class="form-group col-sm-12" data-required="True" data-required-msg=""><label class="col-sm-12 col-md-2 control-label-custom" for="form-i23zp-item-4">Venue</label><div class="col-sm-12 col-md-6"><input class="form-control form-control-custom" data-label="Venue" id="form-i23zp-item-4" name="form-i23zp-item-4" placeholder="VENUE" type="text"/></div></div><div class="form-group col-sm-12" data-required="True" data-required-msg=""><label class="col-sm-12 col-md-2 control-label-custom" for="form-i23zp-item-5">Message</label><div class="col-sm-12 col-md-6"><input class="form-control form-control-custom" data-label="Message" id="form-i23zp-item-5" name="form-i23zp-item-5" placeholder="YOUR MESSAGE" type="text"/></div></div><div class="form-group col-sm-12" data-required="True" data-required-msg=""><label class="col-sm-12 col-md-2 control-label-custom" for="form-i23zp-item-6">Date</label><div class="col-sm-12 col-md-6"><div class="input-group date"><input class="form-control form-control-custom formDatePicker" data-label="Date" id="form-i23zp-item-6" name="form-i23zp-item-6" placeholder="DATE" readonly=""/><span class="input-group-addon"><i class="fa fa-calendar"></i></span></div></div></div><div class="form-group col-sm-12" id="form-i23zp-group-submit"><label class="col-sm-12 col-md-2"> </label><div class="col-sm-12 col-md-6"><button class="btn btn-forms btn-full-width formSubmitButton" id="form-i23zp-btn" type="button">Submit</button></div></div></fieldset><div class="modal fade recaptcha-modal" id="contact_google_recaptcha_modal-i23zp" role="dialog"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><button class="close" data-dismiss="modal" type="button">×</button><h4 class="modal-title"></h4></div><div class="modal-body"><div class="recaptcha-widget" id="contactFormFubscribeRecaptcha-i23zp"></div></div></div></div></div></form></div></div></div><div class="gjs-cell right-cell" data-gjs-type="cell" data-simp-container-content="true"><div class="clearfix widget-wrapper wt1img" data-booking="" data-gjs-type="widget-one-image" data-simp-type="widget_one_image" data-simp-type-variant="49" data-style="" id="id6fn6"><div class="col-xs-12 one-col image-content-wrapper" data-simp-content-parent="true" id="il97yj"><picture><source class="img-responsive tab-image-content" media="(max-width:1100px)" srcset="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_2812/x_1211,y_0,w_2578,h_2812,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Night_View_of_Lobby_Facing_West_dk1hpw"/><img alt="Night View of Lobby Facing West with staircase in view at Ocean Spray, Puducherry." class="img-responsive image-content" data-autoplay="yes" data-captionpos="" data-category="image" data-controls="yes" data-cropimgx="1211" data-cropimgx2="3789" data-cropimgy="" data-cropimgy2="2812" data-customheight="593,593,250" data-customwidth="544,544,328" data-gjs-type="image" data-href="" data-imgaspect="0.917" data-imgcaption="" data-imgheight="2812" data-imgradius="" data-imgwidth="5000" data-linktype="" data-mobaspect="1.312" data-mobimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_2812/x_655,y_0,w_3690,h_2812,r_0,c_crop/q_80,w_900,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Night_View_of_Lobby_Facing_West_dk1hpw" data-muted="yes" data-newwindow="" data-orgimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_2812/q_30/ocean-spray/OS-Night_View_of_Lobby_Facing_West_dk1hpw" data-orgvideosrc="" data-pictureid="3436277" data-poster="" data-simp-content="image" data-src="" data-tabaspect="0.917" data-tabimgsrc="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_2812/x_1211,y_0,w_2578,h_2812,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Night_View_of_Lobby_Facing_West_dk1hpw" id="i3vvnr-2-2" loading="lazy" src="https://assets.simplotel.com/simplotel/image/upload/w_5000,h_2812/x_1211,y_0,w_2578,h_2812,r_0,c_crop/q_80,w_1600,dpr_1,f_auto,fl_progressive,c_limit/ocean-spray/OS-Night_View_of_Lobby_Facing_West_dk1hpw" style="aspect-ratio: 2578/2812; "/></picture></div><div class="bookingform-wrapper"></div></div></div></div></div></div></div><footer class="bottom col-xs-12 foot_block ocean-spray-footer" id="footer"><div class="container"><div class="comm_cont"><div class="col-xs-12"><div class="col-xs-12 logo"><img alt="leisure logo" src="https://assets.simplotel.com/simplotel/image/upload/q_90,fl_progressive,w_394,f_auto,c_limit/ocean-spray/Mask_group_1_xfpagy"/></div><div class="address_block col-xs-12"><div class="row"><div class="add_cont"><div class="heading">Contact Us</div><ul class=""><li><div class="footer-detail mail-show-hide"><span class="fa-stack"><i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-envelope fa-stack-1x"></i></span> <a href="mailto:[email protected]?Subject=Enquiry" target="_top">[email protected]</a></div></li><li><div class="footer-detail"><span class="fa-stack"><i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-phone fa-stack-1x"></i></span> <span>+91 413 265 0000 | Hotel Reservation</span></div></li><li><div class="footer-detail"><span class="fa-stack"><i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-phone fa-stack-1x"></i></span> <span>+91 413 200 0500 | Hotel Reservation</span></div></li><li><div class="footer-detail"><span class="fa-stack"><i class="fa fa-square fa-stack-2x"></i> <i class="fa fa-phone fa-stack-1x"></i></span> <span>+91 90 0394 5678 | Hotel Reservation</span></div></li></ul></div></div></div><div class="col-sm-12 footer-row"><div class="social_block col-sm-12 col-md-5"><div class="social_head"><p>Get In Touch</p></div><div class="social_cont"><div class="socialIcon"><a aria-label="Visit social-media social-fb profile" class="social-fb" href="https://www.facebook.com/OceanSprayPondicherry" target="_blank"><span class="fa fa-facebook"></span></a> <a aria-label="Visit social-media social-tw profile" class="social-tw" href="https://twitter.com/i/flow/login?redirect_after_login=%2FOceanSprayPondi" target="_blank"><span class="fa fa-twitter"></span></a> <a aria-label="Visit social-media social-pi profile" class="social-pi" href="https://in.pinterest.com/oceanspraypondi/" target="_blank"><span class="fa fa-pinterest"></span></a> <a aria-label="Visit social-media social-ig profile" class="social-ig" href="https://www.instagram.com/oceanspraypondy/" target="_blank"><span class="fa fa-instagram"></span></a> <a aria-label="Visit social-media social-wa profile" class="social-wa" href="https://web.whatsapp.com/se
98nd?phone=https://web.whatsapp.com/send?phone=+919345455555" target="_blank"><span class="fa fa-whatsapp"></span></a></div></div><div class="add_head"><p>BONJOUR BONHEUR OCEANN SPRAAY</p><p>Resort Address: No.7, 8, 9 ECR Main Road, Manjakuppam, Marakkanam Taluk, East Coast Road, Pondicherry, Tamilnadu – 604303</p></div></div></div></div><div class="col-xs-12 footer-row footer_navbar_wrapper"><div class="clearfix"><nav class="footer_navbar"><ul class="nav navbar-nav"><li class="second-li"><a class="" href="././">Home</a></li><li class="second-li"><a class="" href="././villas-rooms.html">Villas & Rooms</a></li><li class="second-li"><a class="" href="././dining.html">Dining</a></li><li class="second-li"><a class="" href="././banquets.html">Banquets</a></li><li class="second-li"><a class="" href="././5-elements.html">5 Elements</a></li><li class="second-li"><a class="" href="././offers.html">Offers</a></li><li class="second-li"><a class="" href="././hot-deals.html">Hot Deals</a></li><li class="second-li"><a class="" href="././spa.html">Spa</a></li><li class="second-li"><a class="" href="././facilities.html">Facilities</a></li><li class="second-li"><a class="" href="././gallery.html">Gallery</a></li><li class="second-li"><a class="" href="././location.html">Location</a></li><li class="second-li"><a class="active" href="././contact-us.html">Contact Us</a></li><li class="second-li"><a class="" href="././testimonials.html">Testimonials</a></li><li class="second-li"><a class="" href="././terms-conditions.html">Terms & Conditions</a></li><li class="second-li"><a class="" href="././blogs.html">Blogs</a></li><li class="second-li"><a class="" href="././best-hotel-near-auroville-beach.html">Best Hotel near Auroville Beach</a></li><li class="second-li"><a class="" href="././family-resort-in-pondicherry.html">Family Resort In Pondicherry</a></li><li class="second-li"><a class="" href="././faqs.html">FAQs</a></li></ul></nav></div></div><div class="comm_cont f_bot"><div class="container"><div class="col-xs-12 text-center"><a href="./sitemap.html" title="click here for sitemap">Sitemap</a><p><a href="//www.simplotel.com" target="_blank">Simplotel - Hotel Website Design & Booking Engine</a></p></div></div></div></div></div></footer><div class="fade in cb-hide" id="continueBooking"><button class="close"></button><div class="cb-wrap"><div class="cb-main"><h4 class="cb-name"></h4><h4 class="cb-heading">Continue your booking</h4><p class="cb-hotel-name"></p><p class="cb-book-details"></p></div><div class="cb-arrow"><i class="fa fa-angle-right"></i></div></div><p class="cb-room-price"></p></div><p id="back-top"><a href="#top"><span class="fa fa-angle-up"></span></a></p></main><input id="assetRelPath" type="hidden" value="./"/><input id="device" type="hidden" value="desktop"/><input id="hotel_id" type="hidden" value="8337"/><input id="be_hotel_id" type="hidden" value="8337"/><input id="bookingUrlbe" type="hidden" value="https://bookings.simplotel.com/"/><input id="websiteMessagingStatus" type="hidden" value="True"/><input id="bookingUrl" type="hidden" value="https://bookings.simplotel.com"/><input id="phoenixBeFormNew" type="hidden" value="True"/><input id="countryCodeStatus" type="hidden" value="True"/><input id="countryCode" type="hidden" value="in"/><input id="bookingFormV2Status" type="hidden" value="False"/><input id="navbarV2Status" type="hidden" value="True"/><input id="bookingUrlApi" type="hidden" value="https://bookings.simplotel.com/"/><input id="bookingApiBaseUrl" type="hidden" value="https://api.simplotel.com/"/><input id="stickyBookingFormStatus" type="hidden" value="True"/><div class="hidden"></div>
98<script> 99 const phoenixBeFormNewFlag = document.querySelector('#phoenixBeFormNew'); 100 if(phoenixBeFormNewFlag && phoenixBeFormNewFlag.value === 'True') { 101 document.body.setAttribute('newBeForm','true'); 102 } 103 </script>
103<script charset="utf-8" src="https://bookings.simplotel.com/static/xdomain_cookie.min.js" type="text/javascript"></script>
103<script crossorigin="anonymous" integrity="sha512-5FBlceLiv4h55sczcG5J4T+aSi26UTSKW+0LyPXt6TlarWJYfXRiGxuZYbjZQsAtc+Nh8nPFmgmzbQK9m/TMVQ==" src="https://cdnjs.cloudflare.com/ajax/libs/jssor-slider/27.5.0/jssor.slider.min.js"></script>
103<script src="https://cdn1.simplotel.com/sites/production/live/4C2A39BF7EFEC368/js/simp-lib-bundle.min.js" type="text/javascript"></script>
103<script src="https://cdn1.simplotel.com/sites/common/js/bookingengine.min.js" type="text/javascript"></script>
103<script src="https://cdnjs.cloudflare.com/ajax/libs/jQuery-viewport-checker/1.8.8/jquery.viewportchecker.min.js" type="text/javascript"></script>
103<script> 104 var imageRevelAnim = "none"; 105 var imageRevelAnimTimer = "slow"; 106 var sliderTransition = "Fade"; 107 var homepage_carousel_transition = "Fade"; 108 var sliderInterval = "3000"; 109 var sliderCaptionVerticalPosition = "center-vertical"; 110 var sliderCaptionHorizontalPosition = "right-position"; 111 if(imageRevelAnim === 'none') { 112 imageRevelAnim = ''; 113 imageRevelAnimTimer = ''; 114 } 115 </script>
115<div id="fb-root"></div><div id="overlay"></div>
115<script type="text/javascript"> 116 117 window.addEventListener('load', function() { 118 /* contains all common scripts which needs to be called on page load */ 119 initjs(); 120 121 122 /* socialicon loader */ 123 onScrollSocialicons(); 124 /* for going to the top of the page */ 125 goToTop(); 126 127 }); 128 window.addEventListener('load', function() { 129 responsive_menu('#top-navbar-collapse'); 130 roundImageCheck(); 131 132 133 134 }); 135 /* Listen for orientation changes */ 136 window.addEventListener("orientationchange", function() { 137 /* Announce the new orientation number */ 138 responsive_menu('#top-navbar-collapse'); 139 140 141 }, false); 142 window.addEventListener("resize", function() { 143 responsive_menu('#top-navbar-collapse'); 144 145 146 }, false); 147 /* for adding third party js file tp.js on page load */ 148 function jsOnload() { 149 var element = document.createElement('script'); 150 element.src = ''; 151 document.body.appendChild(element); 152 } 153 if (window.addEventListener){ 154 window.addEventListener('load', jsOnload, false); 155 } else if (window.attachEvent){ 156 window.attachEvent('onload', jsOnload); 157 } else { 158 window.onload = jsOnload; 159 } 160 </script>
160<script type="text/javascript"> 161 function updateVideoListener(slider) { 162 let allVideos = slider.querySelectorAll('video'); 163 allVideos.forEach(video => { 164 video.addEventListener('play', () => { 165 $(slider).slick('slickPause'); 166 }); 167 video.addEventListener('pause', () => { 168 $(slider).slick('slickPlay'); 169 }); 170 video.addEventListener('ended', () => { 171 $(slider).slick('slickPlay'); 172 }); 173 }); 174 } 175 176 // add plyr CSS/JS if grapesjs video widget found in document 177 window.addEventListener('DOMContentLoaded', () => { 178 function initializePlyr() { 179 const videoElems = document.querySelectorAll('[data-gjs-type="video"]'); 180 videoElems.forEach(el => { 181 let isAutoPlay= el.getAttribute('data-autoplay') == 'yes' ? true : false; 182 let isMuted= el.getAttribute('data-muted') == 'yes' ? true : false; 183 184 // Initialize Plyr player with options: 185 // - muted: isMuted (whether player should start as muted) 186 // - autoplay: isAutoPlay (whether player should start with autoplay) 187 // - storage: { enabled: false, key: 'plyr' } (disable local storage with key 'plyr') 188 var plyr = new Plyr(el, { 189 muted: isMuted, 190 autoplay: isAutoPlay, 191 storage: { enabled: false, key: 'plyr' } 192 }); 193 window.all_players[el.id] = plyr 194 let controls = el.getAttribute('data-controls'); 195 if(controls && controls === "yes"){ 196 plyr.elements.controls.classList.add('cn-available'); 197 } else { 198 plyr.elements.controls.classList.add('hide'); 199 } 200 }); 201 } 202 203 const isVideoElementFound = document.querySelector('[data-gjs-type="video"]') !== null; 204 205 if (isVideoElementFound) { 206 // add Plyr link to document head 207 const linkPlyr = document.createElement('link'); 208 linkPlyr.rel = "stylesheet"; 209 linkPlyr.href = "https://cdn.plyr.io/3.6.3/plyr.css"; 210 211 document.head.appendChild(linkPlyr); 212 213 // add Plyr script to document head 214 const scriptPlyr = document.createElement('script'); 215 scriptPlyr.src = "https://cdn.plyr.io/3.6.3/plyr.polyfilled.js"; 216 scriptPlyr.onload = initializePlyr; 217 218 document.head.appendChild(scriptPlyr); 219 } 220 }); 221 222 // add recaptcha JS if grapesjs form widget found in document 223 window.addEventListener('DOMContentLoaded', () => { 224 const isFormWidgetFound = document.querySelector('[data-gjs-type="form-widget"]') !== null; 225 226 if (isFormWidgetFound) { 227 // add recaptcha script to document head 228 const scriptRecaptcha = document.createElement('script'); 229 scriptRecaptcha.type = "text/javascript"; 230 scriptRecaptcha.src = "https://www.google.com/recaptcha/api.js?onload=recaptchaCallBack&render=explicit"; 231 232 document.head.appendChild(scriptRecaptcha); 233 } 234 }); 235 236 window.addEventListener('load', () => { 237 let allSliders = document.querySelectorAll('.wt-image-text-slider');
238 allSliders.forEach(slider => { 239 updateVideoListener(slider); 240 $(slider).on('afterChange',function(e, slick){ 241 $(slider).slick('slickPause'); 242 slick.$slides.each(n => 243 slick.$slides[n].querySelector('video') 244 ? slick.$slides[n].querySelector('video').pause() 245 : "" 246 ); 247 $(slider).slick('slickPlay'); 248 }); 249 }); 250 }); 251 252 </script>
252<script> 253 const widgetAnimData = [ 254 { 255 elTarget: ".navbar .navbar-brand-v2", 256 elAnimType: "slide-From-Top", 257 elSpeed: "slower", 258 elDelay: "delay-auto" 259 }, 260 { 261 elTarget: ".navbar .navbar-nav", 262 elAnimType: "slide-From-Top", 263 elSpeed: "slower", 264 elDelay: "delay-auto" 265 }, 266 { 267 elTarget: ".navbar .address_block", 268 elAnimType: "slide-From-Right", 269 elSpeed: "slower", 270 elDelay: "delay-auto" 271 }, 272 { 273 elTarget: "header .lang-book-wrapper-v2 .resv-wrap", 274 elAnimType: "slide-From-Left", 275 elSpeed: "slower", 276 elDelay: "delay-auto" 277 }, 278 { 279 elTarget: "header nav.navbar.navbar-top.ocean-spray-header-711 .lang-book-wrapper-v2 > a", 280 elAnimType: "slide-From-Left", 281 elSpeed: "slower", 282 elDelay: "delay-auto" 283 }, 284 { 285 elTarget: "header .lang-book-wrapper-v2 .txt-wdgt-btn-wrapper", 286 elAnimType: "slide-From-Left", 287 elSpeed: "slower", 288 elDelay: "delay-auto" 289 }, 290 { 291 elTarget: ".bookingform-wrapper", 292 elAnimType: "slide-From-Bottom", 293 elSpeed: "slower", 294 elDelay: "delay-auto" 295 }, 296 { 297 elTarget: "#footer .logo", 298 elAnimType: "slide-From-Bottom", 299 elSpeed: "slower", 300 elDelay: "delay-auto" 301 }, 302 { 303 elTarget: "#footer .footer_navbar_wrapper", 304 elAnimType: "slide-From-Bottom", 305 elSpeed: "slower", 306 elDelay: "delay-auto" 307 }, 308 { 309 elTarget: "#footer .comm_cont.f_bot", 310 elAnimType: "slide-From-Bottom", 311 elSpeed: "slower", 312 elDelay: "delay-auto" 313 }, 314 { 315 elTarget: "#footer .footer-detail", 316 elAnimType: "slide-From-Bottom", 317 elSpeed: "slower", 318 elDelay: "delay-auto" 319 }, 320 { 321 elTarget: "#footer .heading", 322 elAnimType: "slide-From-Bottom", 323 elSpeed: "slower", 324 elDelay: "delay-auto" 325 }, 326 { 327 elTarget: "#footer .socialIcon", 328 elAnimType: "slide-From-Bottom", 329 elSpeed: "slower", 330 elDelay: "delay-auto" 331 }, 332 { 333 elTarget: "body h1", 334 elAnimType: "slide-From-Bottom", 335 elSpeed: "slower", 336 elDelay: "delay-auto" 337 }, 338 { 339 elTarget: "body h2", 340 elAnimType: "slide-From-Bottom", 341 elSpeed: "slower", 342 elDelay: "delay-auto" 343 }, 344 { 345 elTarget: "body h3", 346 elAnimType: "slide-From-Bottom", 347 elSpeed: "slower", 348 elDelay: "delay-auto" 349 }, 350 { 351 elTarget: "body h4", 352 elAnimType: "slide-From-Bottom", 353 elSpeed: "slower", 354 elDelay: "delay-auto" 355 }, 356 { 357 elTarget: "body h5", 358 elAnimType: "slide-From-Bottom", 359 elSpeed: "slower", 360 elDelay: "delay-auto" 361 }, 362 { 363 elTarget: "body h6", 364 elAnimType: "slide-From-Bottom", 365 elSpeed: "slower", 366 elDelay: "delay-auto" 367 }, 368 { 369 elTarget: "body p", 370 elAnimType: "slide-From-Bottom", 371 elSpeed: "slower", 372 elDelay: "delay-auto" 373 }, 374 { 375 elTarget: ".text-content span", 376 elAnimType: "slide-From-Bottom", 377 elSpeed: "slower", 378 elDelay: "delay-auto" 379 }, 380 { 381 elTarget: ".text-content table", 382 elAnimType: "slide-From-Bottom", 383 elSpeed: "slower", 384 elDelay: "delay-auto" 385 }, 386 { 387 elTarget: ".text-content .btn", 388 elAnimType: "slide-From-Bottom", 389 elSpeed: "slower", 390 elDelay: "delay-auto" 391 }, 392 { 393 elTarget: ".text-content-wrapper img", 394 elAnimType: "slide-From-Bottom", 395 elSpeed: "slower", 396 elDelay: "delay-auto" 397 }, 398 { 399 elTarget: ".ocean-spray-slider-animation", 400 elAnimType: "slide-From-Left", 401 elSpeed: "slower", 402 elDelay: "delay-auto" 403 }, 404 { 405 elTarget: ".ocean-spray-testimonial-animation", 406 elAnimType: "slide-From-Right", 407 elSpeed: "slower", 408 elDelay: "delay-auto" 409 }, 410 { 411 elTarget: ".ocean-spray-slider-animation .text-content-wrapper", 412 elAnimType: "slide-From-Bottom", 413 elSpeed: "slower", 414 elDelay: "delay-auto" 415 }, 416 { 417 elTarget: ".ocean-spray-twocardpresence .left-cell", 418 elAnimType: "slide-From-Left", 419 elSpeed: "slower", 420 elDelay: "delay-auto" 421 }, 422 { 423 elTarget: ".ocean-spray-twocardpresence .right-cell", 424 elAnimType: "slide-From-Right", 425 elSpeed: "slower", 426 elDelay: "delay-auto" 427 }, 428 { 429 elTarget: ".ocean-spray-1col", 430 elAnimType: "slide-From-Bottom", 431 elSpeed: "slower", 432 elDelay: "delay-auto" 433 }, 434 { 435 elTarget: ".ocean-spray-image-text .left-box", 436 elAnimType: "slide-From-Left", 437 elSpeed: "slower", 438 elDelay: "delay-auto" 439 }, 440 { 441 elTarget: ".ocean-spray-image-text .right-box", 442 elAnimType: "slide-From-Right", 443 elSpeed: "slower", 444 elDelay: "delay-auto" 445 }, 446 { 447 elTarget: ".ocean-spray-summary .summary-widget", 448 elAnimType: "slide-From-Bottom", 449 elSpeed: "slower", 450 elDelay: "delay-auto" 451 }, 452 { 453 elTarget: ".ocean-spray-summary-card .text-content", 454 elAnimType: "slide-From-Bottom", 455 elSpeed: "slower", 456 elDelay: "delay-auto" 457 }, 458 { 459 elTarget: ".mobile .logo-inner img", 460 elAnimType: "slide-From-Top", 461 elSpeed: "slower", 462 elDelay: "delay-auto" 463 }, 464 { 465 elTarget: ".mobile .navbar-logo .book-button.menu-item", 466 elAnimType: "slide-From-Right", 467 elSpeed: "slower", 468 elDelay: "delay-auto" 469 }, 470 { 471 elTarget: ".mobile .navBtnBorder .dropdown-toggle i.far", 472 elAnimType: "slide-From-Left", 473 elSpeed: "slower", 474 elDelay: "delay-auto" 475 }, 476 { 477 elTarget: ".mobile .dropdown-menu li a", 478 elAnimType: "slide-From-Bottom", 479 elSpeed: "slower", 480 elDelay: "delay-auto" 481 }, 482 { 483 elTarget: ".mobile footer .footer-row", 484 elAnimType: "slide-From-Bottom", 485 elSpeed: "slower", 486 elDelay: "delay-auto" 487 }, 488 { 489 elTarget: ".mobile footer .social-bar", 490 elAnimType: "slide-From-Bottom", 491 elSpeed: "slower", 492 elDelay: "delay-auto" 493 }, 494 { 495 elTarget: ".mobile footer .footer-row.final", 496 elAnimType: "slide-From-Bottom", 497 elSpeed: "slower", 498 elDelay: "delay-auto" 499 } 500 501 ] 502 503 function addAnimation(widgetAnimData) { 504 505 let elementsToShow = document.querySelectorAll('.navbar .navbar-brand-v2, .navbar .navbar-nav, .navbar .address_block, header .container .menu-nav-btn, header .lang-book-wrapper-v2 .resv-wrap,header nav.navbar.navbar-top.ocean-spray-header-711 .lang-book-wrapper-v2 > a, header .lang-book-wrapper-v2 .txt-wdgt-btn-wrapper, .bookingform-wrapper, #footer .logo, #footer .footer_navbar_wrapper, #footer .comm_cont.f_bot, body h1, body h2, body h3, body h4, body p, .text-content span, .text-content .btn, .text-content-wrapper img, .coralreef-statictext-slider,.coralreef-statictext .text-content-wrapper div, .coralreef-experiences-bg-textslider .wt-image-text-slider .text-content img,.coralreef-twocardpresence .left-cell, .coralreef-twocardpresence .right-cell, .coralreef-voicewithbg, .coralreef-subhead, .coralreef-mainvideo,.coralreef-packages-textslider .wt-image-text-slider, .mobile .logo-inner img, .mobile .navBtnBorder .dropdown-toggle i.far, .mobile .navbar-logo .book-button.menu-item,.mobile .dropdown-menu li a, .mobile footer .footer-row, .mobile footer .social-bar, .mobile footer .footer-row.final'); 506 507 function initAnimation(ele,item) { 508 window.addEventListener("scroll", function() { 509 let cordinates = ele.getBoundingClientRect(); 510 if(Math.round(cordinates.top) <= Math.round(window.innerHeight)) { 511 ele.classList.add("animation",item.elAnimType,item.elSpeed,item.elDelay); 512 } 513 elementsToShow.forEach(elem => { 514 elem.style.opacity = '1'; 515 }); 516 }) 517 } 518 519 widgetAnimData.forEach(item => { 520 let target = document.querySelectorAll(item.elTarget); 521 target.forEach(ele => { 522 let cordinates = ele.getBoundingClientRect(); 523 if(Math.round(cordinates.top) < Math.round(window.innerHeight)) { 524 ele.classList.add("animation",item.elAnimType,item.elSpeed,item.elDelay); 525 elementsToShow.forEach(elem => { 526 elem.style.opacity = '1'; 527 }); 528 } 529 if(ele) { 530 initAnimation(ele,item); 531 } 532 }); 533 }); 534 } 535 536 window.addEventListener('DOMContentLoaded', function() { 537 addAnimation(widgetAnimData); 538 }); 539</script>
539<script> 540 window.addEventListener('load', function() { 541 $('.directions-bar #toDirection option:nth-child(2)').attr('selected',''); 542 $('.directions-bar #fromDirection option:nth-child(1)').attr('selected',''); 543 }); 544</script>
544<script> 545 window.addEventListener("load", ()=> { 546 547 function normalizeSelectors(input) { 548 if (!input) return []; 549 if (typeof input === 'string') return [input]; 550 if (Array.isArray(input)) return input; 551 return []; 552 } 553 554 function updateElementHeights(target, headingSelectors) { 555 const selectors = normalizeSelectors(headingSelectors); 556 if (selectors.length === 0) return; 557 558 window.requestAnimationFrame(() => { 559 const containers = document.querySelectorAll(target); 560 if (!containers.length) return; 561 562 containers.forEach(container => { 563 const combinedSelector = selectors.join(', '); 564 const allHeadings = container.querySelectorAll(combinedSelector); 565 const groups = {}; 566 567 allHeadings.forEach(el => { 568 selectors.forEach(sel => { 569 if (el.matches(sel)) { 570 if (!groups[sel]) groups[sel] = []; 571 groups[sel].push(el); 572 } 573 }); 574 }); 575 576 for (const sel in groups) { 577 const group = groups[sel]; 578 let maxHeight = 0; 579 580 group.forEach(el => { 581 el.style.height = 'auto'; 582 maxHeight = Math.max(maxHeight, el.clientHeight); 583 }); 584 585 group.forEach(el => { 586 el.style.height = `${maxHeight}px`; 587 }); 588 } 589 }); 590 }); 591 } 592 593 function debounce(func, delay = 200) { 594 let timeout; 595 return function (...args) { 596 clearTimeout(timeout); 597 timeout = setTimeout(() => func.apply(this, args), delay); 598 }; 599 } 600 601 function setHeightListeners(target, headingSelectors) { 602 const applyHeights = () => updateElementHeights(target, headingSelectors); 603 applyHeights(); 604 605 window.addEventListener('pageshow', applyHeights); 606 window.addEventListener('resize', debounce(applyHeights, 300)); 607 608 const observer = new ResizeObserver(applyHeights); 609 610 document.querySelectorAll(target).forEach(el => { 611 observer.observe(el); 612 613 const mutationObserver = new MutationObserver(() => { 614 if (!document.contains(el)) { 615 observer.unobserve(el); 616 mutationObserver.disconnect(); 617 } 618 }); 619 mutationObserver.observe(el, { childList: true, subtree: true }); 620 }); 621 } 622 623 /* 624 Example usage: 625 for multiple selector's : 626 setHeightListeners('.phoenixtempshell1-facilities-cards-569', [ 627 '.text-content-wrapper p', 628 '.text-content-wrapper h4', 629 '.text-content-wrapper h4+p' 630 ]); 631 for signle selector : 632 setHeightListeners('.outer-page .content_wrapper .no-gutter .bhagirathi-middle-window-slider-516 .wt-image-text-slider', '.text-content-wrapper'); 633 */ 634 setHeightListeners('.ocean-spray-rooms-slider', [ 635 '.text-content-wrapper .header-three', 636 '.text-content-wrapper .header-four', 637 '.text-content-wrapper h3', 638 '.text-content-wrapper h4', 639 '.text-content-wrapper p:not([class*="header"])', 640 '.text-content-wrapper ol', 641 '.text-content-wrapper ul', 642 '.text-content-wrapper table', 643 ]); 644 645 setHeightListeners('.ocean-spray-rooms-slider-mobile.slick-slider', [ 646 '.text-content-wrapper .header-three', 647 '.text-content-wrapper .header-four', 648 '.text-content-wrapper h3', 649 '.text-content-wrapper h4', 650 '.text-content-wrapper p:not([class*="header"])', 651 '.text-content-wrapper ol', 652 '.text-content-wrapper ul', 653 '.text-content-wrapper table', 654 ]); 655 }); 656</script>
656<script> 657 document.addEventListener('DOMContentLoaded', function () { 658 const allowedHotelContactInfo = { 659 "8337": { phone: "+919003945678 ", whatsapp: "919345455555" } 660 }; 661 662 const hotelEl = document.querySelector('[data-hotelid], [data-hotel_id]'); 663 const hotelId = hotelEl?.getAttribute('data-hotelid') || hotelEl?.getAttribute('data-hotel_id'); 664 const contactInfo = allowedHotelContactInfo[hotelId]; 665 if (!contactInfo) return; 666 667 const isMobile = document.querySelector('#device')?.value === 'mobile'; 668 const deviceType = isMobile ? "mobile" : "desktop"; 669 670 const contactHeader = document.createElement("div"); 671 contactHeader.id = "contactHeader"; 672 contactHeader.classList.add(deviceType); 673 674 const html = document.documentElement; 675 if (contactInfo.phone) html.classList.add("has-phone"); 676 if (contactInfo.whatsapp) html.classList.add("has-whatsapp"); 677 678 const formattedPhone = `+${contactInfo.phone}`; 679 const phoneHtml = contactInfo.phone 680 ? isMobile 681 ? `<a href="tel:${contactInfo.phone}" class="social-phone" title="Call Us"><i class="fa fa-phone"></i></a>` 682 : `<div class="phone-wrapper"> 683 <button class="social-phone" title="Call Us"><i class="fa fa-phone"></i></button> 684 <div class="phone-info"> 685 <span class="phone-number">${formattedPhone}</span> 686 <button class="copy-button" data-number="${formattedPhone}"> 687 <i class="fa fa-clone"></i> 688 </button> 689 </div> 690 </div>` 691 : ""; 692 693 const whatsappHtml = contactInfo.whatsapp 694 ? `<div class="whatsapp-wrapper"> 695 <a href="${isMobile ? "https://api.whatsapp.com/send?phone=" : "https://web.whatsapp.com/send?phone="}${contactInfo.whatsapp}" target="_blank" class="social-whatsapp" title="Chat on WhatsApp"> 696 <i class="fa fa-whatsapp"></i> 697 </a> 698 </div>` 699 : ""; 700 701 contactHeader.innerHTML = phoneHtml + whatsappHtml; 702 if (isMobile) { 703 document.body.appendChild(contactHeader); 704 } 705 706 // Hover pill for desktop call button 707 if (!isMobile && contactInfo.phone) { 708 const wrapper = contactHeader.querySelector('.phone-wrapper'); 709 const info = wrapper?.querySelector('.phone-info'); 710 let hideTimeout; 711 712 if (wrapper && info) { 713 wrapper.addEventListener('mouseenter', () => { 714 clearTimeout(hideTimeout); 715 info.classList.add('visible'); 716 }); 717 718 wrapper.addEventListener('mouseleave', () => { 719 hideTimeout = setTimeout(() => info.classList.remove('visible'), 300); 720 }); 721 722 info.addEventListener('mouseenter', () => { 723 clearTimeout(hideTimeout); 724 info.classList.add('visible'); 725 }); 726 727 info.addEventListener('mouseleave', () => { 728 hideTimeout = setTimeout(() => info.classList.remove('visible'), 300); 729 }); 730 } 731 } 732 733 // Copy logic 734 const copyButtons = contactHeader.querySelectorAll('.copy-button'); 735 copyButtons.forEach(btn => { 736 btn.addEventListener('click', () => { 737 const number = btn.getAttribute('data-number'); 738 if (!number) return; 739 740 navigator.clipboard.writeText(number).then(() => { 741 btn.disabled = true; 742 btn.classList.add('copied'); 743 btn.innerHTML = '<i class="fa fa-check"></i>'; 744 setTimeout(() => { 745 btn.classList.remove('copied'); 746 btn.innerHTML = '<i class="fa fa-clone"></i>'; 747 btn.disabled = false; 748 }, 2000); 749 }); 750 }); 751 }); 752 }); 753</script>
753<script> 754 window.addEventListener('load', function () { 755 756 const deviceInput = document.getElementById('device'); 757 const deviceType = deviceInput ? deviceInput.value : null; 758 const wrapper = document.querySelector('.gtranslate_wrapper'); 759 760 if (wrapper) { 761 wrapper.addEventListener('click', function (e) { 762 e.stopPropagation(); 763 }); 764 765 // Optional: also stop for dropdown interactions 766 wrapper.addEventListener('mousedown', function (e) { 767 e.stopPropagation(); 768 }); 769 } 770 771 }); 772</script>
772<script> 773 window.gtranslateSettings = { 774 "default_language": "en", 775 "languages": ["en", "hi", "ta", "fr", "te", "kn"], 776 "wrapper_selector": ".gtranslate_wrapper", 777 "switcher_horizontal_position": "inline", 778 "flag_style": "3d", 779 "switcher_text_color": "#f7f7f7", 780 "switcher_arrow_color": "#f2f2f2", 781 "switcher_border_color": "#161616", 782 "switcher_background_color": "#303030", 783 "switcher_background_shadow_color": "#474747", 784 "switcher_background_hover_color": "#3a3a3a", 785 "dropdown_text_color": "#eaeaea", 786 "dropdown_hover_color": "#748393", 787 "dropdown_background_color": "#474747" 788 }; 789</script>
789<script defer="" src="https://cdn.gtranslate.net/widgets/latest/dwf.js"></script>
789<script> 790 window.addEventListener('load', function () { 791 792 function adjustNavItems() { 793 window.dispatchEvent(new Event('resize')); 794 } 795 796 const targetNode = document.querySelector(".gt_switcher .gt_selected a"); 797 798 if (targetNode) { 799 const observer = new MutationObserver(function (mutations) { 800 mutations.forEach(function (mutation) { 801 if (mutation.type === "childList") { 802 setTimeout(adjustNavItems, 2000); 803 } 804 }); 805 }); 806 807 observer.observe(targetNode, { childList: true }); 808 } 809 810 // Optional: Clean language names 811 setTimeout(function () { 812 813 const LANGUAGES = ["Hindi", "Tamil", "French", "Telugu", "Kannada"]; 814 815 LANGUAGES.forEach(function (lang) { 816 const el = document.querySelector('.gt_option a[title="' + lang + '"]'); 817 818 if (el) { 819 const img = el.querySelector('img'); 820 el.textContent = ' ' + lang; 821 822 if (img) { 823 el.prepend(img); 824 } 825 } 826 }); 827 828 }, 2000); 829 830 }); 831</script>
831<script> 832 document.addEventListener("DOMContentLoaded", function () { 833 834 function createFloatingButton() { 835 836 let floatingButton = document.querySelector(".navbar-button"); 837 if (!floatingButton) return; 838 839 let clonedButton = floatingButton.cloneNode(true); 840 clonedButton.classList.add("floating-book-now"); 841 842 if (document.body) { 843 document.body.appendChild(clonedButton); 844 } 845 } 846 847 try { 848 createFloatingButton(); 849 } catch {} 850 851 }); 852</script>
852<script> 853 document.addEventListener('DOMContentLoaded', function () { 854 const isMobile = document.body.classList.contains('mobile'); 855 if (!isMobile) { 856 const relPath = document.getElementById('assetRelPath').value; 857 const userInput = [ 858 { 859 target: "header .navbar-top.ocean-spray-header-711 #top-navbar-collapse", 860 text: "Home", 861 link: `${relPath}`, 862 placement: "first-child", 863 cloneItem: "li" 864 } 865 ]; 866 867 userInput.forEach(item => { 868 const targetEl = document.querySelector(item.target); 869 if (!targetEl) return; 870 871 // Build fresh <li class="primary"><a class="" href=""></a></li> 872 const newLi = document.createElement(item.cloneItem || 'li'); 873 newLi.className = 'primary'; 874 875 const anchor = document.createElement('a'); 876 anchor.setAttribute('class', ''); 877 anchor.setAttribute('href', item.link); 878 anchor.textContent = item.text; 879 880 // Mark active only if this link resolves to the current page 881 const resolvedLinkUrl = new URL(item.link, window.location.href).href; 882 if (resolvedLinkUrl === window.location.href) { 883 anchor.classList.add('active'); 884 } 885 886 newLi.appendChild(anchor); 887 targetEl.insertBefore(newLi, targetEl.firstElementChild); 888 }); 889 890 if (typeof responsive_menu_v2 === 'function') { 891 responsive_menu_v2("#top-navbar-collapse"); 892 } 893 } 894 }); 895</script>
895<script> 896 // add promo wrapper 897 $('.for-homepage .outer-page .homepage').before(`<div class="promotions-wrapper"><a class="promo-btn" href="#"><span class="promo-text">Offers</span> <span class="promo-gift fa fa-gift"></span> <span class="promo-close"><i class="fa fa-chevron-down"></i></span></a><div class="promo-details-wrap hide-promotions"><div class="promo-details"></div></div></div>`); 898 899 // append promo widget 900 $('.for-homepage .outer-page .promotions-wrapper .promo-details').append($('.for-homepage .outer-page .oceanspray_promooffers')); 901 902 // OPS-17166 start 903 let lastScrollTop = 0; 904 905 window.addEventListener('scroll', function () { 906 let currentScroll = window.pageYOffset || document.documentElement.scrollTop; 907 908 if (currentScroll > lastScrollTop && currentScroll > 100) { 909 const promo = document.querySelector('.promotions-wrapper .promo-details-wrap'); 910 if (promo) { 911 promo.classList.add('hide-promotions'); 912 } 913 } 914 915 lastScrollTop = currentScroll; 916 }); 917 // OPS-17166 end 918 919 // add functionality 920 // if ($('.promo-btn').length > 0) { 921 // $('.promo-btn').on('click',function(e){ 922 // e.preventDefault(); 923 // $('.promo-details-wrap').toggleClass('hide-promo'); 924 // $('.promo-close .fa').toggleClass('fa-chevron-down fa-times'); 925 // // $("#promos").attr("data-cycle-loop", "0"); 926 // // $('#promos.cycle-slideshow').cycle('reinit'); 927 // }); 928 // } 929</script>
929<script> 930 window.addEventListener("load", () => { 931 function initializeSlider(sliderSelector, slickOptions) { 932 const sliders = document.querySelectorAll(sliderSelector); 933 934 sliders.forEach((slider) => { 935 if (slider && slider.querySelectorAll(".text-content").length > 1) { 936 const isInitialized = slider.classList.contains("slick-slider"); 937 if (isInitialized) { 938 $(slider).slick("unslick"); 939 } 940 $(slider).slick(slickOptions); 941 } 942 }); 943 } 944 945 const videoSlider = '.outer-page .ocean-spray-videos-slider[data-variation="widget_imagetext_slider"]'; 946 const videoSliderOptions = { 947 slidesToShow: 4, 948 slidesToScroll: 1, 949 autoplay: false, 950 infinite: false, 951 dots: true, 952 arrows: true, 953 responsive: [ 954 { 955 breakpoint: 1500, 956 settings: { 957 slidesToShow: 3, 958 }, 959 }, 960 { 961 breakpoint: 1200, 962 settings: { 963 slidesToShow: 2, 964 }, 965 }, 966 ], 967 }; 968 969 const roomsSlider = ".ocean-spray-rooms-slider.slick-slider"; 970 const roomsSliderOptions = { 971 slidesToShow: 3, 972 slidesToScroll: 1, 973 focusOnSelect: true, 974 dots: false, 975 arrows: true, 976 infinite: true, 977 autoplay: true, 978 responsive: [ 979 { 980 breakpoint: 1201, 981 settings: { 982 slidesToShow: 2 983 } 984 } 985 ] 986 }; 987 988 initializeSlider(videoSlider, videoSliderOptions); 989 initializeSlider(roomsSlider, roomsSliderOptions); 990 991 }); 992</script>
992<script> 993 document.addEventListener("DOMContentLoaded", () => { 994 const videos = Array.from(document.querySelectorAll("video")); 995 996 videos.forEach((video) => { 997 video.autoplay = false; 998 video.removeAttribute("autoplay"); 999 video.muted = true; 1000 video.setAttribute("muted", ""); 1001 video.playsInline = true; 1002 video.setAttribute("playsinline", ""); 1003 video.loop = true; 1004 video.preload = "metadata"; 1005 }); 1006 1007 const shouldPlay = (video) => { 1008 const rect = video.getBoundingClientRect(); 1009 if (rect.height === 0) return false; 1010 const offset = rect.height * 0.5; 1011 return rect.bottom - offset > 0 && rect.top + offset < window.innerHeight; 1012 }; 1013 1014 const update = (video) => { 1015 if (shouldPlay(video)) { 1016 if (video.paused) { 1017 const p = video.play(); 1018 if (p) p.catch(() => {}); 1019 } 1020 } else { 1021 if (!video.paused) video.pause(); 1022 } 1023 }; 1024 1025 const observer = new IntersectionObserver((entries) => entries.forEach((entry) => update(entry.target)), { threshold: [0, 0.4, 0.5, 0.6] }); 1026 1027 videos.forEach((video) => { 1028 observer.observe(video); 1029 1030 if (video.readyState >= 1) { 1031 update(video); 1032 } else { 1033 video.addEventListener("loadedmetadata", () => update(video), { once: true }); 1034 } 1035 }); 1036 1037 window.addEventListener("load", () => { 1038 videos.forEach(update); 1039 }); 1040 1041 setTimeout(() => videos.forEach(update), 3000); 1042 1043 const playingBeforeHidden = new WeakSet(); 1044 1045 document.addEventListener("visibilitychange", () => { 1046 if (document.hidden) { 1047 videos.forEach((video) => { 1048 if (!video.paused) { 1049 playingBeforeHidden.add(video); 1050 video.pause(); 1051 } else { 1052 playingBeforeHidden.delete(video); 1053 } 1054 }); 1055 } else { 1056 videos.forEach((video) => { 1057 if (playingBeforeHidden.has(video)) { 1058 const p = video.play(); 1059 if (p) p.catch(() => {}); 1060 playingBeforeHidden.delete(video); 1061 } 1062 }); 1063 } 1064 }); 1065 }); 1066</script>
1066<script> 1067 window.addEventListener('load', function () { 1068 $('.mobile .ocean-spray-home-amenties-mobile-507').slick("destroy"); 1069 $('.mobile .ocean-spray-home-amenties-mobile-507').slick({ 1070 slidesToShow: 1, 1071 slidesToScroll: 1, 1072 focusOnSelect: true, 1073 infinite: true, 1074 autoplay: true, 1075 }); 1076 1077 $('.mobile .oceanspray-uniqueslider-mobile-929').slick('destroy'); 1078 $('.mobile .oceanspray-uniqueslider-mobile-929').slick({ 1079 slidesToShow: 1, 1080 slidesToScroll: 1, 1081 focusOnSelect: true, 1082 infinite: true, 1083 autoplay: true, 1084 }); 1085 1086 $('.mobile .oceanspray-rooms-innerpage-slider-mobile-634').slick('destroy'); 1087 $('.mobile .oceanspray-rooms-innerpage-slider-mobile-634').slick({ 1088 slidesToShow: 1, 1089 slidesToScroll: 1, 1090 focusOnSelect: true, 1091 infinite: true, 1092 autoplay: true, 1093 }); 1094 1095 $('.mobile .oceanspray-library-image-text-slider-mobile-412').slick('destroy'); 1096 $('.mobile .oceanspray-library-image-text-slider-mobile-412').last().slick({ slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, infinite: true, autoplay: true, }); 1097 1098 $('.mobile .oceanspray-homeapge-offers-slider-mobile-1007').slick('destroy'); 1099 $('.mobile .oceanspray-homeapge-offers-slider-mobile-1007').last().slick({ slidesToShow: 1, slidesToScroll: 1, focusOnSelect: true, infinite: true, autoplay: true, }); 1100 1101 1102 }); 1103</script>
1103<script class="lazy-load"> 1104 document.addEventListener("DOMContentLoaded", () => { 1105 const isMobile = document.body.classList.contains("mobile"); 1106 const selector = ".oceanspray_faqwidget .content-block .text-content"; 1107 1108 const faqItems = document.querySelectorAll(selector); 1109 1110 faqItems.forEach(faq => { 1111 const content = faq.querySelector(".text-content-wrapper-2"); 1112 1113 faq.addEventListener("click", () => { 1114 const isActive = faq.classList.contains("active"); 1115 1116 faqItems.forEach(otherFaq => { 1117 if (otherFaq !== faq && otherFaq.classList.contains("active")) { 1118 const otherContent = otherFaq.querySelector(".text-content-wrapper-2"); 1119 otherContent.style.maxHeight = "0"; 1120 otherContent.style.paddingBottom = "0"; 1121 otherFaq.classList.remove("active"); 1122 } 1123 }); 1124 1125 if (isActive) { 1126 const currentHeight = content.scrollHeight; 1127 content.style.maxHeight = currentHeight + "px"; 1128 content.style.transition = "none"; 1129 1130 requestAnimationFrame(() => { 1131 content.style.transition = "max-height 0.5s ease, padding 0.5s ease"; 1132 content.style.maxHeight = "0"; 1133 content.style.paddingBottom = "0"; 1134 faq.classList.remove("active"); 1135 }); 1136 } else { 1137 content.style.paddingBottom = "0"; 1138 content.style.maxHeight = "none"; 1139 const targetPadding = isMobile ? 12 : 15; 1140 const fullHeight = content.scrollHeight + targetPadding; 1141 content.style.maxHeight = "0"; 1142 content.style.transition = "none"; 1143 1144 requestAnimationFrame(() => { 1145 content.style.transition = "max-height 0.5s ease, padding 0.5s ease"; 1146 content.style.maxHeight = fullHeight + "px"; 1147 content.style.paddingBottom = targetPadding + "px"; 1148 faq.classList.add("active"); 1149 }); 1150 } 1151 }); 1152 }); 1153 }); 1154</script>
1154<script> 1155 window.addEventListener('load', function() { 1156 if ($('.widget-wrapper:not(.ocean-spray-videos-slider,.ocean-spray-videos-slider-mobile) .plyr__video-wrapper video').length) { 1157 // Get the video elements 1158 const videoElements = document.querySelectorAll('.widget-wrapper:not(.ocean-spray-videos-slider,.ocean-spray-videos-slider-mobile) .plyr__video-wrapper video'); 1159 1160 videoElements.forEach(function(videoElement) { 1161 const player = new Plyr(videoElement, { 1162 loop: { active: true } // Enable looping 1163 }); 1164 1165 player.loop = { active: true }; // Enable looping 1166 player.play(); // Start playing the video 1167 }); 1168 } 1169 }); 1170</script>
1170<script> 1171 1172 window.addEventListener('load', function() { 1173 let imgElements = document.querySelectorAll('.oceanspray-wls-summarycards.ocean-spray-summary.summary-widget-wrapper .summary-card-wrapper .imageblock img'); 1174 1175 imgElements.forEach(img => { 1176 let url = img.src; 1177 let updatedUrl = url.replace(/(q_\d+,w_)\d+/, '$1960'); 1178 img.src = updatedUrl; 1179 }); 1180 }) 1181</script>
1181<script> 1182 document.addEventListener('DOMContentLoaded', function () { 1183 const isMobile = document.getElementById('device')?.value === "mobile"; 1184 1185 if (isMobile) { 1186 const whatsAppFooter = document.querySelector('.mobile #footer.ocean-spray-footer-mobile .social-wa'); 1187 if (whatsAppFooter) { 1188 const phoneNumber = encodeURIComponent("+919345455555"); 1189 whatsAppFooter.setAttribute('href', `https://api.whatsapp.com/send?phone=${phoneNumber}`); 1190 } else { 1191 console.warn("WhatsApp footer link not found."); 1192 } 1193 } 1194 }); 1195</script>
1195<script> 1196 window.addEventListener('load', function() { 1197 $('.mobile .ocean-spray-rooms-limage-slider-rtext-mobile-1008 .left-cell .wt-image-text-slider').slick('destroy'); 1198 $('.mobile .ocean-spray-rooms-limage-slider-rtext-mobile-1008 .left-cell .wt-image-text-slider').slick({ 1199 slidesToShow: 1, 1200 slidesToScroll: 1, 1201 focusOnSelect: true, 1202 infinite: true, 1203 autoplay: true, 1204 responsive: [], 1205 }); 1206 1207 $('.mobile .ocean-spray-rooms-limage-slider-ltext-mobile-400 .right-cell .wt-image-text-slider').slick('destroy'); 1208 $('.mobile .ocean-spray-rooms-limage-slider-ltext-mobile-400 .right-cell .wt-image-text-slider').slick({ 1209 slidesToShow: 1, 1210 slidesToScroll: 1, 1211 focusOnSelect: true, 1212 infinite: true, 1213 autoplay: true, 1214 responsive: [], 1215 }); 1216 }) 1217</script>
1217<script> 1218 $(document).ready(function() { 1219 // Target the element with the specified class and add the data-slick attribute 1220 $('.oceanspray-homepage-testimonials-966').attr('data-slick', '{"slidesToScroll": 1, "slidesToShow": 1, "autoplay": true, "responsive": []}'); 1221 $('.oceanspray-library-testimonials-710').attr('data-slick', '{"slidesToScroll": 1, "slidesToShow": 1, "autoplay": true, "responsive": []}'); 1222 }); 1223 </script>
1223<script> 1224 // add envelope icon to newsletter widget 1225 $('.outer-page .ocean-spray-newsletter-718 .wtformjson fieldset > div:first-of-type input').before('<i class="fa fa-envelope">'); 1226 $('.outer-page .ocean-spray-library-newsletter-248 .wtformjson fieldset > div:first-of-type input').before('<i class="fa fa-envelope">'); 1227 // add envelope icon to newsletter 1228 $('.mobile .ocean-spray-newsletter-mobile-1079 .wtformjson fieldset > div:first-of-type input').before('<i class="fa fa-envelope"></i>'); 1229 $('.mobile .ocean-spray-library-newsletter-mobile-81 .wtformjson fieldset > div:first-of-type input').before('<i class="fa fa-envelope"></i>'); 1230 1231</script>
1231<div aria-live="assertive" class="caption-window"></div>
1231<script> 1232 var wbdAmenities = [{"name": "Enjoy 10% Discount at Our Restaurant - Amber", "icon": "fas fa-utensils-alt", "imgSrc": "https://cdn1.simplotel.com/fontawesome/latest/png/solid/utensils-alt.png"}, {"name": "15% Discount at Spa", "icon": "fas fa-spa", "imgSrc": "https://cdn1.simplotel.com/fontawesome/latest/png/solid/spa.png"}, {"name": "Unlimited Alcoholic & Non-alcoholic Beverages", "icon": "fas fa-glass-champagne", "imgSrc": "https://cdn1.simplotel.com/fontawesome/latest/png/solid/glass-champagne.png"}]; 1233 var wbdTitle = 'Why Book Direct?'; 1234 </script>
1234<script type="text/javascript"> 1235 1236 var megamenuVariant = "default"; 1237 1238 if(megamenuVariant == 'card-layout') { 1239 1240 function lazyLoadImage() { 1241 var childHotelImg = $('#searchCardResult').find('.hotelImg'); 1242 $.each(childHotelImg, function() { 1243 if ($(this).hasClass('lazyLogoImg')) { 1244 $(this).removeClass('lazyLogoImg'); 1245 var datasrc = $(this).attr('data-img_src'); 1246 $(this).attr('src', datasrc); 1247 } 1248 }); 1249 } 1250 1251 /* for our-hotel dropdown to work before document ready */ 1252 if ($('#menuLocInput').length) { 1253 $('.menuSearchCardCloseBtn').addClass('hide'); 1254 var options = { 1255 valueNames: [ 1256 'searchHotelNLocName', 1257 'locnhotelname' 1258 ] 1259 }; 1260 1261 var listObj = new List('menuFilterLoc', options); 1262 1263 var device = $('#device').val(); 1264 var is_chain = ($('#parent_hotel_id').length && $('#hotel_id').length) ? true : false; 1265 var is_parent = (is_chain && $('#parent_hotel_id').val() === $('#hotel_id').val()) ? true : false; 1266 1267 $('#menuLocInput').on('keyup', function() { 1268 // check for more than 2 letters entered 1269 if($(this).val() == '' || $(this).val().length <= 2) { 1270 $('#hotelLocMenuList').removeClass('hide'); 1271 $('#menuLocInput').removeClass('bgChange'); 1272 $('#searchCardResult').addClass('hide'); 1273 $('#noResultsMessage').addClass('hide'); 1274 $('.menuSearchCardCloseBtn').addClass('hide'); 1275 var searchString = $(this).val(); 1276 listObj.search(searchString, [ 'searchHotelNLocName', 'locnhotelname' ]); 1277 lazyLoadImage(); 1278 } 1279 else { 1280 $('#hotelLocMenuList').addClass('hide'); 1281 $('#menuLocInput').addClass('bgChange'); 1282 $('.menuSearchCardCloseBtn').removeClass('hide'); 1283 var searchString = $(this).val(); 1284 listObj.search(searchString, [ 'searchHotelNLocName', 'locnhotelname' ]); 1285 1286 var hasResults = listObj.matchingItems.length > 0; 1287 1288 if (hasResults) { 1289 // Results found - show search results 1290 $('#searchCardResult').removeClass('hide'); 1291 $('#noResultsMessage').addClass('hide'); 1292 lazyLoadImage(); 1293 1294 $("#searchCardResult .hotelCardWrapper").each(function(el,index){ 1295 initSiteMessaging($(this).attr('data-hotelId'), device, is_parent, $(this)); 1296 }); 1297 } else { 1298 // No results found - show no results message 1299 $('#searchCardResult').addClass('hide'); 1300 $('#noResultsMessage').removeClass('hide'); 1301 } 1302 } 1303 }); 1304 1305 1306 $('.locName').click(function (e) { 1307 e.stopPropagation(); 1308 1309 $('.ul-top').removeClass('show'); 1310 $('#menuLocInput').removeClass('show'); 1311 $('.menuSearchCardCloseBtn').addClass('hide'); 1312 $('#menuLocInput').focus(); 1313 var thatUl = $(this).siblings('.ul-top'); 1314 thatUl.addClass("show"); 1315 1316 $(this).parent().find('.hotelCardWrapper').each(function(el){ 1317 initSiteMessaging($(this).attr('data-hotelId'), device, is_parent, $(this)); 1318 }) 1319 1320 var childHotelImg = thatUl.find('.hotelImg'); 1321 $.each(childHotelImg, function() { 1322 if ($(this).hasClass('lazyLogoImg')) { 1323 $(this).removeClass('lazyLogoImg'); 1324 var datasrc = $(this).attr('data-img_src'); 1325 $(this).attr('src', datasrc); 1326 } 1327 }); 1328 $('#menuLocInput').val(''); 1329 $('#menuLocInput').trigger("keydown"); 1330 }); 1331 1332 $('.menuCloseBtn').click(function (e) { 1333 e.stopPropagation(); 1334 $('.ul-top').removeClass('show'); 1335 $('#menuLocInput').addClass('show'); 1336 $('.menuSearchCardCloseBtn').addClass('hide'); 1337 $('#menuLocInput').focus(); 1338 $('#menuLocInput').val(''); 1339 $('#menuLocInput').trigger("keydown"); 1340 }); 1341 $('.menuSearchCardCloseBtn').click(function (e) { 1342 e.stopPropagation(); 1343 $('#hotelLocMenuList').removeClass('hide'); 1344 $('#menuLocInput').removeClass('bgChange'); 1345 $('#searchCardResult').addClass('hide'); 1346 $('.menuSearchCardCloseBtn').addClass('hide'); 1347 $('#menuLocInput').focus(); 1348 $('#menuLocInput').val(''); 1349 $('#menuLocInput').trigger("keydown"); 1350 }); 1351 $('.cardsHotelLoc span').click(function (e) { 1352 e.stopPropagation(); 1353 $('.ul-top').removeClass('show'); 1354 $('#menuLocInput').addClass('show'); 1355 $('.menuSearchCardCloseBtn').addClass('hide'); 1356 $('#menuLocInput').focus(); 1357 $('#menuLocInput').val(''); 1358 $('#menuLocInput').trigger("keydown"); 1359 }); 1360 1361 $(document).click(function(e) { 1362 if ($(e.target).is('.li-space, .locName, .menuCloseBtn,.menuSearchCardCloseBtn, .fuzzy-search')) return false;
1363 else { 1364 $('#menuLocInput').addClass('show'); 1365 $('.ul-top').removeClass('show'); 1366 $('#menuLocInput').val(''); 1367 $('#menuLocInput').trigger("keydown"); 1368 } 1369 1370 }); 1371 1372 $(document).click(function(e) { 1373 if ($(e.target).is(".ul-top, .dropdown-menu, .fuzzy-search")) return false; 1374 else $("body").css("overflow", ""); $('#searchCardResult').addClass('hide');$('#menuLocInput').removeClass('bgChange');$('.menuSearchCardCloseBtn').addClass('hide'); $('#menuLocInput').removeClass('show'); $('#menuLocInput').val(''); $('#menuLocInput').trigger("keydown"); 1375 }); 1376 1377 1378 $('.hotelBeBtn').click(function(e) { 1379 e.preventDefault(); 1380 var $curElement = $(this).attr('data-hotel_id'); 1381 if(typeof(beFormData) !== 'undefined') { 1382 sm_update_booking_engine_forms($curElement); 1383 } 1384 var form = $('form[data-hotel_id="' + $curElement + '"]'); 1385 form.trigger('submit'); 1386 }); 1387 1388 $('#menuLocInput').click(function(e) { 1389 e.stopPropagation(); 1390 }); 1391 1392 $('.dropdown-menu').click(function(e) { 1393 e.stopPropagation(); 1394 }); 1395 1396 $(window).load(function() { 1397 $('#menuFilterLoc').click(function(e) { 1398 if (!$('#menuFilterLoc').hasClass('open')) { 1399 $('#menuLocInput').addClass('show'); 1400 $('#menuLocInput').removeClass('bgChange'); 1401 $('.ul-top').removeClass('show'); 1402 $('#hotelLocMenuList').removeClass('hide'); 1403 $('.menuSearchCardCloseBtn').addClass('hide'); 1404 1405 } else if ($('#menuFilterLoc').hasClass('open')) { 1406 $('#menuLocInput').removeClass('show'); 1407 $('#menuLocInput').removeClass('bgChange'); 1408 $('#searchCardResult').addClass('hide'); 1409 $('.menuSearchCardCloseBtn').addClass('hide'); 1410 $('#menuLocInput').val(''); 1411 $('#menuLocInput').trigger("keydown"); 1412 } 1413 }); 1414 }); 1415 var hotelLocMenuListHeight = $(window).outerHeight() - $('.navbar.navbar-top').outerHeight() - 30; 1416 // $('#menuFilterLoc #hotelLocMenuList').css('min-height', hotelLocMenuListHeight); 1417 $('#menuFilterLoc #searchCardResult').css('height', hotelLocMenuListHeight); 1418 $('#menuFilterLoc .mega-menu .locName + .ul-top').css('height', hotelLocMenuListHeight); 1419 $('.our-hotel-menu').css('height', hotelLocMenuListHeight); 1420 } 1421 1422 $('#menuFilterLoc').on('shown.bs.dropdown', function () { 1423 $('#menuLocInput').focus(); 1424 $('#menuLocInput').removeClass('bgChange'); 1425 $('#searchCardResult').addClass('hide'); 1426 $('.menuSearchCardCloseBtn').addClass('hide'); 1427 }) 1428 } 1429 </script>
1429<div id="nativeScriptTarget"></div><div id="lazyLoadedScriptTarget"></div><template id="lazyLoadedScriptTemplate"></template>
1429<script> 1430 var isLazyScriptsLoaded = false; 1431 function loadNativeScripts(){ 1432 // Get the template content 1433 var scriptTemplates = document.querySelectorAll('.nativeScriptTemplate'); 1434 1435 // Find the target element in the DOM 1436 var targetElement = document.getElementById('nativeScriptTarget'); 1437 scriptTemplates.forEach((template) => { 1438 var templateContent = template.content.cloneNode(true); 1439 // Inject the template content into the target element 1440 targetElement.appendChild(templateContent); 1441 }); 1442 } 1443 // Add event listener to clone the content of template only when template tag is supported by browser 1444 if ('content' in document.createElement('template')) { 1445 document.onreadystatechange = function () { 1446 if (document.readyState === 'complete') { 1447 loadNativeScripts(); 1448 } 1449 }; 1450 } 1451 1452 </script>
1452<script> 1453 // Callback function to handle mutations 1454 const mutationCallback = function(mutationsList, observer) { 1455 for(const mutation of mutationsList) { 1456 if (mutation.type === 'attributes' && mutation.attributeName === 'src') { 1457 // If src changes for an image unset its aspect ratio to avoid unexpected image stretching 1458 if (mutation.target.tagName.toLowerCase() === 'img') { 1459 mutation.target.style.aspectRatio = ''; 1460 } 1461 } 1462 } 1463 }; 1464 1465 // Options for the observer (which mutations to observe) 1466 const observerOptions = { 1467 attributes: true, // observe attribute changes 1468 attributeFilter: ['src'], // observe only changes to src attribute 1469 }; 1470 1471 window.addEventListener('DOMContentLoaded', () => { 1472 // Get all image elements 1473 const images = document.querySelectorAll('img'); 1474 1475 // Create a new observer instance for all images 1476 images.forEach(image => { 1477 const observer = new MutationObserver(mutationCallback); 1478 observer.observe(image, observerOptions); 1479 }); 1480 }); 1481 </script>
1481</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.