CINXE.COM
Privacy Statement | 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>Privacy Statement | F1 Experiences</title><meta content="Privacy Policy for F1 Experiences. Get Official Ticket Packages to Formula 1 Grands Prix worldwide." 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 (0)2 8319 9314","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="3oErgb2Ek6e7bRV3JjbIQGhvMKA894jYt4sGzKWT8H_E_WdD_mX3qdFRXj9SwvWsqk2-1awrQ_wj2ffdqa-XdQ" /><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/privacy-policy" rel="canonical" /></head><body class="controller_renderables action_show renderable_page locale_en-GB cookie-consent-dropdown"><header><!--Original Nav. Used on most sites.--><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®</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 (0)2 8319 9314" class="phone-numbers phone-AU hidden" id="phone-AU">+61 (0)2 8319 9314</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 (0)2 8319 9314" class="phone-numbers phone-AU hidden" id="phone-AU">+61 (0)2 8319 9314</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 (0)2 8319 9314" class="phone-numbers phone-AU hidden" id="phone-AU">+61 (0)2 8319 9314</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®</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>Privacy Policy</li></ol></div></div></div></div></div><style type="text/css"> #breadcrumb { display: none !important; } </style> <div class="redesign-wrapper dark-text"> <div class="margin-top-50 content-outer-wrapper"> <div class="max-width-container"> <h1>Privacy Policy</h1> <p>Last Updated: 17 March 2020</p> <p>This website, F1Experiences.com (the “Site”) is operated by QuintEvents, LLC (QuintEvents). QuintEvents is located at 9335 Harris Corners Parkway, Suite 500, Charlotte, North Carolina 28269, USA (“we”, “us” and/or “our”).</p> <p>This privacy policy (the “Privacy Policy”) outlines the basis on which any personal data we collect, or that you provide to us, will be processed by us. We are not responsible for the privacy policies of other websites or applications, and encourage you read all applicable terms, conditions and privacy policies when using other websites and applications.</p> <p>For the purpose of data protection law, we are the data controller. Questions, comments and requests regarding this Privacy Policy and how we use your personal data are welcomed and should be addressed to <a href="mailto:marketing@f1experiences.com?subject=F1 Privacy Policy">marketing@f1experiences.com</a>. </p> <hr> <h3>Agreeing to our Privacy Policy</h3> <p>By using our site, you acknowledge that we will use your data in accordance with this Privacy Policy. There are certain services that we may not be able to provide if you do not choose to provide relevant information.</p> <h4 class="margin-top-30">Learn More</h4> <p>By using our site, you agree to us collecting and using personal information about you in accordance with this Privacy Policy. If you are not comfortable with the contents of this Privacy Policy, please do not use our site. You have choices about the data we collect. When asked to provide certain personal information you may decline, but where such is necessary to provide a service or feature, your use of that service or feature may be restricted as a result.</p> <hr> <h3>What Information do we Collect?</h3> <p>We collect data to operate effectively and provide you the best experiences with our products. You provide some of this data directly, such as when you create an account or contact us for support. We get some of it by recording how you interact with our products by, for example, using technologies like cookies – this may collect data about your use of our site, your device(s) and your location</p> <h4 class="margin-top-30">Learn More</h4> <p>We will collect and process the following data about you:</p> <ul> <li>Information you give us. You may give us information about you by filling in forms or by corresponding with us by phone, e-mail or otherwise. This includes information you provide when you register, subscribe to any service, enter a competition, promotion or survey and when you report a problem. The information you give us may include your name, address, e-mail address, date of birth, nationality and phone number, and preferences.</li> <li>Information we collect about you. We may automatically collect the following information: <ul> <li>Technical information, including the Internet protocol (IP) address used to connect your device to the Internet, your login information, screen resolution details, browser type and version, time zone setting, mobile and network information, browser plug-in types and versions, operating system, platform and information about your geographic location; and</li> <li>information about your visit, including the full Uniform Resource Locators (URL) clickstream to, through and from our Site (including date and time); pages you viewed or searched for; page response times, download errors, length of visits to certain pages, page interaction information (such as scrolling, clicks, and mouse-overs), and methods used to browse away from the page and any phone number used to call our customer service number.</li> </ul> </li> </ul> <hr> <h3>Cookies</h3> <p>Our Digital Products use cookies and similar technologies. For more information on the cookies that we use on the Site and their purpose, please see our Cookies Policy at <a href="/cookies-policy">https://f1experiences.com/cookies-policy</a>. </p> <hr> <h3>How do we use your information?</h3> <p>We may use your information in a number of ways, including to provide the site, to personalize and improve the services we offer, to carry out our obligations, communicate with you, to analyze use of our Site and in other ways that you agree to.</p> <p>We may share your information with our group companies, law enforcement agencies, service providers, partners, people who operate Site and third parties that you agree that we can share it with.</p> <p>We may disclose your information in order to enforce the terms of use of any of our site, to protect our rights, to comply with applicable laws and as is reasonably necessary to operate our systems and protect us and our users.</p> <p>The Table at the end of this notice provides an overview of the information that we collect about you, the purposes for which we use that information, the legal basis which permits us to use it and the rights that you have in relation to your information.</p> <h4 class="margin-top-30">Learn More</h4> <p>We may use your information:</p> <ul> <li>to communicate with you (including by post, phone, email and/or mobile messaging), such as to let you know about new features, offerings (including goods and services) on our Site where you have consented for us to do so;</li> <li>to carry out our obligations arising from any contracts entered into between you and us and to provide you with the information, products and services that you request from us;</li> <li>to create an individual profile for you so that we can understand and respect your preferences;</li> <li>to administer and provide services you request;</li> <li>to carry out market research so that we can improve the products and service we offer;</li> <li>to improve the quality of our service and security of our site;</li> <li>in connection with targeting/advertising activities;</li> <li>to track activity on the site;</li> <li>in such way as you may otherwise expressly consent to;</li> <li>to comply with legal and regulatory requirements; and/or</li> <li>for any other purpose that we may notify to you from time to time.</li> </ul> <p>We will share your information with:</p> <ul> <li>carefully selected third-party organizations to carry out certain processing activities on our behalf where such parties have the necessary protections in place to comply with applicable data protection law;</li> <li>QuintRooms;</li> <li>Formula 1 World Championship Limited and other Formula 1 companies;</li> <li>Las Vegas Grand Prix, Inc.;</li> <li>other Formula 1 Companies (including Formula 1 Management Limited, Formula 1 World Championship Limited, Formula 1 Hospitality and Event Services Limited, Formula 1 Marketing Limited and Formula Motorsport Limited);</li> <li>the Formula 1 team associated with any purchase of an Official F1 team product</li> <li>any Formula 1 partner in a manner to which you have expressly consented to (this includes consent by way of opting-in to certain marketing and contact from any of them as part of the registration process) and you agree that such parties can contact you in accordance with such consent;</li> <li>anyone who may take over the running of our Site, or any Formula 1 group company or subcontractors who operate a part of our Site on our behalf. Any other organizations who access your information in the course of providing services on our behalf will be governed by strict contractual restrictions to make sure that they protect your information and comply with applicable data protection and privacy laws. We may also independently audit these service providers to make sure that they meet our standards; and/or</li> <li>any law enforcement agency requesting it once we are reasonably satisfied as to the circumstances surrounding the request.</li> </ul> <p>We will share your information to such third parties as set out above:</p> <ul> <li>to apply the terms of use of the Site or any services provided to you;</li> <li>to protect our rights, property, or safety, our customers, or others. This includes exchanging information with other companies and organizations for the purposes of fraud protection and credit risk reduction;</li> <li>to comply with applicable laws and lawful government requests; and/or</li> <li>to operate our systems properly or to protect our users and ourselves.</li> <li>Except as expressly stated in this Privacy Policy, we will not sell, share, trade or license your information to others without your express consent.</li> </ul> <hr> <h3>Children</h3> <p>If you are a child who is using our Digital Products or a parent of a child using our Digital Products, there are additional rules.</p> <h4 class="margin-top-30">Learn More</h4> <p>It is important to us that children can enjoy the Site in a responsible fashion. We encourage parents and guardians to supervise their children's online activities by, for example, adopting parental control tools available from online services and software manufacturers that help provide a child-friendly online environment. These tools can also prevent children from disclosing online their name, address, and other personal information without parental permission.</p> <p>Your child's privacy is important to us. We are committed to safeguarding children's personal information collected online, and to helping parents and guardians and their children learn how to exercise control over personal information while exploring the Internet.</p> <p>If you are aged 15 or under, we will require permission from your parent or guardian in order for you to register on our website, unless otherwise stated at the point of registration. If you are required to provide permission from your parent or guardian, you will be asked to supply the name and email address of a parent or guardian to whom a confirmation email will be sent. Your account will only become active once your parent or guardian has clicked on the link within the confirmation email to provide their consent.</p> <p>If you are a parent or guardian and would like to review any personal information that we have collected online from your child, have this information deleted, and/or request that there be no further collection or use of your child’s personal information or if you have any questions about our Privacy Policy or practices, you may contact us at <a href="mailto:marketing@f1experiences.com?subject=F1 Privacy Policy">marketing@f1experiences.com</a>. </p> <hr> <h3>Jurisdiction and Cross Border Transfer</h3> <p>When personal data is transferred to countries outside of the UK and the European Economic Area those countries may not offer an equivalent level of protection for personal data to the laws in the UK. Where this is the case we will ensure that appropriate safeguards are put in place to protect your information.</p> <p>The countries to which your information is transferred and the safeguards in place are detailed below:</p> <ul> <li>United States of America</li> </ul> <p>We comply with the EU-U.S. Privacy Shield Framework as set forth by the U.S. Department of Commerce regarding the collection, use, and retention of personal information transferred from the European Union to the United States. We have certified to the Department of Commerce that we adhere to the Privacy Shield Principles. If there is any conflict between the terms in this privacy policy and the Privacy Shield Principles, the Privacy Shield Principles shall govern. To learn more about the Privacy Shield program, and to view our certification, please visit <a href="https://www.privacyshield.gov/" target="_blank">https://www.privacyshield.gov/</a>. </p> <hr> <h3>Security</h3> <p>We have security protocols in place to protect your information from unauthorized access, improper use or disclosure, unauthorized modification, and unlawful destruction or accidental loss. We only allow access to our databases when necessary, and then under strict guidelines as to what use may be made of such data.</p> <hr> <h3>Where and For How Long We Store Your Information</h3> <p>We store your information in data centres located in the United States of America. We may use service providers to help us run our Site (or services available on our Site). If we or our service providers transfer any information out of the European Economic Area (EEA), it will only be done with the relevant protection (under UK law) being in place (please see above under <i>Jurisdiction and Cross Border Transfer</i> for more information). </p> <p>We will only store your information for as long as it is required to fulfil the purpose for which it was initially collected. We have a policy in place that details our procedures for lawfully retaining and deleting your information.</p> <hr> <h3>Marketing & Unsubscribing</h3> <p>If you wish to unsubscribe from the list, please click on the unsubscribe link in the relevant email or e-mail us at <a href="mailto:marketing@f1experiences.com?subject=F1 Privacy Policy">marketing@f1experiences.com</a>. Except as to the extent you consent to us doing so at the point of data collection, we will not share, license or sell these e-mail addresses without your express consent. </p> <hr> <h3>Your Rights in Relation to Your Data</h3> <p>You have rights to access, correct, delete your information or to object to or restrict our processing of it in certain situations. No fee is usually required to exercise these rights, but we may need certain information from you.</p> <p>In certain circumstances, you have the right to:</p> <ul> <li>Request access to your personal information. This enables you to receive a copy of the personal information we hold about you and to check that we are lawfully processing it.</li> <li>Request correction of the personal information that we hold about you. This enables you to have any incomplete or inaccurate information we hold about you corrected.</li> <li>Request erasure of your personal information. This enables you to ask us to delete or remove personal information where there is no good reason for us continuing to process it. You also have the right to ask us to delete or remove your personal information where you have exercised your right to object to processing (see below).</li> <li>Object where we are processing your personal information for direct marketing purposes or where we are relying on a legitimate interest (or those of a third party) and there is something about your particular situation which makes you want to object to processing on this ground. Generally, other than in relation to marketing, our processing of your personal data is in order to allow us to provide you a service, so we will be unable to provide the service to you without processing your personal data</li> <li>Request the restriction of processing of your personal information. This enables you to ask us to suspend the processing of personal information about you, for example if you want us to establish its accuracy or the reason for processing it.</li> </ul> <p>We allow you to access, correct and edit your details at any time by contacting <a href="mailto:support@quintevents.com?subject=UFC Privacy Policy">support@quintevents.com</a>. </p> <p>No fee is usually required - You will not have to pay a fee to access your personal information (or to exercise any of the other rights). However, we may charge a reasonable fee if your request for access is unfounded or excessive. Alternatively, we may refuse to comply with the request in such circumstances.</p> <p>What we may need from you - We may need to request specific information from you to help us confirm your identity and ensure your right to access the information (or to exercise any of your other rights). This is another appropriate security measure to ensure that personal information is not disclosed to any person who has no right to receive it.</p> <hr> <h3>Changes to our Privacy Policy</h3> <p>Privacy laws and practice are constantly developing. Our policies and procedures are therefore under continual review. We may, from time to time, update our privacy policy. Any such changes will be posted on this page. Please check back frequently to see any updates or changes to the Privacy Policy.</p> <hr> <h3>How to Complain</h3> <p>We endeavor to meet the highest standards when collecting and using personal information, however if you wish to lodge a complaint as to how we collect and process your information please contact <a href="mailto:marketing@f1experiences.com?subject=F1 Privacy Policy">marketing@f1experiences.com</a>. You may also wish to lodge a complaint with the Information Commissioner’s Office, the UK’s independent body set up to uphold information rights. You can find further details as to how to do this at <a href="https://ico.org.uk/concerns" target="_blank">https://ico.org.uk/concerns/</a> </p> <hr> <h3>Table: quick check of how we use your personal data</h3> <div class="privacy-wrapper hidden-sm hidden-xs margin-top-40"> <div class="purpose"> <p><strong>Purpose</strong></p> </div> <div class="data-used"> <p><strong>Data Used</strong></p> </div> <div class="legal-basis"> <p><strong>Legal Basis</strong></p> </div> <div class="which-rights"> <p><strong>Which Rights Apply?*</strong></p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>Communication with customers and website users</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Personal contact details and information provided by you when you contact us via our contact forms or by email, marketing preferences, product purchase history.</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Legitimate interest. It is in our interests to communicate with website users, customers and potential customers.</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>Carrying out contractual obligations to customers</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Information relating to our agreement with you including but not limited to name, address, e-mail address, date of birth, nationality and phone number and preferences.</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Contractual necessity and legitimate interests. We need to process this information to perform our contract with you and it is also in both of our interests to do so.</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>Maintenance and improvement of website and technical offering</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Technical information and information about your visit (set out above in the <i>What Information we collect</i> section).</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Legitimate interest or consent (for non-essential Cookies). It is in our interests as well as the interest of our customers to maintain and improve the performance of our website.</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>Fraud and crime prevention</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Personal contact details and information provided by you when you contact us via our contact forms or by email, information provide to us by third party credit check providers, information provided to us by law enforcement agencies.</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Public interest and legitimate interest. It is in our interests as well as the interests of our customers to ensure the prevention of fraud and crime is monitored.</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>To deal with legal disputes</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Personal contact details, information provided by you when you contact us via our contact forms or by email, customer contracts or engagement records.</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Legitimate interest. It is in our interests to process personal data to make and defend legal claims to ensure that our legal rights are protected.</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>Market research and customer profile development</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Personal contact details, marketing preferences, product purchase history, Technical information and information about your visit (set out above in the <i>What Information We Collect</i> section).</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Legitimate interest. It is in our interests to process personal data about your customer experience with us to develop our product offering and improve our services.</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <div class="privacy-wrapper"> <div class="purpose"> <p>Direct marketing and advertising</p> </div> <div class="data-used"> <p><strong class="hidden-lg hidden-md">Data Used: </strong>Personal contact details, marketing preferences, product purchase history, Technical information and information about your visit (set out above in the <i>What Information We Collect</i> section).</p> </div> <div class="legal-basis"> <p><strong class="hidden-lg hidden-md">Legal Basis: </strong>Consent</p> </div> <div class="which-rights"> <p><strong class="hidden-lg hidden-md">Which Rights Apply?*: </strong>The generally applicable rights plus the right to object.</p> </div> </div> <p class="margin-top-30"><em class="small">*The following generally applicable rights always apply: right to be informed, right of access, right to rectification, right to erasure, right to restriction and rights in relation to automated decision making. For more detail about your rights and how to exercise them please see above.</em></p> </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%; max-height: 175px; 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> <!-- ***** Hiding Languages on Buyers pages ***** --> <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> <!-- ***** Ticket and Hotel Styles for Redesign ***** --> <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> <!-- ***** Ticket and Hotel ***** --> <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> <!-- ***** New Seating Chart Styling ***** --> <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> <!-- ***** Font and Generic Styles for Redesign ***** --> <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> <!-- ***** Seating chart - map ***** --> <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> <!-- ***** F1 Garage redeisgned ***** --> <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> <!-- ***** Seating Chart - Event Details ***** --> <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> <!-- ***** Package Comparrison ***** --> <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> <!-- ***** Tabs for Redesign ***** --> <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> <!-- ***** Options wrapper Section for Redesign ***** --> <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> <!-- ***** Blog Wrapper for Redesign ***** --> <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> <!-- ***** access wrapper Section for Redesign ***** --> <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> <!-- ***** Content Section for Redesign ***** --> <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> <!-- ***** Request Info Section for Redesign ***** --> <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> <!-- ***** Whats included Wrapper Section for Redesign ***** --> <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> <!-- ***** Video Wrapper Section for Redesign ***** --> <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> <!-- ***** Event header image for Redesign ***** --> <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> <!-- ***** Contact Us Styles for Redesign ***** --> <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> <!-- ***** Package Header CSS for redesign ***** --> <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> <!-- ***** HIGHLIGHTED PACKAGE Stlying for redesign ***** --> <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> <!-- ***** HIGHLIGHTED MULTI OPTION PACKAGE Stlying for redesign ***** --> <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> <!-- ***** PACKAGE Stlying for redesign ***** --> <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> <!-- ***** PACKAGE Extras Stlying for redesign ***** --> <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> <!-- ***** PACKAGE PAGE hotels Stlying for redesign ***** --> <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> <!-- ***** PACKAGE PRICING Stlying for redesign ***** --> <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> <!-- ***** Request info Stlying for redesign ***** --> <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> <!-- ***** Header Images for Redesign ***** --> <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> <!-- ***** Calendar styling for Redesign ***** --> <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> <!-- ***** Interested in section styling for Redesign ***** --> <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> <!-- ***** Guest Experiences ***** --> <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> <!-- ***** About Us content styling for Redesign ***** --> <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> <!-- ***** Team Packages styling for Redesign ***** --> <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> <!-- ***** Guest Experiences for Redesign ***** --> <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> <!-- ***** Rewards Section for Redesign ***** --> <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> <!-- ***** Partners Section for Redesign ***** --> <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> <!-- ***** Home Page Header for Redesign ***** --> <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> <!-- ***** Home Page Calendar for Redesign ***** --> <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> <!-- *****Buttons in header HOME PAGE ***** --> <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> <!-- ***** NEWS AND EVENTS HOME PAGE ***** --> <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> <!-- ***** ADVERTS SECTION HOME PAGE ***** --> <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> <!--************** Seating chart Updates **************--> <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> <!--<li class="f1-nav__item"><a href="/formula-2"><span class="f1-nav__underline">Formula 2</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="/mclaren-racing-team-packages"> <span class="f1-nav__underline">McLaren Formula 1 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> <!-- Mobile Footer Dropdowns --> <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="/mclaren-racing-team-packages" class="footer-link">McLaren Formula 1 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> <!-- Mobile Footer Dropdowns End --> </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>