is rumfish resort all inclusiveis rumfish resort all inclusive

TradeWinds Island Resorts also has 24-hour security." For your convenience, TradeWinds offers a Busch Gardens Stay + Play 4-night package, which includes discounted room rates for stays May through December, two general admission tickets to Busch Gardens for each day of your stay, two tickets for the All-Day Dining Deal at Busch Gardens and more!" Island Grand Beach Resort and RumFish Beach Resort are two neighboring beachfront resorts set on the sugar white sands of award-winning St. Pete Beach, Florida. Personal checks are not accepted. The Best Affordable All-Inclusive Resorts in Mexico for 2023 One of the best 5 star all-inclusive resorts in Punta Cana for families is Iberostar Punta Cana. ", "subjectOf": "Services & Facilities", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "Yes, there are laundry facilities on-site at the resort." While Tradewinds is not an all-inclusive beach resort - food and drink here will cost extra - plenty of amenities are included in the resort fee. It's also just 60 flip-flops away from our connecting resort Island Grand meaning you'll stay at one, play at two! RumFish Beach Resort is the ultimate aquatic oasis, with a premiere location on a top-ranked U.S. beach. TradeWinds also has value-packed room packages that gives you activities, food and beverage vouchers and more, all included in the package price." One Bedroom Suite Swim Up in Cancun | Garza Blanca Resort Reservation instructions vary based on activities. At RumFish Beach Resort by TradeWinds, you can hit the beach to retreat to a free cabana or enjoy the shade from a beach umbrella, plus you'll be within a 10-minute drive of John's Pass Village & Boardwalk. From taking a plunge down our three-story waterslide to indulging your senses at the spa, whatever type of Florida geaway you have in mind, you'll find it here. RumFish Beach Resort by TradeWinds See all questions RumFish Beach Resort by TradeWinds Questions & Answers 4,261 Reviews Ranked #11 of 32 Hotels in St. Pete Beach Tour32767. Relax poolside at the Adults Only Pool, nestled in a private grove. St. Pete-Clearwater International Airport is 21 miles away, via Interstate 275. Our adjacent property, RumFish Beach Resort, is just next door and offers even more fun for you to enjoy during your stay. A family-friendly section of a mega-resort, it has several unique amenities like a coral lab and a golf course. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Do you accept credit cards and travelers checks at TradeWinds Island Grand and RumFish Beach Resort? Kids can make memorable souvenirs, plus enjoy games and activities! Resort Amenities, Fees & Services | TradeWinds Island Resorts }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Is there room service at TradeWinds Island Resorts? RumFish Beach Resort is nestled on 12 beachfront acres, while TradeWinds Island Grand occupies the other 28 acres. From fine dining at Palm Court Italian Grill to authentic Florida flavors at Flying Bridge, theres something here for everyone. The Shop at RumFish Grill, the 2,200-square-foot retail shop located inside theRumFish Grill restaurant, has the area's largest selection of merchandise, art and gifts from local Florida brands and artists. Yes, there are laundry facilities on-site at both resorts. TradeWinds Island Resorts also has 24-hour security. 5 Best All-inclusive Resorts in Maine - Travel + Leisure }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Can I book activities? 13 Best All-Inclusive Resorts in Jamaica - Trip Canvas - AAA . Combined, TradeWinds Island Resorts span 31 beachfront acres on the Gulf Coast's St. Pete Beach." ", "subjectOf": "Services & Facilities", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "TradeWinds offers countless adventures and activities for every age. Even better, you'll be able to stay at one, play at two with all the . Enjoy gorgeous marine artwork by Thomas Krause and eclectic island decor with a beachy color palette and lovely British Colonial furnishings. Villas are ideal for your home away from home with the added . }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "What kind of bathroom amenities can I expect? TradeWinds also hasvalue-packed room packagesthat gives you activities, food and beverage vouchers and more, all included in the package price. 500 Mandalay Avenue Clearwater Beach, FL 33767 727/441-2425 Located directly on a 700-foot sandy swath of Clearwater's beautiful beach, families feel right at home from the moment they enter. RumFish Beach Resort offers a long list of amenities to make your stay here as carefree as can be. The rooms and villas combine classic coastal charm with gorgeous marine artwork and beachy island decor. Dive in to the splashy new Florida coastal vibe featured in our renovated guest rooms and enjoy expansive views from the newly added balconies in our Gulf Front Suites. Pet-friendly rooms can be booked by calling 888.794.0070." Find & compare all-inclusive resorts in St. Petersburg - Travelocity No, we are a cashless property. The look and feel is elegant yet inviting, with a can-do staff placing a premium on personal touches. Even better, you're invited to stay at one, play at two! Beds feature pillowtop mattresses. All-inclusive resorts in Costa Rica just hit different, thanks to the combination of beautiful beaches and tropical rainforests. Top 10 Punta Cana All Inclusive Family Resorts 2023 - Honeymoon Always Reservations ShowNavisNCPhoneNumberFormat("###.###.####"); As the largest beachfront resort on a top-ranked U.S. beach, Island Grand is the perfect place to just let go and enjoy all of the sun and fun Florida has to offer. Shop - RumFish Grill Guests at RumFish Beach Resort may also enjoy the services at the spa or have the spa staff arrange a private in-room massage." Reviews of RumFish Beach Resort by TradeWinds This rating is a reflection of how the property compares to the industry standard when it comes to price, facilities and services available. TradeWinds offers countlessadventures and activitiesfor every age. Dive in to the splashy new Florida coastal vibe featured in our renovated guest rooms and enjoy expansive views from the newly added balconies in our Gulf Front Suites. Tradewinds Grand Island Resort Reviews (2023): The UNBIASED Truth Clearwater Beach Florida Family Resorts - My Family Travels FAQs Do I need a permit for my St. Petersburg Beach Wedding? 184 Verified Reviews of RumFish Beach Resort by TradeWinds - Booking.com ", "subjectOf": "Services & Facilities", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "Each room has a smoke detector that is wired into the fire alarm system. TradeWinds Island Resorts is 45 minutes from Busch Gardens Tampa. TradeWinds offers14 restaurant and grab-and-go outlets, from award-winning cuisine at Palm Court Italian Grill, to the extraordinary RumFish Grill, and casual beach dining at Gulfside Grill. ", "subjectOf": "Policies", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "Yes, both TradeWinds Island Grand and RumFish Beach Resort have pet-friendly rooms. As you explore this website, look for callouts that allow you to book your adventures early. RumFish Beach Resort by TradeWinds - Tripadvisor In addition to two huge pools, several bars and restaurants, and a long stretch of beautiful but busy beach . Renovated in 2020, RumFish Beach Resort by TradeWinds offers 3 outdoor pools, a gym, and 2 spa tubs. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Can I do my laundry at TradeWinds Island Resorts? Relax poolside at the Adults Only Pool, nestled in a private grove. Pet-friendly rooms can be booked by calling888.794.0070. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Is TradeWinds Resort pet-friendly? RumFish Beach Resort by TradeWinds - Tripadvisor Be sure to check the pet policy before you book for certificate requirements and details. Select Florida resorts, such as the adults-only Bungalows Key Largo, are truly all-inclusive, while others offer all-inclusive packages or nearly all-inclusive rates that include. Our adjacent property, RumFish Beach Resort, is just next door and offers even more fun for you to enjoy during your stay. See all 47 travelocity Reviews "Events happening each night made it super fun, lots to do on the property! Also, watch for helpful Know Before You Go information boxes. However, no hotel rooms connect to regular hotel rooms." The villas at RumFish Beach Resort give you more room to spread out and combine Florida's classic coastal charm with plenty of amenities. TradeWinds also has anEvents Calendar, packed full of kid's activities, live music times and more! ", "subjectOf": "Services & Facilities", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "Each room includes a new 37-inch flat-screen TV with premium cable and in-room movies." Relax on the soft white sand, savor fresh local seafood at RumFish Grill, discover local marine life in the 33,500-gallon aquarium featured on Animal Planet's show "Tanked" and enjoy your own adventures on the gulf waters. At the Westin Reserva Conchal resort, you get the best of both. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Are there places to eat at TradeWinds Island Resorts? Relax by our beachside firepits with a drink or our nightly s'mores! RumFish Beach Resort is the ultimate aquatic oasis, with a premiere location on a top-ranked U.S. beach. RumFish Beach Resort by TradeWinds 8.0/10 Very Good See all 1,002 reviews Popular amenities Pool Hot Tub Parking included Free WiFi Air conditioning Laundry 6000 Gulf Blvd, St. Pete Beach, FL, 33706 View in a map Explore the area St. Petersburg - Clearwater Beaches 5 min walk Splash Island Water Park 8 min walk Pass-a-Grille Beach 18 min walk RumFish Beach Resort by TradeWinds - Expedia Relax alongside the soft white sands and warm gulf waters of St. Pete Beach and take advantage of our endless array of restaurants, bars, and activities. RumFish Beach Resort is the ultimate aquatic oasis, with a premiere location on one of the top-ranked U.S. beaches. No matter which resort you choose, you can enjoy all the activities, recreation and restaurants at BOTH resorts." Below is our list of the best travel insurance companies for all-inclusive resort vacations: Seven Corners: Our pick for international . Multilingual staff at the front desk are standing by 24/7 to help with concierge services, securing valuables, and dry cleaning/laundry. Even better, youre invited to stay at one, play at two! RumFish Beach Resort is the ultimate aquatic oasis, with a premiere location on a top-ranked U.S. beach. From intimate escapes to family fun, let this waterfront paradise be the setting for your island escape. TradeWinds also has an Events Calendar, packed full of kid's activities, live music times and more!" The recently-opened, eco-chic Hilton Tulum Riviera Maya all-inclusive resort offers exceptional value for families. The beautiful rooms and villas here are filled with classic coastal charm and our famous Floribbean vibe. Kids can make memorable souvenirs, plus enjoy games and activities! Roxanne Balciunas, from Sheffield, South Yorkshire, was able to steal luxury food, drink and use the . ", "subjectOf": "Services & Facilities", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "The bathrooms have soaps, shampoo, conditioner, shower caps, hair dryers and high-quality linens." Room Options We're Here to Help It's always a feeding frenzy at RumFish Grill! Relax by our beachside firepits with a drink or our nightly s'mores! Is it an all inclusive trip. If so what does it - Tripadvisor The bathrooms have soaps, shampoo, conditioner, shower caps, hair dryers and high-quality linens. From action and adventure to lazy lounging, you'll find near-endless activities to suit your speed, as well as plenty of convenient services to keep you comfortable. Guests at both properties may enjoy the services at the spa. It's also just 60 flip-flops away from our connecting resort Island Grand meaning you'll stay at one, play at two! End one of your nights at the famous RumFish Grill, where you can dine next to a 33,500 gallon fish tank filled with wildlife from the local Gulf, an experience you and your wedding guests are sure to remember. Our adjacent property, RumFish Beach Resort, is just next door and offers even more fun for you to enjoy during your stay. 23 best all-inclusive resorts in 2023 around the world - The Points Guy In fact, a whole section of our website is dedicated toTradeWinds many activities and recreation. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "Are there safes in the guest rooms at TradeWinds Island Resorts? " More Pass-a-Grille Beach - 0.3 km Upham Beach - 0.7 km Hotel prices rise dramatically when the snowbirds make their way down for winter so, if you're looking to escape the cold as well, it's better to plan far in advance, or opt for the shoulder seasons of April-May or September-November. 13 Top All-Inclusive Resorts in Florida for 2023 - U.S. News Travel It's also just 60 flip-flops away from our connecting resort Island Grand meaning you'll stay at one, play at two! Relax on the soft white sand, savor fresh local seafood at RumFish Grill, discover local marine life at the touch . Families will appreciate the Family Zone, which includes a splash pool, water park playground, and Kids Club. Set on 2,400 acres, the resort has a lagoon-style pool as well as access to a championship golf course, tennis courts and pristine beaches. No matter which resort you choose, you can enjoy all . Take in the views from one of our beachfront pools, adult-only pool, or unwind and relax on a cushioned beach cabana. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } },{ "@type": "Question", "name": "What is the security like at TradeWinds Island Resorts? Overview Tradewinds Grand Island Resort on Florida's beautiful St Pete Beach in the United States is a fun destination for families who love playing in and by the water. RumFish Beach Resort by TradeWinds - Oyster.com In fact, a whole section of our website is dedicated to TradeWinds many activities." I have read & accept the TradeWinds Island Resorts privacy policy & agree to receive communications from TradeWinds Island Resorts. Take a deep dive into our massive retail shop that offers some seriously cool beach gear alongside beautiful pieces of art, home goods and more from talented local vendors. Combined, TradeWinds Island Resorts span 40 beachfront acres on the Gulf Coast's St. Pete Beach. View Interactive Resort Map | TradeWinds Island Resort Proper ID is required for all transactions. However, no hotel rooms connect to regular hotel rooms. Yes. }, "author": { "@type": "Organization", "brand": "TradeWinds Island Resorts" } } ] } ProcessNavisNCKeyword(); (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'? Guests can make use of the in-room refrigerators and microwaves. ", "subjectOf": "General", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "TradeWinds Island Grand and RumFish Beach Resort are two neighboring beachfront resorts set on the sugar white sands of award-winning St. Pete Beach, Florida. South Florida Deals | Travelzoo ", "subjectOf": "Services & Facilities", "answerCount": 1, "acceptedAnswer": { "@type": "Answer", "text": "Yes, there is a programmable safe in every room, which can fit up to a normal-sized laptop computer. Located on the sugar white sands of St. Pete Beach, Florida, consistently rated as one of America's best beaches by TripAdvisor. Relax alongside the soft white sands and warm gulf waters of St. Pete Beach and take advantage of our endless array of restaurants, bars, and activities. RumFish Beach Resort by TradeWinds - Tripadvisor For your convenience, TradeWinds offers aBusch Gardens Stay + Play 4-night package, which includes discounted room rates for stays May through December, two general admission tickets to Busch Gardens for each day of your stay, two tickets for the All-Day Dining Deal at Busch Gardens and more! The restaurants serve a variety of authentic regional cuisine as well as Italian and Japanese dishes. '&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MQQ4V7'); /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } html[data-whatinput=mouse] :focus { outline: none; } table { border-collapse: collapse; border-spacing: 0; } input::-moz-focus-inner { border: 0; padding: 0; } input::-ms-clear { display: none; } input::-ms-reveal { display: none; } legend { display: none; } @font-face { font-family: "Proxima Nova"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/ProximaNova-Regular.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/ProximaNova-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Novecento Wide"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideLight.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideLight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Novecento Wide"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideNormal.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideNormal.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Novecento Wide"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideMedium.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideMedium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Novecento Wide"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideDemiBold.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideDemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Novecento Wide"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideBold.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Novecento-WideBold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: "Rabusto"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Rabusto.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Rabusto.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Lucida"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Lucida Grande Regular.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/Lucida Grande Regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Light.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Regular.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Italic.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Italic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-SemiBold.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: "Open Sans"; src: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Bold.woff2") format("woff2"), url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/fonts/OpenSans-Bold.woff") format("woff"); font-weight: 700; font-style: normal; font-display: swap; } html, body, input, textarea, button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } input[type=submit], button { -webkit-appearance: none; -moz-appearance: none; } button, input, textarea { padding: 0; margin: 0; } @media only screen and (max-width: 767px) { input[type=text], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } } button, input:not([type=checkbox]):not([type=radio]), textarea { border-radius: 0; border: none; background: none; } a, input[type=submit], button, .button { cursor: pointer; transition: color 350ms, background-color 350ms, border-color 350ms; } .hide { display: none; } .text-left { text-align: left !important; } .no-select { user-select: none !important; -o-user-select: none !important; -moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; } .center-column { position: relative; width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 40px; } .center-column:after { clear: both; content: ""; display: table; } @media only screen and (max-width: 767px) { .center-column { padding: 0 20px; } } .scrolling-overlay { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; z-index: 60; background: rgba(0, 0, 0, 0.6); transition: all 700ms ease-in-out; } .booking-visible .scrolling-overlay, .booking-aside-visible .scrolling-overlay, .hamburger-navigation-visible .scrolling-overlay { opacity: 1; visibility: visible; } .button, input[type=submit].button { position: relative; display: inline-block; min-width: 180px; height: 52px; margin: 0; padding: 0 20px; overflow: visible; background: #176DAC; border: 1px solid #176DAC; font: 400 14px/50px proxima-nova, Arial, sans-serif; text-transform: uppercase; -moz-text-align-last: auto; text-align-last: auto; text-decoration: none; text-align: center; white-space: nowrap; color: #ffffff; transition: background-color 350ms ease-in-out, color 350ms ease-in-out, border-color 350ms ease-in-out; } .button:hover, .button:active, input[type=submit].button:hover, input[type=submit].button:active { background: #ffffff; color: #176DAC; } .button.white, input[type=submit].button.white { color: #1B3D6D; background: #ffffff; border-color: rgba(27, 61, 109, 0.36); } .button.white:hover, input[type=submit].button.white:hover { color: #ffffff; background: #176DAC; } .button.transparent, input[type=submit].button.transparent { color: #08254D; background: transparent; border-color: #62738D; } .button.transparent:hover, input[type=submit].button.transparent:hover { color: #ffffff; background: #176DAC; border-color: #176DAC; } .button.rounded, input[type=submit].button.rounded { border-radius: 27px; height: 54px; line-height: 50px; font-size: 13px; letter-spacing: 0; padding: 0 31px 0 20px; margin-bottom: 34px; } .button.rounded:hover svg, input[type=submit].button.rounded:hover svg { fill: #176DAC; } .button.back-button, input[type=submit].button.back-button { margin: 6px 0 46px; } @media only screen and (max-width: 767px) { .button, input[type=submit].button { padding: 0 15px; font-size: 12px; line-height: 40px; height: 42px; min-width: 0; } } @media only screen and (max-width: 767px) { .widget-button { margin-bottom: 20px; } } .book-now-button { background: none; position: relative; color: #ffffff; z-index: 1; } .book-now-button:before, .book-now-button:after { content: ""; background: #176DAC; width: 51%; height: 100%; position: absolute; top: 0; z-index: -1; transition: width 250ms ease-in-out 100ms; } .book-now-button:before { left: 0; } .book-now-button:after { right: 0; } .book-now-button:hover { color: #176DAC; background: none; } .book-now-button:hover:before, .book-now-button:hover:after { width: 0; } .virtual-tour { border-radius: 27px; height: 54px; line-height: 50px; font-size: 13px; letter-spacing: 0; padding: 0 31px 0 20px; margin-bottom: 34px; } .virtual-tour svg { display: inline-block; vertical-align: middle; fill: #ffffff; transition: fill 350ms ease-in-out; margin: 5px 10px 0 0; } .virtual-tour:hover svg { fill: #176DAC; } .live-camera { font-family: proxima-nova, Arial, sans-serif; border-radius: 31px; height: 60px; line-height: 60px !important; letter-spacing: 0; padding: 0 30px 0 63px; margin: 20px 0 30px; max-width: 195px; white-space: normal; } .live-camera:after { display: none; } .live-camera .button-link-text { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 1; text-align: left; color: #ffffff; transition: color 350ms ease-in-out; } .live-camera .svg-container { display: block; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; width: 42px; height: 42px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; transition: border 350ms ease-in-out; overflow: hidden; } .live-camera svg { fill: #ffffff; position: relative; vertical-align: middle; display: inline-block; margin-top: 4px; transform: translateY(-50%); transition: fill 350ms ease-in-out; } .live-camera:hover { background-color: #08254D; } .live-camera:hover .button-link-text { color: #ffffff; } .live-camera:hover .svg-container { border: 1px solid #ffffff; } .live-camera:hover svg { fill: #ffffff; } .resort-fee-button span { display: flex; color: #08254D; font: 900 18px/30px proxima-nova, Arial, sans-serif; text-transform: uppercase; } .resort-fee-button svg { margin-right: 10px; } .content-read-more .show-more { display: none; } .content-read-more .show-less { display: block; } .content-read-more.collapsed .show-less { display: none; } .content-read-more.collapsed .show-more { display: block; } .content-read-more-wrapper { height: 0; overflow: hidden; transition: height 0.2s; } .common-close-button { position: absolute; top: 22px; right: 16px; display: block; padding: 7px 10px; text-align: center; cursor: pointer; } .common-close-button span { display: block; margin-bottom: 12px; color: #1B3D6D; font: 400 10px/1 proxima-nova, Arial, sans-serif; letter-spacing: 1px; text-align: center; text-transform: uppercase; } .common-close-button svg { fill: #1B3D6D; pointer-events: none; cursor: pointer; } .common-close-button:hover svg { fill: #176DAC; } @media only screen and (max-width: 767px) { .common-close-button { top: 20px; right: 20px; } .common-close-button span { display: none; } } select, .select-placeholder { border-radius: 0; background: none; border: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; position: relative; display: inline-block; height: 52px; line-height: 52px; padding: 0 15px; border: thin solid #d1d1d1; font-size: 16px; text-align: left; color: #08254D; background: #fff; transition: color 350ms ease-in-out, background-color 350ms ease-in-out, border-color 350ms ease-in-out; } select::-ms-expand, .select-placeholder::-ms-expand { display: none; } .select-wrapper { display: inline-block; position: relative; } .select-wrapper select { padding-right: 36px; font-family: proxima-nova, Arial, sans-serif; } .select-wrapper .select-icon { position: absolute; top: 50%; right: 10px; width: 8px; height: 8px; border-bottom: 1px solid #08254D; border-left: 1px solid #08254D; transform: rotate(-45deg) translateY(-50%); margin-top: -4px; pointer-events: none; } .category-selector { text-align: center; font-size: 0; margin: 0 0 50px; } .category-selector .button { position: relative; height: auto; min-width: 0; max-width: 100%; margin: 0 20px; padding: 0 0 3px 0; font: 700 16px/30px proxima-nova, Arial, sans-serif; letter-spacing: 0; text-transform: uppercase; color: #08254D; background: none; border: none; overflow: hidden; text-overflow: ellipsis; transition: border-color 350ms ease-in-out, color 350ms ease-in-out; } .category-selector .button:hover { color: #176DAC; } .category-selector .button.active { border-color: #D8E145; } @media only screen and (max-width: 767px) { .category-selector .button { display: none; } } .category-selector .button:after { content: ""; height: 3px; position: absolute; left: 0; bottom: 0; width: 0; background: #D8E145; transition: width 350ms ease-in-out 500ms; } .category-selector .select-wrapper { display: none; } @media only screen and (max-width: 767px) { .category-selector .select-wrapper { display: inline-block; } } .category-selector .select-wrapper select { border: 1px solid #08254D; color: #08254D; background: #ffffff; } html:not(.no-js) .fade-on-scroll { transform: translate(0, 50px); opacity: 0; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 750ms; } html:not(.no-js) .fade-on-scroll.from-left { transform: translate(-50px, 0); } html:not(.no-js) .fade-on-scroll.from-right { transform: translate(50px, 0); } html:not(.no-js) .fade-on-scroll.visible { transform: translate(0, 0); opacity: 1; } .screen-reader-only { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; border: 0 !important; padding: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; overflow: hidden !important; word-wrap: normal !important; } /* Object-fit */ .object-fit { position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100%; height: 100%; z-index: 0; } .socials-icons { margin-bottom: 30px; font-size: 0; } @media only screen and (max-width: 767px) { .socials-icons { display: flex; justify-content: center; flex-flow: wrap; margin-bottom: 0; } } .socials-icons li { display: inline-block; margin: 6px 12px 6px 0; } .socials-icons li:last-child { margin-right: 0; } .socials-icons a { position: relative; display: block; width: 42px; height: 42px; border: 1px solid rgba(23, 109, 172, 0.3); border-radius: 50%; transition: border 350ms ease-in-out; overflow: hidden; } .socials-icons a svg { fill: #176DAC; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .socials-icons a:hover { border-color: #176dac; } .socials-icons a:hover svg { fill: #176DAC; } #video-container { display: none; right: 0; position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; overflow: hidden; background: rgba(0, 0, 0, 0.9); } #video-container #video { width: 80vw; height: 0; padding-bottom: 45vw; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translateY(-50%, -50%); } #video-container iframe, #video-container video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } #video-container iframe *, #video-container video * { background-color: transparent !important; } #video-container #header-video { display: none; position: absolute; top: 50%; min-width: 100%; width: auto; height: auto; transform: translateY(-50%); -ms-transform: translateY(-50%); } #video-container #header-video.visible { display: block; } #video-container .video { width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; position: absolute; left: 0; top: 0; } #video-container .close-video { position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; overflow: hidden; text-indent: -9999px; z-index: 5; } @media only screen and (max-width: 767px) { #video-container .close-video { top: 10px; right: 10px; } } #video-container .close-video:before, #video-container .close-video:after { content: ""; width: 36px; height: 1px; background: #ffffff; position: absolute; top: 50%; margin-top: -1px; left: 1px; transform-origin: center center; opacity: 1; transition: opacity 350ms ease-in-out; } #video-container .close-video:before { transform: rotate(45deg); } #video-container .close-video:after { transform: rotate(-45deg); } #video-container .close-video:hover:before, #video-container .close-video:hover:after { opacity: 0.6; } .slideshow { position: relative; } .slideshow-button { position: absolute; top: 50%; transform: translateY(-50%); left: 0; display: block; height: 100px; width: 40px; background-color: rgba(8, 37, 77, 0.6); transition: background-color 350ms ease-in-out, opacity 350ms ease-in-out; overflow: hidden; text-indent: -9999px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .slideshow-button { width: 40px; } } @media only screen and (max-width: 767px) { .slideshow-button { display: none; } } .slideshow-button::before { content: ""; position: absolute; top: 50%; left: 50%; height: 24px; width: 24px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: translate(-25%, -50%) rotate(-135deg); } .slideshow-button:hover { background-color: #176DAC; } .slideshow-button.next { left: auto; right: 0; } .slideshow-button.next::before { transform: translate(-75%, -50%) rotate(45deg); } .slideshow-button.swiper-button-disabled { opacity: 0.3; cursor: default; } .slideshow-button.swiper-button-disabled:hover { background-color: #08254D; } .slideshow-pagination { display: block; width: 100%; padding: 10px; font-size: 0; line-height: 0; text-align: center; } .slideshow-pagination .swiper-pagination-bullet { display: inline-block; height: 10px; width: 10px; margin: 5px; border-radius: 50%; border: 1px solid #ffffff; transition: background-color 350ms ease-in-out; } .slideshow-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #ffffff; } .parallax-container { overflow: hidden; } .parallax-container .parallax-image { height: 125%; transition: transform linear; } #loyalty-pass { position: relative; } #loyalty-pass .show-pass { position: absolute; bottom: 10px; right: 20px; width: 30px; height: 30px; transition: scale 350ms ease-in-out; } #loyalty-pass .show-pass:hover { transform: scale(1.1); } #loyalty-pass .show-pass img { width: 30px; transition: opacity 350ms ease-in-out; } #loyalty-pass .show-pass img.visible { opacity: 0.5; } .accommodations-section { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1320px; margin: auto; } .accommodations-section .room-type-holder { display: inline-flex; width: 50%; flex-direction: column; padding: 40px; border-bottom: 1px solid #08254D; border-right: 1px solid #08254D; padding-top: 0px; } @media only screen and (max-width: 767px) { .accommodations-section .room-type-holder { width: 100%; border-right: 0px; } } .accommodations-section .room-type-holder:nth-child(3n) { width: 100%; flex-direction: row; border-bottom: 0px; border-right: 0px; padding-top: 40px; } @media only screen and (max-width: 767px) { .accommodations-section .room-type-holder:nth-child(3n) { flex-direction: column; } } .accommodations-section .room-type-holder:nth-child(3n) .text-holder { margin-left: 40px; } @media only screen and (max-width: 767px) { .accommodations-section .room-type-holder:nth-child(3n) .text-holder { margin-left: 0px; } } .accommodations-section .room-type-holder:nth-child(2) { border-right: 0px; } @media only screen and (max-width: 767px) { .accommodations-section .room-type-holder:nth-child(2) { padding-top: 40px; } } .accommodations-section .thumbnail { height: 320px; width: 100%; } @media only screen and (max-width: 767px) { .accommodations-section .thumbnail { height: auto; } } @media only screen and (max-width: 767px) { .accommodations-section .thumbnail .object-fit { height: 173px !important; width: 320px !important; position: relative !important; } } .accommodations-section .thumb-title { color: #08254D; font-family: Rabusto; font-size: 54px; letter-spacing: 0; line-height: 51px; margin-top: 39px; } .accommodations-section .description { color: #08254D; font-size: 16px; letter-spacing: 0; line-height: 25px; margin: 20px 0px; } .tw-divider-homepage { padding: 50px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tw-divider-homepage { padding: 0px; } } @media only screen and (max-width: 767px) { .tw-divider-homepage { padding: 0px; } } .acm-block.amenities-block { margin-bottom: 100px !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .acm-block.amenities-block { margin-bottom: 80px !important; } } @media only screen and (max-width: 767px) { .acm-block.amenities-block { margin-bottom: 80px !important; } } html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } html { position: relative; background: #ffffff; color: #08254D; } body { position: relative; } html, body { height: 100%; } html, body, input, textarea, button { font-family: proxima-nova, Arial, sans-serif; font-size: 18px; line-height: 1.5; } a { color: #08254D; } a:hover { color: #176DAC; } @media only screen and (min-width: 1024px) { ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: #176DAC; } ::-webkit-scrollbar-thumb { background: #08254D; } ::-moz-selection { background: #1B3D6D; color: #ffffff; } ::selection { background: #1B3D6D; color: #ffffff; } } /* Swiper Container */ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; display: flex; transition-property: transform; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-invisible-blank-slide { visibility: hidden; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } /* IE10 Windows Phone 8 Fixes */ .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; } .swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube { overflow: visible; } .swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: blur(50px); z-index: 0; } .swiper-container-flip { overflow: visible; } .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-container-coverflow .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } #skip-to-content { position: absolute; left: 50%; top: -9999px; padding: 20px 30px; transform: translate(-50%, 0); background: #1B3D6D; color: #ffffff; text-decoration: none; font-size: 14px; font-weight: 700; text-transform: uppercase; z-index: 30; } .keyboard-navigation #skip-to-content:focus { top: 5px; } #hamburger-navigation-trigger, .hamburger-close-button { display: block; position: absolute; left: 30px; top: 20px; width: 40px; height: 45px; transition: all 350ms ease-in-out; z-index: 20; } #hamburger-navigation-trigger:after, .hamburger-close-button:after { content: ""; position: absolute; top: 0; left: 70px; margin-top: -10px; width: 1px; height: 54px; background: rgba(255, 255, 255, 0.24); transition: all 350ms ease-in-out; } .home #hamburger-navigation-trigger, .home .hamburger-close-button { left: 40px; top: 50px; } .home #hamburger-navigation-trigger:after, .home .hamburger-close-button:after { left: 80px; } .sticky-header #hamburger-navigation-trigger, .sticky-header .hamburger-close-button { left: 26px; top: 24px; } @media only screen and (max-width: 767px) { .sticky-header #hamburger-navigation-trigger, .sticky-header .hamburger-close-button { left: 20px; } } .sticky-header #hamburger-navigation-trigger:after, .sticky-header .hamburger-close-button:after { display: none; } @media only screen and (max-width: 767px) { .sticky-header #hamburger-navigation-trigger:after, .sticky-header .hamburger-close-button:after { display: block; left: 60px; margin-top: -5px; } } .home.hamburger-navigation-visible #hamburger-navigation-trigger:after, .home.hamburger-navigation-visible .hamburger-close-button:after { background: rgba(8, 37, 77, 0.24); } @media only screen and (max-width: 767px) { #hamburger-navigation-trigger, .hamburger-close-button { top: 20px; left: 20px; } #hamburger-navigation-trigger:after, .hamburger-close-button:after { left: 60px; } .home #hamburger-navigation-trigger, .home .hamburger-close-button { top: 20px; left: 20px; } .home #hamburger-navigation-trigger:after, .home .hamburger-close-button:after { left: 60px; } } .home.sticky-header.hamburger-navigation-visible #hamburger-navigation-trigger:after, .home.sticky-header.hamburger-navigation-visible .hamburger-close-button:after { background: rgba(255, 255, 255, 0.24); } .home.sticky-header.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon .trigger-title, .home.sticky-header.hamburger-navigation-visible .hamburger-close-button .smart-icon .trigger-title { color: #ffffff; } .home.sticky-header.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span, .home.sticky-header.hamburger-navigation-visible .hamburger-close-button .smart-icon span { background: #ffffff; } .sticky-header.hamburger-navigation-visible #hamburger-navigation-trigger:after, .sticky-header.hamburger-navigation-visible .hamburger-close-button:after { background: rgba(255, 255, 255, 0.24); } .sticky-header.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon .trigger-title, .sticky-header.hamburger-navigation-visible .hamburger-close-button .smart-icon .trigger-title { color: #ffffff; } .sticky-header.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span, .sticky-header.hamburger-navigation-visible .hamburger-close-button .smart-icon span { background: #ffffff; } #hamburger-navigation-trigger .smart-icon, .hamburger-close-button .smart-icon { position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -18px; font-size: 0; text-align: right; } #hamburger-navigation-trigger .smart-icon .trigger-title, .hamburger-close-button .smart-icon .trigger-title { display: block; margin-bottom: 4px; background: none; color: #ffffff; border: 0; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; text-align: center; } #hamburger-navigation-trigger .smart-icon span, .hamburger-close-button .smart-icon span { display: inline-block; width: 38px; height: 2px; margin-bottom: 7px; background: #ffffff; transition: background 200ms, transform 150ms, border-radius 150ms, width 200ms; transform-origin: 50% 50%; text-align: right; } #hamburger-navigation-trigger .smart-icon span:nth-child(3), .hamburger-close-button .smart-icon span:nth-child(3) { width: 26px; } #hamburger-navigation-trigger .smart-icon span:last-child, .hamburger-close-button .smart-icon span:last-child { margin-bottom: 0; width: 16px; } #hamburger-navigation-trigger:hover .smart-icon span, .hamburger-close-button:hover .smart-icon span { transform: none; width: 38px; } #hamburger-navigation-trigger:hover .smart-icon:nth-child(3), .hamburger-close-button:hover .smart-icon:nth-child(3) { width: 38px; } #hamburger-navigation-trigger:hover .smart-icon span:first-child, .hamburger-close-button:hover .smart-icon span:first-child { transform: translate(0, -2px); } #hamburger-navigation-trigger:hover .smart-icon span:last-child, .hamburger-close-button:hover .smart-icon span:last-child { transform: translate(0, 0); width: 38px; } #hamburger-navigation-trigger:active .smart-icon span, #hamburger-navigation-trigger:active .smart-icon span:first-child, #hamburger-navigation-trigger:active .smart-icon span:last-child, .hamburger-close-button:active .smart-icon span, .hamburger-close-button:active .smart-icon span:first-child, .hamburger-close-button:active .smart-icon span:last-child { transition: transform 100ms; transform: none; } .hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon .trigger-title, .hamburger-navigation-visible .hamburger-close-button .smart-icon .trigger-title { color: #ffffff; } .hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span, .hamburger-navigation-visible .hamburger-close-button .smart-icon span { transform: scale(0) rotate(90deg); border-radius: 0; background: #ffffff; } .hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span:first-child, .hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span:nth-child(3), .hamburger-navigation-visible .hamburger-close-button .smart-icon span:first-child, .hamburger-navigation-visible .hamburger-close-button .smart-icon span:nth-child(3) { transform: translate(0, 4px) rotate(45deg); width: 38px; margin-bottom: 13px; } .hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span:last-child, .hamburger-navigation-visible .hamburger-close-button .smart-icon span:last-child { transform: translate(0, -12px) rotate(135deg); width: 38px; } .home.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon .trigger-title, .home.hamburger-navigation-visible .hamburger-close-button .smart-icon .trigger-title { color: #1B3D6D; } .home.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span, .home.hamburger-navigation-visible .hamburger-close-button .smart-icon span { transform: scale(0) rotate(90deg); border-radius: 0; background: #1B3D6D; } .home.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span:first-child, .home.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span:nth-child(3), .home.hamburger-navigation-visible .hamburger-close-button .smart-icon span:first-child, .home.hamburger-navigation-visible .hamburger-close-button .smart-icon span:nth-child(3) { transform: translate(0, 4px) rotate(45deg); width: 38px; margin-bottom: 13px; } .home.hamburger-navigation-visible #hamburger-navigation-trigger .smart-icon span:last-child, .home.hamburger-navigation-visible .hamburger-close-button .smart-icon span:last-child { transform: translate(0, -12px) rotate(135deg); width: 38px; } .hamburger-navigation-visible #hamburger-navigation-trigger:active .smart-icon, .hamburger-navigation-visible .hamburger-close-button:active .smart-icon { transform: scale(0.94); } #header { position: fixed; left: 0; top: 0; display: flex; align-items: flex-start; width: 100%; height: 84px; background: #1B3D6D; z-index: 70; transition: all 350ms ease-in-out; } @media only screen and (max-width: 767px) { #header .our-resorts { display: none; } } .home #header { background: transparent; height: 100px; } .home #header .our-resorts { display: none; } @media only screen and (max-width: 767px) { #header { background: #1B3D6D; } .hamburger-navigation-visible #header { background: #1B3D6D; } .home #header { background: #1B3D6D; height: 84px; } .home.hamburger-navigation-visible #header { background: #ffffff; } } #header .logo { position: absolute; height: 54px; top: 15px; left: 130px; width: 61px; margin: 0 auto; text-align: center; opacity: 1; transition: all 350ms ease-in-out; } #header .logo:hover { opacity: 0.8; } #header .logo img { display: block; width: auto; height: 100%; } #header .logo img.init { display: none; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } #header .logo img.colored { display: none; opacity: 0; visibility: hidden; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .home #header .logo { height: 54px; width: 216px; top: 40px; left: 160px; } .home #header .logo img.init { display: block; position: absolute; transition: opacity 700ms ease-out; visibility: visible; } .home #header .logo img.colored { display: block; position: absolute; opacity: 0; visibility: visible; transition: opacity 700ms ease-out; } .home #header .logo img.logo-icon { display: none; opacity: 0; visibility: hidden; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } @media only screen and (max-width: 767px) { #header .logo { width: 61px; top: 15px; left: 100px; } .home #header .logo { width: 180px; top: 12px; left: 100px; } } .home.hamburger-navigation-visible #header .logo img.init { display: block; opacity: 0; visibility: visible; position: absolute; transition: opacity 700ms ease-out 350ms; } .home.hamburger-navigation-visible #header .logo img.colored { display: block; position: absolute; opacity: 1; visibility: visible; transition: opacity 700ms ease-out 350ms; } .sticky-header.hamburger-navigation-visible #header .logo img.init { display: none; opacity: 1; visibility: visible; } .sticky-header.hamburger-navigation-visible #header .logo img.colored { display: none; opacity: 0; visibility: hidden; } .sticky-header.hamburger-navigation-visible #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; } #header .features-block { transition: all 350ms ease-in-out; font-family: proxima-nova, Arial, sans-serif; } @media only screen and (min-width: 768px) and (max-width: 1023px) { #header .features-block { display: none; } } @media only screen and (max-width: 767px) { #header .features-block { display: none; } } #header .features-block .features-icons { display: flex; } #header .features-block .features-icons .feature-icon { display: block; margin-right: 15px; width: 42px; height: 42px; background: transparent; vertical-align: top; position: relative; text-indent: -9999px; transition: opacity 350ms ease-in-out; color: #ffffff; } #header .features-block .features-icons .feature-icon svg { display: inline-block; width: 24.5px; height: 24px; fill: #ffffff; position: absolute; top: 50%; right: 0; left: 0; transform: translateY(-50%); margin: 0 auto; pointer-events: none; } #header .features-block .features-icons .feature-icon:hover { opacity: 0.8; } @media only screen and (max-width: 767px) { #header .features-block .features-icons .feature-icon { margin-right: 10px; } } #header .features-block .features-icons .search-trigger { margin-right: 10px; } #header .features-block .features-icons .live-icon svg { width: 38px; height: 20px; } #header .features-block .features-icons .location-trigger svg { width: 22px; height: 19px; fill: transparent; stroke: #ffffff; } #header .features-block .features-icons .feature-reward { display: block; font-size: 14px; line-height: 1; text-decoration: none; text-transform: uppercase; color: #ffffff; height: auto; text-align: center; vertical-align: middle; align-self: center; opacity: 1; transition: all 350ms ease-in-out; } #header .features-block .features-icons .feature-reward:hover { opacity: 0.8; } #header .features-block .features-icons .feature-reward.offer-reward { width: auto; margin-left: 5px; } #header .features-block .features-icons .feature-reward.paradise-reward { margin-left: 22px; } @media only screen and (max-width: 1380px) { .sticky-header #header .features-block { display: none; } } @media only screen and (max-width: 1090px) { .sticky-header #header .features-block { right: 330px; } .sticky-header #header .features-block .features-icons .feature-icon { margin-right: 10px; } .sticky-header #header .features-block .features-icons .feature-icon.search-trigger { margin-right: 5px; } .sticky-header #header .features-block .features-icons .feature-reward { font-size: 13px; } .sticky-header #header .features-block .features-icons .feature-reward.paradise-reward { margin-left: 15px; } } @media only screen and (max-width: 1023px) { .sticky-header #header .features-block { right: 40px; } } .sticky-header #header { background: #1B3D6D; height: 84px; } .sticky-header #header .logo { top: 15px; left: 97px; width: 61px; } @media only screen and (max-width: 767px) { .sticky-header #header .logo { left: 100px; } } .sticky-header #header .logo img.init { display: none; opacity: 1; visibility: visible; } .sticky-header #header .logo img.colored { display: none; opacity: 0; visibility: hidden; } .sticky-header #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; } .sticky-header.home #header { transition: height 350ms ease-in-out, width 350ms ease-in-out, background-color 525ms ease-in-out 350ms; } #header .features-booking-wrapper { position: relative; display: flex; align-items: center; margin: 45px 14px 0 auto; transition: all 350ms ease-in-out; } .sticky-header #header .features-booking-wrapper { margin-top: 15px; } #header .booking-fast-information { position: relative; bottom: auto; right: auto; display: flex; visibility: hidden; opacity: 0; transform: translateX(1000%); transition: all 350ms ease-in-out; margin-left: 0; width: 0; } .sticky-header #header .booking-fast-information { transform: none; visibility: visible; opacity: 1; margin-left: 32px; width: auto; } @media only screen and (max-width: 1090px) { .sticky-header #header .booking-fast-information { margin-left: 20px; } } @media only screen and (max-width: 1023px) { #header .booking-fast-information { display: none; } } .keyboard-navigation #header .booking-fast-information { display: none; } #header .booking-fast-information .reserv-wrapper { font-size: 10px; line-height: 14px; padding-left: 32px; margin-right: 30px; } #header .booking-fast-information .reserv-wrapper:after { content: ""; position: absolute; left: 0; top: -2px; width: 1px; height: 54px; background: rgba(255, 255, 255, 0.24); } #header .booking-fast-information .reserv-wrapper a { letter-spacing: 0.4px; } #header .booking-fast-information .reserv-wrapper a.feature-reward { font-size: 14px; } @media only screen and (max-width: 1090px) { .sticky-header #header .booking-fast-information .reserv-wrapper { padding-left: 20px; margin: 0 20px 0 0; } } #header .booking-fast-information .booking-trigger { width: 160px; min-width: auto; height: 54px; background: #176DAC; color: #08254D; line-height: 56px; font-size: 14px; transition: all 350ms ease-in-out; z-index: 10; } #header .booking-fast-information .booking-trigger:hover { color: #ffffff; } #header .booking-fast-information .booking-trigger.book-now-button:before, #header .booking-fast-information .booking-trigger.book-now-button:after { background: #ffffff; } .sticky-header.keyboard-navigation #header .booking-fast-information { display: block; } #header .our-resorts { position: absolute; bottom: 13px; left: 198px; z-index: 1; } .home #header .our-resorts { display: none; } .sticky-header #header .our-resorts { display: block; } @media only screen and (max-width: 767px) { .sticky-header #header .our-resorts { display: none; } } #header .our-resorts:before { content: ""; position: absolute; left: -10px; top: 0; width: 1px; height: 54px; background: rgba(255, 255, 255, 0.24); } @media only screen and (max-width: 767px) { #header .our-resorts:before { display: none; } } @media only screen and (max-width: 767px) { #header .our-resorts { position: relative; left: auto; bottom: auto; margin: 30px 0 20px; } } #header .our-resorts .heading { position: absolute; left: 0; bottom: 24px; color: #ffffff; text-transform: uppercase; font-size: 11px; line-height: 11px; letter-spacing: 1px; transform: rotate(-90deg); } @media only screen and (max-width: 767px) { #header .our-resorts .heading { color: #08254D; bottom: 21px; margin-left: -20px; } } #header .our-resorts .heading + button { margin-left: 62px; margin-right: 24px; } @media only screen and (max-width: 767px) { #header .our-resorts .heading + button { margin-left: 33px; margin-right: 10px; } } #header .our-resorts button { display: inline-block; vertical-align: middle; font-size: 0; text-indent: -9999em; color: #ffffff; } #header .our-resorts button svg { display: inline-block; vertical-align: top; fill: #ffffff; transition: opacity 350ms ease-in-out; } @media only screen and (max-width: 767px) { #header .our-resorts button svg { fill: #08254D; } } #header .our-resorts button:hover svg { opacity: 0.7; } @media only screen and (max-width: 767px) { #header .our-resorts { display: none; } } .property #hamburger-navigation-trigger:after { content: none; } @media only screen and (max-width: 767px) { .property #hamburger-navigation-trigger:after { content: ""; margin-top: -5px; } } .property #header:after { content: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: black; background: radial-gradient(circle, rgba(0, 0, 0, 0.2273284314) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1); transition: all 350ms ease-in-out; } .property #header .logo { position: absolute; left: 130px; height: 54px; width: 197px; margin: 0 auto; text-align: center; transition: all 350ms ease-in-out; } .property #header .logo.corporate-logo { width: 61px; height: 54px; left: 110px; } .property #header .logo.corporate-logo:after { content: ""; position: absolute; top: 0; left: 91px; width: 1px; height: 54px; margin-top: 0; background: rgba(255, 255, 255, 0.24); transition: all 350ms ease-in-out; } @media only screen and (max-width: 767px) { .property #header .logo.corporate-logo { display: none; visibility: hidden; } } .property #header .logo.property-logo { left: 230px; } @media only screen and (max-width: 767px) { .property #header .logo.property-logo { top: 15px; left: 100px; } } .property #header .logo img { display: block; width: auto; height: 100%; } .property #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .property #header .logo img.init { display: block; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .property #header .logo img.scrolled { display: none; } .home .property #header .logo { height: 54px; width: 216px; top: 40px; } .home .property #header .logo.corporate-logo { left: 110px; } .home .property #header .logo img.init { display: block; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .home .property #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; transition: opacity 350ms ease-in-out, visibility 350ms ease-in-out; } .property #header .main-menu { position: absolute; bottom: 0; right: 310px; z-index: 20; } @media only screen and (max-width: 1240px) { .property #header .main-menu { display: none; } } @media only screen and (max-width: 1023px) { .property #header .main-menu { display: none; } } .property #header .main-menu .menu.level-1 { display: block; font-size: 0; white-space: nowrap; } .property #header .main-menu .menu.level-1 > li { position: relative; display: inline-block; margin-left: 15px; } .property #header .main-menu .menu.level-1 > li > a { display: block; height: 42px; font: 12px/1.2 proxima-nova, Arial, sans-serif; text-align: center; text-decoration: none; color: #ffffff; } @media only screen and (min-width: 1440px) { .property #header .main-menu .menu.level-1 > li { margin-left: 20px; } .property #header .main-menu .menu.level-1 > li > a { font: 14px/1.2 proxima-nova, Arial, sans-serif; } } .property #header .main-menu .menu.level-1 > li > a.active, .property #header .main-menu .menu.level-1 > li:hover > a { color: #ffffff; text-decoration: underline; } .property #header .main-menu .menu.submenu { display: none; position: absolute; left: -15px; top: 100%; padding: 10px 0; min-width: 180px; background: rgba(8, 37, 77, 0.71); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .property #header .main-menu .menu.submenu a { display: block; padding: 5px 15px; font-size: 12px; line-height: 20px; text-decoration: none; text-transform: uppercase; color: #ffffff; } .property #header .main-menu .menu.submenu a:hover, .property #header .main-menu .menu.submenu a.active { color: #ffffff; text-decoration: underline; } .property #header .main-menu li:hover .menu.submenu, .property #header .main-menu .expanded .menu.submenu { display: block; } @media only screen and (max-width: 767px) { .property.home.hamburger-navigation-visible #header { background-color: #ffffff; } .property.home.hamburger-navigation-visible #header:after { content: none; } } .property.home.hamburger-navigation-visible #header #hamburger-navigation-trigger:after { content: ""; } .property.home.hamburger-navigation-visible #header .logo img.logo-icon { display: none; opacity: 0; visibility: hidden; } .property.home.hamburger-navigation-visible #header .logo img.init { display: none; opacity: 0; visibility: hidden; } .property.home.hamburger-navigation-visible #header .logo.corporate-logo { width: 216px; top: 40px; } @media only screen and (max-width: 767px) { .property.home.hamburger-navigation-visible #header .logo.corporate-logo { width: 180px; top: 15px; left: 110px; display: block; visibility: visible; } .property.home.hamburger-navigation-visible #header .logo.corporate-logo:after { content: none; } } .property.sticky-header #header:after { content: ""; } .property.sticky-header #header .logo.corporate-logo { left: 100px; } .property.sticky-header #header .logo.corporate-logo:after { content: ""; left: 90px; } .property.sticky-header #header .logo.property-logo { left: 220px; } @media only screen and (max-width: 767px) { .property.sticky-header #header .logo.property-logo { left: 100px; } } .property.sticky-header #header .logo img.init { display: block; opacity: 1; visibility: visible; } .property.sticky-header #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; } .property.sticky-header.home.hamburger-navigation-visible #header .logo img.logo-icon { display: block; opacity: 1; visibility: visible; } .property.sticky-header.home.hamburger-navigation-visible #header .logo img.init { display: block; opacity: 1; visibility: visible; } .property.sticky-header.home.hamburger-navigation-visible #header .logo.corporate-logo { top: 15px; left: 100px; width: 61px; } .search-lightbox { display: none; } .map-popup { display: none; } #hamburger-navigation { display: none; } #photos { position: relative; bottom: 0; width: 100%; height: 80%; min-height: 300px; overflow: hidden; background: #08254D; z-index: 40; } @media only screen and (max-width: 1023px) { #photos { height: calc(100% - 51px); } } @media only screen and (max-width: 1023px) { .booknow-button-layout #photos { height: 100%; } } #photos .bg-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 2; pointer-events: none; } .home #photos { height: 100%; } .rooms-layout #photos .bg-layer { display: none; } .rooms-layout #photos .slide:before { content: ""; position: absolute; height: 35%; background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%); } .rooms-layout #photos .slide:after { content: none; } @media only screen and (max-width: 1023px) { .rooms-layout #photos { height: calc(100% - 51px); } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .rooms-layout #photos { height: calc(100% - 81px); } } #photos > a { position: static; display: block; height: 100%; } #photos .loading:before { content: " "; position: absolute; top: 50%; left: 50%; width: 24px; height: 24px; margin: -12px 0 0 -12px; border: 3px solid transparent; border-top-color: #176DAC; border-bottom-color: #176DAC; border-radius: 50%; animation: loading-icon-spin 1200ms linear infinite; } @keyframes loading-icon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #photos .slideshow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } #photos .slideshow-wrapper { width: 100%; height: 100%; } #photos .slide { position: relative; width: 100%; height: 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAADACAQAAABLlxtjAAACtUlEQVR42u3WMQ0AAAzDsJU/6aHoU9kQciUHAFAWCQAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAMBwAAAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwAwHAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAADAcAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAMMBAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAADDAQAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwDAcAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAAMBwAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAAwHAGA4AADDAQBgOAAAwwEAGA4AAMMBABgOAADDAQAYDgDAcAAAGA4AwHAAAIYDAMBwAACGAwDAcAAAhgMAMBwAAIYDADAcAIDhAAAwHACA4QAAMBwAgOEAAAwHAIDhAAAMBwBgOAAADAcAYDgAAAwHAGA4AIA1D2tHAMFyVW2kAAAAAElFTkSuQmCC); } .keyboard-navigation #photos .slide:before { content: ""; display: block; height: 35%; left: 0; top: 0; width: 100%; pointer-events: none; position: absolute; z-index: 2; background: black; background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1); } .keyboard-navigation #photos .slide:after { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ content: ""; display: block; height: 50%; left: 0; bottom: 0; width: 100%; pointer-events: none; position: absolute; z-index: 1; } #photos .slide .caption { display: flex; justify-content: center; align-items: center; position: relative; height: 100%; padding: 130px 120px; font-size: 0; color: #ffffff; z-index: 3; } #photos .slide .caption .centered { text-align: center; align-self: center; } #photos .slide .caption .centered span { position: relative; display: inline-block; font: normal 120px/1 "Rabusto", serif; text-transform: lowercase; } #photos .slide .caption .centered span:nth-of-type(2):not(.second-line) { font-family: proxima-nova, Arial, sans-serif; font-size: 14px; line-height: 1.5; letter-spacing: 0.2px; margin-top: 18px; text-transform: none; } #photos .slide .caption .centered span:nth-of-type(2):not(.second-line):after { content: none; } #photos .slide .caption .centered span.second-line { display: block; font-family: proxima-nova, Arial, sans-serif; font-size: 30px; line-height: 1.2; text-transform: uppercase; } @media only screen and (max-width: 767px) { #photos .slide .caption .centered span.second-line { font-size: 24px; } } @media only screen and (max-width: 767px) { #photos .slide .caption .centered span { font-size: 60px; } } #photos .slide .caption a { text-decoration: none; color: inherit; } #photos .slide .caption a:hover { color: #176DAC; } #photos .slide .caption .loading:before { top: calc(100% + 60px); } #photos .slide .caption img { font-size: 0; } @media only screen and (max-width: 767px) { #photos .slide .caption { padding: 80px 20px; } } #photos .slide .link-only { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; } .keyboard-navigation #photos .slide .link-only:focus { background: rgba(255, 255, 255, 0.2); } #photos .slide video { position: absolute; top: 50%; left: 50%; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; z-index: 1; transform: translate(-50%, -50%); } #photos .slide .video-background { background: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; } #photos .slide .video-foreground, #photos .slide .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-aspect-ratio: 16/9) { #photos .slide .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16/9) { #photos .slide .video-foreground { width: 300%; left: -100%; } } .property #photos.photos-hidden { position: absolute; min-height: 0; height: 0; visibility: hidden; } @media only screen and (min-width: 1024px) { .property #photos .booking-fast-information { position: absolute; bottom: 21px; right: 0; left: 0; display: block; margin: 0 auto; padding: 0 30px; width: 100%; text-align: center; } .property #photos .booking-fast-information .reserv-wrapper { margin-right: 0; vertical-align: middle; } .property #photos .booking-fast-information .reserv-wrapper .reservation-label { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1; letter-spacing: 2.2px; } .property #photos .booking-fast-information .reserv-wrapper .feature-reward { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 1; letter-spacing: 0; } } .property #photos .booking-fast-information .reserv-wrapper { display: none; } @media only screen and (max-width: 1023px) { .property #photos .booking-fast-information .reserv-wrapper { display: block; } } .property #photos .booking-fast-information .booking-trigger { display: none; } @media only screen and (max-width: 1023px) { .property #photos .booking-fast-information .booking-trigger { display: block; } } .property.home #photos .booking-fast-information .reserv-wrapper { display: block; } .booking-aside { display: none; } .booking-fast-information { position: absolute; bottom: 40px; right: 40px; display: flex; align-items: center; } @media only screen and (max-width: 1023px) { .booking-fast-information { width: 100%; background: #08254D; position: fixed; bottom: 0; left: 0; border: 1px solid #08254D; display: flex; justify-content: flex-end; } } .sticky-header .booking-fast-information { display: none; } @media only screen and (max-width: 1023px) { .sticky-header .booking-fast-information { display: flex; } } .booking-fast-information .reserv-wrapper { display: inline-block; vertical-align: top; color: #ffffff; text-align: center; text-transform: uppercase; line-height: 1; margin: 0 23px 0 0; letter-spacing: 0; } @media only screen and (max-width: 767px) { .booking-fast-information .reserv-wrapper { width: 50%; margin-right: 0; } } .booking-fast-information .reserv-wrapper .reservation-label { font-size: 14px; letter-spacing: 0; } .booking-fast-information .reserv-wrapper a { display: block; font-family: proxima-nova, Arial, sans-serif; font-size: 14px; color: #ffffff; text-decoration: none; letter-spacing: 0; } .booking-fast-information .booking-trigger { display: inline-block; vertical-align: top; background: #176DAC; color: #08254D; font-size: 14px; border: none; z-index: 10; height: 54px; line-height: 53px; min-width: auto; width: 160px; transition: color 350ms ease-in-out; } @media only screen and (max-width: 767px) { .booking-fast-information .booking-trigger { width: 50%; } } .booking-fast-information .booking-trigger:hover { color: #ffffff; } .booking-fast-information .booking-trigger.book-now-button:before, .booking-fast-information .booking-trigger.book-now-button:after { background: #ffffff; } .acm-layout.resort-popup, .rooms-popup, .loyalty-popup, .virtual-tour-popup { display: none; } #weather { position: relative; display: inline-block; letter-spacing: 1px; margin: 0 0 0 auto; text-align: right; width: 62px; white-space: nowrap; font-family: proxima-nova, Arial, sans-serif; font-size: 22px; line-height: 1; text-transform: uppercase; color: #ffffff; height: auto; vertical-align: middle; opacity: 1; transition: all 350ms ease-in-out; align-self: center; margin-left: 20px; } @media print { #weather { display: none; } } @media screen and (max-width: 350px) { #weather { opacity: 0; visibility: hidden; } } #weather > * { display: inline-block; vertical-align: middle; } #weather .icon { background-image: url("/skins/skin-tradewindsresort-com/1687955541/assets/desktop/images/weather-sprite.svg"); background-repeat: no-repeat; transition: background-image 200ms ease; transform: scale(1.4); height: 20px; width: 20px; } #weather .temp { font: inherit; margin-left: 8px; } #weather .info { font: inherit; margin: 7px 0 0 10px; max-width: calc(100% - 100px); text-align: right; } #weather .cms-icon-weather-thunderstorm, #weather .cms-icon-weather-tropicalstorm { background-position: 0 0; } #weather .cms-icon-weather-drizzle { background-position: 0 -30px; } #weather .cms-icon-weather-rain-light { background-position: 0 -60px; } #weather .cms-icon-weather-rain-heavy { background-position: 0 -60px; } #weather .cms-icon-weather-snow { background-position: 0 -90px; } #weather .cms-icon-weather-atmosphere { background-position: 0 -120px; } #weather .cms-icon-weather-clouds { background-position: 0 -150px; } #weather .cms-icon-weather-clear { background-position: 0 -180px; } #weather .cms-icon-weather-tornado { background-position: 0 -210px; } #weather .cms-icon-weather-hurricane { background-position: 0 -240px; } #weather .cms-icon-weather-cold { background-position: 0 -270px; } #weather .cms-icon-weather-hot { background-position: 0 -180px; } #weather .cms-icon-weather-windy { background-position: 0 -300px; } #weather .cms-icon-weather-hail { background-position: 0 -330px; } #weather .cms-icon-weather-calm { background-position: 0 -270px; } #weather .cms-icon-weather-breeze { background-position: 0 -300px; } #weather .cms-icon-weather-gale { background-position: 0 -270px; } #weather .cms-icon-weather-storm { background-position: 0 -240px; } .blog-page #photos { height: 0; position: fixed; min-height: 0; } .blog-page .scroll-to-explore { display: none; } .blog-page .main-header-wrap { display: flex; flex-wrap: wrap; height: 52vh; margin-bottom: 75px; margin-top: 4.5em; overflow: hidden; } @media only screen and (max-width: 767px) { .blog-page .main-header-wrap { margin-bottom: 35px; } } .blog-page .main-header-wrap .featured-posts-wrap { width: 100%; flex-grow: 1; height: 100%; } .blog-page .main-header-wrap .featured-posts-wrap .slideshow { position: relative; width: 100%; height: 100%; margin-left: auto; margin-right: auto; } .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .swiper-slide, .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .slide { background-color: #ffffff; } .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .swiper-slide .one-feature-post, .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .slide .one-feature-post { width: 100%; height: 100%; position: relative; } .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .swiper-slide .one-feature-post .bg-layer, .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .slide .one-feature-post .bg-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 2; pointer-events: none; } .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .swiper-slide .one-feature-post:before, .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .slide .one-feature-post:before { content: ""; display: block; height: 35%; left: 0; top: 0; width: 100%; pointer-events: none; position: absolute; z-index: 2; background: black; background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1); } .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .swiper-slide .one-feature-post:after, .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .slide .one-feature-post:after { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ content: ""; display: block; height: 50%; left: 0; bottom: 0; width: 100%; pointer-events: none; position: absolute; z-index: 1; } .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .swiper-slide .one-feature-post .one-feature-post-image, .blog-page .main-header-wrap .featured-posts-wrap .slideshow .slideshow-wrapper .slide .one-feature-post .one-feature-post-image { width: 100%; height: 100%; background-size: cover; background-position: center; } .blog-page .main-header-wrap .one-feature-post-info-wrap { position: absolute; top: 50%; left: 120px; width: 50%; padding: 40px 60px 0 0; color: #ffffff; text-align: left; box-sizing: border-box; transform: translateY(-50%); z-index: 3; } @media only screen and (max-width: 1023px) { .blog-page .main-header-wrap .one-feature-post-info-wrap { width: auto; left: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .blog-page .main-header-wrap .one-feature-post-info-wrap { padding: 0 60px 0 80px; } } @media only screen and (max-width: 767px) { .blog-page .main-header-wrap .one-feature-post-info-wrap { padding: 0 20px; } } .blog-page .main-header-wrap .one-feature-post-info-wrap .post-category-date { display: flex; flex-flow: row; font: normal 24px/1.2 proxima-nova, Arial, sans-serif; } @media only screen and (max-width: 1023px) { .blog-page .main-header-wrap .one-feature-post-info-wrap .post-category-date { flex-flow: column; } } @media only screen and (max-width: 767px) { .blog-page .main-header-wrap .one-feature-post-info-wrap .post-category-date { font-size: 18px; } } .blog-page .main-header-wrap .one-feature-post-info-wrap .post-category .separator { padding: 0 10px; } .blog-page .main-header-wrap .one-feature-post-info-wrap .post-date { display: block; position: relative; } .blog-page .main-header-wrap .one-feature-post-info-wrap .post-title { font: 700 60px/1 proxima-nova, Arial, sans-serif; width: 100%; margin: 10px 0 35px; } .blog-page .main-header-wrap .one-feature-post-info-wrap .post-title a { color: #ffffff; text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .blog-page .main-header-wrap .one-feature-post-info-wrap .post-title { font-size: 36px; } } @media only screen and (max-width: 767px) { .blog-page .main-header-wrap .one-feature-post-info-wrap .post-title { font-size: 30px; margin: 10px 0 15px; } } .blog-page .sorting-bar-wrapper { display: flex; justify-content: space-between; padding: 0 80px; align-items: center; margin-top: 20px; } @media only screen and (max-width: 1023px) { .blog-page .sorting-bar-wrapper { padding: 0 20px; flex-flow: column; justify-content: unset; } } .blog-page .sorting-bar-wrapper .latest-posts-headline { font: normal 18px/1.2 proxima-nova, Arial, sans-serif; box-sizing: border-box; margin-bottom: 0; } @media only screen and (max-width: 767px) { .blog-page .sorting-bar-wrapper .latest-posts-headline { font-size: 16px; } } .blog-page .sorting-bar-wrapper .category-filter .select-wrapper .sort-by { font-size: 16px; display: inline-block; text-transform: uppercase; } @media only screen and (max-width: 767px) { .blog-page .sorting-bar-wrapper .category-filter .select-wrapper .sort-by { font-size: 14px; } } .blog-page .sorting-bar-wrapper .category-filter .select-wrapper select { font: 700 16px/30px proxima-nova, Arial, sans-serif; letter-spacing: 0; text-transform: uppercase; padding-bottom: 0; border: 0; color: #08254D; } @media only screen and (max-width: 767px) { .blog-page .sorting-bar-wrapper .category-filter .select-wrapper select { font-size: 14px; } } .blog-page .sorting-bar-wrapper .category-filter .select-wrapper .select-icon { margin-top: -6px; right: 3px; width: 12px; height: 12px; border-bottom: 2px solid #08254D; border-left: 2px solid #08254D; } .blog-page #content { padding-top: 0; } .blog-page #content .home-breadcrumb { font: 14px/1.2 proxima-nova, Arial, sans-serif; text-transform: uppercase; margin-bottom: 10px; } .blog-page #content .home-breadcrumb a { text-decoration: none; } .blog-page #content .home-breadcrumb .separator { display: inline-block; padding: 0 5px; } .blog-page.blog-home .center-column { text-align: center; padding: 0 40px; } @media only screen and (max-width: 767px) { .blog-page.blog-home .center-column { padding: 0 20px; } } .blog-page.blog-home .center-column.page-content h1 { font-size: 66px; margin-bottom: 20px; text-transform: none; } @media only screen and (max-width: 767px) { .blog-page.blog-home .center-column.page-content h1 { font-size: 46px; } } .blog-page.blog-home .center-column.page-content h1 + h2 { margin-top: -10px; } .blog-page.blog-home .center-column.page-content h2 { margin-bottom: 20px; } .blog-page.blog-home #footer .center-column { text-align: left; } .blog-page.single-blog-post-layout .single-post-image-container { position: relative; bottom: 0; width: 100%; height: 28%; min-height: 300px; overflow: hidden; background: #08254D; margin-top: 4.5em; z-index: 40; } .blog-page.single-blog-post-layout .single-post-image-container .bg-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 2; pointer-events: none; } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; left: 0; right: 0; background-size: cover; } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image:before { content: ""; display: block; height: 35%; left: 0; top: 0; width: 100%; pointer-events: none; position: absolute; z-index: 2; background: black; background: linear-gradient(180deg, rgba(0, 0, 0, 0.66) 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#ffffff", GradientType=1); } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image:after { /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ content: ""; display: block; height: 50%; left: 0; bottom: 0; width: 100%; pointer-events: none; position: absolute; z-index: 1; } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content { display: block; position: absolute; bottom: 0; height: auto; padding: 30px 40px 50px; font-size: 0; color: #ffffff; z-index: 3; left: 0; right: 0; text-align: center; } @media only screen and (max-width: 767px) { .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content { padding: 20px 20px 30px; } } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-title { font: normal 66px/1 "Rabusto", serif; width: 100%; margin: 0 0 15px; } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-title a { color: #ffffff; text-decoration: none; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-title { font-size: 66px; } } @media only screen and (max-width: 767px) { .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-title { font-size: 36px; margin: 0 0 10px; } } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-category-date { display: inline-block; font: normal 18px/1.2 proxima-nova, Arial, sans-serif; } @media only screen and (max-width: 767px) { .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-category-date { font-size: 16px; } } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-category { display: inline-block; } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-category .separator { padding: 0 5px; } .blog-page.single-blog-post-layout .single-post-image-container .single-post-image-content .single-post-date { display: inline-block; position: relative; } .blog-page.single-blog-post-layout .header-top-bar { border-bottom: 1px solid rgba(8, 37, 77, 0.3); margin-bottom: 40px; display: flex; justify-content: space-between; padding-bottom: 20px; } @media only screen and (max-width: 1023px) { .blog-page.single-blog-post-layout .header-top-bar { flex-flow: column; } } .blog-page.single-blog-post-layout .header-top-bar .single-breadcrumb { font: 14px/1.2 proxima-nova, Arial, sans-serif; text-transform: uppercase; } @media only screen and (max-width: 767px) { .blog-page.single-blog-post-layout .header-top-bar .single-breadcrumb { margin-bottom: 20px; padding-bottom: 20px; } } .blog-page.single-blog-post-layout .header-top-bar .single-breadcrumb a { text-decoration: none; } .blog-page.single-blog-post-layout .header-top-bar .single-breadcrumb .separator { display: inline-block; padding: 0 5px; } .blog-page.single-blog-post-layout .header-top-bar .socials { font-family: proxima-nova, Arial, sans-serif; font-size: 14px; line-height: 17px; color: #176DAC; margin: -21px 0 0 0; width: 275px; flex: none; } @media only screen and (max-width: 1023px) { .blog-page.single-blog-post-layout .header-top-bar .socials { margin: 20px 0 0; } } @media only screen and (max-width: 767px) { .blog-page.single-blog-post-layout .header-top-bar .socials { margin: 0 auto; } } .blog-page.single-blog-post-layout .header-top-bar .socials span { display: inline-block; vertical-align: bottom; margin: 0 9px 6px; } .blog-page.single-blog-post-layout .header-top-bar .socials ul { margin: 0; } .blog-page.single-blog-post-layout .header-top-bar .socials li { padding: 0; width: 42px; height: 42px; border: 1px solid #ECF4F8; margin-left: 8px; margin-bottom: 0; position: relative; display: inline-block; border-radius: 50%; vertical-align: top; overflow: hidden; transition: background-color 350ms ease-in-out; } .blog-page.single-blog-post-layout .header-top-bar .socials li:before { display: none; } .blog-page.single-blog-post-layout .header-top-bar .socials li:hover { background: #ECF4F8; } .blog-page.single-blog-post-layout .header-top-bar .socials li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .blog-page.single-blog-post-layout .header-top-bar .socials li a svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); fill: #176DAC; } .blog-page.single-blog-post-layout .header-top-bar .socials li.pinterest svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); fill: #176DAC; } .blog-page.single-blog-post-layout .header-top-bar .socials li.pinterest a { border-radius: unset; padding: 0; background: none; font-size: 0; box-shadow: none; } .blog-page.single-blog-post-layout #content { padding: 80px 0 100px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .blog-page.single-blog-post-layout #content { padding: 60px 0 50px; } } @media only screen and (max-width: 767px) { .blog-page.single-blog-post-layout #content { padding: 30px 0 30px; } } var templateURL = '/skins/skin-tradewindsresort-com/', siteUrl = 'https://www.tradewindsresort.com', siteFullURL = 'https://www.tradewindsresort.com/', siteSettings = { id: '0', name: "TradeWinds Island Resorts", country: "USA", state: "Florida", city: "St Pete Beach", adr: "5500 Gulf Blvd, St Pete Beach, FL 33706", zip: "33706", lat: "27.729682", lng: "-82.74378759999999", phone: "(800) 360-4016" }, propertySettings = { id: null, name: null, slug: null, country: null, state: null, city: null, adr: null, zip: null, lat: null, lng: null, phone: null }, loyaltySettings = { home: "paradise-rewards", rewards: "paradise-rewards\/rewards", thankYouPage: "\/thank-you-page-loyalty" }, currentPropertyId = null, currentLang = 1, bookingEngineVars = [{"id":1,"property_id":null,"adapter_type":26,"default_booking_window":1,"default_booking_length":2,"default_number_of_children":0,"max_number_of_children":4,"default_number_of_adults":1,"max_number_of_adults":5,"maintenance":0,"maintenance_url":""},{"id":2,"property_id":1,"adapter_type":26,"default_booking_window":0,"default_booking_length":0,"default_number_of_children":0,"max_number_of_children":0,"default_number_of_adults":0,"max_number_of_adults":0,"maintenance":0,"maintenance_url":""},{"id":3,"property_id":2,"adapter_type":26,"default_booking_window":0,"default_booking_length":0,"default_number_of_children":0,"max_number_of_children":0,"default_number_of_adults":0,"max_number_of_adults":0,"maintenance":0,"maintenance_url":""}]; document.documentElement.classList.remove('no-js'); Have any questions aboutTradeWinds Island Resorts?