About Us | F1 Experiences

<!DOCTYPE html><html dir="" lang="en-GB"><head><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" /><title>About Us | F1 Experiences</title><meta content="Learn more about F1 Experiences, a full-service travel provider, bringing you unparalleled access to the FIA FORMULA 1 WORLD CHAMPIONSHIP™." name="description" /><meta content="vzuDXyWb74GtVNakqyFsTRmz6UyiQPuvSCW3pUDJAIs" name="google-site-verification" /><script>window.locale = "en-GB" window.sidebar_info = "Want to discuss Official Ticket Packages about a particular race? Please complete the form below and we’ll be in touch!" window.phone_numbers = {"AU":"+61 1800 491 521","DE":"+49 089.3803.7477","ES":"+34 900.838.030","FR":"+33 0.805.08.66.72","GB":"+44 203 770 3909","IT":"+39.02.80897303","MC":"+377 01.84.88.85.82","PL":"+48.223.078.098","US":"+1.888.326.5430","default":"+1.888.326.5430"} window.brand_name = "F1 Experiences" window.chat_color = "#e10600" window.aggregateGaId = 'UA-96277800-1'; window.googleAnalyticsId = "UA-92751600-1"; window.name = "f1" window.js_entrypoint = "" window.chat_service = "zopim"</script><script>window.languages = [{"id":3,"locale":"en-GB","display_name":"English","html_class":"","position":0,"site_id":17,"created_at":"2018-03-30T08:40:54.966-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true},{"id":2,"locale":"de","display_name":"Deutsch","html_class":null,"position":1,"site_id":17,"created_at":"2018-03-30T08:40:54.950-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true},{"id":4,"locale":"fr","display_name":"français","html_class":null,"position":2,"site_id":17,"created_at":"2018-03-30T08:40:54.982-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true},{"id":5,"locale":"it","display_name":"Italiano","html_class":null,"position":3,"site_id":17,"created_at":"2018-03-30T08:40:54.999-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true},{"id":6,"locale":"ja","display_name":"日本語","html_class":null,"position":4,"site_id":17,"created_at":"2018-03-30T08:40:55.024-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true},{"id":8,"locale":"es-MX","display_name":"Español (Latin)","html_class":null,"position":5,"site_id":17,"created_at":"2018-03-30T08:40:55.077-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true},{"id":9,"locale":"zh-CN","display_name":"简体中文","html_class":null,"position":6,"site_id":17,"created_at":"2018-03-30T08:40:55.094-04:00","updated_at":"2020-10-06T16:25:17.000-04:00","display_on_site":true}];</script><script>window.abbreviation = "f1"; window.googleAnalytics4Id = "G-3VD7MNB7EV"; window.googleTagManagerId = "GTM-MV99MM3";</script><link rel="stylesheet" href="https://unpkg.com/ionicons@4.5.5/dist/css/ionicons.min.css" /><script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" crossorigin="anonymous" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" async="async"></script><link rel="stylesheet" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/application-3b79bec113aa73659a8727997ab769b0f9935fca6c7a2a3db046f2a08994e39a.css" media="all" data-turbolinks-track="reload" /><script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/runtime-10fe6d6aff78d81095ac.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/1717-75d4000b3e70f60bfd93.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/7181-d9103ce2794e429d85de.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/8541-3cef8de059baf92706f2.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/5346-9271b0b0ec3130f28c30.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/8088-7714b4295e9854406ae0.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/8109-f339a0068802b681586b.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2968-50b77e3da34032bd8b9e.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2071-3a72a0bdf278f1f3bab5.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/7660-e729b656200c3f798744.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/6480-2c8f2727906daeaa28b2.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/4986-426e2da4d4247af712dd.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/f1-ed672d0651901343541f.js" data-turbolinks-track="reload" defer="defer"></script><script src="https://js.stripe.com/v3/" defer="defer"></script><script src="https://platform.twitter.com/widgets.js" defer="defer"></script><script>window.public_token = "pk_live_Wa8IdmS2WvZQpXW1FzkJqTel"</script><script src="https://www.google-analytics.com/analytics.js" defer="defer"></script><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="I3Ba5UmEwZtm-2doXrde09Kxy9mOSX_kJ2Vz6oBBnmQXVRoU3xBIpfGs23q9c9ks9YbRS14myyXx0G2yNUOTYw" /><link rel="apple-touch-icon" sizes="180x180" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/favicon/apple-touch-icon-9acbcf074e7e4d7497c7859e995ce3afe8519855a04eab601d99742b80de361e.png"> <link rel="icon" type="image/png" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/favicon/favicon-32x32-84a416b23940024c0a51b95ff5645c26e95ecef102cd5196d8aa94873a5057d0.png" sizes="32x32"> <link rel="icon" type="image/png" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/favicon/favicon-16x16-24aa1cb47d2bd639d5a00fe80ac5136164bb219232df2325ce1d4d54bd3cb5c2.png" sizes="16x16"> <link rel="manifest" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/favicon/manifest-8c1421d2ca290e283df2e92ef4900ee2bcc1d4c545bbdc1aabfbf27e72c7d200.json"> <link rel="mask-icon" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/favicon/safari-pinned-tab-2f0bd5bcdfbd3d95cd56809b1878f0856d65f695defcd72bb974070cae7712a7.svg" color="#5bbad5"> <link rel="shortcut icon" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/f1/favicon/favicon-5c58fc8fc886d1040ff18c093c9812680cec2746bd3205576f9d3dbac007857e.ico"> <meta name="theme-color" content="#ffffff"> <link href="https://f1experiences.com/about-us" rel="canonical" /></head><body class="controller_renderables action_show renderable_page locale_en-GB cookie-consent-dropdown"><header><div class="navbar-fixed-top"><div class="cookie-fixed-top"><div id="cookie-consent"></div></div><div id="topBar"><div class="f1-top-bar"><div class="navbar-container"><div class="col-md-3 partner-link-container"><div class="partner-links"><span><a class="f1-link" href="https://www.formula1.com/" target="_blank">F1&reg</a></span><span><a class="f2-link" href="https://www.fiaformula2.com/" target="_blank">F2™</a></span><span><a class="f3-link" href="https://www.fiaformula3.com/" target="_blank">F3™</a></span></div></div><div class="col-md-9 vendor-links"><div class="product-links"><span><a target="_blank" rel="noopener" class="authentics" href="https://www.f1authentics.com/">Authentics</a></span><span><a target="_blank" rel="noopener" class="store" href="https://f1store2.formula1.com/">Store</a></span><span><a target="_blank" rel="noopener" class="tickets" href="https://tickets.formula1.com/">Tickets</a></span><span><a class="hospitality" target="_blank" rel="noopener" href="https://tickets.formula1.com/en/4281-formula-one-paddock-club-tickets/">Hospitality</a></span><span class="f1-experiences"><a class="experiences" href="https://f1experiences.com/">Experiences</a></span><span class="f1-tv"><a class="f1-tv-link" href="https://f1tv.formula1.com/" target="_blank"></a></span></div></div></div></div></div><nav class="navbar navbar-default" id="navbar-default" role="navigation"><div class="navbar-container"><div class="check-for-mobile"></div><div class="navbar-header"><div class="navbar-brand"><div class="cfb-bar"></div><a href="/"></a></div><div class="navbar-short"><button aria-expanded="false" class="navbar-toggle collapsed" data-target="#navbar-collapse" data-toggle="collapse" id="dropdownToggler" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-hamburger"></span><svg class="ham hamRotate ham8" viewBox="0 0 100 100" width="80" onclick="this.classList.toggle('active')"> <path class="line top" d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20" /> <path class="line middle" d="m 30,50 h 40" /> <path class="line bottom" d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20" /> </svg> </button><a class="navbar-cart navCartLink" id="navCartLink"><span class="badge badge-number" id="badge"></span><span class="icon-shopping"></span></a><div id="navCartForm"></div><div class="dropdown account-dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-bar navbar-account dropdown-toggle account account-button" href="/en-GB/customer" role="button"><i class="icon-account"></i></a></div><div class="dropdown translate-dropdown navssss"><a class="nav-bar navbar-translate dropdown-toggle" data-toggle="dropdown" href="#" notranslate=""><div class="language-label"></div><span class="icon-language"></span></a><ul class="dropdown-menu language-menu" data-turbolinks="false"><div class="col-xs-6 left-column"><li><ul class="left-menu"></ul></li></div><div class="col-xs-6 right-column"><li><ul class="right-menu"></ul></li></div></ul></div><div class="phone-search-div"><div class="dropdown phone-dropdown"><a class="nav-bar navbar-phone-number dropdown-toggle" data-toggle="dropdown"><span class="icon-phone"></span></a><ul class="dropdown-menu phone-menu"><li class="phone-number"><span><a href="tel:+61 1800 491 521" class="phone-numbers phone-AU hidden" id="phone-AU">+61 1800 491 521</a><a href="tel:+49 089.3803.7477" class="phone-numbers phone-DE hidden" id="phone-DE">+49 089.3803.7477</a><a href="tel:+34 900.838.030" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.838.030</a><a href="tel:+33 0.805.08.66.72" class="phone-numbers phone-FR hidden" id="phone-FR">+33 0.805.08.66.72</a><a href="tel:+44 203 770 3909" class="phone-numbers phone-GB hidden" id="phone-GB">+44 203 770 3909</a><a href="tel:+39.02.80897303" class="phone-numbers phone-IT hidden" id="phone-IT">+39.02.80897303</a><a href="tel:+377 01.84.88.85.82" class="phone-numbers phone-MC hidden" id="phone-MC">+377 01.84.88.85.82</a><a href="tel:+48.223.078.098" class="phone-numbers phone-PL hidden" id="phone-PL">+48.223.078.098</a><a href="tel:+1.888.326.5430" class="phone-numbers phone-US hidden" id="phone-US">+1.888.326.5430</a><a href="tel:+1.888.326.5430" class="phone-numbers phone-default displayed" id="phone-default">+1.888.326.5430</a></span></li></ul></div><div class="dropdown search-dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-bar navbar-search dropdown-toggle" data-toggle="dropdown" id="search-button" role="button"><span class="icon-search"></span></a><ul class="dropdown-menu search-box"><li class="menu-item"></li><form action="/en-GB/search" class="search-form" method="get"><div class="form-group has-feedback"><label class="sr-only" for="search"> Search</label><div class="input-group"><input class="form-control" id="search" name="q" placeholder="search" type="text" /><span class="input-group-btn"><button class="btn btn-secondary"><span class="fa fa-search"></span></button></span></div></div></form></ul></div></div><div class="navbar-call-prompt" id="phone"><i class="fa fa-phone"></i><span class="long"><span>Call Us Today at <a><span><a href="tel:+61 1800 491 521" class="phone-numbers phone-AU hidden" id="phone-AU">+61 1800 491 521</a><a href="tel:+49 089.3803.7477" class="phone-numbers phone-DE hidden" id="phone-DE">+49 089.3803.7477</a><a href="tel:+34 900.838.030" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.838.030</a><a href="tel:+33 0.805.08.66.72" class="phone-numbers phone-FR hidden" id="phone-FR">+33 0.805.08.66.72</a><a href="tel:+44 203 770 3909" class="phone-numbers phone-GB hidden" id="phone-GB">+44 203 770 3909</a><a href="tel:+39.02.80897303" class="phone-numbers phone-IT hidden" id="phone-IT">+39.02.80897303</a><a href="tel:+377 01.84.88.85.82" class="phone-numbers phone-MC hidden" id="phone-MC">+377 01.84.88.85.82</a><a href="tel:+48.223.078.098" class="phone-numbers phone-PL hidden" id="phone-PL">+48.223.078.098</a><a href="tel:+1.888.326.5430" class="phone-numbers phone-US hidden" id="phone-US">+1.888.326.5430</a><a href="tel:+1.888.326.5430" class="phone-numbers phone-default displayed" id="phone-default">+1.888.326.5430</a></span></a></span></span><span class="short">Questions? <span><a href="tel:+61 1800 491 521" class="phone-numbers phone-AU hidden" id="phone-AU">+61 1800 491 521</a><a href="tel:+49 089.3803.7477" class="phone-numbers phone-DE hidden" id="phone-DE">+49 089.3803.7477</a><a href="tel:+34 900.838.030" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.838.030</a><a href="tel:+33 0.805.08.66.72" class="phone-numbers phone-FR hidden" id="phone-FR">+33 0.805.08.66.72</a><a href="tel:+44 203 770 3909" class="phone-numbers phone-GB hidden" id="phone-GB">+44 203 770 3909</a><a href="tel:+39.02.80897303" class="phone-numbers phone-IT hidden" id="phone-IT">+39.02.80897303</a><a href="tel:+377 01.84.88.85.82" class="phone-numbers phone-MC hidden" id="phone-MC">+377 01.84.88.85.82</a><a href="tel:+48.223.078.098" class="phone-numbers phone-PL hidden" id="phone-PL">+48.223.078.098</a><a href="tel:+1.888.326.5430" class="phone-numbers phone-US hidden" id="phone-US">+1.888.326.5430</a><a href="tel:+1.888.326.5430" class="phone-numbers phone-default displayed" id="phone-default">+1.888.326.5430</a></span></span><div class="navbar-brand-mobile"><a href="/"></a></div></div></div></div><div class="navbar-collapse collapse" id="navbar-collapse"><ul class="nav navbar-nav navbar-right"><li class="dropdown navbar-dropdown"><a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"><div class="original navbar-item">Races <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div><div class="span">Main Menu</div></div></a><ul class="dropdown-menu"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/calendar-of-events"><div class="original navbar-item">2024 Races</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="https://f1experiences.com/calendar-of-events#calendar-2025"><div class="original navbar-item">2025 Races</div></a></li></ul></li><li class="divider navbar-divider" role="separator"></li><li class="dropdown navbar-dropdown"><a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"><div class="original navbar-item">How to Attend <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div><div class="span">Main Menu</div></div></a><ul class="dropdown-menu"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/calendar-of-events"><div class="original navbar-item">F1 Ticket Packages</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/f1-ticket-hotel"><div class="original navbar-item">F1 Ticket + Hotel</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/hospitality"><div class="original navbar-item">Hospitality</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/corporate-hospitality"><div class="original navbar-item">Corporate Bookings</div></a></li></ul></li><li class="divider navbar-divider" role="separator"></li><li class="dropdown navbar-dropdown"><a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"><div class="original navbar-item">About <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div><div class="span">Main Menu</div></div></a><ul class="dropdown-menu"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/about-us"><div class="original navbar-item">About F1 Experiences</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/about-us/faqs"><div class="original navbar-item">FAQs</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/blog"><div class="original navbar-item">Blog</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/hotels-circuit-transfers"><div class="original navbar-item">Hotel Benefits</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/reseller-program"><div class="original navbar-item">Resellers</div></a></li></ul></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/contact-us"><div class="original navbar-item">Contact</div></a></li><li class="divider" role="separator"></li><li class="menu-item mobile-account mobile-account-item"><a href="/en-GB/customer"><div class="account-icon original navbar-item">My Account</div></a></li><div class="mobile-top-bar"><div id="topBar"><div class="f1-top-bar"><div class="navbar-container"><div class="col-md-3 partner-link-container"><div class="partner-links"><span><a class="f1-link" href="https://www.formula1.com/" target="_blank">F1&reg</a></span><span><a class="f2-link" href="https://www.fiaformula2.com/" target="_blank">F2™</a></span><span><a class="f3-link" href="https://www.fiaformula3.com/" target="_blank">F3™</a></span></div></div><div class="col-md-9 vendor-links"><div class="product-links"><span><a target="_blank" rel="noopener" class="authentics" href="https://www.f1authentics.com/">Authentics</a></span><span><a target="_blank" rel="noopener" class="store" href="https://f1store2.formula1.com/">Store</a></span><span><a target="_blank" rel="noopener" class="tickets" href="https://tickets.formula1.com/">Tickets</a></span><span><a class="hospitality" target="_blank" rel="noopener" href="https://tickets.formula1.com/en/4281-formula-one-paddock-club-tickets/">Hospitality</a></span><span class="f1-experiences"><a class="experiences" href="https://f1experiences.com/">Experiences</a></span><span class="f1-tv"><a class="f1-tv-link" href="https://f1tv.formula1.com/" target="_blank"></a></span></div></div></div></div></div></div></ul><div id="mobilePartnerNav"></div><div class="nav-overlay" id="navOverlay"></div></div></div></nav></div></header><main class="stripe-elements" role="main"><div class="container-fluid d-sm-block breadcrumb" id="breadcrumb"><div class="container"><div class="breadcrumb-list"><div class="row"><div class="col-md-12 text-left"><ol class="breadcrumb"><li><a href="/">Home</a></li><li>About Us</li></ol></div></div></div></div></div><div class="redesign-wrapper">  <style type="text/css"> .redesign-wrapper .about-us-header { background: url(https://assets.quintevents.com/m/7cb04a0d044260dd/72_DPI_WEB-F1E-Netherlands-2023-Paddock-Access-04.jpg); background-position:50% 35%; } #breadcrumb { display: none !important; } </style> <div class="about-us-header about-us-header-small"> <div class="background-fade"> <div class="max-width-container"> <h1>About F1® Experiences</h1> <p>F1® Experiences offers Official F1® Ticket Packages to F1® Grands Prix™ worldwide and ensures you get the most out of your Grand Prix™ weekend. No matter which event you choose to attend, F1® Experiences brings you the best tickets available, first-class hotels, seamless transfers and unparalleled access you can't get anywhere else!</p> </div> </div> </div> <div class="about-us-outer-container"> <div class="max-width-container"> <div class="about-us-container"> <div class="about-us-item"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/23a9532bab51b3f5/original/F1E-Singapore-2023-Padang-Grandstand-02.jpg"> </div> <div class="content"> <h3>F1® Grand Prix™ Tickets</h3> <p>Each Official F1® Ticket Package comes with carefully selected seating locations perfectly immersed in the heart of the action. Choose from premium grandstand seats or access to exclusive trackside hospitality suites, each ensuring a prime vantage point to watch the on-track action.</p> </div> </div> <div class="about-us-item"> <div class="image-wrapper"> <img class="image image-top-20" src="https://assets.quintevents.com/m/54c4bf0e3e3b0c99/72_DPI_WEB-F1E-Miami-2023-Exclusive-Pit-Lane-Walk-51.jpg"> </div> <div class="content"> <h3>Unique Access to F1®</h3> <p>Experience F1® like never before with unmatched access at each and every circuit on the F1® calendar. From Pit Lane Walks, Guided Track Tours, and behind-the-scenes access to the exclusive F1® Paddock or F1® Team Garages, to appearances from some of your favourite F1® insiders and priority access to the post-race F1® Podium Celebration, F1® Experiences gets you closer to F1® than ever before.</p> </div> </div> <div class="about-us-item"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/5fb8594d0dd539a3/72_DPI_WEB-Elite-Supercar-Tours-Monaco-2023-Itinerary-Images-7.jpg"> </div> <div class="content"> <h3>Full Service</h3> <p>F1® Experiences prides itself on being a one-stop shop for all your needs throughout a Grand Prix™ weekend. In one seamless checkout process, you can secure your seating at the track, comfortable hotel accommodation and convenient transfers to and from the F1® circuit each day. Plus, the dedicated guest services team will help you with any additional queries you have.</p> </div> </div> <div class="about-us-item"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/2261f6ed5d439b3e/72_DPI_WEB-F1E-Netherlands-2023-Champions-Club-154.jpg"> </div> <div class="content"> <h3>Secure Purchasing</h3> <p>Official F1® Ticket Packages come directly from Formula 1®, ensuring access to the circuit with no risk of fraud. Each F1® Experiences Package is shipped to your preferred address with a signature required, arranged for pick-up at a secure location at or near the circuit or dropped at your hotel for reliable and convenient access during check-in.</p> </div> </div> </div> </div> </div> <style> .redesign-wrapper .guest-experience-wrapper .guest-experiences.glide { height: auto; padding: 0 32px; width: 100%; } .redesign-wrapper .guest-experience-wrapper .guest-experiences.glide .guest-experiences { padding: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences.glide .glide__arrow { color: #15151E; font-family: Formula1; font-size: 45px; font-style: normal; font-weight: 500; line-height: normal; text-transform: uppercase; background: none; border: none; box-shadow: none; text-shadow: none; padding: 0; position: absolute; top: 50%; } .redesign-wrapper .guest-experience-wrapper .guest-experiences.glide .glide__arrow--left { left: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences.glide .glide__arrow--right { right: 0; } </style> <div class="guest-experience-wrapper margin-top-50"> <div class="max-width-container"> <h3 class=" dark-text">Testimonials</h3> <hr class="thick-hr"> <div class="guest-experiences glide"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides guest-experiences"> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/42e76b8f98dfadd1/72_DPI_WEB-F1E-Abu-Dhabi-2023-Inside-F1-14.jpg"> </div> <div class="content"> <p class="dark-text">This was a fabulous event (Inside F1). Have been raving about it. The guest speakers were captivating and a wealth of knowledge and seemed happy to be there.</p> <p class="name">Lydia</p> <p class="package dark-text">Trophy Package</p> <p class="location dark-text">FORMULA 1 ABU DHABI GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/5c0c29239577fb5f/72_DPI_WEB-F1E-F1-Garage-Italy-2023-F1-Garage-29.jpg"> </div> <div class="content"> <p class="dark-text">An unforgettable experience, it was worth every penny.</p> <p class="name">Alexander</p> <p class="package dark-text">F1® Garage</p> <p class="location dark-text">FORMULA 1 GRAN PREMIO D’ITALIA</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/678b7988478e74b9/72_DPI_WEB-F1E-USGP-2023-Champions-Club-05.jpg"> </div> <div class="content"> <p class="dark-text">The Champions Club was amazing, the F1 staff and the caterers could not be more helpful, everyone wanted us to have a great time and experience.</p> <p class="name">Miriam</p> <p class="package dark-text">Champions Club</p> <p class="location dark-text">FORMULA 1 UNITED STATES GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/8f638108d461919/72_DPI_WEB-F1E-Italy-2023-Champions-Club-048.jpg"> </div> <div class="content"> <p class="dark-text">I have shared our experience with F1 Experiences with many family and friends already. I would happily recommend them to anyone.</p> <p class="name">Callie</p> <p class="package dark-text">Hero Package</p> <p class="location dark-text">FORMULA 1 GRAN PREMIO D’ITALIA</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/68dd8b2fbfcf3466/72_DPI_WEB-F1E-Great-Britain-2023-Paddock-Club-F1-Experiences-Suite-048.jpg"> </div> <div class="content"> <p class="dark-text">Over the top FUN! The food and service in the Paddock Club exceeded our expectations. Everything was amazing in the Paddock and felt like we were part of the Netflix series meeting and seeing what happens in F1 up close.</p> <p class="name">Amy</p> <p class="package dark-text">Legend Package</p> <p class="location dark-text">FORMULA 1 BRITISH GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/3ada57aa5c3984c7/72_DPI_WEB-F1E-Netherlands-Guided-Track-Tour-54.jpg"> </div> <div class="content"> <p class="dark-text">We had a brilliant experience at the Dutch GP. Everything was well organised. We really enjoyed the track tour and pit lane walk on Thursday.</p> <p class="name">Fiona</p> <p class="package dark-text">Starter Package</p> <p class="location dark-text">FORMULA 1 DUTCH GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/7278e29729579977/72_DPI_WEB-F1E-Abu-Dhabi-2023-Champions-Club-9.jpg"> </div> <div class="content"> <p class="dark-text">The hospitality was everything I hoped for and more. The staff was amazing. The atmosphere was great. It was well worth the money.</p> <p class="name">Georgina</p> <p class="package dark-text">Champions Club</p> <p class="location dark-text">FORMULA 1 ABU DHABI GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/248b59747aae68bd/72_DPI_WEB-F1E-Italy-2023-Pit-Lane-Walk-026.jpg"> </div> <div class="content"> <p class="dark-text">I think you guys nailed it. My family and I enjoyed every minute of the 4-day weekend and look forward to doing it again.</p> <p class="name">Callie</p> <p class="package dark-text">Hero Package</p> <p class="location dark-text">FORMULA 1 GRAN PREMIO D’ITALIA</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/7d501cf7e81c9b91/original/F1E-Great-Britain-2023-Hamilton-Straight-South-Grandstand-3.jpg"> </div> <div class="content"> <p class="dark-text">The seats I had were unbelievable for F1, F2, F3 and W Series, and I got to see all the podiums and cars up close and see Pit Lane. It was incredible!</p> <p class="name">Perry</p> <p class="package dark-text">Hero Package</p> <p class="location dark-text">FORMULA 1 BRITISH GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/4ee9d323c8cfeef5/72_DPI_WEB-F1E-Italy-2023-Paddock-Access-002.jpg"> </div> <div class="content"> <p class="dark-text">The whole thing was a delight. The Guided Paddock Tour was of course superb - we were like kids at Christmas. But honestly, the whole process has been excellent.</p> <p class="name">Victoria</p> <p class="package dark-text">Paddock Club</p> <p class="location dark-text">FORMULA 1 GRAN PREMIO D’ITALIA</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/6de776860d86f10/72_DPI_WEB-F1E-USGP-2023-Pit-Lane-Walk-61.jpg"> </div> <div class="content"> <p class="dark-text">The entire weekend was incredible for us! Going to a F1 race was on my husband's bucket list so everything about the experience left us with memories to talk about for years.</p> <p class="name">Theresa</p> <p class="package dark-text">Starter Package</p> <p class="location dark-text">FORMULA 1 UNITED STATES GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/31eee2c5ea10918a/72_DPI_WEB-F1E-Abu-Dhabi-2022-Turn-1-Suite-2.jpg"> </div> <div class="content"> <p class="dark-text">I always travel with F1 Experiences because of the smaller, more intimate and less mainstream group/package experience where there are too many people to feel valued.</p> <p class="name">Samuel</p> <p class="package dark-text">Turn 1 Suite by F1® Experiences</p> <p class="location dark-text">FORMULA 1 ABU DHABI GRAND PRIX</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/7d501cf7e81c9b91/original/F1E-Great-Britain-2023-Hamilton-Straight-South-Grandstand-3.jpg"> </div> <div class="content"> <p class="dark-text">Overall, I thought the Trophy package provided a good experience. Enjoyed the Pit Lane Walk and Track Tour. The Saturday evening reception with guests was excellent.</p> <p class="name">John</p> <p class="package dark-text">Trophy Package</p> <p class="location dark-text">FORMULA 1 GRAN PREMIO D’ITALIA</p> </div> </div> </li> <li class="glide__slide guest-experience"> <div class="guest-experience"> <div class="image-wrapper"> <img class="image" src="https://assets.quintevents.com/m/59ea3c06588fdcc/72_DPI_WEB-F1E-Mexico-2023-f1-Experiences-Live-63.jpg"> </div> <div class="content"> <p class="dark-text">The grandstand for the Hero package was in an excellent place on the track. Well done!</p> <p class="name">Grayden</p> <p class="package dark-text">Hero Package</p> <p class="location dark-text">FORMULA 1 GRAN PREMIO DE LA CIUDAD DE MÉXICO</p> </div> </div> </li> </ul> </div> <div class="glide__arrows" data-glide-el="controls"> <button class="glide__arrow glide__arrow--left" data-glide-dir="<"><</button> <button class="glide__arrow glide__arrow--right" data-glide-dir=">">></button> </div> </div> </div> </div> <div class="partners-wrapper margin-top-50"> <div class="max-width-container"> <h3 class=" dark-text">Partners</h3> <div class="partners"> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/43495-webimage-D9C9AC8F-3347-4F7C-BEA364FF0873B1C6-92e2dcd4f892301eab3d74edcdd0d022.png"> </div> <div class="content"> <p>The place to be and be seen on F1® Grand Prix™ weekends around the world, the F1 Paddock Club™ offers luxury hospitality featuring premium trackside views with specially-curated, international cuisine, free-flowing beverages, daily Pit Lane Walks, live entertainment and guest appearances from key F1® personnel.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/41997-Oracle-Red-Bull-Racing-Logo-0c171c699cbc4bbf42d31e99b6fcc030.svg"> </div> <div class="content"> <p>An F1® constructor since 2005, Oracle Red Bull Racing have been a leading team for more than a decade. The team has achieved six constructors’ championships, most recently in 2023, and seven drivers’ championships, incuding Sebastian Vettel's four consecutive titles from 2010-2013 and three straight for Max Verstappen from 2021-2023.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/41996-McLaren-Logo-fae4fdce94922c22c776a6c44dbb7883.svg"> </div> <div class="content"> <p>Founded by New Zealander Bruce McLaren in 1963, McLaren Formula 1 Team are one of the oldest and most successful F1® constructors, enjoying their most successful period from the mid-1980s to late 1990s, McLaren have won a total of eight constructors’ championships and 12 drivers’ championships.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/70951-70918-F1E-Logos-Stake-F1-Team-Kick-Sauber_4-9a0f11b8ee36ff7c18f6ebbb790fd2b0-f2ca978b7d047838fa2b41443764219d.svg"> </div> <div class="content"> <p>Swiss motorsport company Sauber has been competing in Formula 1® since 1993, operating under various partnerships including BMW and most recently Alfa Romeo. For 2024 and 2025, Sauber will race under the name Stake F1® Team Kick Sauber before rebranding as German automaker Audi in 2026.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://assets.quintevents.com/m/1b2d3d6e486561c8/72_DPI_WEB-F1E-MoneyGram-Haas-CMYK-Logo-Full-Horizontal-Medium.jpg"> </div> <div class="content"> <p>The only American-based F1® constructor on the grid, MoneyGram Haas F1® Team made their Formula 1® debut in 2016 and scored a best finish of fifth in the 2018 World Championship. The team was founded by Gene Haas, who owns Haas Automation - a CNC machine tool manufacturer.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/32738-1306-Logo-1a1c6e6a94101d2bafdf24bb5a7cbe77.svg"> </div> <div class="content"> <p>The main rights holder for broadcasting Formula 1® in the UK and Ireland since 2012, Sky Sports F1 is a leading English-language Formula 1® channel with an experienced lineup of presenters and expert pundits, including several ex-World Champions. Tune in to watch F1® on Sky Sports.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/68080-Monaco-Star-Events-Color-Green-Gold-d14c1f6798b7ed5e054f78175bc1032e.svg"> </div> <div class="content"> <p>A leader in hospitality and event management for the Formula 1® Monaco Grand Prix™, Monaco Star Events offers prestige terraces overlooking the Starting Grid, while also specialising in bespoke events on the French Riviera such as the Monaco Historic Grand Prix™, Formula E, and the Monaco Yacht Show, as well as corporate events and private parties.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/33692-Monaco-Grand-Prix-Track-Logo-e8553b4a759333b8ccb75c473163100b.svg"> </div> <div class="content"> <p>The Automobile Club de Monaco has organised iconic motorsport events in Monaco since 1890, offering access to an exciting range of exclusive ticket and hospitality packages for the Monaco Grand Prix™, one of the most important and prestigious motor races in the world.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/68180-LIC-Logo-Teal-55045ec667b6cc962bace14704b307aa.svg"> </div> <div class="content"> <p>Lusail International Circuit is a premier motorsport entertainment destination in Qatar that features a world-class racing circuit, bespoke hospitality lounges, and state-of-the-art facilities to support various action-packed international and local motorsport events.</p> </div> </div> <div class="partner"> <div class="image-wrapper"> <img src="https://assets.quintevents.com/m/649acf3d62482551/72_DPI_WEB-Go-Hammerhead-Logo.jpg"> </div> <div class="content"> <p>GoHammerhead delivers unparalleled, customized, reliable, and high-quality event guest transport services at some of the world's most prestigious sporting events.</p> </div> </div> </div> </div> </div> </div><div data-code="SG" id="country-code"></div></main><footer class="stripe-elements"><style> .black-friday-pacakge-banner { flex: 1 0 100%; display: flex; flex-direction:column; gap:10px; align-items: center; justify-content: center; padding: 20px; background: #019541; color: #FFF !important; font-family: "formula1", sans-serif; text-decoration: none; transition: 0.3s all ease-in-out; font-size: 20px; line-height: 20px; text-decoration:none; text-align:center; } .black-friday-pacakge-banner span strong { font-size: 27px; font-style: normal; line-height: 30px; } .black-friday-pacakge-banner span { text-decoration:none; font-style: italic; } .black-friday-pacakge-bannerk:hover { color: #FFF !important; text-decoration: none; background: #019541e8; } .facilities.facilities-promo ul li.promo .promo { border: 2px solid #000; border-radius: 500px; font-size: 11px; text-transform: uppercase; padding: 5px 10px; background: #019541; font-weight: bold; color: #FFF; margin: 0px 0 0px 0; display: block; } .facilities.facilities-promo ul { margin:0; display: inline-block; } .facilities.facilities-promo ul li.promo { display: inline-block; float: none; height: auto; } .ticket-label { flex-wrap:wrap; display: flex; gap: 10px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .facilities.facilities-promo { margin-bottom:15px; } @media (max-width: 768px) { .redesign-wrapper .map-wrapper .filters .group-package .product-item .facilities.facilities-promo { display: block !important; } } .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper.half:first-of-type img, .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper.half:last-of-type img { object-position: 50% 90%; } .col-md-4.col-sm-6.calendar-wrapper.coming-soon:after, .col-md-4.col-sm-6.calendar-wrapper.closed:after { padding: 10px; text-align: center; } .redesign-wrapper .calendar-outer-wrapper .event-date { text-align: center; margin-right: 20px; } @media (max-width: 768px) { .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper.half { flex: 1 0 calc(100%); max-width: calc(100%); } } .redesign-wrapper .package-inclusions-wrapper .package-inclusion.appearances .image-wrapper, .redesign-wrapper .package-inclusions-wrapper .package-inclusion.appearances .image-wrapper img{ height:150px; } .redesign-wrapper .modal-outer .modal-wrapper .modal-content .btn.btn-secondary.btn-inverted { width:auto; } .add_ons .additional-add-ons, .add_ons .first-three-add-ons { display: flex; flex-wrap: wrap; gap: 20px; } .edit-cart-section .add-ons-section .order-item-header-text { margin: 30px 0; } .add_ons .add-on-container { flex: 1 0 calc(33.33333% - 15px); display: flex; flex-wrap: wrap; max-width: 50%; width: auto !important; background:#FFF; } /*.more-add-ons .load-more {*/ /* color: #fff;*/ /*}*/ .additional-add-ons { margin-top: 15px; } @media only screen and (max-width: 992px) { .add_ons .add-on-container { flex: 1 0 100%; width: 100%; max-width: 100%; } } .add_ons .add-on-container .add-on-wrapper .content-wrapper { padding: 20px; display: flex; flex-wrap: wrap; flex: 1; flex-direction: column; align-items: flex-start; } .add_ons .add-on-container .add-on-wrapper .content-wrapper .price { margin-bottom: 10px; font-weight:bold; } .add_ons .add-on-container .add-on-wrapper .content-wrapper h3 { margin-top: 0; /*color: #fff;*/ } .edit-cart-section .add-ons-section { margin-top: 20px; } /*.add-ons-section h2 {*/ /* color: #fff;*/ /*}*/ .add_ons .add-on-container .add-on-wrapper .button-and-link .btn-primary #button-text::after, .add_ons .add-on-container .add-on-wrapper .button-and-link .btn-primary .btn-text::after, { display: none; } .button-and-link a { margin-top: 10px; } .add_ons .add-on-container .add-on-wrapper .image-wrapper { /*height: 150px;*/ width: 100%; } .add_ons .add-on-container .add-on-wrapper .image-wrapper img { height: 100%; width: 100%; object-fit: cover; } .add_ons .add-on-container .add-on-wrapper .content-wrapper p { font-size: 16px; line-height: 24px; } .add_ons .add-on-container .add-on-wrapper .disclaimer { font-size: 14px; line-height: 24px; font-style: italic; } </style>  <style type="text/css"> .redesign-wrapper .pill-wrapper { display:inline-flex; gap:5px; flex-wrap:wrap; margin:5px 0 10px 0; } .redesign-wrapper .pill-wrapper .pill{ display: inline-flex; background: #ed1e79; border-radius: 20px; padding: 5px 10px; font-size: 12px; text-transform: uppercase; color: #140000; font-weight: bold; text-align: center; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p.pill{ color: #140000; font-size: 14px; } .redesign-wrapper .pill-wrapper .pill sup { top: 8px; } .redesign-wrapper .pill-wrapper .pill-red { background: #e31f26; } .redesign-wrapper .pill-wrapper .pill-pink { background: #ED1E79; } .redesign-wrapper .pill-wrapper .pill-green { background: #4CF24C; } .redesign-wrapper .pill-wrapper .pill-yellow { background: #F0FF2E; } .redesign-wrapper .pill-wrapper .pill-blue { background: #08C3FC; } .redesign-wrapper .pill-wrapper .pill-dark-blue { background: #173084; color:#FFF; } .redesign-wrapper .pill-wrapper .pill-terracota { background: #D35F45; color:#FFF; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p.pill.pill-dark-blue, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p.pill.pill-terracota { color: #FFF; } .redesign-wrapper .pill-wrapper .pill-purple { background: #8C50FF; } .redesign-wrapper .pill-wrapper .pill-orange { background: #FA7A03; } .parent-package .amex img { width: 50px; margin-right: 15px; } @media (max-width: 991px) { .parent-package .amex img { float: left; } .parent-package .amex { margin-bottom: 20px; } } .hightlight-warning-wrapper { background: #38383f; width: 100%; color: white; padding: 15px 10px 10px; text-align: center; } .about-us-cube-container .about-us-cube .btn { max-width: 100%; text-wrap: wrap; } /*.renderable_buyer_page .dropdown.translate-dropdown {*/ /* display: none;*/ /*}*/ .redesign-wrapper.f1-redesign-show { display: inherit; } .redesign-wrapper .package_purchasing_form .or-payment-terms, .redesign-wrapper .package_purchasing_form .tax_disclaimer, .redesign-wrapper .package_purchasing_form .currency-disclaimer, .redesign-wrapper .package_purchasing_form .or-payment-terms span, .redesign-wrapper .package_purchasing_form .tax_disclaimer span, .redesign-wrapper .package_purchasing_form .currency-disclaimer span, .redesign-wrapper .package_purchasing_form .or-payment-terms small, .redesign-wrapper .package_purchasing_form .tax_disclaimer small, .redesign-wrapper .package_purchasing_form .currency-disclaimer small { font-size: 13px; font-family: 'Titillium Web'; line-height: 17px; color: #1e1e1e; } .redesign-wrapper .package_purchasing_form .or-payment-terms .notranslate.currency-to-update { font-size: 18px; line-height: 24px; font-family: "formula1", sans-serif; } .f1-redesign-hide { display: none; } .ticket-and-hotel-column { margin-bottom: 30px; } </style>  <style type="text/css"> .event .redesign-wrapper #form, .redesign-wrapper #calendar-2025 { display: block; position: relative; top: -75px; visibility: hidden; } .redesign-wrapper .ticket-hotel-wrapper { display: flex; flex-wrap: wrap; gap: 30px; margin: 30px 0 0 0; } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper { float: right; list-style: none; padding: 0; width: 100%; display: flex; justify-content: flex-end; margin: 0 0 -30px 0; } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li { background-color: transparent; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; border-radius: 100%; float: left; height: 30px; margin: 0; padding: 0; position: relative; width: 30px; } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li .tooltip { background-color: #2c2c34; border-radius: 20px; color: #fff; display: block; font-family: titillium, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: 500; height: 25px; letter-spacing: .5pt; line-break: auto; margin-left: 16px; padding: 5px 20px; pointer-events: none; position: absolute; text-align: center; text-decoration: none; text-shadow: none; text-transform: uppercase; top: 12px; right: 0; transition: all .3s ease-out; visibility: visible; white-space: nowrap; width: auto; word-break: normal; word-spacing: normal; } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li:hover .tooltip { opacity: 1; z-index: 2; } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li.covered-seating { background-image: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34381-Covered-Seating-28f9639827cbfcbec05f8d9bd6c04e72.svg") } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li.hospitality-seating { background-image: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34378-Hospitality-873c23b349c6a1dad75c25144ca9e20d.svg") } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li.seatback-seating { background-image: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34380-Seat-Back-3722969a48727cef4b9e3a16da5635a2.svg") } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li.grandstand-seating { background-image: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34377-Grandstand-eab58d11e723d6e09689e9efc07f2bc7.svg") } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li.tv-screen { background-image: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34379-TV-Screen-143cdfedf4bd3721600baf990781c0b2.svg") } .redesign-wrapper .ticket-hotel-wrapper .step { flex: 1 0 calc(33.33333% - 30px); display: flex; flex-direction: column; align-items: flex-start; } .redesign-wrapper .ticket-hotel-wrapper .step .content { border-radius: 0px 12px 0px 0px; border-top: 2px solid #949498; border-right: 2px solid #949498; padding: 20px 25px 0 0; margin-top: -10px; width: 100%; } .redesign-wrapper .ticket-hotel-wrapper .step.selected .content { border-color: #E10600; } .redesign-wrapper .ticket-hotel-wrapper .step h4 { background: #F7F4F1; width: auto; z-index: 2; position: relative; flex: 0 1 auto; margin: 0; padding-right: 25px; font-weight: 400; } .redesign-wrapper .ticket-hotel-wrapper .step.selected h4 { font-weight: bold; } .redesign-wrapper .ticket-hotel-wrapper .step p { margin: 0; } .redesign-wrapper .ticket-hotel-seating-wrapper { display: flex; flex-wrap: wrap; gap: 15px; } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap { margin: auto; position: relative; top: initial; } .redesign-wrapper .ticket-hotel-seating-wrapper svg { height: 275px; } .redesign-wrapper .ticket-hotel-seating-wrapper .ticket-hotel-seating-table { flex: 1 0 calc(70% - 15px); } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap .rightsidemapbg { border-radius: 12px; padding: 12px; } .redesign-wrapper .map-wrapper .rightsidemap .rightsidemapbg .svg-zoom-controls { top: -15px; } @media (max-width: 768px) { .redesign-wrapper .ticket-hotel-wrapper { gap: 25px; } .redesign-wrapper .ticket-hotel-wrapper .step { flex: 1 0 100%; } .redesign-wrapper .map-wrapper .rightsidemap .rightsidemapbg .svg-zoom-controls { top: 10px; } } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap .rightsidemapbg .svg-zoom-controls { right: 12px; top: 12px; display: flex; flex-direction: column; gap: 2px; margin: 0; border: 1px solid #CDCDCD; border-radius: 0; } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap .rightsidemapbg .svg-zoom-controls li { border-bottom: 1px solid #CDCDCD; margin: 0; padding: 4px; background-origin: content-box; } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap .rightsidemapbg .svg-zoom-controls li:last-of-type { border-bottom: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap, .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemapbg, .redesign-wrapper .ticket-hotel-seating-wrapper .seating-chart-wrapper { padding: 0; margin: 0; float: none; position: relative; max-height: 100% !important; height: 100%; width: 100%; } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap { flex: 1 0 calc(30% - 15px); border-radius: 12px; border: 2px solid #949498; position: sticky; top: 100px; } .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap { margin: auto; position: relative; top: initial; } .redesign-wrapper .ticket-hotel-seating-wrapper .group { display: flex; flex-wrap: wrap; flex-direction: column; gap: 5px; margin-bottom: 5px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .seatingChartPackage { display: flex; flex-direction: column; height: 100%; width: 100%; margin-bottom: 5px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package { flex-direction: column; border: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item { margin: 0; padding: 20px; display: flex; flex-direction: row; gap: 10px; background: #FFF; align-items: center; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item>.modal-seat-map { opacity: 0; position: fixed; z-index: 999; background: #FFF; border: 2px solid #949498; padding: 20px; border-radius: 12px; margin: 20px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item:hover>.modal-seat-map { opacity: 1; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .actions { flex: 0 0 25%; display: flex; justify-content: flex-end; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .price { color: #15151E; text-align: center; font-family: Titillium Web; font-size: 20px; font-weight: 600; line-height: 25.02px; margin-left: auto; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .title { color: #15151E; font-family: Formula1; font-size: 20px; font-weight: bold; margin: 0px 0 5px 0; line-height: 25.02px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .subtitle { color: #A5A5A5; font-family: Titillium Web; font-size: 12px; line-height: 15px; margin: 0 0 15px 0; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .view-ticket { color: #E10600; font-family: Titillium Web; font-size: 13px; font-weight: bold; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .btn.sold-out { box-shadow: 0 0 0 1px #d0d0d2 inset; opacity: 1; } </style>  <style type="text/css"> .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package.pkg-sec-hidden { display: flex; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity { display: flex; flex-wrap: nowrap; align-items: center; gap: 20px; margin-left: 10px; flex-direction: row; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .people-quantity { flex-direction: row; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .people-quantity .people-quantity { flex-direction: row; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter { display: flex; gap: 10px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .number-of-rooms { color: #15151E; text-align: center; font-family: Titillium Web; font-size: 20px; font-weight: 600; line-height: 25.02px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .subtract, .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .add { align-items: center; border: 1px solid #ccc; border-radius: 100%; cursor: pointer; display: flex; font-size: 18px; height: 25px; transition: border .3s ease-out; width: 25px; place-content: center; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .subtract.disable, .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .add.disable { opacity: 0.5; background: #cdcdcd; pointer-events: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .subtract.disable:hover, .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .add.disable:hover { cursor: not-allowed; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .subtract:before, .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .add:before { align-items: center; display: flex; font-style: normal; font-variant: normal; font-weight: normal; height: 25px; justify-content: center; text-align: center; text-rendering: auto; text-transform: none; width: 25px; margin-top: -5px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .subtract:before { content: "-"; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .people-quantity .counter .add:before { content: "+"; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .add-to-cart { border-radius: 6px; background: #E2000E; color: #FFF; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .add-to-cart .add-span { display: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer { position: fixed; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.65); z-index: 1049; display: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item { flex-wrap: wrap; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer.show { display: block; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-header { border-radius: 24px 24px 0px 0px; background: #15151E; padding: 20px; position: relative; border: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-header h4 { color: #FFF; font-family: Formula1; font-size: 18px; font-weight: bold; line-height: 24px; text-transform: capitalize; margin-bottom: 5px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-header p { color: #A5A5A5; font-family: Titillium Web; font-size: 12px; font-style: normal; font-weight: 400; line-height: 15px; text-transform: uppercase; margin: 0; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-header .close-btn { position: absolute; top: 20px; right: 20px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-content { padding: 20px; background: #FFF; box-shadow: none; border-radius: 0; border: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-content h4 { max-width: 75%; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-footer { border-radius: 0px 0px 24px 24px; background: #15151E; padding: 20px; flex-wrap: wrap; border: none; display: flex; align-items: center; color: #FFF; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-footer .price, .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-footer .price { margin-left: 0; color: #FFF; margin-right: auto; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-footer .number-of-rooms { color: #FFF; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .price-action-wrapper { display: flex; align-items: center; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .item-wrapper { margin-right: auto; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item h3 { width:100%; } @media (max-width: 768px) { .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper { width: 90vw; } .redesign-wrapper .ticket-hotel-seating-wrapper .ticket-hotel-seating-table, .redesign-wrapper .ticket-hotel-seating-wrapper .rightsidemap { flex: 1 0 100%; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .add-to-cart .add-span { display: block; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .add-to-cart .add-to-basket-span { display: none; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-header h4, .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .price { font-size: 14px; line-height: 20px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-footer { gap: 10px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .add-to-cart { flex-wrap: nowrap; display: flex; align-items: center; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-footer .price { margin: 0 auto 0px auto; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-content ul { padding-left: 20px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-content ul li { font-size: 15px; line-height: 20px; } .redesign-wrapper .ticket-hotel-seating-wrapper .modal-wrapper .icon-wrapper li { width: 20px; height: 20px; } .redesign-wrapper .ticket-hotel-seating-wrapper .group .group-package .product-item .modal-outer .modal-wrapper .modal-header .close-btn { padding: 0; } .redesign-wrapper .modal-outer .modal-wrapper .modal-content .btn.btn-secondary { margin: 10px 0 0 0; } } </style>  <style type="text/css"> .redesign-wrapper .deposit-container { display: flex; flex-wrap: wrap; gap: 20px; margin: 40px 0 20px 0; } .redesign-wrapper .deposit-container .deposit-cube { flex: 1 0 calc(33.333% - 20px); border-radius: 0px 0px 15px 15px; display: flex; flex-wrap: wrap; position: relative; padding: 150px 30px 30px 30px; } .redesign-wrapper .deposit-container .deposit-cube .image-wrapper { position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; width: 100%; height: 100%; border-radius: 0px 0px 15px 15px; } .redesign-wrapper .deposit-container .deposit-cube .background-fade { border-radius: 0px 0px 15px 15px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #15151E 85.73%); position: absolute; top: 0; bottom: 0; left: 0; right: 0; object-fit: cover; width: 100%; height: 100%; } .redesign-wrapper .deposit-container .deposit-cube .content-wrapper { color: #FFF; display: flex; flex-wrap: wrap; z-index: 1; align-content: flex-end; height: 100%; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .deposit-container .deposit-cube { flex: 1 0 calc(50% - 20px); } } @media (max-width: 768px) { .redesign-wrapper .deposit-container .deposit-cube { flex: 1 0 100%; } } .redesign-wrapper .modal-outer .modal-wrapper .modal-content .btn.btn-secondary.btn-inverted { margin-left: 10px; color: #38383f; border-color: #38383f; } .redesign-wrapper .modal-outer .modal-wrapper .modal-header .close-btn:after { content: none; } .redesign-wrapper .modal-outer .modal-wrapper .modal-header .close-btn { font-weight: bold; font-size: 26px; } .redesign-wrapper .map-wrapper.container-fluid, .redesign-wrapper .map-wrapper .packages-seating.leftside #Packages { margin: 0; padding: 0; } .redesign-wrapper .map-wrapper .filters .packages-seating.leftside { float: none; height: auto; margin: 0; /* overflow: hidden; */ overflow: visible; padding: 0 0 20px 0; } .redesign-wrapper .map-wrapper .packages-seating.leftside .group-package .product-item { display: flex; flex-direction: column; } .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu { width: 100%; border: none; display: flex !important; flex-direction: column; } .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu li { color: #FFFFFF; display: flex; gap: 10px; margin: 0; align-self: center; align-content: center; } .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu li p { margin: 0; display: flex; align-items: center; } .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu .switch { margin-top: 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar ul.scrolled { margin: 15px; width: 100%; } .redesign-wrapper .filters .button-reset .btn { margin: 0 !important; } .redesign-wrapper .map-wrapper .filters .packages-filter .btn.mobile-only { margin: 10px 0 16px 0; background: transparent; } .redesign-wrapper .map-wrapper .filters .packages-filter .btn.mobile-only:after { content: none; } .redesign-wrapper #packages-filter .mobile-packages-filter, .seating_chart .redesign-wrapper .filters .packages-filter { padding: 0 !important; height: auto !important; } .seating_chart .redesign-wrapper #packages { display: block; position: relative; top: -70px; visibility: hidden; } .redesign-wrapper #packages-filter .mobile-packages-filter.open { height: 100vh !important; } .redesign-wrapper #packages-filter .mobile-packages-filter.open ul { height: 100%; align-content: center; flex-direction: column; margin: 0; padding: 100px 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .range-slider .min-slider, .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .range-slider .mex-slider { text-align: center; } .redesign-wrapper #packages-filter .mobile-packages-filter.open ul li { width: 80vw; justify-content: flex-start; } .redesign-wrapper #packages-filter .mobile-packages-filter.open ul li .seating_chart_price .slider, .redesign-wrapper #packages-filter .mobile-packages-filter.open ul li .seating_chart_price .slider .slider-fill { width: 200px; } .redesign-wrapper #packages-filter .mobile-packages-filter.open ul .icon-cross { position: absolute; top: 80px; right: 20px; color: #e10600; font-weight: bold; font-size: 40px; } .redesign-wrapper #packages-filter .mobile-packages-filter.open ul .icon-cross:before { width: 25px; font-weight: bold; font-size: 25px; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .price-filter .seating_chart_price { flex-direction: column; align-items: flex-start; } @media (max-width: 768px) { .redesign-wrapper .map-wrapper .filters .sorting-wrapper { margin-top: 310px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper.hide-map { margin-top: 0px; } } .seating_chart .redesign-wrapper .toggle-map { background-color: #38383f; display: flex; justify-content: center; margin-top: -5px; padding: 10px; } .redesign-wrapper .currency_exchange_form { height: 25px; margin-top: -2px; max-height: unset; } .redesign-wrapper .currency_exchange_form .form-control { background-color: #666; color: #fff; display: flex; height: 25px; margin-left: 5px; max-height: unset; min-width: 4.5em; outline-color: #666; } .redesign-wrapper .purchasing .currency_exchange_form { margin-top: 0; } .redesign-wrapper .purchasing .currency_exchange_form .form-control { background-color: transparent; color: #666; display: flex; height: initial; margin-left: 0; max-height: initial; outline-color: #ccc; font-family: "Titillium Web"; } .redesign-wrapper .map-wrapper .filters .leftside .group-packages, .redesign-wrapper .map-wrapper .filters .leftside .group-packages>div:first-child { /* Needed for sorting */ display: grid; } /*Package List Transitions*/ .redesign-wrapper .map-wrapper .filters .packages-seating.leftside { transition: margin-top .3s; } .redesign-wrapper .map-wrapper .filters .packages-seating.leftside.hide-map { display: block; margin-top: 0; transition: margin-top .3s; } .redesign-wrapper .map-wrapper .packages-seating.leftside .group-package.hidden { display: block !important; height: 0; margin: 0; opacity: 0; visibility: hidden; overflow: hidden; transition: height .3s, opacity .2s, visibility 0s; } @media (max-width: 768px) { .redesign-wrapper .map-wrapper .filters .scrolled .close { color: #fff; opacity: 1; font-family: 'f1_cross'; } .redesign-wrapper .map-wrapper .filters .scrolled .icon-cross::before { font-size: 18px; font-family: 'f1_cross'; -webkit-text-stroke-color: #38383f; -webkit-text-stroke-width: 3px; width: 20px; } .seating_chart .redesign-wrapper .map-wrapper .secondary-filters.open, .seating_chart .redesign-wrapper .map-wrapper .secondary-filters.open .dropdown-menu { display: block; position: relative; } .seating_chart .redesign-wrapper .secondary-filters .dropdown-icon, .seating_chart .redesign-wrapper .secondary-filters a { display: none; } /*Map Transitions*/ .redesign-wrapper .map-wrapper .map { opacity: 1; transition: max-height .3s, opacity .3s, visibility 0s; visibility: visible; } .redesign-wrapper .map-wrapper .map.hide-map { display: block; opacity: 0; transition: max-height .3s, opacity .4s, visibility 0s; visibility: hidden; } } @media (min-width: 769px) { .seating_chart .redesign-wrapper .filters { width: 50%; } .seating_chart .redesign-wrapper .toggle-map { display: none; } .redesign-wrapper #packages-filter .mobile-packages-filter { border: none; display: flex; flex-wrap: wrap; max-height: unset; position: unset; opacity: 1; visibility: visible; width: 100%; } .redesign-wrapper .filters .packages-filter .filter-nav .icon-cross.close, .redesign-wrapper .filters .packages-filter .filter-nav .filter-heading .reset { display: none; } .seating_chart .redesign-wrapper .sorting-wrapper { background: $white; border-bottom: solid 1px $gray; width: 100%; } .redesign-wrapper .secondary-filters { display: flex; width: 100%; } .redesign-wrapper .secondary-filters .secondary-filter-wrapper { background: linear-gradient(180deg, #38383f 0%, #15151e 100%); display: flex; flex: 1 0 50%; font-size: 17px; justify-content: center; text-align: center; padding: 15px 0; } .redesign-wrapper .secondary-filters .secondary-filter-wrapper.hide { display: flex !important; } .redesign-wrapper .secondary-filters .secondary-filter-heading { color: #fff; width: fit-content; } /*Switch Transitions*/ .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown-menu .switch input, .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu .switch .package-type-slider { opacity: 1; transition: 0.3s all ease-in-out; } .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown-menu .switch input.disabled, .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu .switch .package-type-slider.disabled { cursor: not-allowed; opacity: .5; transition: 0.3s all ease-in-out; } /*Secondary Dropdown Menu Transitions*/ .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown.open .dropdown-menu { max-height: 450px; opacity: 1; transition: max-height .3s, opacity .4s; z-index: 1000; } .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper .dropdown-menu { padding: 0; width: 100%; /*display: flex;*/ flex-direction: column; margin-top: 50px; max-height: 0; opacity: 0; top: 0; z-index: -1; transition: max-height .3s, opacity .4s; } .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu { padding: 20px 10px; } .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper .dropdown-menu li, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper .dropdown-menu li p, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper .dropdown-menu li label, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper .dropdown-menu li label input, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper .dropdown-menu li label span { height: 0; } .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu li, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu li p, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu li label, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu li label input, .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu li label span { height: auto; } .redesign-wrapper .map-wrapper .filters .secondary-filter-wrapper.open .dropdown-menu li label { height: 34px; } .redesign-wrapper .dropdown.open .dropdown-menu { margin-top: -1px; padding: 20px 10px; position: absolute; } .redesign-wrapper .secondary-filters .dropdown-toggle { align-items: baseline; display: flex; text-transform: uppercase; } .redesign-wrapper .secondary-filters .dropdown-icon { border-radius: 50%; color: #fff; font-family: 'nav_icons'; font-size: 10px; margin: 0 0 0 20px; } .redesign-wrapper .map-wrapper .filters .secondary-filters .dropdown .dropdown-menu li { color: #FFFFFF; display: flex; gap: 10px; margin: 0; align-self: center; align-content: center; } } .redesign-wrapper .switch { display: inline-block; height: 34px; margin-top: -3px; position: relative; width: 80px; } .redesign-wrapper .switch input { height: 0; opacity: 0; width: 0; } .redesign-wrapper .package-type-slider { background-color: #666; border-color: #666; bottom: 0; cursor: pointer; font-size: 13px; left: 0; position: absolute; right: 0; top: 0; transition: 0.3s all ease-in-out; } .redesign-wrapper .package-type-slider.disabled { cursor: not-allowed; opacity: .5; transition: 0.3s all ease-in-out; } .redesign-wrapper .package-type-slider.round { border-radius: 34px; } .redesign-wrapper .package-type-slider::before { border-radius: 50%; } .redesign-wrapper .package-type-slider::before { background-color: #fff; bottom: 4px; content: ''; height: 26px; left: 8px; position: absolute; -webkit-transition: 0.4s; transition: 0.4s; width: 26px; } .redesign-wrapper input:checked+.package-type-slider { background-color: #e10600; border-color: #e10600; } .redesign-wrapper input:focus+.package-type-slider { box-shadow: 0 0 1px #e10600; } .redesign-wrapper input:checked+.package-type-slider::before { transform: translateX(150%); } .redesign-wrapper .package-type-slider::after { color: #fff; content: ''; display: block; font-size: 15px; left: 65%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .redesign-wrapper input:checked+.package-type-slider::after { content: ''; left: 30%; top: 50%; } </style>  <style type="text/css"> .redesign-wrapper h1 { font-family: "formula1", sans-serif; font-size: 42px; font-weight: bold; line-height: 48px; margin-top: 0; } .redesign-wrapper h2 { font-family: "formula1", sans-serif; font-size: 32px; font-weight: bold; line-height: 36px; margin-top: 0; } .redesign-wrapper .news-and-updates-1 h2 { font-size: 62px; line-height: 75px; } .redesign-wrapper h3 { font-family: "formula1", sans-serif; font-size: 25px; font-weight: bold; line-height: 30px; margin-top: 0; } .redesign-wrapper h3.light { font-weight: normal; } .redesign-wrapper h4 { font-family: "formula1", sans-serif; font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 0; } .redesign-wrapper h5 { font-family: "formula1", sans-serif; font-size: 14px; line-height: 18px; margin-top: 0; } .redesign-wrapper p, .redesign-wrapper ul li, .redesign-wrapper ol li { font-size: 17px; line-height: 24px; /* text-align: left;*/ letter-spacing: 0.2px; margin-top: 0; font-family: "Titillium Web"; } .redesign-wrapper p a.red-upper-link { color: #e10600; font-size: 13px; font-weight: bold; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; } .redesign-wrapper .form-control { height: 42px; } .redesign-wrapper textarea.form-control { height: 100px; } .redesign-wrapper .btn { font-size: 15px; line-height: 17px; } .redesign-wrapper p a.btn-secondary { color: #FFF; } .redesign-wrapper p a.small-button { font-family: Titillium Web; font-size: 13px; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; } .redesign-wrapper p.small { line-height: 18px; font-size: 100%; } .redesign-wrapper .red-text, .redesign-wrapper .highlight, .redesign-wrapper .highlight-color { color: #E10600; } .redesign-wrapper p em, .redesign-wrapper p.small em { font-size: 85%; line-height: 85%; } .redesign-wrapper .btn:after { font-size: 10px; font-weight: 100; padding: 4px 0 0 4px; margin-top: -8px; } .redesign-wrapper .max-width-container { max-width: 1320px; width: 100%; margin: auto; } .redesign-wrapper .background-fade { background-image: linear-gradient(180deg, rgba(21, 21, 30, 0) 0%, #15151e 84.9%); color: #fff; display: flex; width: 100%; } .redesign-wrapper .background-fade.background-fade-small-fade { background-image: linear-gradient(180deg, rgba(21, 21, 30, 0) 25%, #15151e 100%); } .redesign-wrapper .background-fade .max-width-container { margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-end; } .redesign-wrapper .package-header.package-header-image, .redesign-wrapper .background-fade .max-width-container.max-width-container-amex, .redesign-wrapper .about-us-header .background-fade .max-width-container.max-width-container-amex { flex-direction: row; align-items: flex-end; gap: 20px; } .redesign-wrapper .background-fade .max-width-container.max-width-container-amex .event-header-content, .redesign-wrapper .about-us-header .background-fade .max-width-container.max-width-container-amex .event-header-content { margin-right: auto; } .redesign-wrapper .package-header.package-header-image { display: flex; } .redesign-wrapper h1.extra-spacing, .redesign-wrapper h2.extra-spacing, .redesign-wrapper h3.extra-spacing, .redesign-wrapper h4.extra-spacing, .redesign-wrapper h5.extra-spacing { margin-top: 30px } .redesign-wrapper .center, .redesign-wrapper .center p { text-align: center; } .redesign-wrapper .no-margin { margin: 0 !important; } .redesign-wrapper .uppercase { text-transform: uppercase; } .redesign-wrapper .full-width { flex: 1 0 100%; } .redesign-wrapper hr { border-top: 1px solid #999; margin-top: 45px; margin-bottom: 45px; } .redesign-wrapper a { transition: 0.3s all ease-in-out; } .redesign-wrapper a:hover { text-decoration: none; transition: 0.3s all ease-in-out; } .redesign-wrapper hr.thick-hr { border-top: 10px solid #151515; margin: 15px 0 20px 0; } .redesign-wrapper hr.dark-hr { border-top: 7px solid #15151e; margin: 15px 0 20px 0; } .redesign-wrapper .buy-now-button { background: #000; color: #fff; text-align: center; font-family: Formula1; font-size: 18px; font-weight: bold; line-height: 18px; text-transform: uppercase; position: fixed; padding: 14px 22px; top: 360px; z-index: 10; transform: rotate(-90deg) translate(0, -90%); transform-origin: 100% 0; right: 0; border-radius: 10px 10px 0px 0px; transition: all 0.3s ease-out; } .redesign-wrapper .buy-now-button:hover { background: #e10600; padding-bottom: 24px; top: 355px; } .redesign-wrapper .buy-now-button:after { content: none; } .redesign-wrapper .buy-now-button:before { content: "H"; display: inline-block; font-family: "nav_icons"; font-size: 11px; -webkit-font-smoothing: antialiased; vertical-align: middle; margin: 0px 10px 0px 0px; } @media (max-width: 768px) { .redesign-wrapper .hide-mobile { display: none; } .redesign-wrapper .block-mobile { display: block; } .redesign-wrapper h1 { font-size: 28px; line-height: 32px; } .redesign-wrapper h2, .redesign-wrapper .news-and-updates-1 h2 { font-size: 22px; line-height: 26px; } .redesign-wrapper h3 { font-size: 20px; line-height: 24px; } .redesign-wrapper h4 { font-size: 14px; line-height: 20px; } .redesign-wrapper h1.extra-spacing, .redesign-wrapper h2.extra-spacing, .redesign-wrapper h3.extra-spacing, .redesign-wrapper h4.extra-spacing, .redesign-wrapper h5.extra-spacing { margin-top: 15px } .redesign-wrapper p { font-size: 15px; line-height: 20px; } .redesign-wrapper hr { border-top: 5px solid #e10600; } .redesign-wrapper .buy-now-button { box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); font-size: 15px; width: 240px; right: -96px; } } </style>  <style type="text/css"> .redesign-wrapper .map-wrapper { display: flex; flex-wrap: wrap; margin: 40px 0 0 0; position: relative; background: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34382-plus-bg-b664b3c868a02b0b8ba07176b36cdefb.svg"); background-repeat: repeat; background-size: 12px; } .redesign-wrapper .map-wrapper .map { display: flex; align-items: center; justify-content: center; width: 50%; } .redesign-wrapper .map-wrapper .map .container, .redesign-wrapper .map-wrapper .map .mainbox, .redesign-wrapper .map-wrapper .map .rightsidemap, .redesign-wrapper .map-wrapper .map .rightsidemapbg { padding: 0; margin: 0; border-radius: none; float: none; background: none; position: relative; max-height: 100% !important; height: calc(100% - 115px); width: 100%; } .redesign-wrapper .map-wrapper .map .rightsidemap { height: 100%; } .redesign-wrapper .map-wrapper .map .rightsidemapbg { height: 550px; min-height: 550px; position: sticky; top: calc(50% - 225px); bottom: calc(50% - 225px); margin: 20px 0 20px 0; } .redesign-wrapper .map-wrapper .map .container { margin: 0 20px; min-height: 575px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper { display: flex; flex-wrap: wrap; padding: 7px 20px 7px 35px; background: #fff; border-bottom: 1px solid #e2e2e2; position: sticky; top: 190px; z-index: 9; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper .available, .redesign-wrapper .map-wrapper .filters .sorting-wrapper .sort { flex: 1 0 50%; display: flex; gap: 15px; align-items: center; flex-wrap: wrap; color: #15151e; font-family: Titillium Web; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper .available { font-size: 12px; line-height: 15px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper .sort { justify-content: flex-end; font-size: 14px; font-weight: bold; line-height: 17.5px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper .available p, .redesign-wrapper .map-wrapper .filters .sorting-wrapper .sort p { margin: 0; } .redesign-wrapper .map-wrapper .filters .secondary-filters { display: flex; flex-wrap: wrap; position: sticky; top: 135px; z-index: 10; } .redesign-wrapper .map-wrapper .filters .secondary-filters .days, .redesign-wrapper .map-wrapper .filters .secondary-filters .access { flex: 1 0 50%; background: linear-gradient(180deg, #38383f 0%, #15151e 100%); display: flex; align-items: center; justify-content: center; } .redesign-wrapper .map-wrapper .filters .secondary-filters .days select, .redesign-wrapper .map-wrapper .filters .secondary-filters .access select { border: none; background: none; color: #fff; padding: 15px; text-align: center; font-family: Titillium Web; font-size: 17px; line-height: 24px; letter-spacing: 0.2px; text-transform: uppercase; } .redesign-wrapper .map-wrapper .filters .secondary-filters .days select option, .redesign-wrapper .map-wrapper .filters .secondary-filters .access select option { width: 100%; text-align: center; font-family: Titillium Web; font-size: 17px; line-height: 24px; letter-spacing: 0.2px; text-transform: uppercase; } .redesign-wrapper .header-price-wrapper { display: flex; flex-wrap: wrap; align-items: center; } .redesign-wrapper .header-price-wrapper h3 { margin-right: 20px; } .redesign-wrapper .header-price-wrapper .price { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; } .redesign-wrapper .header-price-wrapper .price .currency_exchange_form { height: 30px; margin: 0; } .redesign-wrapper .header-price-wrapper .price .currency_exchange_form select { display: block; width: 100%; font-size: 15px; line-height: 1.428571429; color: #666; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; height: 30px; margin: 0; padding: 0; } .redesign-wrapper .map-wrapper .filters { width: 50%; background: #fff; } .redesign-wrapper .map-wrapper .filters .packages-seating { /*max-height:700px; */ /*overflow: auto;*/ } .redesign-wrapper .map-wrapper .filters .packages-filter { background: #15151e; height: auto; margin: 0; position: sticky; top: 70px; z-index: 9; min-height: 67px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar { padding: 30px 20px; height: auto; min-height: auto; margin: 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar ul { display: flex; flex-direction: row; gap: 25px; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li { display: flex; align-self: center; justify-content: center; margin: 0; color: #fff; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.filter-heading { margin: 0 auto 0 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.price-filter { margin: 0 auto; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.button-reset .btn[disabled] { background: inherit; border: inherit; border-color: transparent; box-shadow: inherit; } .redesign-wrapper .map-wrapper .filters .btn { color: #fff; padding: 10px 22px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li btn { color: #fff; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li h3 { color: #fff; text-align: center; font-family: Formula1; font-size: 25px; font-weight: bold; line-height: 30px; margin: 0; text-transform: capitalize; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .slider { width: 125px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .slider .slider-fill { width: 120px; top: -5px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .price { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin: 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .range-slider { gap: 10px; margin: 0; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .range-slider .min-slider, .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .range-slider .max-slider { margin: 0; } .redesign-wrapper .map-wrapper .filters .group-packages { background: #ffffff; } .redesign-wrapper .map-wrapper .filters .group-package { margin: 6px 15px 6px 30px; border-radius: 0px 0px 15px 0px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .redesign-wrapper .map-wrapper .filters .group-package .event { display: none; } .redesign-wrapper .map-wrapper .filters .group-package .product-item { margin: 10px 10px 10px 0; } .redesign-wrapper .map-wrapper .filters .group-package .product-item h3 { font-size: 20px; font-weight: bold; line-height: 25px; margin-bottom: 2px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; gap: 10px; margin-bottom: 5px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details .package-name { flex: 1 1 calc(100% - 150px - 10px); } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details .package-comapre { flex: 0 0 150px; margin-left: auto; text-align: right; display: flex; justify-content: flex-end; align-items: center; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details .package-comapre .compare-package-button { display: flex; gap: 10px; align-items: center; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details .package-comapre p { font-size: 13px; line-height: 16px; text-align: right; text-transform: uppercase; margin: 0; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .subtitle { color: #a5a5a5; font-size: 12px; font-weight: 400; line-height: 15px; margin-bottom: 5px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; align-items: center; gap: 10px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .facilities li:hover .tooltip { margin-left: -40px; opacity: 1; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .whats-included { color: #e2000e; text-align: left; font-family: Titillium Web; font-size: 13px; line-height: 16px; margin: 0; position: relative; flex: 0 0 100px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .whats-included .tooltip { opacity: 0; height: 0px; width: 0px; padding: 0; margin: 0; visibility: hidden; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .whats-included:hover .tooltip { background-color: #2c2c34; border-radius: 20px; color: #fff; display: block; font-family: titillium, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: 500; letter-spacing: 0.5pt; line-break: auto; margin-left: 16px; padding: 15px 20px; pointer-events: none; position: absolute; text-align: left; text-decoration: none; text-shadow: none; transition: all 0.3s ease-out; visibility: visible; white-space: nowrap; width: auto; word-break: normal; word-spacing: normal; opacity: 1; height: auto; } .redesign-wrapper .map-wrapper .filters .seatingChartPackage:last-of-type .group-package .product-item .extra-details .whats-included:hover .tooltip { bottom: 0; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .whats-included:hover .tooltip p { font-size: 14px; line-height: 20px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details p { margin: 0; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .facilities ul li { margin-bottom: 0; background-color: transparent; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .product-details { width: auto; margin: 0 0 0 auto; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .product-details .btn { display: flex; align-items: center; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .product-details .btn:after { margin-top: -4px; } .redesign-wrapper .map-wrapper .mobile-only { display: none; } @media (max-width: 1400px) { .redesign-wrapper .map-wrapper .filters .secondary-filters { top: 193px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper { top: 245px; } } @media (max-width: 1200px) { .redesign-wrapper .map-wrapper .filters .secondary-filters { top: 175px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper { top: 228px; } .redesign-wrapper .map-wrapper .filters .packages-filter { top: 68px; } } @media (max-width: 1060px) { .redesign-wrapper .map-wrapper .filters .secondary-filters { top: 208px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper { top: 260px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.price-filter { margin: 0 } } @media only screen and (min-device-width: 768px) and (max-device-width: 1200px) { .redesign-wrapper .map-wrapper .filters .packages-filter .navbar ul { gap: 10px } } @media (max-width: 768px) { .redesign-wrapper .map-wrapper .filters .group-package { margin: 6px 15px 6px 15px; } .redesign-wrapper .map-wrapper .map { width: 100%; left: 0; height: 300px; background: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/34382-plus-bg-b664b3c868a02b0b8ba07176b36cdefb.svg"); background-repeat: repeat; background-size: 12px; position: absolute; top: 102px; background-color: #f7f4f1; } .redesign-wrapper .map-wrapper .filters .group-package .product-item h3 { font-size: 18px; line-height: 23px; } .redesign-wrapper .map-wrapper .map .container, .redesign-wrapper .map-wrapper .map .mainbox, .redesign-wrapper .map-wrapper .map .rightsidemap, .redesign-wrapper .map-wrapper .map .rightsidemapbg { height: 100%; margin: 0; } .redesign-wrapper .map-wrapper .map .rightsidemapbg { height: 260px; min-height: 260px; top: calc(50% - 130px); bottom: calc(50% - 130px); } .redesign-wrapper .map-wrapper .filters .packages-seating { margin-top: 310px; } .redesign-wrapper .map-wrapper .map .container { margin: 20px; height: 260px; min-height: 260px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .whats-included, .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .facilities, .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .product-details { flex: 0 0 calc(50% - 10px); } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .whats-included { order: 1; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .facilities { order: 3; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details .product-details { order: 2; } .redesign-wrapper .map-wrapper .map, .redesign-wrapper .map-wrapper .filters, .redesign-wrapper .map-wrapper .filters .secondary-filters .days, .redesign-wrapper .map-wrapper .filters .secondary-filters .access { flex: 1 0 100%; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .slider { width: 80px; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar .price-filter .seating_chart_price .slider .slider-fill { width: 76px; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper .sort, .redesign-wrapper .map-wrapper .filters .secondary-filters, .redesign-wrapper .map-wrapper .filters .packages-filter .navbar { display: none; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper .available, .redesign-wrapper .map-wrapper .filters .sorting-wrapper .sort { justify-content: center; } .redesign-wrapper .map-wrapper .mobile-only { display: block; } .redesign-wrapper .map-wrapper .filters .packages-filter { display: flex; justify-content: center; padding: 15px 20px; position: sticky; top: 56px; z-index: 99; } .redesign-wrapper .map-wrapper .filters .sorting-wrapper { padding: 15px 20px; top: 123px; } } </style>  <style> .redesign-wrapper .f1-garage-wrapper { background: linear-gradient(360deg, #000000c4, #0000001e), url(https://assets.quintevents.com/m/4da1187a0434700e/72_DPI_WEB-F1E-F1-Garage-Italy-2023-F1-Garage-22.jpg); min-height: 300px; position: relative; background-position: 50% 53%; background-size: cover; display: flex; justify-content: center; align-items: flex-end; } .redesign-wrapper .f1-garage-wrapper .f1-garage { display: flex; flex-wrap: wrap; align-items: center; height: 100%; width: 100%; padding: 35px 60px; align-self: center; justify-content: center; text-align: center; } .redesign-wrapper .f1-garage-wrapper .pattern { position: absolute; background-image: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/64186-f1_crossgrid_highvizwhite_rgb_1-d70257193c58e3e22bafbe6bcd84a606.png); left: 0; width: 55px; height: 100%; z-index: 0; opacity: 0.5; top: 0; bottom: 0; } .redesign-wrapper .f1-garage-wrapper .pattern-right { right: 0; left: auto; } .redesign-wrapper .f1-garage-text, .redesign-wrapper .f1-garage-title { z-index: 2; width: 100%; color: #fff; margin: 0; } .redesign-wrapper .f1-garage-title { margin-bottom: 10px; font-size: 42px; line-height: 48px; font-weight: bold; } .redesign-wrapper .f1-garage-text { font-weight: normal; margin-bottom: 20px; } @media (max-width: 768px) { .redesign-wrapper .f1-garage-wrapper .f1-garage { padding: 20px; } } </style>  <style type="text/css"> .redesign-wrapper .event-details-wrapper { padding: 30px 60px; margin: 0 auto; } .redesign-wrapper .event-details-wrapper h2 { color: #15151e; text-align: center; font-family: Formula1; font-size: 32px; font-weight: bold; line-height: 36px; margin-top: 0; margin-bottom: 20px; } .redesign-wrapper .event-details-wrapper p { color: #15151e; text-align: center; font-family: Titillium Web; font-size: 17px; line-height: 24px; letter-spacing: 0.2px; } .redesign-wrapper .event-details-wrapper p:last-of-type { margin: 0; } @media (max-width: 768px) { .redesign-wrapper .event-details-wrapper { padding: 30px 20px; } .redesign-wrapper .event-details-wrapper h2 { font-size: 22px; line-height: 26px; } .redesign-wrapper .event-details-wrapper p { font-size: 15px; line-height: 20px; } } </style>  <style type="text/css"> .redesign-wrapper .secondary-filter-wrapper #invisible { visibility: hidden; height: 0px; } .package-comparison .btn-back { padding-left: 0; padding-right: 0; margin-bottom: 20px; } .package-comparison .btn-back:after { content: none; } .package-comparison .btn-back:before { font-size: 10px; font-weight: 100; padding: 4px 15px 0 0; content: "H"; display: inline-block; font-family: "nav_icons"; font-size: 11px; -webkit-font-smoothing: antialiased; height: 1em; margin-top: -5px; position: static; right: 15px; transform: translateY(-50%); vertical-align: middle; width: 1em; } .package-comparison .comparison-table { border-radius: 0; border: 1px solid #15151E; margin-bottom: 20px; } .package-comparison .comparison-table .comparison-table-header { border-radius: 0; background: #15151E; padding: 10px; position: sticky; top: 240px; z-index: 8; } .package-comparison .comparison-table .comparison-table-header .content h4 { color: #FFF; margin: 0; } .package-comparison .comparison-table .comparison-table-body { padding: 30px 10px; } .package-comparison .comparison-table .comparison-table-body h5 { margin-bottom: 6px; } .package-comparison .comparison-table .comparison-table-body .content { display: flex; flex-wrap: none; border-radius: 5px; background: #FFF; margin-bottom: 15px; } .package-comparison .comparison-table .comparison-table-body .content .product-item .price { font-size: 17px; line-height: 24px; letter-spacing: 0.2px; font-family: "Titillium Web"; } .package-comparison .comparison-table .comparison-table-body .content:last-of-type { margin: 0; } .package-comparison .comparison-table .comparison-table-body .content .column { flex: 1 0 25%; border-right: 1px solid #EDEDED; padding: 8px 10px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; text-align: center; } .package-comparison .comparison-table .comparison-table-body .content .column p { text-align: center; } .package-comparison .comparison-table .comparison-table-body .content .column i:before { color: #E10600; } .package-comparison .comparison-table .comparison-table-body .content .column:last-of-type { border: none; } .package-comparison .comparison-table .comparison-table-body .content .column p:last-of-type { margin: 0 } .package-comparison .comparison-overview { display: flex; flex-wrap: none; position: sticky; top: 72px; z-index: 9; background: #f7f4f1; } .package-comparison .comparison-overview .close { opacity: 1; } .package-comparison .comparison-overview .column { border-right: 1px solid #D0D0D2; padding: 20px; display: flex; flex-wrap: wrap; flex: 1 0 25%; align-content: center; justify-content: center; text-align: center; flex-direction: column; position: relative; align-items: center; } .package-comparison .comparison-overview .column:first-of-type { padding-left: 31px; } .package-comparison .comparison-overview .column:last-of-type { padding-right: 31px; } .package-comparison .comparison-overview .column .btn { white-space: break-spaces; margin-top: 20px; } .package-comparison .comparison-overview .column .btn:after { margin-top: 2px; } .package-comparison .comparison-overview .column:first-of-type { border-left: 1px solid #D0D0D2; } .package-comparison .comparison-overview .column h4 { margin-bottom: auto; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .package-comparison .comparison-overview .column .remove { position: absolute; top: 5px; right: 5px; color: #e10600; } @media (max-width: 768px) { .package-comparison .comparison-table .comparison-table-body .content .column p, .package-comparison .comparison-table .comparison-table-body .content .column span, .package-comparison .comparison-table .comparison-table-body .content .product-item .price { font-size: 12px; line-height: 20px; } .package-comparison .comparison-overview .column .btn:after { margin-top: -4px; } .package-comparison .comparison-table .comparison-table-header { top: 175px; } .package-comparison .comparison-table .comparison-table-body h5 { font-size: 12px; line-height: 16px; letter-spacing: 0.5px; } .package-comparison .comparison-overview { top: 57px; } .package-comparison .comparison-table .comparison-table-body .content .column:nth-child(3), .package-comparison .comparison-table .comparison-table-body .content .column:nth-child(4), .package-comparison .comparison-overview .column:nth-child(3), .package-comparison .comparison-overview .column:nth-child(4) { display: none; } } @media (min-width: 1199px) { .package-comparison .comparison-table .comparison-table-header { top: 215px; } .package-comparison .comparison-overview .column h4 { -webkit-line-clamp: 2; line-clamp: 2; } } @media (max-width: 692px) { .package-comparison .comparison-overview .column h4 { -webkit-line-clamp: 1; line-clamp: 1; } } </style>  <style type="text/css"> .redesign-wrapper .nav.nav-tabs { border-bottom: 2px solid #D0D0D2; margin-top: 50px; } .redesign-wrapper .nav.nav-tabs .nav-item { margin-right: 20px; } .redesign-wrapper .nav.nav-tabs .nav-item button { color: #000; font-family: Formula1; font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; text-transform: capitalize; background: none; border: none; border-bottom: 5px solid transparent; } .redesign-wrapper .nav.nav-tabs .nav-item.active button, .redesign-wrapper .nav.nav-tabs .nav-item button.active { border-bottom: 5px solid #E10600 !important; } .redesign-wrapper .nav.nav-tabs .nav-item:not(.active) button { border-bottom: 5px solid transparent !important; } .redesign-wrapper .tab-content p.panel-title { position: relative; } .redesign-wrapper .tab-content p.panel-title a { font-size: 17px; line-height: 24px; text-align: left; letter-spacing: 0.2px; margin-top: 0; color: #15151e !important; text-transform: initial; text-decoration: none; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; } .redesign-wrapper .tab-content p.panel-title a:after { position: relative; height: 100%; right: initial; display: flex; justify-content: flex-end; margin-left: auto; } .redesign-wrapper .tab-content p.panel-title a:hover, .redesign-wrapper .tab-content p.panel-title a:focus { text-decoration: none; } .redesign-wrapper .tab-content p { color: #15151e !important; } .redesign-wrapper .tab-content { margin-bottom: 80px; } .redesign-wrapper .tab-pane.fade.show { display: none !important; opacity: 0; } .redesign-wrapper .tab-pane.fade.active.in, .redesign-wrapper .tab-pane.fade.show.active { display: block !important; opacity: 1; } @media (max-width: 768px) { .redesign-wrapper ul li, .redesign-wrapper .nav.nav-tabs .nav-item { margin-right: 0; } .redesign-wrapper ul li button, .redesign-wrapper .nav.nav-tabs .nav-item button { font-size: 12px; padding: 0 5px; } } </style>  <style type="text/css"> .redesign-wrapper .alacarte-wrapper { padding: 40px 60px; } .redesign-wrapper .alacarte-wrapper .alacarte-header { background: #15151e; padding: 20px; color: #FFF; } .redesign-wrapper .alacarte-wrapper .alacarte-header h3 { margin: 0; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper { background: #FFF; padding: 20px; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link { margin: 0px 0px 20px 0; border-radius: 0px 0px 15px 0px; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; display: block; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link:last-of-type { margin: 0; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link .alacarte-item { display: flex; align-items: center; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link .alacarte-item p { width: 185px; flex: 1 0 185px; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link .alacarte-item h3 { margin: 0 auto 0 0; color: rgb(30, 30, 30); } @media (max-width: 768px) { .redesign-wrapper .alacarte-wrapper { padding: 40px 20px; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link .alacarte-item { flex-wrap: wrap; gap: 20px; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link .alacarte-item p { width: 100%; flex: 1 0 100%; } .redesign-wrapper .alacarte-wrapper .alacarte-items-wrapper .alacarte-link .alacarte-item p span { float:left; } } .redesign-wrapper .options-wrapper { padding: 40px 60px; } .redesign-wrapper .options-wrapper h3 { margin: 0 0 10px 0; } .redesign-wrapper .options-wrapper .options { display: flex; flex-wrap: wrap; gap: 10px; } .redesign-wrapper .options-wrapper .options .option, .redesign-wrapper .options-wrapper .options .link-option { border-radius: 10px 10px 0px 0px; display: flex; flex-direction: column; flex: 1 0 calc(33.3333% - 10px); position: relative; color: #fff; text-align: center; font-family: Formula1; font-size: 25px; font-weight: bold; line-height: 30px; text-transform: capitalize; padding: 40px; z-index:3; } .redesign-wrapper .options-wrapper .options .option .filter-button, .redesign-wrapper .options-wrapper .options .link-option .filter-button { border-radius: 6px; border: 1px solid #fff; color: #fff; text-align: center; font-family: Titillium Web; font-size: 13px; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; padding: 8px 15px; margin-top: 10px; z-index: 2; align-self: center; transition: 0.3s all ease-in-out; } .redesign-wrapper .options-wrapper .options .option .content, .redesign-wrapper .options-wrapper .options .link-option .content { z-index: 2; pointer-events: none; } .redesign-wrapper .options-wrapper .options .option .external-button, .redesign-wrapper .options-wrapper .options .link-option .external-button { color: #fff; text-align: center; font-family: Titillium Web; font-size: 15px; font-weight: 400; line-height: 20px; margin-top: 10px; z-index: 2; transition: 0.3s all ease-in-out; } .redesign-wrapper .options-wrapper .options .option .image-wrapper img, .redesign-wrapper .options-wrapper .options .link-option .image-wrapper img { transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .options-wrapper .options .option:hover .image-wrapper img, .redesign-wrapper .options-wrapper .options .link-option:hover .image-wrapper img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .options-wrapper .options .option:hover .content, .redesign-wrapper .options-wrapper .options .option:hover .filter-button, .redesign-wrapper .options-wrapper .options .option:hover, .redesign-wrapper .options-wrapper .options .link-option:hover .content, .redesign-wrapper .options-wrapper .options .link-option:hover .filter-button, .redesign-wrapper .options-wrapper .options .link-option:hover { text-decoration: none; } .redesign-wrapper .options-wrapper .options .option:hover .filter-button, .redesign-wrapper .options-wrapper .options .link-option:hover .filter-button { border-color: #E10600; } .redesign-wrapper .options-wrapper .options .option .external-button img, .redesign-wrapper .options-wrapper .options .link-option .external-button img { display: inline-block; height: 10px; width: 10px; margin-left: 5px; } .redesign-wrapper .options-wrapper .options .option .image-wrapper, .redesign-wrapper .options-wrapper .options .link-option .image-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 0px 0px; z-index: 1; overflow: hidden; transition: 0.3s all ease-in-out; } .redesign-wrapper .options-wrapper .options .option .image-wrapper:before, .redesign-wrapper .options-wrapper .options .link-option .image-wrapper:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 10px 0px 0px; background: rgba(21, 21, 30, 0.7); z-index: 1; } .redesign-wrapper .options-wrapper .options .option .image-wrapper img, .redesign-wrapper .options-wrapper .options .link-option .image-wrapper img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; border-radius: 10px 10px 0px 0px; transition: 0.3s all ease-in-out; } @media (max-width: 768px) { .redesign-wrapper .options-wrapper { padding: 20px; } .redesign-wrapper .options-wrapper .options .option, .redesign-wrapper .options-wrapper .options .link-option { padding: 25px; font-size: 14px; line-height: 20px; flex: 1 0 100%; } } </style>  <style> .redesign-wrapper .blog-outer-wrapper { padding: 0 60px; } .redesign-wrapper .blog-wrapper { display: flex; flex-wrap: wrap; gap: 18px; transition: 0.3s all ease-in-out; margin-top: 50px; } .redesign-wrapper .blog-wrapper .blog { flex: 0 0 calc(25% - 18px); display: flex; flex-direction: column; overflow: hidden; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog .image-wrapper, .redesign-wrapper .blog-wrapper .blog .image-wrapper img { height: 200px; min-height: 200px; width: 100%; object-fit: cover; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog .content { padding: 16px; border-radius: 0px 0px 10px 10px; background: #FFF; height: 100%; z-index: 9; transition: margin .5s cubic-bezier(.2, 0, .05, 1), background-color .5s cubic-bezier(.2, 0, .05, 1), padding-bottom .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .blog-wrapper .blog .content p { font-size: 17px; line-height: 24px; text-transform: capitalize; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog .content p:last-of-type { margin: 0; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog .content p.blog-type { color: #E10600; font-family: Titillium Web; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 20px; margin-bottom: 5px; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog:hover { text-decoration: none; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog:hover .content { margin-top: -15px; padding-bottom: 31px; background: #15151e; transition: margin .5s cubic-bezier(.2, 0, .05, 1), background-color .5s cubic-bezier(.2, 0, .05, 1), padding-bottom .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .blog-wrapper .blog:hover .content p { color: #FFF; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog:hover .image-wrapper { overflow: hidden; transition: 0.3s all ease-in-out; } .redesign-wrapper .blog-wrapper .blog .image-wrapper img { transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .blog-wrapper .blog:hover .image-wrapper img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .blog-wrapper .blog { flex: 0 0 calc(50% - 18px); } } @media (max-width: 768px) { .redesign-wrapper .blog-wrapper .blog { flex: 1 0 100%; } .redesign-wrapper .blog-outer-wrapper { padding: 0 20px; } .redesign-wrapper .blog-wrapper { margin-top: 20px; } } </style>  <style type="text/css"> .redesign-wrapper .access-outer-wrapper { padding: 0 60px; } .redesign-wrapper .access-outer-wrapper .access-wrapper { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access { display: flex; flex-direction: column; align-items: center; flex: 0 0 calc(50% - 20px); } .redesign-wrapper .access-outer-wrapper .access-wrapper .access.quarter { flex: 0 0 calc(25% - 20px); } .redesign-wrapper .access-outer-wrapper .access-wrapper .access.third { flex: 0 0 calc(33.33333333% - 20px); } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .title { background: #15151E; padding: 20px; text-align: center; width: 100%; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .title h4 { margin: 0; font-size: 15px; font-weight: normal; line-height: 20px; color: #FFFFFF; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .content { background: #FFFFFF; padding: 20px; width: 100%; height: 100%; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .content p { font-size: 17px; font-weight: 300; line-height: 24px; color: #1e1e1e; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .content p .btn { margin-top: 20px; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .content ul { margin-bottom: 15px; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .content ul li { margin-bottom: 0; font-size: 17px; font-weight: 300; color: #1e1e1e; line-height: 24px; } .redesign-wrapper .access-outer-wrapper .access-wrapper .access .content p:last-of-type { margin: 0; } @media (max-width: 768px) { .redesign-wrapper .access-outer-wrapper .access-wrapper .access, .redesign-wrapper .access-outer-wrapper .access-wrapper .access.third, .redesign-wrapper .access-outer-wrapper .access-wrapper .access.quarter { flex: 1 0 100%; } .redesign-wrapper .access-outer-wrapper { padding: 0 20px; } } </style>  <style type="text/css"> .redesign-wrapper .content-outer-wrapper { padding: 0 60px; } .redesign-wrapper .content-outer-wrapper .image-content { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; } .redesign-wrapper .content-outer-wrapper .image-content .content { flex: 1 0 calc(100% - 250px - 40px); } .redesign-wrapper .content-outer-wrapper .image-content .image-wrapper { max-width: 250px; } .redesign-wrapper .content-outer-wrapper .image-content .image-wrapper img { width: 100%; display: block; } @media (max-width: 768px) { .redesign-wrapper .content-outer-wrapper { padding: 0 20px; } } </style>  <style type="text/css"> .redesign-wrapper .request-info-outer-wrapper { padding: 0 60px; } @media (max-width: 768px) { .redesign-wrapper .request-info-outer-wrapper { padding: 0 20px; } } </style>  <style type="text/css"> .redesign-wrapper .whats-included-wrapper { padding: 0 60px; } .redesign-wrapper .whats-included-wrapper .whats-included { display: flex; flex-wrap: wrap; gap: 20px; } .redesign-wrapper .whats-included-wrapper .whats-included .included { display: flex; flex-direction: column; align-items: center; flex: 0 0 calc(25% - 20px); } .redesign-wrapper .whats-included-wrapper .whats-included .included .image-wrapper { height: 200px; width: 100%; } .redesign-wrapper .whats-included-wrapper .whats-included .included .image-wrapper img { width: 100%; height: 200px; object-fit: cover; } .redesign-wrapper .whats-included-wrapper .whats-included .included .content { border-radius: 0px 0px 15px 0px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 0 10px 10px 10px; margin-top: 10px; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; } .redesign-wrapper .whats-included-wrapper .whats-included .included .content h3 { text-align: center; font-family: Titillium Web; font-size: 17px; font-weight: bold; line-height: 24px; letter-spacing: 0.2px; text-transform: uppercase; } .redesign-wrapper .whats-included-wrapper .whats-included .included .content p { text-align: center; font-size: 15px; line-height: 20px; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .whats-included-wrapper .whats-included .included { flex: 0 0 calc(50% - 20px); } } @media (max-width: 768px) { .redesign-wrapper .whats-included-wrapper .whats-included .included { flex: 1 0 100%; } .redesign-wrapper .whats-included-wrapper { padding: 0 20px; } } </style>  <style type="text/css"> .redesign-wrapper .video-wrapper { margin-bottom: 70px; position: relative; padding: 80px 60px 80px 60px; } .redesign-wrapper .video-wrapper:before { content: ""; background: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/61975-carbon-stripe-x2_%281%29-2a8f3a80c441c7f4486cc401a387942f.png); position: absolute; top: 65%; left: 0; right: 0; bottom: 0; width: 100%; background-size: 12px; height: 35%; } .redesign-wrapper .video-wrapper img, .redesign-wrapper .video-wrapper iframe { width: 100%; height: 100%; object-fit: cover; position: relative; max-height: 400px; min-height: 400px; } @media (max-width: 768px) { .redesign-wrapper .video-wrapper { margin-bottom: 20px; padding: 30px 20px; } } </style>  <style type="text/css"> .redesign-wrapper .event-header-image-wrapper { background-size: cover; min-height: 400px; display: flex; color: #FFF; } .redesign-wrapper .event-header-image-wrapper .background-fade { padding: 30px 60px 15px 60px; } .redesign-wrapper .event-header-image-wrapper .flag { width: 80px; height: 45px; margin-bottom: 20px; border-radius: 5px; } .redesign-wrapper .package-header-image .image, .redesign-wrapper .event-header-image-wrapper .amex-logo, .redesign-wrapper .about-us-header .amex-logo { width: 150px; height: 150px; display: block; } .redesign-wrapper .package-header-image .image { margin-left: auto; } .redesign-wrapper .event-header-iamge-wrapper .flag img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .redesign-wrapper .event-header-image-wrapper p { color: #FFF; font-family: Formula1; font-size: 18px; line-height: 24px; text-transform: uppercase; max-width: 65%; } .redesign-wrapper .event-header-image-wrapper h1 { color: #FFF; font-family: Formula1; font-size: 42px; font-weight: bold; line-height: 48px; text-transform: uppercase; margin: 0; max-width: 65%; } .redesign-wrapper .event-header-image-wrapper .max-width-container-amex h1, .redesign-wrapper .about-us-header .max-width-container-amex h1, .redesign-wrapper .package-header.package-header-image .package-header-content { max-width: 80%; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .event-header-image-wrapper h1, .redesign-wrapper .event-header-image-wrapper p, .redesign-wrapper .event-header-image-wrapper .max-width-container-amex h1, .redesign-wrapper .about-us-header .max-width-container-amex h1, .redesign-wrapper .package-header.package-header-image .package-header-content { width: 100%; max-width: 100%; } } @media (max-width: 768px) { .redesign-wrapper .event-header-image-wrapper { min-height: 250px; } .redesign-wrapper .package-header-image .image, .redesign-wrapper .event-header-image-wrapper .amex-logo, .redesign-wrapper .about-us-header .amex-logo { width: 80px; height: 80px; } .redesign-wrapper .event-header-image-wrapper .background-fade { padding: 20px; } .redesign-wrapper .event-header-image-wrapper .flag { width: 45px; height: 28px; margin-bottom: 10px; } .redesign-wrapper .event-header-image-wrapper p { font-size: 14px; line-height: 24px; } .redesign-wrapper .event-header-image-wrapper h1 { font-size: 24px; line-height: 28px; max-width: 100%; margin: 0; } .redesign-wrapper .event-header-image-wrapper h1, .redesign-wrapper .event-header-image-wrapper p { width: 100%; max-width: 100%; } } </style>  <style type="text/css"> .redesign-wrapper .contact-title { margin-top: 60px; } .redesign-wrapper .contact-us-outer-wrapper, .redesign-wrapper .content-container-outer { padding: 0 60px; } .redesign-wrapper .contact-us-wrapper { display: flex; flex-wrap: wrap; gap: 45px; } .redesign-wrapper .contact-us-wrapper h3 { font-size: 25px; font-weight: 400; line-height: 30px; text-transform: capitalize; } .redesign-wrapper .contact-us-wrapper .dark-wrapper { flex: 1 0 calc(50% - 45px); border-radius: 10px; background: #38383f; padding: 40px 30px; color: #FFF; } .redesign-wrapper .contact-us-wrapper .dark-wrapper h2 { color: #FFF; font-size: 32px; font-weight: 400; line-height: 36px; text-transform: capitalize; } .redesign-wrapper .contact-us-wrapper p { font-size: 15px; font-weight: 400; line-height: 20px; width: 100%; } .redesign-wrapper .contact-us-wrapper .dark-wrapper #infoRequestForm { margin-top: 30px; } .redesign-wrapper .contact-us-wrapper .dark-wrapper label { color: #fff; } .redesign-wrapper .contact-us-wrapper .office-wrapper { flex: 1 0 calc(50% - 45px); } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 60px; } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office { flex: 1 0 calc(50% - 5px); border-radius: 5px; background: #fff; padding: 8px; display: flex; } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office .office-location { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; border-right: dotted 2px #d0d0d2; flex: 0 0 70px; } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office .office-location h4 { margin-bottom: 0; } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office .office-details { padding: 10px; flex: 1 0 calc(100% - 70px - 5px); } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office .office-details p:last-of-type { margin-bottom: 0; } .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office .office-details p { overflow-wrap: anywhere; color: #1e1e1e; } .redesign-wrapper .contact-us-wrapper .office-wrapper h3.email-us { background: #f7f4f1; display: inline-block; margin-bottom: -9px; padding: 0 25px 5px 0; margin-top: 0; } .redesign-wrapper .contact-us-wrapper .office-wrapper .email-us-wrapper { border-radius: 0px 25px 0 0px; border-top: 10px solid #5b5b61; border-right: 10px solid #5b5b61; display: flex; margin-top: -15px; padding-top: 40px; padding-right: 30px; flex-wrap: wrap; } @media (max-width: 1000px) { .redesign-wrapper .contact-us-wrapper .office-wrapper .offices .office { flex: 1 0 calc(100%); } .redesign-wrapper .contact-us-wrapper .dark-wrapper, .redesign-wrapper .contact-us-wrapper .office-wrapper { flex: 1 0 100%; } } @media (max-width: 768px) { .redesign-wrapper .contact-title { margin-top: 40px; } .redesign-wrapper .contact-us-outer-wrapper, .redesign-wrapper .content-container-outer { padding: 0 20px; } .redesign-wrapper .contact-us-wrapper { gap: 25px; } .redesign-wrapper .contact-us-wrapper .dark-wrapper, .redesign-wrapper .contact-us-wrapper .office-wrapper { flex: 1 0 100%; } } </style>  <style type="text/css"> .redesign-wrapper .package-header { background-image: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/60292-pattern-v3-9c005f3e8a3d25adb83e9ac7a1d53795.png); padding: 100px 60px 20px 60px; width: 100%; } .redesign-wrapper .package-header .package-status .status-text { border-radius: 100px; color: #fff; text-align: center; font-family: "formula1", sans-serif; padding: 5px 30px; font-size: 14px; font-weight: bold; line-height: 18px; text-transform: uppercase; margin-top: 0; margin-bottom: 20px; float: none; display: inline-block; width: initial; } .redesign-wrapper .package-header .package-status .status-text.available { background: #e10600; } .redesign-wrapper .parent-package .content .package-header h1, .redesign-wrapper .package-header h1 { color: #15151e; float: none; margin-bottom: 0; } @media (max-width: 768px) { .redesign-wrapper .package-header { padding: 30px 20px 20px 20px; } .redesign-wrapper .package-header h1 { text-align: left; } .redesign-wrapper .package-header .package-status .status-text { margin-bottom: 15px; } } </style>  <style type="text/css"> .redesign-wrapper .package-inclusions-wrapper.hightlighted { gap: 0; padding: 0; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion { flex: 1 0 100%; flex-direction: row; position: relative; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .image-wrapper { width: 50%; border-radius: 0px; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 50%; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion:nth-of-type(odd) .image-wrapper { left: 50%; right: 0; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .image-wrapper img { border-radius: 0px; height: 100%; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content { border-radius: 0px; border: none; padding: 60px; margin-top: 0; align-items: flex-start; color: #FFFFFF; background: #38383f; margin-left: 50%; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content div#champions, .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content div#paddock { display: block; position: relative; top: -125px; visibility: hidden; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content.black { background: #15151E; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p { font-size: 17px; color: #FFFFFF; line-height: 24px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion:nth-of-type(odd) .content { margin-right: 50%; margin-left: 0; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content a { color: #e10600; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content a.btn-secondary, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content ul, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content ul li { color: #FFFFFF; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content a.btn-secondary { margin-top:10px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content h3 { margin-bottom: 10px; color: #FFFFFF; font-size: 20px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p.date { font-size: 18px; line-height: 24px; text-align: left; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p:last-child, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content ul:last-child, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content ul li:last-child { margin-bottom: 0; } @media (max-width: 768px) { .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content h3 { font-size: 18px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content a.btn-secondary { width:auto; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content div#champions, .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content div#paddock { top: -75px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion { flex-direction: column-reverse; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .image-wrapper, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion:nth-of-type(odd) .image-wrapper { position: relative; width: 100%; left: 0; height: 180px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion:nth-of-type(odd) .content { margin: 0; padding: 35px 20px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content h3 { margin-bottom: 10px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content li, .redesign-wrapper .package-inclusions-wrapper.hightlighted .package-inclusion .content p.date { font-size: 15px; line-height: 20px; } } </style>  <style type="text/css"> .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option { background: #38383f; padding: 0 60px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option h2 { margin: 50px 0 5px 0; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option h4 { font-weight: normal; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option h2, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option h4, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option p { color: #FFFFFF; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper { display: flex; flex: 1 0 100%; gap: 20px; flex-wrap: wrap; margin-top: 50px; margin-bottom: 50px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion .content { border-radius: 0px 0px 15px 15px; padding: 20px 15px 30px 15px; background: #151515; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion:first-of-type { flex: 1 1 calc(25% - 20px); flex-direction: column; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion .image-wrapper, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion .content, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion:first-of-type .image-wrapper { position: relative; left: initial; right: initial; top: initial; bottom: initial; width: 100%; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion .image-wrapper, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion .image-wrapper img { height: 187px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion .content, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion:first-of-type .content { margin: 0; padding: 20px 15px 30px 15px; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion:first-of-type { flex: 0 1 calc(50% - 20px); } } @media (max-width: 768px) { .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option { padding: 0 20px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option h2 { margin: 20px 0 5px 0; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper { flex-wrap: wrap; margin-top: 20px; margin-bottom: 30px; } .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion, .redesign-wrapper .package-inclusions-wrapper.hightlighted.multi-option .mutli-option-wrapper .package-inclusion:first-of-type { flex: 1 0 100%; } } </style>  <style type="text/css"> .redesign-wrapper .package-inclusions-wrapper { display: flex; flex-wrap: wrap; gap: 25px; padding: 0 60px 60px 60px; width: 100%; background-image: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/60294-zebra-v2-fbfa1819dc2160c9df0696eced6098ae.png); background-color: #fff; } .redesign-wrapper .package-inclusions-wrapper .package-inclusions { border: none; padding: 0; display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; } .redesign-wrapper .package-inclusions-wrapper .package-inclusions.left-align { justify-content: flex-start; } .redesign-wrapper .package-inclusions-wrapper h2 { flex: 1 0 100%; margin: 50px 0; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion { display: flex; flex-direction: column; align-items: center; flex: 0 0 calc(33.33333% - 10px); } .redesign-wrapper .package-inclusions-wrapper .package-inclusion.half { flex: 0 0 calc(50% - 15px); } .redesign-wrapper .package-inclusions-wrapper .package-inclusion.quarter { flex: 0 0 calc(25% - 15px); } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper { height: 200px; width: 100%; border-radius: 0px 0px 6px 6px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper img { width: 100%; height: 200px; object-fit: cover; border-radius: 0px 0px 6px 6px; } .redesign-wrapper .package-inclusions-wrapper.smaller-images .package-inclusion .image-wrapper, .redesign-wrapper .package-inclusions-wrapper.smaller-images .package-inclusion .image-wrapper img { height: 200px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content { border-radius: 0px 0px 15px 0px; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 15px 20px; margin-top: 15px; display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content h4 { font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 5px; font-family: "Titillium Web"; text-transform: uppercase; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content p { font-size: 15px; line-height: 20px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content p.date { font-size: 14px; line-height: 18px; font-weight: 400; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content p.date, .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content p.date:last-of-type { text-transform: uppercase; text-align: center; margin-bottom: 10px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content p:last-child, .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content ul:last-child { margin-bottom: 0; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .package-inclusions-wrapper .package-inclusion { flex: 1 1 calc(50% - 15px); } } @media (max-width: 768px) { .redesign-wrapper .package-inclusions-wrapper { padding: 30px 20px 40px 20px; gap: 10px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion.half, .redesign-wrapper .package-inclusions-wrapper .package-inclusion.quarter { flex: 1 0 100%; } .redesign-wrapper .package-inclusions-wrapper h2 { margin: 0 0 20px 0; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion { flex: 1 0 100%; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper { height: 150px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper img { height: 150px; } .redesign-wrapper .package-inclusions-wrapper .package-inclusion .content { padding: 0 20px 20px 20px; margin-top: 8px; } } </style>  <style type="text/css"> .redesign-wrapper .package-extras-wrapper { background: #f7f4f1; display: flex; flex-wrap: wrap; gap: 30px; margin: 0; justify-content: center; } .redesign-wrapper .package-extras-wrapper .package-extras { display: flex; flex-wrap: wrap; gap: 30px; justify-content: space-around; } .redesign-wrapper .package-extras-wrapper .package-extra { display: flex; flex-direction: row; gap: 20px; flex: 0 0 40%; margin: 60px 0; } .redesign-wrapper .package-extras-wrapper .package-extra .image-wrapper { width: 80px; height: 80px; display: flex; align-content: center; align-items: center; flex-wrap: wrap; flex: 1 0 80px; } .redesign-wrapper .package-extras-wrapper .package-extra .image-wrapper img { width: 100%; height: 100%; max-width: 100%; } .redesign-wrapper .package-extras-wrapper .package-extra .content { display: flex; flex-direction: column; padding: 0; } .redesign-wrapper .package-extras-wrapper .package-extra .content h4 { margin: 0 0 10px 0; } .redesign-wrapper .package-extras-wrapper .package-extra .content p { margin: 0; } @media (max-width: 768px) { .redesign-wrapper .package-extras-wrapper { gap: 25px; } .redesign-wrapper .package-extras-wrapper .package-extra { flex-direction: column; gap: 15px; flex: 1 0 100%; align-items: center; text-align: center; padding: 0 20px; } .redesign-wrapper .package-extras-wrapper .package-extra:last-of-type { margin-bottom: 40px; margin-top: 0; } .redesign-wrapper .package-extras-wrapper .package-extra:first-of-type { margin-top: 40px; margin-bottom: 0; } .redesign-wrapper .package-extras-wrapper .package-extra:only-child { margin-top: 40px; margin-bottom: 40px; } .redesign-wrapper .package-extras-wrapper .package-extra .content h4, .redesign-wrapper .package-extras-wrapper .package-extra .content p { text-align: center; } .redesign-wrapper .package-extras-wrapper .package-extra .content h3 { margin-bottom: 0; } } </style>  <style type="text/css"> .redesign-wrapper .hotel-wrapper { background: #fff; padding: 60px; } .redesign-wrapper .hotel-wrapper h2 { margin: 0 0 15px 0; } .redesign-wrapper .hotel-wrapper .hotel-section { margin-top: 40px } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-details { display: flex; flex-wrap: wrap; width: 85%; gap: 20px; margin: 30px 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-details .border { border-radius: 0px 0px 10px 0px; border-right: 1px solid #d0d0d2; border-bottom: 1px solid #d0d0d2; flex: 0 0 calc(50% - 20px); padding: 0 15px 15px 10px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-details .border h4 { font-weight: normal; text-transform: uppercase; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-details .extra { flex: 1 0 100%; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper { border-radius: 0px 25px 25px 0px; border-top: 10px solid #e10600; border-right: 10px solid #e10600; border-bottom: 10px solid #e10600; display: block; margin-top: -15px; padding-top: 40px; padding-bottom: 40px; padding-right: 30px; } .redesign-wrapper .hotel-wrapper .hotel-section h3.hotel-content { background: #fff; display: inline-block; margin-bottom: -9px; padding: 0 25px 5px 0; color: #15151e; font-family: "formula1", sans-serif; font-size: 25px; font-weight: bold; line-height: 30px; text-transform: capitalize; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper { display: flex; flex-wrap: wrap; gap: 15px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel { flex: 1 1 calc(25% - 12px); display: flex; flex-direction: column; max-width: 50%; height: auto; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .slide-up-down-wrapper.hotel.collapsed { display: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .slide-up-down-wrapper.hotel .hotel { max-width: 100%; height: 100%; flex-basis: auto; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .desktop, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .collapse { display: block; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .mobile { display: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5 a { text-transform: uppercase; color: #1e1e1e; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5.mobile { margin: 0; min-height: 20px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5.mobile a { z-index: 9; background: white; padding: 20px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom: 1px solid #d0d0d2; margin: -20px -20px -18px -20px; display: flex; align-items: center; align-content: center; flex-wrap: wrap; flex-direction: unset; position: relative; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5.mobile a .hotel-title { max-width: 90%; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5.mobile a.collapsed { border-bottom: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .image-wrapper { height: 160px; width: 100%; position: relative; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .image-wrapper.mobile { margin-bottom: 10px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .image-wrapper.mobile:after { content: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .image-wrapper img { object-fit: cover; width: 100%; height: 100%; min-height: 160px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .image-wrapper:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: 0.3s all ease; z-index: 1; background-color: rgba(21, 21, 30, .4); } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .image-wrapper:after { content: 'View Gallery'; position: absolute; top: 50%; display: flex; color: white; align-items: center; justify-content: center; border: 2px solid white; padding: 10px 40px; z-index: 2; opacity: 1; left: 50%; transform: translate(-50%, -50%); border-radius: 6px; text-align: center; font-family: Titillium Web; font-size: 13px; font-style: normal; transition: 0.3s all ease; font-weight: 700; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; width: 200px; max-width: 90%; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper.no-gallery .hotel .image-wrapper:after { content: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content { display: flex; flex-direction: column; border-radius: 0px 0px 10px 0px; border-right: 1px solid #d0d0d2; border-bottom: 1px solid #d0d0d2; padding: 0 15px 15px 15px; margin-top: 15px; height: 100%; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel:hover, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel:hover .content, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel:hover .content p, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel:hover .content h5 a { text-decoration: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content strong { text-transform: capitalize; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h4 { margin-bottom: 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content .stars-wrapper { margin-bottom: 10px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content .stars-wrapper i { font-family: FontAwesome; font-style: normal; color: #e10600; font-size: 20px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content p, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content ul li { color: #15151e; font-size: 15px; line-height: 20px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content p a, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content p span.uppercase { font-size: 13px; color: #e10600; font-weight: bold; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel { flex: 0 0 calc(50% - 12px); max-width: 50%; } } @media (max-width: 768px) { .redesign-wrapper .hotel-wrapper { padding: 30px 20px 0 20px; } .redesign-wrapper .hotel-wrapper .hotel-section { margin-top: 20px } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel { border-radius: 6px; border: 1px solid #d0d0d2; padding: 20px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .hotel { border-radius: 0; border: none; padding: 0; } .redesign-wrapper .hotel-wrapper .hotel-section h3.hotel-content { font-size: 20px; line-height: 24px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content .panel-collapse { margin-top: 30px } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .desktop, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .collapse { display: none; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .mobile, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .collapse.in { display: block; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content { border: none; padding: 0; margin: 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5 a { margin: 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5 a:after { margin: 0; content: "-"; color: #e10600; font-size: 40px; font-weight: 100; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel .content h5 a.collapsed:after { content: "+"; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show { position: relative; padding: 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show .image-wrapper { position: absolute; top: 80px; right: 20px; left: 20px; width: calc(100% - 20px - 20px); } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show .content { padding: 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show .content h5 a { padding: 20px; border-bottom: 1px solid #d0d0d2; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show .content p, .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show .content .stars-wrapper { padding: 0 20px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel.show .content .stars-wrapper { margin-top: 190px; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-details { width: 100%; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-details .border { flex: 1 0 100%; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper { border-radius: 0; border-top: 5px solid #e10600; border-right: none; border-bottom: none; margin-top: 12px; padding-top: 20px; padding-bottom: 20px; padding-right: 0; } .redesign-wrapper .hotel-wrapper .hotel-section .hotel-content-wrapper .hotel { flex: 1 0 100%; max-width: 100%; } } </style>  <style type="text/css"> .parent-package .redesign-wrapper .purchasing-details { padding: 60px; position: relative; } .parent-package .redesign-wrapper .purchasing-details .max-width-container { position: relative; } .parent-package .redesign-wrapper .purchasing-details.details:before { content: ""; background: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/61975-carbon-stripe-x2_%281%29-2a8f3a80c441c7f4486cc401a387942f.png); position: absolute; top: 65%; left: 0; right: 0; bottom: 0; background-size: 12px; width: 100%; height: 35%; } .parent-package .redesign-wrapper .purchasing-details .purchasing { margin: 0; border-radius: 30px; border: 2px solid #d0d0d2; background: #fff; padding: 60px; } .parent-package .redesign-wrapper .purchasing-details .purchasing h2.pricing_header { margin: 0 0 -15px 0; color: #15151e; font-family: "formula1", sans-serif; font-size: 32px; font-weight: bold; line-height: 36px; } .parent-package .redesign-wrapper .purchasing-details .purchasing .occupancy-desc { color: #15151e; font-family: "Titillium Web"; font-size: 17px; line-height: 24px; font-weight: normal; letter-spacing: 0.2px; } .parent-package .redesign-wrapper .purchasing-details .purchasing .subtotal, .parent-package .redesign-wrapper .purchasing-details .purchasing .or-payment-terms { font-size: 18px; line-height: 24px; font-family: "formula1", sans-serif; } .parent-package .redesign-wrapper .purchasing-details .purchasing .currency-disclaimer { margin-bottom: 0; } @media (max-width: 768px) { .parent-package .redesign-wrapper .purchasing-details { padding: 20px; } .parent-package .redesign-wrapper .purchasing-details .purchasing { padding: 30px 15px; border-radius: 10px; } .parent-package .redesign-wrapper .purchasing-details.details .purchasing .heading { margin-left: 0; max-width: 100%; } .parent-package .redesign-wrapper .purchasing-details .purchasing h2.pricing_header { font-size: 22px; line-height: 26px; } } </style>  <style type="text/css"> .redesign-wrapper .request-information-wrapper { display: flex; flex-wrap: wrap; position: relative; } .redesign-wrapper .request-information-wrapper .form-title, .redesign-wrapper .request-information-wrapper .form-instructions { display: none; } .redesign-wrapper .request-information-wrapper .image-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 60%; display: flex; flex-wrap: wrap; } /* .redesign-wrapper .request-information-wrapper .image-wrapper:after { content: ""; background: linear-gradient(89deg, rgba(0, 0, 0, 0.35) 1.14%, rgba(0, 0, 0, 0.00) 98.76%); position: absolute; top: 0; right: 0; left: 0; bottom: 0; } */ .redesign-wrapper .request-information-wrapper .image-wrapper img { flex: 1 0 100%; object-fit: cover; max-width: 100%; height: 50%; /* -webkit-mask-image:-webkit-gradient(89deg, rgba(0, 0, 0, 0.35) 1.14%, rgba(0, 0, 0, 0) 98.76%); mask-image: linear-gradient(89deg, rgba(0, 0, 0, 0.35) 1.14%, rgba(0, 0, 0, 0) 98.76%); */ } .redesign-wrapper .request-information-wrapper .content { flex: 0 0 60%; margin-left: 40%; padding: 70px 60px; max-width: 885px; } @media (max-width: 768px) { .redesign-wrapper .request-information-wrapper .image-wrapper img { height: 150px; -webkit-mask-image: none; mask-image: none; } .redesign-wrapper .request-information-wrapper .image-wrapper:after { content: none; } .redesign-wrapper .request-information-wrapper .image-wrapper img:nth-of-type(2) { display: none; } .redesign-wrapper .request-information-wrapper .image-wrapper { position: relative; top: initial; right: initial; bottom: initial; left: initial; width: 100%; } .redesign-wrapper .request-information-wrapper .content { flex: 1 0 100%; margin-left: 0; padding: 40px 20px; max-width: 100%; } } </style>  <style type="text/css"> .redesign-wrapper .header-image-wrapper { background-size: cover; } .redesign-wrapper .header-image-wrapper .header-image-fade { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #15151E 91.15%); padding: 250px 60px 20px 60px; color: #FFF; } .redesign-wrapper .header-image-wrapper .header-image-fade .flag { width: 80px; height: 45px; margin-bottom: 20px; border-radius: 5px; } .redesign-wrapper .header-image-wrapper .header-image-fade .flag img { width: 100% height:100% object-fit:cover; border-radius: 5px; } .redesign-wrapper .header-image-wrapper .header-image-fade h1 { max-width: 65%; margin: 0 0 5px 0; } .redesign-wrapper .header-image-wrapper .header-image-fade p { margin: 0; } @media (max-width: 768px) { .redesign-wrapper .header-image-wrapper .header-image-fade { padding: 95px 20px 15px 20px; } .redesign-wrapper .header-image-wrapper .header-image-fade .flag { width: 45px; height: 28px; margin-bottom: 10px; } .redesign-wrapper .header-image-wrapper .header-image-fade h1 { max-width: 100%; } } </style>  <style type="text/css"> .redesign-wrapper .calendar-outer-wrapper { padding: 0 60px; margin-top: 50px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper.no-padding { padding: 0; } .no-padding-bottom { padding-bottom:0 !important; } .redesign-wrapper .calendar-outer-wrapper p { line-height: 1.4em; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .calendar-link { background: #ffffff; border-radius: 0px 0px 10px 10px; width: 100%; display: flex; flex-direction: column; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .calendar-link .event-image img { transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .calendar-link:hover .event-image img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .calendar-link:hover, .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .calendar-link:hover .event-content { text-decoration: none; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper { display: flex; margin-bottom: 20px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper.collapsed { display: none; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper { margin-bottom: 0; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-image img { width: 100%; height: 160px; object-fit: cover; max-width: 100%; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .button { width: auto; margin-top: auto; background: none; border: none; box-shadow: none; color: #e10600; text-decoration: none; text-align: left; padding: 0; font-family: Titillium Web; font-size: 13px; font-style: normal; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .button-wrapper { margin-top: auto; display: flex; flex-direction: column; width: 100%; gap: 5px; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .button.btn-secondary { color: #FFF; background: #e10600; padding: 6px 12px; width: 100%; text-align: center; margin: 0 !important; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .button.btn-secondary.btn-blue { background: #1c21f9; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper header { display: flex; flex-direction: row; gap: 10px; height: 100%; flex-wrap: wrap; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title { display: flex; color: #15151e; flex-direction: column; transition: 0.3s all ease-in-out; width: 100%; } .redesign-wrapper .calendar-outer-wrapper .event-image { position: relative; height: 160px; overflow: hidden; min-height: 160px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .event-content { padding: 20px; display: flex; flex-direction: column; height: 100%; background: #FFF; transition: 0.3s all ease-in-out; border-radius: 0px 0px 10px 10px; z-index: 9; } .redesign-wrapper .calendar-outer-wrapper .calendar-link:hover .event-content { margin-top: -10px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-link:hover .event-content .button { margin-bottom: 10px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .event-date { position: absolute; top: 20px; left: 20px; background-color: #000; color: #ffffff; border-radius: 50px; margin: 0 auto; font-size: 14px; font-weight: 600; padding: 5px 30px; transition: 0.3s all ease-in-out; text-transform: uppercase; z-index: 10; } .redesign-wrapper .calendar-outer-wrapper .event-flag { width: 65px; margin-top: -40px; height: 40px; z-index: 9; border-radius: 6px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .event-flag img { max-width: 100%; width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 5px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-family: "formula1", sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; text-transform: uppercase; margin: 0; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title .country { color: #b4b4b4; font-family: "Titillium Web"; font-size: 13px; font-weight: 600; line-height: 20px; margin: 0; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title .country .mobile-only { display: none; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title .event-name sup { top: -0.5em; font-size: 65%; } .redesign-wrapper .calendar-outer-wrapper .calendar { padding-bottom: 20px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 15px; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper { width: 100%; padding: 0; transition: 0.3s all ease-in-out; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type { grid-row-end: span 2; grid-column-end: span 2; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type .event-image, .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type .event-image img { height: 467px; min-height: 467px; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type .event-date { background: #e10600; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .calendar-outer-wrapper .calendar { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 768px) { .redesign-wrapper .calendar-outer-wrapper.extra-gap .calendar { grid-gap: 25px; } .redesign-wrapper .calendar-outer-wrapper { padding: 0 20px; margin-top: 30px; } .redesign-wrapper .calendar-outer-wrapper .event-image { overflow: initial; } .redesign-wrapper .calendar-outer-wrapper .calendar { grid-template-columns: repeat(1, 1fr); margin-top: 20px; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .calendar-link { background: #ffffff; border-radius: 10px; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title .country .mobile-only { display: inline-block; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted { grid-gap: 25px; margin-top: 40px; } .redesign-wrapper .calendar-outer-wrapper .calendar .calendar-wrapper { margin-bottom: 0; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type { grid-row-end: initial; grid-column-end: initial; } .redesign-wrapper .calendar-outer-wrapper .event-image, .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type .event-image, .redesign-wrapper .calendar-outer-wrapper .event-image img, .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .calendar-wrapper:first-of-type .event-image img { height: auto; min-height: auto; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-image img { display: none; } .redesign-wrapper .calendar-outer-wrapper .event-date { top: -15px; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper header { margin-bottom: 0; } .redesign-wrapper .calendar-outer-wrapper .event-content { flex-direction: row; gap: 15px; padding: 20px; align-items: center; border-radius: 10px; } .redesign-wrapper .calendar-outer-wrapper .calendar.calendar-highlighted .event-content { padding: 30px 20px 20px 20px; } .redesign-wrapper .calendar-outer-wrapper .event-content .button { position: relative; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .event-title { margin-top: 0; } .redesign-wrapper .calendar-outer-wrapper .event-flag { margin-top: 0; min-width: 65px; } .redesign-wrapper .calendar-outer-wrapper .calendar-wrapper .button { margin: 0; } } .redesign-wrapper .load-more { margin: 30px auto; color: #15151e; font-family: Titillium Web; font-size: 13px; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; } .redesign-wrapper .load-more:hover, .redesign-wrapper .load-more:active, .redesign-wrapper .load-more:focus { text-decoration: none; outline: none; } .redesign-wrapper .load-more .arrow-wrapper { height: 27px; width: 27px; border-radius: 0px 8px 0px 0px; border-top: 1px solid #15151e; border-right: 1px solid #15151e; display: flex; align-items: center; margin-left: 4px; font-weight: 100; } .redesign-wrapper .load-more .arrow-wrapper:after { content: "J"; font-family: "nav_icons"; font-size: 11px; height: 100%; position: static; width: 100%; display: flex; align-items: center; justify-content: center; color: #e10600; padding-top: 4px; } .redesign-wrapper .load-more .arrow-wrapper.flipped:after { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } </style>  <style type="text/css"> .redesign-wrapper .interested-wrapper { background: #dbdbdd; padding: 40px 60px; } .redesign-wrapper .interested-wrapper h3 { background: #dbdbdd; display: inline-block; margin-bottom: -9px; padding: 0 25px 5px 0; margin-top: 0; } .redesign-wrapper .interested-wrapper .links { border-radius: 0px 25px 0 0px; border-top: 10px solid #5b5b61; border-right: 10px solid #5b5b61; display: flex; margin-top: -15px; padding-top: 40px; padding-right: 30px; flex-wrap: wrap; gap: 15px; justify-content: space-between; } .redesign-wrapper .interested-wrapper .links .link { display: flex; flex-direction: column; flex: 0 0 calc(50% - 15px); border-radius: 25px 25px 0px 0px; position: relative; } .redesign-wrapper .interested-wrapper .links .link.f1-tickets { background: linear-gradient(360deg, #000000c4, #0000001e), url(https://assets.quintevents.com/m/3dff2170e5cb4556/72_DPI_WEB-F1E-Canada-2023-Grandstand-15.jpg); padding: 50px; background-size: cover; background-position: 50% 75%; } .redesign-wrapper .interested-wrapper .links .link.f1-tickets img { max-width: 90%; margin: auto; width: 300px; } .redesign-wrapper .interested-wrapper .links .link.blank { background: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/61975-carbon-stripe-x2_%281%29-2a8f3a80c441c7f4486cc401a387942f.png); background-size: 12px; } .redesign-wrapper .interested-wrapper .links .link img { border-radius: 25px 25px 0px 0px; } @media (max-width: 768px) { .redesign-wrapper .interested-wrapper { display: none; } } </style>  <style type="text/css"> .redesign-wrapper .about-us-header { color: #fff; background-size: cover !important; min-height: 500px; display: flex; } .redesign-wrapper .about-us-header.about-us-header-small { min-height: 400px; } .redesign-wrapper .about-us-header.image-outer { height: 350px; display: block; } .redesign-wrapper .about-us-header h1 img { width: 100%; } .redesign-wrapper .about-us-header.center .background-fade { padding: 80px 60px; align-items: center; height: 100%; } .redesign-wrapper .about-us-header.center .background-fade h1, .redesign-wrapper .about-us-header.center .background-fade img { height: 40%; max-height: 80%; margin: auto; max-width: 100%; object-fit: contain; display: block; } .redesign-wrapper .about-us-header.center .background-fade img, .redesign-wrapper .about-us-header.center .background-fade h1 img { max-height: 100%; max-width: 100%; height: 100%; width: 100%; margin: auto; object-fit: contain; display: block; } .redesign-wrapper .about-us-header .background-fade { padding: 30px 60px 15px 60px; } .redesign-wrapper .about-us-header .background-fade .max-width-container { margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-end; } .redesign-wrapper .about-us-header .background-fade h1, .redesign-wrapper .about-us-header .background-fade p { max-width: 71%; } .redesign-wrapper .about-us-header .background-fade p:last-of-type { margin: 0; } @media (max-width: 768px) { .redesign-wrapper .about-us-header.center .background-fade h1 { max-width: 80%; } .redesign-wrapper .about-us-header.image-outer { min-height: 220px; } .redesign-wrapper .about-us-header { min-height: 350px; } .redesign-wrapper .about-us-header.about-us-header-small { min-height: 300px; } .redesign-wrapper .about-us-header .background-fade { padding: 40px 20px; } .redesign-wrapper .about-us-header.about-us-header-small .background-fade { padding: 20px; } .redesign-wrapper .about-us-header.center .background-fade { padding: 30px 20px; } .redesign-wrapper .about-us-header .background-fade h1, .redesign-wrapper .about-us-header .background-fade p { max-width: 100%; } } </style>  <style type="text/css"> .redesign-wrapper .about-us-outer-container { background: #15151e; padding: 65px 60px 60px 60px; } .redesign-wrapper .about-us-container { background: #15151e; display: flex; flex-wrap: wrap; gap: 20px; } .redesign-wrapper .about-us-container .about-us-item { display: flex; flex: 1 0 calc(50% - 20px); flex-direction: column; } .redesign-wrapper .about-us-container .about-us-item .image-wrapper { height: 245px; width: 100%; margin-bottom: 25px; } .redesign-wrapper .about-us-container .about-us-item .image-wrapper img { height: 100%; object-fit: cover; width: 100%; } .redesign-wrapper .about-us-container .about-us-item .content { color: #ffffff; } .redesign-wrapper .about-us-container .about-us-item .content h4 { margin: 0 0 5px 0; } @media (max-width: 768px) { .redesign-wrapper .about-us-outer-container { padding: 20px; } .redesign-wrapper .about-us-container .about-us-item { flex: 1 0 100%; } } </style>  <style type="text/css"> .redesign-wrapper .team-packages-header { background-size: cover; height: 350px; } .redesign-wrapper .team-packages-header .background-fade { padding: 80px 60px; height: 100%; } .redesign-wrapper .team-packages-header .background-fade.blue { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 23, 76, 0.75) 100%); } .redesign-wrapper .team-packages-header .background-fade.lt-blue { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(34, 147, 209, 0.75) 100%); } .redesign-wrapper .team-packages-header .background-fade.orange { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(255, 135, 0, 0.8) 100%); } .redesign-wrapper .team-packages-header .background-fade.alpine-blue { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(33, 115, 184, 0.8) 100%); } .redesign-wrapper .team-packages-header .background-fade.green { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 231, 1, 0.8) 100%); } .redesign-wrapper .team-packages-header .background-fade.grey { background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, #787878 100%); } .redesign-wrapper .team-packages-header .background-fade.red { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(155, 0, 0, 0.8) 100%); } .redesign-wrapper .team-packages-header .background-fade.black { background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.8) 100%); } .redesign-wrapper .team-packages-header .background-fade img { max-height: 80%; margin: auto; max-width: 100%; object-fit: contain; display: block; } .redesign-wrapper .team-packages-outer-wrapper { padding: 0 60px; } .redesign-wrapper .team-packages-outer-wrapper #fan, .redesign-wrapper .team-packages-outer-wrapper #paddock, .redesign-wrapper .team-packages-outer-wrapper #fan2, .redesign-wrapper .team-packages-outer-wrapper #paddock2 { top: -80px; position: relative; } .redesign-wrapper .team-packages-outer-wrapper h3.team-packages-wrapper-title, .redesign-wrapper .team-packages-outer-wrapper h2.team-packages-wrapper-title { background: #f7f4f1; display: inline-block; margin-bottom: -9px; padding: 0 25px 5px 0; color: #15151e; font-family: "formula1", sans-serif; font-size: 25px; font-weight: bold; line-height: 30px; text-transform: capitalize; max-width: 100%; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper { border-radius: 0px 25px 25px 0px; border-top: 10px solid #e11f26; border-right: 10px solid #e11f26; border-bottom: 10px solid #e11f26; display: block; margin-top: -15px; padding-top: 30px; padding-bottom: 40px; padding-right: 30px; margin-bottom: 80px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.blue { border-top: 10px solid #00174C; border-right: 10px solid #00174C; border-bottom: 10px solid #00174C; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.alpine-blue { border-top: 10px solid #2173B8; border-right: 10px solid #2173B8; border-bottom: 10px solid #2173B8; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.green { border-top: 10px solid #00E701; border-right: 10px solid #00E701; border-bottom: 10px solid #00E701; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.lt-blue { border-top: 10px solid #0600ef; border-right: 10px solid #0600ef; border-bottom: 10px solid #0600ef; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.red { border-top: 10px solid #e11f26; border-right: 10px solid #e11f26; border-bottom: 10px solid #e11f26; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.orange { border-top: 10px solid #ff8700; border-right: 10px solid #ff8700; border-bottom: 10px solid #ff8700; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.grey { border-top: 10px solid #787878; border-right: 10px solid #787878; border-bottom: 10px solid #787878; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black { border-top: 10px solid #000; border-right: 10px solid #000; border-bottom: 10px solid #000; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality { border-top: 10px solid #D0D0D2; border-right: 10px solid #D0D0D2; border-bottom: none; padding-bottom: 0; border-radius: 0px 25px 0px 0px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality { border-top: 10px solid #000; border-right: 10px solid #000; border-bottom: none; padding-bottom: 0; border-radius: 0px 25px 0px 0px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 7px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion { flex: 0 0 calc(25% - 7px); display: flex; flex-direction: column; position: relative; min-height: 250px; justify-content: flex-end; border-radius: 0px 0px 10px 10px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade { position: absolute; top: 50%; bottom: 0; right: 0; left: 0; border-radius: 0px 0px 10px 10px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.blue, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.blue { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 23, 76, 0.75) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.lt-blue, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.lt-blue { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(34, 147, 209, 0.75) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.orange, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.orange { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(255, 135, 0, 0.8) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.grey, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.grey { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #787878 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.alpine-blue, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.alpine-blue { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(33, 115, 184, 0.8) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.green, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.green { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 231, 1, 0.8) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.red, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.red { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(155, 0, 0, 0.8) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-shade.black { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content { position: relative; padding: 10px 15px; display: flex; flex-direction: column; align-items: flex-start; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content .btn, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content .btn { height: 0px; padding: 0; border: none; line-height: 0; font-size: 0px; transition: 0.3s all ease; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content .btn:after, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content .btn:after { height: 0; width: 0; padding: 0; margin: 0; content: none; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion:hover .inclusion-content .btn, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion:hover .inclusion-content .btn { height: auto; padding: 10px 22px; border: 1px solid #e10600; font-size: 15px; line-height: 17px; align-items: center; gap: 10px; display: flex; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion:hover .inclusion-content .btn:after, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion:hover .inclusion-content .btn:after { height: 1em; width: 1em; padding: 4px 0 0 4px; margin: -8px; content: "I"; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content h2, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-content h2 { color: #FFF; font-family: Formula1; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; transition: 0.3s all ease; text-transform: capitalize; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-image-wrapper, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-image-wrapper { max-width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 0px 0px 10px 10px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-image-wrapper img, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.black.hospitality .teams-inclusion-wrapper .team-inclusion .inclusion-image-wrapper img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; border-radius: 0px 0px 10px 10px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.dark-red { border-top: 10px solid #9b0000; border-right: 10px solid #9b0000; border-bottom: 10px solid #9b0000; } .redesign-wrapper .team-packages-outer-wrapper .package-inclusions-wrapper, .redesign-wrapper .team-packages-outer-wrapper .calendar-outer-wrapper { background: none; padding: 0; margin: 0; } .redesign-wrapper .team-packages-outer-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper { height: 150px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content { display: flex; flex-wrap: wrap; gap: 40px; margin: 40px 0; position: relative; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content h4 { color: #15151E; font-family: Titillium Web; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: 0.2px; text-transform: uppercase; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content p { color: #000; font-family: Titillium Web; font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: 0.2px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content p a { font-size: 13px; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content p em { color: #595959; font-size: 13px; line-height: 20px; letter-spacing: 0px; font-style: italic; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .content { flex: 0 0 calc(60% - 40px); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .image-wrapper { position: absolute; top: 0; right: 0; bottom: 0; width: 40%; height: 100%; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .image-wrapper img { max-width: 100%; border-radius: 0px 0px 6px 6px; object-fit: cover; height: 100%; width: 100%; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .calendar-outer-wrapper { margin-top: 20px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .calendar-outer-wrapper .calendar { padding: 0; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper { margin: 20px 0 50px 0; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion { flex: 0 0 calc(25% - 15px); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion.half { flex: 0 0 calc(50% - 15px); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion .content { border-radius: 0px 0px 15px 0; background: transparent; padding: 15px 8px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper img { border-radius: 0; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion .image-wrapper img { height: 150px; } .redesign-wrapper .package-anchor-links-wrapper { margin: 60px 0 50px 0; padding: 0 60px; } .redesign-wrapper .package-anchor-links { display: flex; flex-wrap: wrap; gap: 50px; } .redesign-wrapper .package-anchor-links a { flex: 1 0 calc(33.333333% - 50px); margin-bottom: 10px; transition: 0.3s all ease; position: relative; } .redesign-wrapper .package-anchor-links a .image-wrapper { height: 175px; width: 100%; overflow: hidden; transition: 0.3s all ease; position: relative; } .redesign-wrapper .package-anchor-links a:hover { text-decoration: none; margin-bottom: 0; transition: 0.3s all ease; } .redesign-wrapper .package-anchor-links a .image-wrapper img { transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .package-anchor-links a:hover .image-wrapper img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .package-anchor-links a .image-wrapper:before { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; transition: 0.3s all ease; z-index: 1; } .redesign-wrapper .package-anchor-links a .image-wrapper:after { content: 'Learn More'; position: absolute; top: 50%; display: flex; color: white; align-items: center; justify-content: center; border: 2px solid white; padding: 10px 40px; z-index: 0; opacity: 0; left: 50%; transform: translate(-50%, -50%); border-radius: 6px; text-align: center; font-family: Titillium Web; font-size: 13px; font-style: normal; transition: 0.3s all ease; font-weight: 700; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; } .redesign-wrapper .package-anchor-links a:hover .image-wrapper:after { z-index: 2; opacity: 1; transition: 0.3s all ease; } .redesign-wrapper .package-anchor-links a:hover .image-wrapper:before { background-color: rgba(21, 21, 30, .4); transition: 0.3s all ease; } .redesign-wrapper .package-anchor-links a .image-wrapper img { object-fit: cover; width: 100%; height: 100%; transition: 0.3s all ease; } .redesign-wrapper .package-anchor-links a .content { border-radius: 0px 0px 15px 0px; border-right: 2px solid #000; border-bottom: 2px solid #000; padding: 16px 16px 16px 0; transition: 0.3s all ease; } .redesign-wrapper .package-anchor-links a:hover .content { padding-bottom: 26px; border-color: #e10600; transition: 0.3s all ease; } .redesign-wrapper .package-anchor-links a .content p { color: #15151e; font-family: "formula1", sans-serif; font-size: 14px; font-weight: bold; line-height: 18px; text-transform: uppercase; margin: 0; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion.half { flex: 1 0 calc(50% - 25px); } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion { flex: 0 0 calc(50% - 7px); } } @media (max-width: 768px) { .redesign-wrapper .team-packages-header { height: 220px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .calendar-outer-wrapper { margin-top: 50px; } .redesign-wrapper .team-packages-header .background-fade { padding: 40px 20px; } .redesign-wrapper .team-packages-outer-wrapper, .redesign-wrapper .package-anchor-links-wrapper { padding: 0 20px; } .redesign-wrapper .package-anchor-links-wrapper { margin: 20px 0; } .redesign-wrapper .team-packages-outer-wrapper h3.team-packages-wrapper-title, .redesign-wrapper .team-packages-outer-wrapper h2.team-packages-wrapper-title { font-size: 22px; } .redesign-wrapper .package-anchor-links a, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .package-inclusions-wrapper .package-inclusion.half, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .content, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .image-wrapper, .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper.light-grey.hospitality .teams-inclusion-wrapper .team-inclusion { flex: 1 0 100%; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content { gap: 15px; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .image-wrapper { height: 175px; position: relative; } .redesign-wrapper .team-packages-outer-wrapper .team-packages-wrapper .image-content .image-wrapper img { height: 100%; width: 100%; } .redesign-wrapper .package-anchor-links a .image-wrapper { height: 100px; } .redesign-wrapper .package-anchor-links { gap: 15px; } } </style>  <style type="text/css"> .redesign-wrapper .guest-experience-wrapper { padding: 40px 60px; position: relative; } .redesign-wrapper .guest-experience-wrapper:before { content: ""; background: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/61975-carbon-stripe-x2_%281%29-2a8f3a80c441c7f4486cc401a387942f.png); position: absolute; top: 65%; left: 0; background-size: 12px; right: 0; bottom: 0; width: 100%; height: 35%; } .redesign-wrapper .guest-experience-wrapper h3 { margin: 0 0 10px 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences { display: flex; gap: 4px; position: relative; padding: 0 32px; overflow: hidden; } .redesign-wrapper .guest-experience-wrapper .guest-experiences.full { padding: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .btn-arrow { padding: 0; margin: 0; width: 27px; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; height: 100%; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .btn-arrow:after { width: 27px; height: 100%; margin: 0; font-size: 25px; color: #15151E; transform: initial; display: flex; align-items: center; justify-content: center; padding: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .btn-arrow.previous:after { content: "H"; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .btn-arrow.next { right: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .btn-arrow.previous { left: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience { display: flex; flex-direction: column; margin: 0 } .redesign-wrapper .guest-experience-wrapper .guest-experiences.full .guest-experience { width: 100% !important; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience .image-wrapper { height: 195px; width: 100%; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience .image-wrapper img { height: 100%; object-fit: cover; width: 100%; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience .content { background: #ffffff; padding: 15px 20px; border-radius: 0px 0px 10px 10px; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience .content P { margin-bottom: 0; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience .content .name { color: #e10600; font-size: 17px; font-weight: bold; line-height: 24px; letter-spacing: 0.2px; margin-bottom: 0; margin-top: 35px; } .redesign-wrapper .guest-experience-wrapper .guest-experiences .guest-experience .content .location { font-size: 12px; font-weight: 300; margin-bottom: 0; } @media (max-width: 768px) { .redesign-wrapper .guest-experience-wrapper { padding: 20px; } } </style>  <style> .redesign-wrapper .rewards-cube-container { display: flex; flex-wrap: wrap; gap: 10px; } .redesign-wrapper .rewards-cube-container .rewards-cube { flex: 1 0 calc(33% - 10px); display: flex; flex-direction: column; } .redesign-wrapper .rewards-cube-container .rewards-cube .title { background-color: #15151E; color: #fff; text-align: center; padding: 20px; } .redesign-wrapper .rewards-cube-container .rewards-cube .title h4 { color: #fff; margin: 0; font-weight: normal; } .redesign-wrapper .rewards-cube-container .rewards-cube .content { padding: 30px 20px 20px 20px; background: #FFF; height: 100%; } .redesign-wrapper .white-bg { background: #FFF; } @media (max-width: 768px) { .redesign-wrapper .rewards-cube-container .rewards-cube { flex: 1 0 100%; } } </style>  <style type="text/css"> .redesign-wrapper .partners-wrapper { padding: 30px 60px; } .redesign-wrapper .partners-wrapper h3 { background: #f7f4f1; display: inline-block; margin-bottom: -9px; padding: 0 25px 5px 0; } .redesign-wrapper .partners-wrapper .partners { border-radius: 0px 25px 25px 0px; border-top: 10px solid #949498; border-right: 10px solid #949498; border-bottom: 10px solid #949498; display: flex; margin-top: -15px; padding-top: 40px; padding-bottom: 40px; padding-right: 30px; flex-wrap: wrap; gap: 20px; transition: all 0.4s ease-in-out; } .redesign-wrapper .partners-wrapper .partners p:last-of-type { margin: 0; } .redesign-wrapper .partners-wrapper .partners.no-flex { display: block; } .redesign-wrapper .partners-wrapper.light-grey .partners { border-color: #D0D0D2 } .redesign-wrapper .partners-wrapper.red .partners { border-color: #E10600 } .redesign-wrapper .partners-wrapper .partners .partner { display: flex; flex-direction: column; flex: 0 0 calc(25% - 20px); border-radius: 0px 0px 20px 0px; position: relative; transition: all 0.4s ease-in-out; } .redesign-wrapper .partners-wrapper .partners .partner:hover .image-wrapper { height: 0; transition: all 0.4s ease-in-out; width: 0; border-radius: 0; padding: 0; transition: all 0.4s ease-in-out; } .redesign-wrapper .partners-wrapper .partners .partner .image-wrapper { border-radius: 0px 0px 16px 0px; position: absolute; top: 0; right: 0; left: 0; bottom: 0; padding: 20px; width: 100%; display: flex; background: #ffffff; height: 100%; justify-content: center; transition: all 0.4s ease-in-out; z-index: 1; align-items: center; } .redesign-wrapper .partners-wrapper .partners .partner .image-wrapper img { max-width: 85%; max-height: 75%; object-fit: contain; transition: all 0.4s ease-in-out; } .redesign-wrapper .partners-wrapper .partners .partner .content { border-radius: 0px 0px 20px 0px; background: rgba(21, 21, 30, 0.85); padding: 20px 20px 35px 20px; height: 100%; transition: all 0.4s ease-in-out; } .redesign-wrapper .partners-wrapper .partners .partner .content h4, .redesign-wrapper .partners-wrapper .partners .partner .content p { color: #fff; font-family: "Titillium Web"; font-size: 15px; line-height: 20px; transition: all 0.4s ease-in-out; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .partners-wrapper .partners .partner { flex: 1 0 calc(50% - 20px); } } @media (max-width: 768px) { .redesign-wrapper .partners-wrapper { padding: 20px; } .redesign-wrapper .partners-wrapper .partners .partner { flex: 1 0 100%; } .redesign-wrapper .partners-wrapper .partners .partner .image-wrapper img { max-width: 70%; } } </style>  <style type="text/css"> .redesign-wrapper .home-header { color: #fff; background-size: cover; } .redesign-wrapper .home-header .background-fade { background: rgba(21, 21, 30, 0.4); padding: 140px 60px 240px 60px; position: relative; } .redesign-wrapper .home-header .background-fade h1, .redesign-wrapper .home-header .background-fade p { max-width: 45%; } @media (max-width: 768px) { .redesign-wrapper .home-header .background-fade { padding: 220px 20px 220px 20px; } .redesign-wrapper .home-header .background-fade h1, .redesign-wrapper .home-header .background-fade p { max-width: 100%; } } </style>  <style type="text/css"> .redesign-wrapper .home-calendar-wrapper { background: #15151e; padding: 60px; margin-bottom: 60px; position: relative; } .redesign-wrapper .home-calendar-wrapper h2 { margin-bottom: 60px; color: #FFF; } .redesign-wrapper .home-calendar-wrapper h4 { margin: 0 0 60px 0; color: #FFF; } .redesign-wrapper .home-calendar-wrapper .button-wrapper { display: flex; margin: 60px auto 0 auto; justify-content: center; gap: 20px; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button { width: 40px; height: 40px; background: #d9d9d9; border-radius: 50%; display: flex; border: none; box-shadow: none; justify-content: center; align-items: center; transition: 0.3s all ease; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button.disabled { cursor: not-allowed; background: #777777; transition: 0.3s all ease; color: #FFFFFF; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button.disabled:hover { cursor: not-allowed; background: #777777; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button:hover { background: #afafaf; transition: 0.3s all ease; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button:before { content: "I"; font-family: "nav_icons"; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button.left:before { content: "H"; } .redesign-wrapper .home-calendar-wrapper .button-wrapper button.right:before { content: "I"; } .redesign-wrapper .home-calendar-wrapper .home-calendar { display: flex; flex-direction: row; gap: 10px; position: relative; overflow: hidden; height: auto; flex-wrap: wrap; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrows { display: flex; width: 100%; justify-content: center; gap: 20px; margin-top: 40px; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrows .glide__arrow { position: relative; display: flex; top: 0; color: #15151E; background: #D9D9D9; transform: none; font-size: 22px; font-weight: bold; padding: 0; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; border-color: #D9D9D9; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrows .glide__arrow.disabled { opacity: 0.5; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrows .glide__arrow.disabled:hover { cursor: not-allowed; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__slide { display: flex; height: auto; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__slide .btn { display: flex; flex-direction: row; align-self: center; align-items: center; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__slide .btn:after { margin-top: -3px; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrow--right { right: 0; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrow--left { left: 0; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrow--left .left-icon { border-radius: 50%; color: #15151E; font-family: 'nav_icons'; font-size: 16px; display: flex; align-items: center; justify-content: center; align-self: center; justify-self: center; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrow--left .left-icon:before { content: "H"; display: flex; align-items: center; justify-content: center; align-self: center; justify-self: center; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrow--right .right-icon { border-radius: 50%; color: #15151E; font-family: 'nav_icons'; font-size: 16px; display: flex; align-items: center; justify-content: center; align-self: center; justify-self: center; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__arrow--right .right-icon:before { content: "I"; display: flex; align-items: center; justify-content: center; align-self: center; justify-self: center; } .redesign-wrapper .home-calendar-wrapper .home-calendar:after { content: ''; position: absolute; top: 0; right: 0%; left: 90%; z-index: 9; transition: 0.3s all ease; bottom: 0; background: linear-gradient(270deg, #15151e 25%, rgba(21, 21, 30, 0) 100%); } .redesign-wrapper .home-calendar-wrapper.end .home-calendar:after { left: 100%; } .redesign-wrapper .home-calendar-wrapper .home-calendar:before { content: ''; transition: 0.3s all ease; position: absolute; top: 0; right: 100%; left: 0%; z-index: 9; bottom: 0; background: linear-gradient(90deg, #15151e 25%, rgba(21, 21, 30, 0) 100%); } .redesign-wrapper .home-calendar-wrapper.scrolled .home-calendar:before { right: 90%; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event { border-radius: 0px 0px 12px 0px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; padding: 0 15px 15px 15px; display: flex; flex-direction: column; transition: 0.15s all ease; width: 100%; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event:hover { transition: 0.15s all ease; text-decoration: none; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event:hover h4 { color: #cbcbcb; transition: 0.15s all ease; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event .flag { width: 60px; height: 40px; margin: 0 auto 20px auto; border-radius: 6px; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event .flag img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event h4 { margin-bottom: 15px; color: #FFFFFF; transition: 0.15s all ease; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event h5 { margin: 0 0 20px 0; color: #FFFFFF; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event .location { color: #b4b4b4; text-align: center; font-family: Titillium Web; font-size: 15px; font-weight: 600; line-height: 20px; margin: 0 0 10px 0; } .redesign-wrapper .home-calendar-wrapper .home-calendar .f1-event .btn { margin: 0; color: #e10600; font-family: Titillium Web; font-size: 13px; font-weight: 600; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; border: none; padding: 0; text-align: center; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__slide { width: 200px !important; } } @media (max-width: 768px) { .redesign-wrapper .home-calendar-wrapper, main .redesign-wrapper .home-calendar-wrapper { padding-top: 220px; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; } .redesign-wrapper .home-header .background-fade { padding: 220px 20px 220px 20px; } .redesign-wrapper .home-calendar-wrapper .home-calendar .glide__slide { width: 180px !important; } } </style>  <style type="text/css"> .redesign-wrapper .home-header .buttons-wrapper { position: absolute; bottom: 0; display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; max-width: 1380px; padding-right: 60px; right: 0; } .redesign-wrapper .home-header .buttons-wrapper a { width: calc(33.333% - 6px); border-top: 2px solid #e10600; background: rgba(0, 0, 0, 0.55); color: #ffffff; font-family: Titillium Web; font-size: 15px; font-weight: 400; line-height: 20px; text-transform: uppercase; padding: 20px; transition: 0.15s all ease; } .redesign-wrapper .home-header .buttons-wrapper a:hover { margin-top: -15px; transition: 0.15s all ease; text-decoration: none; padding-bottom: 35px; } .redesign-wrapper .home-header .buttons-wrapper a .external-link { height: 10px; width: 10px; display: inline-block; margin-left: 4px; } .redesign-wrapper .home-header .buttons-wrapper a strong { font-family: Formula1; font-size: 14px; font-weight: bold; line-height: 18px; } .redesign-wrapper .home-header .buttons-wrapper a.highlighted { background: rgba(225, 6, 0, 0.8); } @media (max-width: 768px) { .redesign-wrapper .home-header .buttons-wrapper { bottom: 0; transform: translateY(50%); left: 20px; right: 20px; padding: 0; z-index: 9; } .redesign-wrapper .home-header .buttons-wrapper a { width: 100%; } } </style>  <style type="text/css"> .redesign-wrapper .news-and-updates-container { padding: 0 60px; } .redesign-wrapper .news-and-updates-wrapper { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); grid-gap: 10px; } .redesign-wrapper .news-and-updates-wrapper .image-wrapper { height: 100%; width: 100%; position: absolute; border-radius: 12px 12px 0px 0px; overflow: hidden; } .redesign-wrapper .news-and-updates-wrapper .image-wrapper:after { content: ""; background: linear-gradient(180deg, rgba(21, 21, 30, 0) 55.73%, #15151e 100%); position: absolute; bottom: 0; right: 0; left: 0; height: 100%; } .redesign-wrapper .news-and-updates-wrapper .content { color: #ffffff; text-transform: uppercase; z-index: 999; position: relative; margin-top: auto; display: flex; flex-direction: column; padding: 20px; } .redesign-wrapper .news-and-updates-wrapper .content h4, .redesign-wrapper .news-and-updates-wrapper .content p { text-transform: uppercase; margin-bottom: 0; } .redesign-wrapper .news-and-updates-wrapper .content h4 { margin-top: 10px; } .redesign-wrapper .news-and-updates-wrapper .content .flag { width: 60px; height: 40px; border-radius: 5px; margin-top: 30px; } .redesign-wrapper .news-and-updates-wrapper .image-wrapper img { width: 100%; height: 100%; max-width: 100%; object-fit: cover; border-radius: 12px 12px 0px 0px; transition: 0.3s all ease; background: linear-gradient(180deg, rgba(21, 21, 30, 0) 55.73%, #15151e 100%); } .redesign-wrapper .news-and-updates { position: relative; display: flex; transition: 0.3s all ease; } .redesign-wrapper .news-and-updates:hover { text-decoration: none; transition: 0.3s all ease; } .redesign-wrapper .news-and-updates .image-wrapper img { transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .news-and-updates:hover .image-wrapper img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .news-and-updates-1 { grid-area: 1 / 1 / 2 / 2; align-items: center; } .redesign-wrapper .news-and-updates-2 { grid-area: 2 / 1 / 4 / 2; } .redesign-wrapper .news-and-updates-3 { grid-area: 1 / 2 / 4 / 3; } .redesign-wrapper .news-and-updates-4 { grid-area: 3 / 3 / 4 / 4; } .redesign-wrapper .news-and-updates-5 { grid-area: 1 / 3 / 3 / 4; } .redesign-wrapper .news-and-updates-1 h2 { font-family: "formula1", sans-serif; font-size: 62px; font-style: normal; font-weight: bold; line-height: 75px; text-transform: uppercase; margin: 0; } @media (max-width: 992px) and (min-width: 769px) { .redesign-wrapper .news-and-updates-wrapper { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, 1fr); } .redesign-wrapper .news-and-updates-1 { grid-area: 1 / 1 / 2 / 2; align-items: center; } .redesign-wrapper .news-and-updates-2 { grid-area: 2 / 1 / 3 / 2; } .redesign-wrapper .news-and-updates-3 { grid-area: 1 / 2 / 3 / 3; } .redesign-wrapper .news-and-updates-4 { grid-area: 3 / 1 / 4 / 2; } .redesign-wrapper .news-and-updates-5 { grid-area: 3 / 2 / 4 / 3; } } @media (max-width: 768px) { .redesign-wrapper .news-and-updates-container { padding: 0 20px; } .redesign-wrapper .news-and-updates-wrapper .image-wrapper:after { background: linear-gradient(180deg, rgba(21, 21, 30, 0) 25%, #15151e 100%); } .redesign-wrapper .news-and-updates-container.margin-top-100 { margin-top: 50px; } .redesign-wrapper .news-and-updates-wrapper { display: flex; grid-template-columns: initial; grid-template-rows: initial; flex-wrap: wrap; } .redesign-wrapper .news-and-updates-wrapper .content { padding: 20px 20px 10px 20px; } .redesign-wrapper .news-and-updates, .redesign-wrapper .news-and-updates-1, .redesign-wrapper .news-and-updates-2, .redesign-wrapper .news-and-updates-3, .redesign-wrapper .news-and-updates-4, .redesign-wrapper .news-and-updates-5 { grid-area: initial; flex: 1 1 100%; min-height: 155px; } .redesign-wrapper .news-and-updates-1 { justify-content: center; min-height: initial; } .redesign-wrapper .news-and-updates-1 h2 { margin: 30px auto; font-size: 22px; line-height: 26px; } } </style>  <style type="text/css"> .redesign-wrapper .advert-outer-wrapper { padding: 20px 60px 90px 60px; position: relative; } .redesign-wrapper .advert-outer-wrapper h2 { margin-top: 40px; margin-bottom: 60px; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper { display: flex; flex-wrap: wrap; gap: 30px; position: relative; } .redesign-wrapper .advert-outer-wrapper:before { content: ""; background: url(https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/61975-carbon-stripe-x2_%281%29-2a8f3a80c441c7f4486cc401a387942f.png); position: absolute; top: 65%; left: 0; background-size: 12px; right: 0; bottom: 0; width: 100%; height: 35%; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert { display: flex; flex-direction: column; flex: 1 0 calc(50% - 30px); border-radius: 10px; position: relative; padding: 110px 25px 25px 25px; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert:hover { text-decoration: none; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .image-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 1; overflow: hidden; transition: 0.3s all ease-in-out; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .image-wrapper:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; background: rgba(21, 21, 30, 0.7); transition: 0.3s all ease-in-out; z-index: 1; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .image-wrapper img { max-width: 100%; height: 100%; object-fit: cover; width: 100%; border-radius: 10px; transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert:hover .image-wrapper img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .content { z-index: 2; border-radius: 0px 0px 12px 0px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; color: #FFF; padding: 0 10px 10px 0; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .content h3, .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .content p { color: #FFF; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert .content p { margin: 0; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert:hover .content h3 { text-decoration: none; } @media (max-width: 768px) { .redesign-wrapper .advert-outer-wrapper { padding: 20px 20px 30px 20px; } .redesign-wrapper .advert-outer-wrapper .adverts-wrapper .advert { flex: 1 0 100%; } .redesign-wrapper .advert-outer-wrapper:before { top: 75%; height: 25%; } } .package-comparison .comparison-table-sub-header h5, .package-comparison .comparison-table-sub-header .currency-dropdown { display: inline-block; } .package-comparison .comparison-table-sub-header .currency-dropdown { margin-bottom: 10px; } .package-comparison .comparison-table-sub-header .currency-dropdown .currency_exchange_form { height: auto; margin: 0; max-height: unset; } .package-comparison .comparison-table-sub-header .currency-dropdown .currency_exchange_form .form-control { background-color: #FFF; color: #fff; display: flex; height: 25px; margin-left: 5px; max-height: unset; min-width: 3.5em; color: black; padding: 0; font-size: 12px; } .package-comparison .group-package { border: none; } .package-comparison .group-package .product-item { margin: 0; } </style> <style type="text/css"> .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.visible-mobile, .redesign-wrapper .visible-mobile { display: none; } .redesign-wrapper #packages-filter .mobile-packages-filter.open ul { flex-wrap: nowrap; overflow: auto; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile ul { padding: 0; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile .secondary-filters.open { top: initial; display: flex; align-items: flex-start; position: revert; gap: 25px; height: initial; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile .secondary-filters.open ul li { display: flex; gap: 10px; align-items: center; margin-bottom: 10px; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile .secondary-filters.open ul li#invisible { margin-bottom: 0; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile .secondary-filters.open .switch { margin: 0; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile h3 { margin: 0 0 20px; text-align: left; } .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.filter-heading { margin: 0 !important; } @media (max-width: 768px) { .redesign-wrapper .map-wrapper .filters .packages-filter .navbar li.visible-mobile, .redesign-wrapper .visible-mobile { display: flex; } .redesign-wrapper #packages-filter .mobile-packages-filter.open .visible-mobile ul { overflow: hidden; } } @media (max-width: 450px) { .redesign-wrapper #packages-filter .mobile-packages-filter.open ul li .seating_chart_price .slider, .redesign-wrapper #packages-filter .mobile-packages-filter.open ul li .seating_chart_price .slider .slider-fill { width: 150px !important; } } </style> <style type="text/css"> .trophy-photos-container { display: flex; flex-wrap: wrap; } .trophy-photos-container img, .trophy-photos-container .coming-soon-image { display: flex; height: 150px; width: 100%; align-items: center; justify-content: center; object-fit: cover; font-weight: bold; text-transform: uppercase; font-size: 20px; object-position: 50% 25%; } .trophy-photos-container .coming-soon-image { background: #ffffff; border: 1px solid #d0d0d2; margin-bottom: 0; } .trophy-photos-container .about-us-cube { display: flex; flex-direction: column; color: rgb(30, 30, 30); margin-top: 30px; } .trophy-photos-container .about-us-cube .col-content { padding: 20px; display: flex; flex: 1 1 auto; align-items: stretch; flex-direction: column; width: 100%; border-bottom: 1px solid #d0d0d2; border-right: 1px solid #d0d0d2; border-bottom-right-radius: 15px; margin-top: 20px; } @media (max-width: 767px) { .trophy-photos-container .about-us-cube { width: 100%; } } .event .extend-content .container.margin-top-80 { display: inline-block; } .deposit-wrapper {} @media (max-width: 1023px) and (min-width: 576px) { .parent-package .deposit-wrapper .heading .heading-content .status { margin-top: 0; } .parent-package .deposit-wrapper .heading .heading-content h1 { margin-top: 0; } } @media (max-width: 575px) { .parent-package .extend-content { padding-left: 15px; padding-right: 15px; } .parent-package .details .deposit-wrapper .heading { background-image: none; min-height: initial; } .parent-package .deposit-wrapper .heading .heading-content { background: transparent; padding: 0; } .parent-package .deposit-wrapper .status-text { width: auto; margin-right: 15px; } } .about-us-cube.single { flex-direction: row; } .about-us-cube.single .col-content { margin-top: 0; padding: 15px 20px 20px; height: 100%; } .about-us-cube.single .col-image { margin: auto; } .header-image-content .event-name .event-name-text span { display: inline-block !important; } @media (min-width: 1024px) { .blog p, .blog li { font-size: 18px; line-height: 1.5; } } @media (max-width: 1023px) { .blog p, .blog li { font-size: 16px; line-height: 1.5; } } @media (min-width: 1200px) { .header-image-wrapper { margin-top: -12px; } } .f1-ticket-seating-chart .group-package .product-item .actions .btn:hover { box-shadow: 0 0 0 2px #e10600 inset; border: 0; } .event-top-content p { color: #1d1916; font-size: 15px; padding-bottom: 0; padding-top: 0; } .event-top-content .carousel-indicators li img { width: 100%; display: block; height: auto; min-height: 100%; object-fit: cover; object-position: 50% 50%; } .event-top-content .slide .carousel-indicators li { padding: 0px; } #info_request_event_id option[value="644"], #info_request_event_id option[value="650"], #info_request_event_id option[value="651"] { display: none; } .retail-hotel-card-container .retail-hotel-purchasing .total-price { font-size: 13px; } .blog .btn-inverted, .blog .btn-inverted:hover { background-color: #fff; } .h4h-form .packages_wrapper { max-height: 750px; } @media (min-width: 992px) { body .btn-lg { font-size: 18px; padding: 15px 25px; } } .blog .section.post-header { margin-bottom: 40px; } .black-bar { background-color: #15151e; height: 10px; margin-bottom: 30px; } .margin-0 { margin: 0px; } .package-table .headline_row .seating_access { font-size: 85%; } .add-on-cart .add-on-group .add-on-items { margin-top: 20px; } .cart-content .cart-content-text { border-right: 1px solid #ccc; margin-bottom: -1px; margin-top: 20px; padding: 5px 15px 15px 15px; } .cart-content .cart-content-image { height: 150px; background-size: cover; background-position: center; } .cart-content-text .carte-link, .cart-content-text .carte-description { margin: 0px; } .carte-price { font-size: 18px; font-weight: bold; margin-top: 15px; margin-bottom: 0px; } .cart-content .prefix, .cart-content .suffix { display: none; } .cart-content { height: 100%; display: grid; } .event a.arrow_link, .event a.arrow_link:focus { color: #38383f; } @media (min-width: 992px) { .parent-package .carousel-indicators li, .parent-package .carousel-indicators .active { width: 44%; } } .parent-package .purchasing #packageForm .heading { background-image: none; } footer { margin-top: 20px; } .f1-footer { background: #15151e; color: #ffffff; padding-bottom: 20px; } .f1-footer .f1-footer__top { background: #38383f; margin-bottom: 45px; padding: 10px 0px 0px 0px; } .f1-footer ul { list-style-type: none; margin: 0 auto; padding: 0; } @media (min-width: 768px) { .float-md-right { float: right !important; } } .d-table { display: table !important; } .f1-footer ul.f1-social-networks li:first-child { margin-left: 0; } .f1-footer ul.f1-social-networks li { float: left; margin-right: 0; margin-left: 10px; } .f1-footer ul li { display: block; } .f1-footer ul.f1-social-networks li a { border: solid 1px #15151e; border-radius: 5px; display: block; font-size: 23px; position: relative; height: 40px; width: 40px; text-align: center; padding-top: 3px; color: #fff; } .f1-footer ul.f1-social-networks li a:hover, .f1-footer ul.f1-social-networks li a:focus { background: #15151e; outline: none; } .f1-footer ul.f1-social-networks li a .icon { font-size: 24px; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } .f1-footer li.f1-nav__item ul .f1-nav__underline { padding-bottom: 0; } .f1-footer li.f1-nav__item .f1-nav__underline { padding-bottom: 2px; word-wrap: break-word; font-style: normal; } .f1-footer li.f1-nav__item.f1-nav__item--has-children a { position: relative; color: #fff; } .f1-footer li.f1-nav__item a { display: block; } /*.f1-footer__bottom li.f1-nav__item.f1-nav__item--secondary, .f1-footer__bottom li.f1-nav__item li*/ .f1-footer li.f1-nav__item.f1-nav__item--secondary, .f1-footer li.f1-nav__item li { font-family: "Titillium Web", Helvetica, sans-serif; font-size: 12px; font-weight: 400; text-transform: uppercase; margin: 0; letter-spacing: 0.2px; } @media (min-width: 1024px) { .f1-footer .f1-border { margin-bottom: 10px; padding-bottom: 45px; } } @media (min-width: 768px) { .f1-footer .f1-border { border-bottom-right-radius: 25px; padding-right: 20px; padding-bottom: 20px; } } @media (max-width: 767px) { .f1-footer .f1-border { padding-right: 20px; padding-bottom: 20px; } } .f1-footer .f1-border { border-right: solid 10px #38383f; border-bottom: solid 10px #38383f; border-bottom-right-radius: 25px; background: #15151e; } fieldset { border: 0; padding: 0; } fieldset { margin: 0; } @media (min-width: 1024px) { .f1-footer ul.f1-legal-links .f1-nav__item--has-children { padding: 0; } } @media (min-width: 1024px) { .f1-footer ul.f1-legal-links li { float: left; margin-right: 40px; margin-left: 0; } } .f1-legal-links { padding-left: 15px !important; } .f1-footer li.f1-nav__item { display: block; font-size: 14px; line-height: 24px; padding: 4px 0; position: relative; font-family: "formula1", sans-serif; letter-spacing: 0.5px; } .f1-footer li.f1-nav__item ul .f1-nav__underline { padding-bottom: 0; } .f1-footer hr.f1-divider { background: #38383f; border: 0; display: block; margin: 15px auto; width: 100%; height: 1px; } @media (min-width: 1024px) { .d-lg-block { display: block !important; } } .f1-footer .f1-logo { display: inline-block; font-weight: 700; text-transform: uppercase; width: 220px; } .f1-footer p.f1-copyright-notice { color: #d0d0d2; font-size: 12px; } .f1-footer a:hover { text-decoration: none; } .f1-footer a:hover span.f1-nav__underline { border-bottom: solid 2px #e10600; } @media (min-width: 1360px) { footer .container { width: 1320px; } } footer .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } @media (min-width: 1024px) { .d-lg-none { display: none !important; } } @media (min-width: 768px) { .hidden-lg-up { display: none; } } @media (max-width: 769px) { .hidden-md-down { display: none; } .f1-footer hr.f1-divider { margin-top: 8px !important; } } /* Mobile Footer Styles */ .mobile-footer-container .card-header h5 { border-bottom: 1px solid #38383f; margin-bottom: 0; margin-top: 0; } .mobile-footer-container .footer-link-header { color: #fff; display: block; font-family: "formula1", sans-serif; margin-top: 0; padding-bottom: 8px; padding-top: 8px; text-decoration: none; } .mobile-footer-container .card-body a { color: #fff; font-family: "Titillium Web", Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding-left: 25px; text-transform: uppercase; } .mobile-footer-container .footer-link-header .dropdown-icon { float: right; font-family: "nav_icons"; font-size: 8px; margin-left: 2px; margin-top: 3px; transform: rotate(180deg); } .mobile-footer-container .footer-link-header.collapsed .dropdown-icon { float: right; font-family: "nav_icons"; font-size: 8px; margin-left: 2px; margin-top: 3px; transform: none; } .mobile-footer-container .card-body p { border-bottom: 1px solid #38383f; margin-bottom: 0; padding-bottom: 6px; padding-top: 6px; } #accordion2 { margin-top: 10px; } footer #accordion h5 { border-bottom: 0; } footer #accordion2 h5 { border-bottom: 0; margin-right: 30px; } footer #accordion .footer-link-header footer #accordion2 .footer-link-header { border-bottom: 1px solid transparent; } footer #accordion .footer-link-header .accordion-text, footer #accordion2 .footer-link-header .accordion-text { border-bottom: 1px solid #e10600; } footer #accordion .footer-link-header.collapsed { border-bottom: 1px solid #38383f; } footer #accordion .footer-link-header.collapsed .accordion-text, footer #accordion2 .footer-link-header.collapsed .accordion-text { border-bottom: 1px solid transparent; } #accordion2 .card-body p:last-of-type { border-bottom: 0; } @media (min-width: 1200px) { footer .mobile-footer-container { display: none; } } @media (max-width: 1200px) { footer .f1-footer__middle, footer .f1-footer__bottom { display: none; } } footer .f1-footer .download-caption { font-family: "titillium", "Helvetica", sans-serif; font-size: 13px; text-transform: uppercase; } footer .app-links img { vertical-align: top; } footer .app-links .google { height: 40px; width: 135px; } footer .app-links .apple { height: 40px; width: 135px; } .app-links p { display: inline-block; width: 105px; font-size: 13px; text-transform: uppercase; } @media (max-width: 767px) { .app-links { border-bottom: 1px solid black; padding-bottom: 15px; text-align: center; } .app-links p { display: block; width: auto; } .f1-footer .f1-social-networks { padding-top: 15px; } } footer .f1-footer-sub-links { margin-top: 5px; letter-spacing: 0px !important; } .f1-nav-header { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .f1-footer li.f1-nav__item.f1-nav__item--secondary, .f1-footer li.f1-nav__item li { font-weight: 600; } footer .panel-group { margin-bottom: 0px; } footer .panel-default>.panel-heading { font-family: "formula1", sans-serif; margin-top: 0; padding-bottom: 4px; padding-top: 4px; padding-left: 0px; text-decoration: none; background-color: transparent; border-color: #38383f; } footer .panel-heading a.collapsed:after { content: "J"; transform: rotate(180deg); } footer .panel-heading a:after { content: "J"; font-family: "nav_icons"; float: right; right: 0; position: relative; font-size: 8px; margin-left: 2px; margin-top: 3px; color: #fff; } footer .panel-title a { color: #fff; display: block; font-size: 13px; } footer .panel.panel-default { border-bottom: 1px solid #38383f; background-color: transparent; } footer .panel-default>.panel-heading+.panel-collapse>.panel-body { padding: 0px; border-top-color: #38383f; } footer .panel-body p { border-bottom: 1px solid #38383f; margin-bottom: 0; padding-bottom: 6px; padding-top: 6px; } footer .panel-body p:last-child { border-bottom: 0px; } footer a.footer-link { color: #fff; font-family: "Titillium Web", Helvetica, sans-serif; font-size: 11px; font-weight: 400; letter-spacing: 1px; padding-left: 25px; text-transform: uppercase; } footer #accordion2 .panel.panel-default { border-bottom: 0px; } .parent-package .gallery-inner { max-height: 300px; } .parent-package .gallery-inner img { object-fit: cover; } /*New Gallery start Nov-2022*/ .owl-carousel .owl-item img { display: block; width: 100%; border-radius: 0px; } /*3 img gallery*/ @media (min-width: 768px) { .media-link-lg:first-of-type .item { height: 100%; object-fit: cover; } .media-link-lg .item { height: 200px; transition: transform 0.5s ease-out; object-fit: cover; } } .media-link-lg .item>img { height: 100%; min-height: 100%; min-width: 100%; position: relative; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); } .media-link-lg:hover .item { overflow: hidden; transform: scale(1.05); transition: transform 0.5s ease-out; } @media (max-width: 767px) { .media-link-lg .item { height: 100px; transition: transform 0.5s ease-out; } .media-link-lg .item img { height: auto; width: 100%; object-fit: cover; } } /***** 01/20/23 Matt Removed due to spacing issues on TH page, not sure if its used anywhere else?****/ /*@media (min-width: 992px) { .product-table-wrapper { padding: 0px 0 50px 50px; } }*/ @media (max-width: 768px) { .content-column .grey-bg { background-color: #272727; } } .media-grid-wrapper .media-container, .media-grid-wrapper .media-container-lg-img { display: -ms-grid; display: grid; grid-column-gap: 20px; grid-row-gap: 20px; } .media-grid-wrapper .media-container-lg-img { --gap: 15px; --num-cols: 3; --row-height: 120px; box-sizing: border-box; /* padding: var(--gap);*/ display: grid; grid-template-columns: repeat(var(--num-cols), 1fr); grid-auto-rows: var(--row-height); gap: var(--gap); } @media (min-width: 768px) { .media-grid-wrapper .media-container-lg-img .media-link-lg:first-of-type { -ms-grid-area: 1 / 1 / 3 / 3; -webkit-grid-area: 1 / 1 / 3 / 3; grid-area: 1 / 1 / 3 / 3; } .media-link-lg .item { /*height: 250px;*/ transition: transform 0.5s ease-out; } } .gallery .media-grid-wrapper .media-link, .media-container-lg-img .media-link-lg { -webkit-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; overflow: hidden; border-radius: 0px; } .media-grid-wrapper .media-link, .media-container-lg-img .media-link-lg { overflow: hidden; transition: transform 0.5s ease-out; } @media (max-width: 767px) { .media-grid-wrapper .media-container, .media-grid-wrapper .media-container-lg-img { -ms-grid-columns: auto; /*grid-template-columns: auto;*/ } .media-grid-wrapper .media-container-lg-img { --gap: 5px; --num-cols: 3; --row-height: 100px; box-sizing: border-box; /* padding: var(--gap); */ display: grid; grid-template-columns: repeat(var(--num-cols), 1fr); grid-auto-rows: var(--row-height); gap: var(--gap); } } @media (min-width: 1360px) { .media-link-lg:first-of-type .item { height: 140%; object-fit: cover; } } @media (min-width: 992px) { .parent-package .media-container-lg-img .item { background-position: center; background-size: cover; height: 100%; } /*.parent-package .media-container-lg-img{ height: 500px; }*/ .parent-package .media-container-lg-img .item img { height: 100% !important; width: 100% !important; object-fit: cover; /* border: 1px solid red;*/ } } @media (min-width: 300px) and (max-width: 991px) { .parent-package .media-container-lg-img .item { background-position: center; background-size: cover; height: 100%; } /*.parent-package .media-container-lg-img{ height: 500px; }*/ .parent-package .media-container-lg-img .item img { height: 100% !important; width: 100% !important; object-fit: cover; /* border: 1px solid red;*/ } } .image-top, .image-top-0 { object-position: 50% 0%; } .image-top-10 { object-position: 50% 10%; } .image-top-20 { object-position: 50% 20%; } .image-top-30 { object-position: 50% 30%; } .image-top-40 { object-position: 50% 40%; } .image-top-50 { object-position: 50% 50%; } .image-top-60 { object-position: 50% 60%; } .image-top-70 { object-position: 50% 70%; } .image-top-80 { object-position: 50% 80%; } .image-top-90 { object-position: 50% 90%; } .image-top-100 { object-position: 50% 100%; } .image-top-5 { object-position: 50% 5%; } .image-top-15 { object-position: 50% 15%; } .image-top-25 { object-position: 50% 25%; } .image-top-35 { object-position: 50% 35%; } .image-top-45 { object-position: 50% 45%; } .image-top-55 { object-position: 50% 55%; } .image-top-65 { object-position: 50% 65%; } .image-top-75 { object-position: 50% 75%; } .image-top-85 { object-position: 50% 85%; } .image-top-95 { object-position: 50% 95%; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-top-110 { margin-top: 110px; } .margin-top-120 { margin-top: 120px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } .margin-bottom-110 { margin-bottom: 110px; } .margin-bottom-120 { margin-bottom: 120px; } @media (max-width: 767px) { .parent-package .amex-logo { width: 125px; margin: 0 20px 14px 0; float: left; } } @media (min-width: 768px) { .parent-package .amex-logo { float: right; margin-left: 30px; width: 150px; } } .redesign-wrapper .map-wrapper .map.hide-map { display: none; } </style>  <style> .redesign-wrapper .map-wrapper .packages-seating.leftside .group-package .product-item { flex-direction: row; flex-wrap: wrap; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details { width: calc(100% - 160px - 10px); flex: 1 1 calc(100% - 160px - 10px); align-items: center; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details .package-name { flex: 1 0 100%; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .extra-details { flex: 1 0 160px; width: 160px; justify-content: flex-end; } .redesign-wrapper .map-wrapper .filters .group-package .package-comapre .compare-package-button { display: flex; gap: 10px; align-items: center; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .facilities li:hover .tooltip { margin-left: 0; opacity: 1; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .redesign-wrapper .map-wrapper .filters .group-package .product-item .whats-included { color: #e2000e; text-align: left; font-family: Titillium Web; font-size: 13px; line-height: 16px; margin: 0; position: relative; flex: 0 0 100px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .whats-included .tooltip { opacity: 0; height: 0px; width: 0px; padding: 0; margin: 0; visibility: hidden; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .whats-included:hover .tooltip { background-color: #2c2c34; border-radius: 20px; color: #fff; display: block; font-family: titillium, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: 500; letter-spacing: 0.5pt; line-break: auto; margin-left: 16px; padding: 15px 20px; pointer-events: none; position: absolute; text-align: left; text-decoration: none; text-shadow: none; transition: all 0.3s ease-out; visibility: visible; white-space: nowrap; width: auto; word-break: normal; word-spacing: normal; opacity: 1; height: auto; } .redesign-wrapper .map-wrapper .filters .seatingChartPackage:last-of-type .group-package .whats-included:hover .tooltip { bottom: 0; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .whats-included:hover .tooltip p { font-size: 14px; line-height: 20px; } .redesign-wrapper .map-wrapper .filters .group-package .product-item p { margin: 0; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .facilities ul li { margin-bottom: 0; background-color: transparent; min-width: 30px; width: auto; } @media (max-width: 768px) { .redesign-wrapper .map-wrapper .filters .group-package .product-item .package-details { width: 100%; flex: 1 0 100%; } .redesign-wrapper .map-wrapper .filters .group-package .product-item .whats-included, .redesign-wrapper .map-wrapper .filters .group-package .product-item .facilities { display: none; } } .redesign-wrapper .options-wrapper .options .link-option.ticket-hotel { background: #1e1e1e; } .redesign-wrapper .options-wrapper .options .link-option.ticket-hotel .external-button { margin-top: 5px; } .redesign-wrapper .options-wrapper .options .link-option.ticket-hotel:before { content: ""; background: url(https://www.formula1.com/etc/designs/fom-website/images/patterns/white-x2.png); position: absolute; top: 88%; left: 0; right: 0; bottom: 0; width: 100%; background-size: 8px; height: 12%; transition: 0.3s all ease-in-out; } .redesign-wrapper .options-wrapper .options .link-option.ticket-hotel:hover:before { content: ""; background: url(https://www.formula1.com/etc/designs/fom-website/images/patterns/warmRed-x2.png); position: absolute; top: 88%; left: 0; right: 0; bottom: 0; width: 100%; background-size: 8px; height: 12%; transition: 0.3s all ease-in-out; } </style> <div> <footer class="f1-footer"> <div class="f1-footer__top"> <div class="container"> <div class="row"> <div class="col-md-7 col-xs-12"> <div class="row"> <div class="col-md-8 col-xs-12 app-links"> <p>Download The Official F1 App</p> <a href="https://play.google.com/store/apps/details?id=com.softpauer.f1timingapp2014.basic&hl=en_GB"> <img class="google" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/8919-google-play-badge-c68e1c2faea7c511f7f5093e1997520f.svg" /> </a> <a href="https://itunes.apple.com/gb/app/official-f1-app/id835022598?mt=8"> <img class="apple" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/8918-Download_on_the_App_Store_Badge_US-UK_RGB_blk_092917-2928664fe1fc6aca88583a6f606d60ba.svg" /> </a> </div> </div> </div> <div class="col-md-5"> <ul class="f1-social-networks d-table float-md-right"> <li> <a href="https://www.facebook.com/F1Experiences/" target="_blank"> <i class="fa fab fa-facebook" aria-hidden="true"></i> </a> </li> <li> <a href="https://twitter.com/f1_experiences" target="_blank"> <i class="fa fab fa-twitter" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.instagram.com/f1experiences/" target="_blank"> <i class="fa fab fa-instagram" aria-hidden="true"></i> </a> </li> <li> <a href="https://www.youtube.com/c/f1experiencesf1/videos" target="_blank"> <i class="fa fab fa-youtube-play fa-youtube" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </div> </div> <div class="f1-footer__middle"> <div class="container"> <fieldset class="f1-border"> <div class="row"> <div class="col-md-2"> <ul> <li class="f1-nav__item f1-nav__item--has-children"> <span class="f1-nav__underline f1-nav-header">F1 Experiences</span> <ul class="f1-footer-sub-links"> <li class="f1-nav__item"> <a href="/"> <span class="f1-nav__underline">Home</span> </a> </li> <li class="f1-nav__item"> <a href="/about-us"> <span class="f1-nav__underline">About</span> </a> </li> <li class="f1-nav__item"> <a href="contact-us"> <span class="f1-nav__underline">Contact</span> </a> </li> <li class="f1-nav__item"> <a href="/about-us/faqs"> <span class="f1-nav__underline">FAQs</span> </a> </li> </ul> </li> </ul> </div> <div class="col-md-2"> <ul> <li class="f1-nav__item f1-nav__item--has-children"> <span class="f1-nav__underline f1-nav-header">Championship</span> <ul class="f1-footer-sub-links"> <li class="f1-nav__item"> <a href="/calendar-of-events"> <span class="f1-nav__underline">F1 Calendar</span> </a> </li> <li class="f1-nav__item"> <a href="/f1-ticket-hotel"> <span class="f1-nav__underline">F1 Ticket + Hotel</span> </a> </li> <li class="f1-nav__item"> <a href="/corporate-hospitality"> <span class="f1-nav__underline">Corporate Packages</span> </a> </li> </ul> </li> </ul> </div> <div class="col-md-2"> <ul> <li class="f1-nav__item f1-nav__item--has-children"> <span class="f1-nav__underline f1-nav-header">Hospitality</span> <ul class="f1-footer-sub-links"> <li class="f1-nav__item"> <a href="/champions-club"> <span class="f1-nav__underline">Champions Club</span> </a> </li> <li class="f1-nav__item"> <a href="/paddock-club"> <span class="f1-nav__underline">F1 Paddock Club</span> </a> </li> <li class="f1-nav__item"> <a href="/f1-garage"> <span class="f1-nav__underline">F1 Garage</span> </a> </li> <li class="f1-nav__item"> <a href="/rising-stars"> <span class="f1-nav__underline">Rising Stars</span> </a> </li>  </ul> </li> </ul> </div> <div class="col-md-2"> <ul> <li class="f1-nav__item f1-nav__item--has-children"> <span class="f1-nav__underline f1-nav-header">F1 Team Packages</span> <ul class="f1-footer-sub-links"> <li class="f1-nav__item"> <a href="/alpine-f1-team-packages"> <span class="f1-nav__underline">BWT Alpine F1 Team</span> </a> </li>  <li class="f1-nav__item"> <a href="/haas-f1-team-packages"> <span class="f1-nav__underline">MoneyGram Haas F1 Team</span> </a> </li> <li class="f1-nav__item"> <a href="/red-bull-team-packages"> <span class="f1-nav__underline">Oracle Red Bull Racing</span> </a> </li> <li class="f1-nav__item"> <a href="/stake-f1-team-packages"> <span class="f1-nav__underline">Stake F1 Team Kick Sauber</span> </a> </li> </ul> </li> </ul> </div> <div class="col-md-2"> <ul> <li class="f1-nav__item f1-nav__item--has-children"> <span class="f1-nav__underline f1-nav-header">What to Know</span> <ul class="f1-footer-sub-links"> <li class="f1-nav__item"> <a href="/blog"> <span class="f1-nav__underline">Blog</span> </a> </li> <li class="f1-nav__item"> <a href="/hotels-circuit-transfers"> <span class="f1-nav__underline">Hotel Benefits</span> </a> </li> <li class="f1-nav__item"> <a href="/authorized-sales-agents"> <span class="f1-nav__underline">Authorised Sales Agents</span> </a> </li> <li class="f1-nav__item"> <a href="/reseller-program"> <span class="f1-nav__underline">Resellers</span> </a> </li> </ul> </li> </ul> </div> </div> </fieldset> </div> </div> <div class="f1-footer__bottom"> <div class="container"> <div class="row"> <div class="col-xl-12"> <ul class="f1-legal-links"> <li class="f1-nav__item f1-nav__item--has-children js-closed"> <a href="#" class="d-lg-none"> <span class="f1-nav__underline">More</span> <i class="icon icon-chevron-down"></i> </a> <ul> <li class="f1-nav__item"> <a href="/privacy-policy"> <span class="f1-nav__underline">Privacy Policy</span> </a> </li> <li class="f1-nav__item"> <a href="/cookies-policy"> <span class="f1-nav__underline">Cookies Policy</span> </a> </li> <li class="f1-nav__item"> <a href="/legal-notices"> <span class="f1-nav__underline">Legal Notices</span> </a> </li> </ul> </li> </ul> </div> </div> </div> </div>  <div class="container mobile-footer-container"> <fieldset class="f1-border"> <div aria-multiselectable="true" class="panel-group" id="accordion" role="tablist"> <div class="panel panel-default"> <div class="panel-heading" id="headingOne" role="tab"> <p class="panel-title"> <a aria-controls="collapseOne" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseOne" role="button">F1 Experiences</a> </p> </div> <div aria-labelledby="headingOne" class="panel-collapse collapse" id="collapseOne" role="tabpanel"> <div class="panel-body"> <p> <a href="/" class="footer-link">Home</a> </p> <p> <a href="/about-us" class="footer-link">About</a> </p> <p> <a href="/contact-us" class="footer-link">Contact</a> </p> <p> <a href="/about-us/faqs" class="footer-link">FAQs</a> </p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" id="headingTwo" role="tab"> <p class="panel-title"> <a aria-controls="collapseTwo" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseTwo" role="button">Championship</a> </p> </div> <div aria-labelledby="headingTwo" class="panel-collapse collapse" id="collapseTwo" role="tabpanel"> <div class="panel-body"> <p> <a href="/calendar-of-events" class="footer-link">F1 Calendar</a> </p> <p> <a href="/f1-ticket-hotel" class="footer-link">F1 Ticket + Hotel</a> </p> <p> <a href="/corporate-hospitality" class="footer-link">Corporate Packages</a> </p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" id="headingThree" role="tab"> <p class="panel-title"> <a aria-controls="collapseThree" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseThree" role="button">Hospitality</a> </p> </div> <div aria-labelledby="headingThree" class="panel-collapse collapse" id="collapseThree" role="tabpanel"> <div class="panel-body"> <p> <a href="/champions-club" class="footer-link">Champions Club</a> </p> <p> <a href="/paddock-club" class="footer-link">F1 Paddock Club</a> </p> <p> <a href="/f1-garage" class="footer-link">F1 Garage</a> </p> <p> <a href="/rising-stars" class="footer-link">Rising Stars</a> </p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" id="headingFour" role="tab"> <p class="panel-title"> <a aria-controls="collapseFour" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseFour" role="button">F1 Team Packages</a> </p> </div> <div aria-labelledby="headingFour" class="panel-collapse collapse" id="collapseFour" role="tabpanel"> <div class="panel-body"> <p> <a href="/alpine-f1-team-packages" class="footer-link">BWT Alpine F1 Team</a> </p>  <p> <a href="/haas-f1-team-packages" class="footer-link">MoneyGram Haas F1 Team</a> </p> <p> <a href="/red-bull-team-packages" class="footer-link">Oracle Red Bull Racing</a> </p> <p> <a href="/stake-f1-team-packages" class="footer-link">Stake F1 Team Kick Sauber</a> </p> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading" id="headingFour" role="tab"> <p class="panel-title"> <a aria-controls="collapseSeven" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseSeven" role="button">What to Know</a> </p> </div> <div aria-labelledby="headingSeven" class="panel-collapse collapse" id="collapseSeven" role="tabpanel"> <div class="panel-body"> <p> <a href="/blog" class="footer-link">Blog</a> </p> <p> <a href="/hotels-circuit-transfers" class="footer-link">Hotel Benefits</a> </p> <p> <a href="/authorized-sales-agents" class="footer-link">Authorised Sales Agents</a> </p> <p> <a href="/reseller-program" class="footer-link">Resellers</a> </p> </div> </div> </div> </div> </fieldset> <div aria-multiselectable="true" class="panel-group" id="accordion2" role="tablist"> <div class="panel panel-default"> <div class="panel-heading" id="headingSix" role="tab"> <p class="panel-title"> <a aria-controls="collapseSix" aria-expanded="false" class="collapsed" data-parent="#accordion" data-toggle="collapse" href="#collapseSix" role="button">More</a> </p> </div> <div aria-labelledby="headingSix" class="panel-collapse collapse" id="collapseSix" role="tabpanel"> <div class="panel-body"> <p> <a href="/privacy-policy" class="footer-link">Privacy Policy</a> </p> <p> <a href="/cookies-policy" class="footer-link">Cookies</a> </p> <p> <a href="/legal-notices" class="footer-link">Legal Notices</a> </p> </div> </div> </div> </div> </div> <div class="f1-footer__baseline"> <div class="container"> <hr class="f1-divider d-none d-lg-block" /> <div class="row"> <div class="col-sm-12 col-md-12"> <p class="f1-copyright-notice">© 2024 Formula One World Championship Limited</p> <p class="f1-copyright-notice">F1® Experiences is operated by Quint International, LLC and is authorised to do so by Formula One Digital Media Limited.</p> </div> </div> </div> </div>  </footer> </div></footer><script>/* <![CDATA[ */ var google_conversion_id = 1005132557; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */</script><script src="//www.googleadservices.com/pagead/conversion.js"></script><noscript><div style="display:inline;"><img alt="" height="1" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1005132557/?guid=ON&script=0" style="border-style:none;" width="1" /></div></noscript></body></html>

CINXE.COM

About Us | F1 Experiences