MotoGP Germany 2025 | MotoGP VIP Village Hospitality

<!DOCTYPE html><html dir="" lang="en"><head><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" /><title>MotoGP Germany 2025 | MotoGP VIP Village Hospitality - 2-Days</title><meta content="Secure premium access at the 2025 German MotoGP with a 2-Day MotoGP VIP Village ticket, including Pit Lane views, all-inclusive hospitality & more" name="description" /><meta content="b4q8od5khj9nArOd9RoytkG66bcWtWEOvzbNE-WYhxA" name="google-site-verification" /><script>window.locale = "en" window.sidebar_info = "" window.phone_numbers = {"ES":"+34 900.973.465","FR":"+33 01 78 96 88 00","GB":"+44 808 134 8412","IT":"+39 051 046 0900","US":"+1.855.282.3055","default":"+1.855.282.3055"} window.brand_name = "MotoGP™ Premier" window.chat_color = "#FF0000" window.aggregateGaId = 'UA-96277800-1'; window.googleAnalyticsId = "UA-218550307-1"; window.name = "motogp" window.js_entrypoint = "" window.chat_service = "zopim"</script><script>window.languages = [{"id":10,"locale":"en-GB","display_name":"English","html_class":"","position":0,"site_id":35,"created_at":"2022-01-25T08:47:35.019-05:00","updated_at":"2022-02-01T09:41:31.000-05:00","display_on_site":true},{"id":13,"locale":"es","display_name":"Español","html_class":"","position":1,"site_id":35,"created_at":"2022-02-01T09:40:48.771-05:00","updated_at":"2023-08-16T09:01:12.117-04:00","display_on_site":true},{"id":12,"locale":"it","display_name":"Italiano","html_class":"","position":4,"site_id":35,"created_at":"2022-01-25T08:51:01.114-05:00","updated_at":"2022-09-23T08:28:43.642-04:00","display_on_site":true}];</script><script>window.abbreviation = "motogp"; window.googleAnalytics4Id = "G-EN1C7T47B4"; window.googleTagManagerId = "GTM-TZRH6D8";</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/motogp/v2/application-cdf0fc20692b8eb48e04e821113780dac380f5ccda33701f2595ba716bcb3109.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/1983-d4ef00edf86ebdc7abab.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/1183-854d349fa4dca17c07a1.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/motogp-806de2eda02999de7836.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="dIurAMU92bedJMo1OpQ_A3RP24Ff72Krl9wWZlyOVNwT1L_1uRw5YBLTArRG82LxW0cbd-IXilf6B1__aSrrpA" /><link rel="apple-touch-icon" sizes="180x180" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/motogp/v2/favicon/apple-touch-icon-fc9bb8392554bb41236d49cdf12052c107d866fd5241c122f1ae3d6fb5df7018.png"> <link rel="icon" type="image/png" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/motogp/v2/favicon/favicon-32x32-d1e80a29117286a8ec3626fee1ce35bc2edd1f9d111f1918f72455d1aff6fd54.png" sizes="32x32"> <link rel="icon" type="image/png" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/motogp/v2/favicon/favicon-16x16-b94351beff8d95c9390d2b5b80e9099a5f18b8dfcb2125eaf2c593ab53bcb00a.png" sizes="16x16"> <link rel="manifest" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/motogp/v2/favicon/manifest-8d8fd9fa54776057f7282da820a6f774c1f03c7abd8787b245f85839e4e1d1f8.json"> <link rel="mask-icon" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/motogp/v2/favicon/safari-pinned-tab-4f5341fe6f7f65e8c5c2189458737a1294670ed1e1ffaea2442538e894da1494.svg" color="#5bbad5"> <link rel="shortcut icon" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/motogp/v2/favicon/favicon-b8ad219248cba04e8bd45be2517bbbb2a0fcdec0a36331bceccb9c71c51d51d0.ico"> <meta name="theme-color" content="#ffffff"> <link href="https://motogppremier.motogp.com/2025-motogp-germany/motogp-vip-village-2-days" rel="canonical" /></head><body class="controller_renderables action_show renderable_package locale_en cookie-consent-dropdown"><header><div class="navbar-fixed-top"><div class="cookie-fixed-top"><div id="cookie-consent"></div></div><div class="top-bar-motogp" id="topBarMotoGP"><div class="navbar-motogp-container"><div class="product-links-motogp"><span class="motogp-span"><a class="store" target="_blank" rel="noopener" href="https://www.motogp.com/">MotoGP.com</a></span><span class="store-span"><a class="store" target="_blank" rel="noopener" href="https://store.motogp.com/en/">Store</a></span><span class="tickets-span"><a class="tickets" target="_blank" rel="noopener" href="https://tickets.motogp.com?utm_source=motogppremier.motogp.com&utm_medium=referral&utm_campaign=topnav_tickets">Tickets</a></span><span class="hospitality-span"><a class="hospitality" href="/hospitality">Hospitality</a></span><span class="motogp-experiences"><a class="experiences" href="/motogp-premier">Experiences</a></span></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="/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"><button aria-expanded="false" class="navbar-translate-toggle collapsed" type="button"><span class="close"></span></button><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:+34 900.973.465" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.973.465</a><a href="tel:+33 01 78 96 88 00" class="phone-numbers phone-FR hidden" id="phone-FR">+33 01 78 96 88 00</a><a href="tel:+44 808 134 8412" class="phone-numbers phone-GB hidden" id="phone-GB">+44 808 134 8412</a><a href="tel:+39 051 046 0900" class="phone-numbers phone-IT hidden" id="phone-IT">+39 051 046 0900</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-US hidden" id="phone-US">+1.855.282.3055</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-default displayed" id="phone-default">+1.855.282.3055</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="/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:+34 900.973.465" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.973.465</a><a href="tel:+33 01 78 96 88 00" class="phone-numbers phone-FR hidden" id="phone-FR">+33 01 78 96 88 00</a><a href="tel:+44 808 134 8412" class="phone-numbers phone-GB hidden" id="phone-GB">+44 808 134 8412</a><a href="tel:+39 051 046 0900" class="phone-numbers phone-IT hidden" id="phone-IT">+39 051 046 0900</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-US hidden" id="phone-US">+1.855.282.3055</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-default displayed" id="phone-default">+1.855.282.3055</a></span></a></span></span><span class="short">Questions? <span><a href="tel:+34 900.973.465" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.973.465</a><a href="tel:+33 01 78 96 88 00" class="phone-numbers phone-FR hidden" id="phone-FR">+33 01 78 96 88 00</a><a href="tel:+44 808 134 8412" class="phone-numbers phone-GB hidden" id="phone-GB">+44 808 134 8412</a><a href="tel:+39 051 046 0900" class="phone-numbers phone-IT hidden" id="phone-IT">+39 051 046 0900</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-US hidden" id="phone-US">+1.855.282.3055</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-default displayed" id="phone-default">+1.855.282.3055</a></span></span><div class="navbar-brand-mobile"><a href="/"></a></div></div></div></div><div #="" CHANGED="" NAVBAR_COLLAPSE-MD="" TO="" class="navbar-collapse-md collapse" id="navbar-collapse"><ul class="nav navbar-nav navbar-right"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/calendar-of-events"><div class="original navbar-item">Calendar</div></a></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="/motogp-premier"><div class="original navbar-item">MotoGP Premier</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/motogp-vip-village"><div class="original navbar-item">MotoGP VIP Village</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/motogp-vip-village-business"><div class="original navbar-item">MotoGP VIP Village Business & Events</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="/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="/contact-us"><div class="original navbar-item">Contact Us</div></a></li><li class="divider" role="separator"></li><li class="menu-item mobile-account mobile-account-item"><a href="/customer"><div class="account-icon original navbar-item">My Account</div></a></li><div class="top-bar-motogp" id="topBarMotoGP"><div class="navbar-motogp-container"><div class="product-links-motogp"><span class="motogp-span"><a class="motogp" target="_blank" rel="noopener" href="https://www.motogp.com/">MotoGP.com</a></span><span class="store-span"><a class="store" target="_blank" rel="noopener" href="https://store.motogp.com/en/">Store</a></span><span class="tickets-span"><a class="tickets" target="_blank" rel="noopener" href="https://tickets.motogp.com?utm_source=motogppremier.motogp.com&amp;utm_medium=referral&amp;utm_campaign=topnav_tickets">Tickets</a></span><span class="hospitality-span"><a class="hospitality" href="/hospitality">Hospitality</a></span><span class="motogp-experiences"><a class="experiences" href="/motogp-premier">Experiences</a></span></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><a href="/calendar-of-events">Calendar of Events</a></li><li><a href="/2025-motogp-germany">Motorrad Grand Prix Deutschland 2025</a></li><li>MotoGP VIP Village™ 2-Day</li></ol></div></div></div></div></div><div class="event" data-event-id="7632"></div><div data-packages="[{"apply_discount":false,"discount":"0.0","hide_pricing":false,"ten_required":false,"quantity_required":null,"group":"","hotel_purchasing":true,"hotel_required":false,"id":63286,"include_transportation":true,"event_payment_terms":[],"price":2370.0,"inventory_on_site":1000.0,"chargeable_currencies":["AUD","CAD","EUR","GBP","QAR"],"event_type":"motogp","valid_package?":true,"not_h4h_cart":true,"display_name":"MotoGP VIP Village™ 2-Day","default_currency":"USD","x100_payment_term_required":false,"purchasable_package_options":[],"purchasable_hotels":[{"id":29415,"purchasable":true,"price":1120.0,"check_in_date":null,"check_out_date":null,"display_name_with_fallback":"The C/O 56 Chemnitz","arn_id":"245576","number_of_nights":0,"inventory_on_site":6,"transportation_fee":"250.0","stays":[{"id":55218,"inventory_on_site":6.0,"room_type":"King","sf_id":"01tPl00000BGQBaIAP","active":true,"room_type_translated":"King","price":1120.0},{"id":55217,"inventory_on_site":3.0,"room_type":"Twin/Twin","sf_id":"01tPl00000BGQBbIAP","active":true,"room_type_translated":"Twin/Twin","price":1120.0},{"id":55216,"inventory_on_site":-97.0,"room_type":"Twin/Twin","sf_id":"01tPl00000BGQBXIA5","active":true,"room_type_translated":"Twin/Twin","price":220.0},{"id":55215,"inventory_on_site":-93.0,"room_type":"King","sf_id":"01tPl00000BGQBWIA5","active":true,"room_type_translated":"King","price":220.0}]}]}]" data-status="default_with_purchasing" id="packageCartFormData"></div><div class="parent-package" data-event-id="7632" data-package-id="63286"><div><div class="extend-content"><div class="details"> <div class="banner"> <h2>BLACK FRIDAY SALE ON ALL MOTOGP VIP VILLAGE™ PACKAGES FOR A LIMITED TIME ONLY</h2> <p>Black Friday pricing already reflected in the package price</p> </div> <div class="package-name-banner package-blue-vertical"> <h1>MotoGP VIP Village™ 2-Day</h1> <div class="status"><h4 class="status-text available">Available</h4></div> </div> <div class="container margin-top-40"> <div class="row inclusions"> <div class="col-sm-12"> <h2>Package Inclusions</h2> </div> </div> <div class="inclusions-box-wrapper"> <div class="inclusion-row third"> <div class="inclusion-wrapper"> <div class="inclusion-content--image"> <img src="https://assets.quintevents.com/m/f3a672ac329673c/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-14.jpg"> </div> <div class="inclusion-content inclusion-content-full-width"> <p class="small day-label">Saturday - Sunday</p> <h4>MotoGP VIP Village™</h4> <div> <p>Take in all the atmosphere of MotoGP VIP Village™ located on the roof of the Pit Building, Covered - Hospitality.</p> <p>Enjoy all the track action from a private, uncovered viewing terrace with an open bar overlooking the Start/Finish line offering unmatched views back down the Main Straight, Pit Lane and Paddock.</p> </div> <p class="inclusion-link"> <a href="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/80653-MotoGP-Germany-Seating-Chart-VIP-Village-06e7208a652dc4fed7844cfb36a61906.png" data-toggle="lightbox">View Seat Map»</a> </p> </div> </div> </div> <div class="inclusion-row third"> <div class="inclusion-wrapper"> <div class="inclusion-content--image"> <img src="https://assets.quintevents.com/m/3075d751f6cb2940/72_DPI_WEB-MotoGP-Premier-Germany-2024-Paddock-06.jpg"> </div> <div class="inclusion-content inclusion-content-full-width"> <p class="small day-label">One-Day</p> <h4>Paddock Walk</h4> <div><p>Walk through the ‘backstage’ area of MotoGP™ as the riders and teams prepare for a weekend of action.</p></div> </div> </div> </div> <div class="inclusion-row third"> <div class="inclusion-wrapper"> <div class="inclusion-content--image"> <img class="image-top-30" src="https://assets.quintevents.com/m/67c050e667ad2cf1/72_DPI_WEB-MotoGP-Premier-Germany-2024-Pit-Lane-6.jpg"> </div> <div class="inclusion-content inclusion-content-full-width"> <p class="small day-label">Saturday - Sunday</p> <h4>Pit Lane Walk</h4> <div><p>Walk along the famed MotoGP™ Pit Lane and get a close-up look at all the excitement going on inside the Team Boxes.</p></div> </div> </div> </div> <div class="inclusion-row full hospitality-row premier-only vip"> <div class="hospitality-wrapper"> <div class="hospitality-content"> <h4>MotoGP™ Lounge Hospitality <span class="small day-label">Saturday - Sunday</span> </h4> <div> <p>Indulge in weekend-long hospitality in the stylish and inviting setting of the MotoGP™ Lounge where meticulously selected cuisine and beverages await to delight your palate and take your race weekend to unparalleled levels. </p> <p><b>Enjoy: </b></p> <ul> <li>Access to an air-conditioned lounge within the MotoGP VIP Village™ </li> <li>Exquisite breakfast and lunch dishes curated by top chefs, served buffet-style, along with daily afternoon temptations, cheeses, and cold cuts </li> <li>All-day open bar offering a selection of expertly crafted cocktails, complemented by a premium selection of prosecco, beer, wine, and soft drinks</li> </ul> <p><i><span style="font-size: 14px;">*Guests will have access to the activations, entertainment & more in MotoGP VIP Village™.</span></i></p> <ul> </ul> </div> </div> <div class="about-gallery"> <div class="owl-carousel-container"> <div class="owl-carousel owl-loaded owl-drag" data-dots="true" data-items-medium="1" data-items-small="1" data-loop="true" data-speed:=""> <div class="owl-stage-outer"> <div class="owl-stage"> <div class="owl-item"> <div class="item"> <a data-gallery="apex" data-toggle="lightbox" href="https://assets.quintevents.com/m/50bb052622284602/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-24.jpg"> <img src="https://assets.quintevents.com/m/50bb052622284602/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-24.jpg"> </a> </div> </div> <div class="owl-item"> <div class="item"> <a data-gallery="apex" data-toggle="lightbox" href="https://assets.quintevents.com/m/bdd45ac14d7548c/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-01.jpg"> <img src="https://assets.quintevents.com/m/bdd45ac14d7548c/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-01.jpg"> </a> </div> </div> <div class="owl-item"> <div class="item"> <a data-gallery="apex" data-toggle="lightbox" href="https://assets.quintevents.com/m/596fa915272901a9/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-26.jpg"> <img src="https://assets.quintevents.com/m/596fa915272901a9/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-26.jpg"> </a> </div> </div> <div class="owl-item"> <div class="item"> <a data-gallery="apex" data-toggle="lightbox" href="https://assets.quintevents.com/m/172c90362506b808/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-15.jpg"> <img src="https://assets.quintevents.com/m/172c90362506b808/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-15.jpg"> </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="inclusion-row third"> <div class="inclusion-wrapper"> <div class="inclusion-content--image"> <img src="https://assets.quintevents.com/m/3440793e6b86f72/72_DPI_WEB-MotoGP-Premier-Austria-2024-VIP-Village-06.jpg"> </div> <div class="inclusion-content inclusion-content-full-width"> <p class="small day-label">Saturday</p> <h4>MotoGP™ Rider Q&A</h4> <div><p>Hear a MotoGP™ Rider’s experiences from the world of two-wheel racing and gain unique insights into what it takes to compete at the pinnacle of motorcycle racing with a Q&A in the MotoGP™ Lounge.</p><p><i><span style="font-size: 14px;">*Appearance is subject to change at any time</span></i>.</p></div> </div> </div> </div> <div class="inclusion-row third"> <div class="inclusion-wrapper"> <div class="inclusion-content--image"> <img src="https://assets.quintevents.com/m/6d907156af05b055/72_DPI_WEB-MotoGP-Premier-Catalunya-2024-VIP-Village-35.jpg"> </div> <div class="inclusion-content inclusion-content-full-width"> <p class="small day-label">Saturday - Sunday</p> <h4>MotoGP™ World Champions Trophy Access</h4> <div><p>Get up close to the authentic MotoGP™ World Champions Trophy.</p></div> </div> </div> </div> <div class="inclusion-row third"> <div class="inclusion-wrapper"> <div class="inclusion-content--image"> <img src="https://assets.quintevents.com/m/63f5df2302df8738/72_DPI_WEB-MotoGP-Premier-Catalunya-2024-VIP-Village-08.jpg"> </div> <div class="inclusion-content inclusion-content-full-width"> <p class="small day-label">Saturday - Sunday</p> <h4>Expo Show-Bikes</h4> <div><p>Access to a close-up view of exclusive MotoGP™ bikes in the venue.</p></div> </div> </div> </div> </div> </div> </div> <div class="container"> <h3 class="margin-top-40">Exclusive Extras</h3> <div class="extra-wrapper"> <div class="inclusion-row premier-only"> <div class="inclusion-wrapper exclusive"> <div class="inclusion-content inclusion-content-full-width"> <h4>Earn RoomCash</h4> <div><p>By purchasing a MotoGP™ Premier package, you earn RoomCash automatically – simple. Calculated as 10% of your total purchase, your earned RoomCash acts as points that can be used towards a discount on future MotoGP™ Premier purchases or discounted hotel rates.</p></div> </div> </div> </div> <div class="inclusion-row"> <div class="inclusion-wrapper exclusive"> <div class="inclusion-content inclusion-content-full-width"> <h4>Official MotoGP™ Programme</h4> <div><p>Each guest will receive a digital copy of the MotoGP™ Official Programme.</p></div> </div> </div> </div> </div> <p><em class="small">*All experiences are subject to local health and safety guidelines</em></p> </div> </div> <div class="container"> <div class="row bottom-row"> <div class="col-md-9 col"> <div class="margin-top-60 margin-bottom-40"> <h2>Add Accommodation & Transfers</h2> <div class="hotel-section"> <div class="hotel-section-box-wrapper"> <div class="col-sm-6 hotel-section-box"> <h4>3-Night Hotel Stay</h4> <p>Check-in Friday, Check-out Monday</p> </div> <div class="col-sm-6 hotel-section-box"> <h4>Daily Ground Transfers</h4> <p>To/from track and hotel. Available only with accommodation purchases through MotoGP™ Premier</p> </div> </div> <p class="margin-top-30"><span class="highlight-color">Please note</span>: Rooms can only accommodate a maximum of 2 people per room.</p> <div class="panel panel-default hotel-wrapper new-hotel-wrapper"> <div class="panel-heading hotel-header" 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"> <span class="white uppercase">c/o56 Hotel Chemnitz</span> <span class="stars-wrapper"> <span class="star"><i class="fa-solid fa-star"></i></span> <span class="star"><i class="fa-solid fa-star"></i></span> <span class="star"><i class="fa-solid fa-star"></i></span> <span class="star"><i class="fa-solid fa-star"></i></span> </span> </a> </p> </div> <div aria-labelledby="headingOne" class="panel-collapse collapse hotel-content" id="collapseOne" role="tabpanel"> <div class="panel-body"> <div class="col-sm-8 hotel-content-wrapper"> <p>Found in the heart of Chemnitz, the c/o56 Hotel Chemnitz offers glamorous views of the German landscape while staying close to the city centre ensuring convenient exploring! Breakfast is included with each stay and the hotel is located 77.3km (48.0 miles) from Dresden Airport. </p> <p><strong class="uppercase">Distance to the circuit:</strong> 23km (14.3 miles)</p> <p><strong class="uppercase">Daily ground transfers:</strong> Yes</p> <p><a target="_blank" href="/hotel/29415">View More Details »</a></p> </div> <div class="col-sm-4 hotel-content-image"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/40393-co56-Hotel-Chemnitz-3-5baf980a3a46a92370e4e219360f1559.jpg"> </div> </div> </div> </div> </div> </div>  <div class="details margin-top-80"> <div id="addToCartVue" class="purchasing"></div> </div>  </div> <div class="col-md-3 margin-top-80 margin-bottom-50 col"> <div class="form-wrapper package-blue-vertical"> <h3>MotoGP™ Official Ticket Packages </h3> <p class="margin-bottom-24">We have your insider experience to MotoGP™ with unparalleled access. Want to discuss Official Ticket Packages about a particular race with us? Please complete the form below and we’ll be in touch. </p> <div><div id="infoRequestForm"></div></div> </div> </div> </div> </div><div id="eventTypeDiv" data-event-type="motogp"></div></div><div class="col-md-12 rolodex text-center previous-next-package available"><div class="previous"><a href="/packages/63286/previous">« Previous Package</a></div><div class="next"><a href="/packages/63286/next">Next Package »</a></div></div></div></div></div><div data-code="SG" id="country-code"></div></main><footer class="stripe-elements"><style> .package-comparisons-overlay .btn.btn-secondary, .fa.fa-times, #backToEvent { color: #FFF !important; } .modal-outer .modal-wrapper .modal-header a { padding:10px !important; } #scrollbar::-webkit-scrollbar-thumb { background-color: #FF0000 !important; } .margin-top-10 { margin-top:10px; } .banner { background: #FF0000; display: flex; align-items: center; FLEX-DIRECTION: COLUMN; padding: 20px; text-align: center; } .banner h2, .banner p { margin: 0; } .owl-carousel .owl-item { height:425px; } .owl-carousel .owl-item .item, .owl-carousel .owl-item .item img { height: 100%; object-fit: cover; } .add_ons .additional-add-ons, .add_ons .first-three-add-ons { display: flex; flex-wrap: wrap; gap: 20px; } .add_ons .add-on-container { flex: 1 0 calc(33.33333% - 15px); display: flex; flex-wrap: wrap; max-width: 50%; width: auto !important; background:#000; } /*.more-add-ons .load-more {*/ /* color: #fff;*/ /*}*/ .additional-add-ons { margin-top: 15px; } @media only screen and (max-width: 992px) { .add_ons .add-on-container { flex: 1 0 100%; width: 100%; max-width: 100%; } } .add_ons .add-on-container .add-on-wrapper .content-wrapper { padding: 20px; display: flex; flex-wrap: wrap; flex: 1; flex-direction: column; align-items: flex-start; } .add_ons .add-on-container .add-on-wrapper .content-wrapper .price { margin-bottom: 10px; font-weight:bold; } .add_ons .add-on-container .add-on-wrapper .content-wrapper h3 { margin-top: 0; /*color: #fff;*/ } .edit-cart-section .add-ons-section { margin-top: 20px; } /*.add-ons-section h2 {*/ /* color: #fff;*/ /*}*/ .add_ons .add-on-container .add-on-wrapper .button-and-link .btn-primary #button-text::after, .add_ons .add-on-container .add-on-wrapper .button-and-link .btn-primary .btn-text::after, { display: none; } .button-and-link a { margin-top: 10px; } .add_ons .add-on-container .add-on-wrapper .image-wrapper { /*height: 150px;*/ width: 100%; } .add_ons .add-on-container .add-on-wrapper .image-wrapper img { height: 100%; width: 100%; object-fit: cover; } .add_ons .add-on-container .add-on-wrapper .content-wrapper p { font-size: 16px; line-height: 24px; } .add_ons .add-on-container .add-on-wrapper .disclaimer { font-size: 14px; line-height: 24px; font-style: italic; } </style>  <style type="text/css"> .display .cart-discount-form input::placeholder, .display .cart-discount-form input:placeholder { color:#CCC !important; } .opportunity-inclusions .opportunity-details-block .opportunity-details-header, .customer .customer_order_list .table-header { background: #2d3238; border: 0; color:#FFF; border: none; } .customer .customer_order_list .orders .order, .opportunity-inclusions .opportunity-details-block .opportunity-details-content{ border-top: 1px solid #ddd; background: #2d3238; border-left: none; border-radius: 0; border-right: 0; border-bottom: 0; color:#FFF; } .customer .customer_order_list .orders .order.closed, .opportunity-inclusions .opportunity-details-block .opportunity-details-content.closed { border:none; } .customer .customer_order_list .orders .order a { padding:8px 21px; margin-top:0 !important; display: flex; align-items: center; justify-content: center; } </style>  <style type="text/css"> .full-width-image-wrapper.container-full-width, .full-width-image-wrapper.container-full-width img { max-height: 300px; } .renderable_buyer_page .dropdown.translate-dropdown { display: none; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li.apex { display: none; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket:hover, .seating-chart-wrapper .package-content .button-wrapper .view-ticket:focus { background: transparent; border: none; outline: none; outline-offset: 0; transition: none; } #packages-filter .mobile-packages-filter h3.mobile-title { display: none; } @media (max-width: 991px) { .seating-chart-wrapper .close { margin-left: auto; margin-bottom: 20px; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper .last { margin-left: 0; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav li { border: none; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { align-content: flex-start; } #packages-filter .mobile-packages-filter h3.mobile-title { display: block; width: 100%; color: #FFF; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price { align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 20px; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .price, .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider { padding: 0; margin: 0; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider .max-slider, .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider .min-slider { text-align: center; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { justify-content: flex-start; padding: 20px 0; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav .seating_chart_price .price, .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper p { font-weight: bold } } </style> <style type="text/css"> form #hint { color: #FFF !important; } .credentials .row.columns { margin: 0; } /****** Generic STYLING ******/ .well { border: none; background: transparent; } .modal-outer .modal-wrapper { max-width: 90vw; min-width: 400px; width: auto; } .modal-outer .modal-wrapper .modal-header { gap: 0; align-items: center; justify-content: flex-start; } .modal-outer .modal-wrapper .modal-header a { margin-left: auto; } .modal-outer .modal-wrapper .modal-content ul { padding-left: 20px; margin: 0; } .center { text-align: center; } .vertical-center { align-self: center; } /* NEW CODE */ .modal-body { background-color: #171c21; } /*** Overriding Styles for whole site ***/ @media (min-width: 840px) { body { padding-top: 114px; } } .btn, a { font-weight: 500; } body, main .container { font-weight: 300; background-color: #171c21; overflow-x: hidden; color: #fff; } .access .access-wrapper .access-content { min-height: 260px; } footer { background-color: #000 !important; } #breadcrumb, #breadcrumb .container { background-color: #000 !important; } /*FORM STYLE*/ .form-row { background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 4px; padding: 20px; margin-right: 1px; margin-left: 1px; } .customer-request-form .form-control { background-color: #fff; border-radius: 4px; } select.form-control { border: 0; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent !important; color: #fff !important; border-radius: 4px !important; } option { color: #000 !important; } .form-wrapper { background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 4px; color: #fff; padding: 30px; } .form-wrapper h3 { margin-bottom: 10px; margin-top: 5px; } .form-group textarea, .form-group input { background: transparent !important; } #infoFormSubmitButton { background: #FF0000 !important; } /*END FORM STLYE*/ /************ CHECKOUT & LOGIN PAGES CSS - START *****************/ .credentials .form-container, .credentials .cart, .customer.container .h4h-description .panel { background: #33383e !important; border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; padding: 30px; border-top: none; } .customer.container .h4h-description .panel .panel-body { padding: 0; } .credentials .form-containe h2r, .credentials .cart h2, .checkout-container .address-and-hotel .section h2, .checkout-container .review-section h2, .checkout-container .bottom-checkout-column h2, .checkout-container .left-middle-checkout-column h2, .customer.container .h4h-description .panel h4, .checkout-container .protect-group-form { margin-top: 0; } .credentials .input, .credentials .select, .credentialsr input[type="text"], .credentials input[type="email"], .credentials input[type="password"], .credentials select, .checkout-container .input, .checkout-container .select, .checkout-container input[type="text"], .checkout-container input[type="email"], .checkout-container input[type="password"], .checkout-container select, .checkout-container .open .checkout-address input[type="text"], .checkout-container .open .checkout-address input[type="email"], .checkout-container .open .checkout-address input[type="password"], .checkout-container .open .checkout-address select { display: block; width: 100%; height: 41px; padding: 6px 12px; font-size: 16px; line-height: 1.7; color: #fff !important; background: transparent !important; background-image: none; outline: 1px solid #fff !important; border-radius: 6px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .checkout-container .middle-checkout-column { gap: 6%; } .checkout-container .middle-checkout-column .expandable_section { margin-top: 0; } .credentials .form-container p, .credentials .form-container p a, .credentials .form-container a p, .credentials .cart p, .credentials .cart p a, .credentials .cart a p, .checkout-container .address-and-hotel .section p, .checkout-container .address-and-hotel .section p a, .checkout-container .address-and-hotel .section a p, .checkout-container .review-section p, .checkout-container .review-section p a, .checkout-container .review-section a p, .checkout-container .bottom-checkout-column p, .checkout-container .bottom-checkout-column p a, .checkout-container .bottom-checkout-column a p, .checkout-container .left-middle-checkout-column p, .checkout-container .left-middle-checkout-column p a, .checkout-container .left-middle-checkout-column a p, .customer.container .h4h-description .panel p, .customer.container .h4h-description .panel p a, .customer.container .h4h-description .panel a p, .roomcash-points-awards, .checkout-container::placeholder, .credentials::placeholder { color: #fff !important; } ::placeholder { color: #fff !important; } .credentials .form-container p a:hover, .credentials .form-container a p:hover, .credentials .cart p a:hover, .credentials .cart a p:hover { color: #FF0000 !important; } .credentials .btn, .checkout-container .btn, .customer.container .btn { margin-top: 10px !important; background-color: #FF0000 !important; border-color: #FF0000; color: #fff !important; } .checkout-container .address-and-hotel, .checkout-container .middle-checkout-column { display: flex; gap: 20px; } .protect-group-form .refundable-perks-chart { background: transparent; } .protect-group-form .nonrefundable-display-box { background-color: #171c21; color: #fff; } .protect-group-form .refundable-display-box, .protect-group-form .refundable-perks-chart { border: 1px solid #FF0000; } .protect-group-form .protect-group-refundable .protect-group-title { color: #fff; } @media (max-width: 962px) { .checkout-container .section, .checkout-container .left-middle-checkout-column, .checkout-container .right-middle-checkout-column { flex: 0 0 100%; max-width: 100%; } .modal-outer .modal-wrapper { max-width: 90vw; min-width: 350px; width: auto; } } /************ CHECKOUT & LOGIN PAGES CSS - END *****************/ .parent-package .purchasing .btn-primary { background-color: #FF0000 !important; } sup { top: 0.1em; font-size: 130%; } .package-box-container .package-content .btn.sold-out { background-color: #919191; border-color: #919191; color: black; } .package-box-container .package-content .btn.sold-out:hover { background-color: #919191; border-color: #919191; color: black; cursor: not-allowed; } .package-box-container .group-packages, .package-box-container .group-packages > div:first-child { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } /*** done to make VIP Village last ***/ .package-box-container .group-packages .package-cube.package-sky-blue { order: 10000; } .package-box-container .group-packages .seatingChartPackage { flex: 0 0 calc(50% - 10px); } .package-box-container .group-packages .seatingChartPackage .package-cube { flex: 1 0 100%; } .package-box-container .group-packages .seatingChartPackage .group-package { border: none; height: 100%; } @media (max-width: 992px) { .package-box-container .group-packages .seatingChartPackage { width: 100%; flex: 1 0 100%; } } .people-quantity .sold-out { background-color: #919191; border-color: #919191; color: black; cursor: not-allowed; } .people-quantity .sold-out:hover { background-color: #919191; border-color: #919191; color: black; cursor: not-allowed; } .no-margin-top { margin-top: 0 !important; } .margin-0 { margin: 0; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-60 { margin-top: 60px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } /* Package Coloring */ .package-green { border-left: 5px #2db914 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(45 185 20 / 30%) 100%); } .package-orange { border-left: 5px #ff9912 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(255 153 18 / 30%) 100%); } .package-light-orange { border-left: 5px #ee8633 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(238 134 51 / 30%) 100%); } .package-dark-orange { border-left: 5px #d75d2b solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(215 93 43 / 30%) 100%); } .package-purple { border-left: 5px #8334c2 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(131 52 194 / 30%) 100%); } .package-dark-green { border-left: 5px #335916 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(51 89 22 / 30%) 100%); } .package-red { border-left: 5px #FF0000 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(200 5 2 / 30%) 100%); } .package-blue { border-left: 5px #183dc7 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(24 61 199 / 30%) 100%); } .package-grey-blue { border-left: 5px #9eb5da solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(158 181 218 / 30%) 100%); } .package-yellow { border-left: 5px #e1fc52 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(225 252 82 / 30%) 100%); } .package-yellow-2 { border-left: 5px #f9d84b solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(249 215 75 / 30%) 100%); } .package-pink { border-left: 5px #da05e0 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(218 5 224 / 30%) 100%); } .package-light-pink { border-left: 5px #f2bbe0 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(242 187 224 / 30%) 100%); } .package-sky-blue { border-left: 5px #26a4f9 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(38 164 249 / 30%) 100%); } .package-grey { border-left: 5px #6d6e71 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(109 110 113 / 30%) 100%); } .package-green.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #2db914 !important; } .package-orange.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ff9912 !important; } .package-light-orange.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ee8633 !important; } .package-dark-orange.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d75d2b !important; } .package-purple.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #8334c2 !important; } .package-dark-green.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #335916 !important; } .package-red.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #FF0000 !important; } .package-blue.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #183dc7 !important; } .package-grey-blue.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #9eb5da !important; } .package-yellow.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e1fc52 !important; } .package-yellow-2.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #f9d84b !important; } .package-pink.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #da05e0 !important; } .package-light-pink.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #f2bbe0 !important; } .package-sky-blue.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #26a4f9 !important; } .package-grey.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #6d6e71 !important; } .package-green-vertical { border-top: 5px solid #2db914; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(45 185 20 / 30%) 100%) !important; } .package-orange-vertical { border-top: 5px #ff9912 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(255 153 18 / 30%) 100%) !important; } .package-light-orange-vertical { border-top: 5px #ee8633 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(238 134 51 / 30%) 100%) !important; } .package-dark-orange-vertical { border-top: 5px #d75d2b solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(215 93 43 / 30%) 100%) !important; } .package-purple-vertical { border-top: 5px #8334c2 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(131 52 194 / 30%) 100%) !important; } .package-dark-green-vertical { border-top: 5px #335916 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(51 89 22 / 30%) 100%) !important; } .package-red-vertical { border-top: 5px #FF0000 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(200 5 2 / 30%) 100%) !important; } .package-blue-vertical { border-top: 5px #183dc7 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(24 61 199 / 30%) 100%) !important; } .package-grey-blue-vertical { border-top: 5px #9eb5da solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(158 181 218 / 30%) 100%) !important; } .package-yellow-vertical { border-top: 5px #e1fc52 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(225 252 82 / 30%) 100%) !important; } .package-yellow-2-vertical { border-top: 5px #f9d84b solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(249 215 75 / 30%) 100%) !important; } .package-pink-vertical { border-top: 5px #da05e0 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(218 5 224 / 30%) 100%) !important; } .package-light-pink-vertical { border-top: 5px #f2bbe0 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(242 187 224 / 30%) 100%) !important; } .package-sky-blue-vertical { border-top: 5px #26a4f9 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(38 164 249 / 30%) 100%) !important; } .package-grey-vertical { border-top: 5px #6d6e71 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(109 110 113 / 30%) 100%) !important; } @media (max-width: 460px) { .package-green { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(45 185 20 / 30%) 100%); } .package-orange { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(255 153 18 / 20%) 100%); } .package-light-orange { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(238 134 51 / 20%) 100%); } .package-dark-orange { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(215 93 43 / 20%) 100%); } .package-purple { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(131 52 194 / 30%) 100%); } .package-dark-green { background: linear-gradient(270deg, rgb(51, 89, 22) -30%, rgb(23, 28, 33 / 30%) 100%); } .package-red { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(200 5 2 / 30%) 100%); } .package-blue { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(24 61 199 / 30%) 100%); } .package-grey-blue { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(158 181 218 / 30%) 100%); } .package-yellow { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(225 252 82 / 30%) 100%); } .package-yellow-2 { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(249 215 75 / 30%) 100%); } .package-pink { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(218 5 224 / 30%) 100%); } .package-light-pink { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(242 187 224 / 30%) 100%); } .package-sky-blue { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(38 164 249 / 30%) 100%); } .package-grey { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(109 110 113 / 30%) 100%); } } .parent-package .package-name-banner .status .status-text { text-align: center; text-transform: uppercase; } .premier-only:before { content: "EXCLUSIVE"; color: #fff; padding-right: 10px; font-size: 18px; font-weight: bold; background: #c72026; width: auto; height: auto; border-bottom-left-radius: 0; position: absolute; display: flex; justify-content: flex-end; line-height: 42px; font-weight: 400; padding: 8px 40px 10px 60px; line-height: 28px; align-items: center; transform: rotate(34deg); top: 5px; right: -35px; border-top-right-radius: 6px; z-index: 1; } .seating-chart-wrapper .package-cube a.on-sale, .seating-chart-wrapper .package-cube .package-content-outer-wrapper.on-sale, .seating-chart-wrapper .package-cube a.black-friday, .seating-chart-wrapper .package-cube .package-content-outer-wrapper.black-friday { position:relative; overflow:hidden; } .black-friday:before { content: "Black Friday Sale"; color: #fff; padding-right: 10px; font-size: 16px; font-weight: bold; background: #c72026; width: auto; height: auto; border-bottom-left-radius: 0; position: absolute; display: flex; justify-content: flex-end; line-height: 42px; font-weight: 400; padding: 4px 30px 6px 134px; line-height: 28px; align-items: center; transform: rotate(34deg); top: 4px; right: -43px; border-top-right-radius: 6px; z-index: 1; text-transform:uppercase; } .on-sale:before { content: "EARLY BIRD PRICING"; color: #fff; padding-right: 10px; font-size: 18px; font-weight: bold; background: #c72026; width: auto; height: auto; border-bottom-left-radius: 0; position: absolute; display: flex; justify-content: flex-end; line-height: 42px; font-weight: 400; padding: 4px 30px 6px 134px; line-height: 28px; align-items: center; transform: rotate(34deg); top: 4px; right: -43px; border-top-right-radius: 6px; z-index: 1; } /* About Page + VIP Village Page */ /*** top gradient section ***/ .top-about-row { border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; position: relative; width: 100%; overflow-y: hidden; margin: auto; margin-top: 40px; } .top-about-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; } .top-about-content { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; width: 60%; } .top-about-content h4 { font-size: 38px; } .top-about-content p { padding-right: 80px; } .about-gallery { -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); width: 40%; } @media (max-width: 1019px) { .top-about-wrapper { flex-direction: column; } .top-about-content { width: 100%; padding-top: 50px; padding-bottom: 10px; } .about-gallery { -webkit-mask-image: none; width: 100%; height: 54%; position: absolute; bottom: 0; } } @media (max-width: 767px) { .top-about-content { width: 100%; padding-left: 35px; padding-top: 55px; padding-bottom: 15px; } } @media (max-width: 641px) { .about-gallery { height: 45%; } } @media (max-width: 595px) { .top-about-content p { padding-right: 20px; } .about-gallery { height: 40%; } .top-about-content { padding-left: 15px; } } @media (max-width: 450px) { .about-gallery { height: 28%; } } .c-card__type { position: absolute; right: 0; top: 0; overflow: hidden; border-radius: 0 4px 0 0; font-weight: 400; font-size: 14px; text-align: right; z-index: 2; } .c-card__type svg { width: 95%; } .c-card__type--free span { position: absolute; top: 0; right: 0; width: 261px; line-height: 42px; padding-right: 10px; font-size: 14px; } @media (max-width: 595px) { .c-card__type { right: -1px; top: -0.5px; } } /* END NEW CODE */ /* Gallery Dots */ .owl-dots .owl-dot.active span { background-color: #FF0000; border-color: #FF0000; } .owl-dots .owl-dot span { background-color: #fff; border: 2px solid #2d2d2d; height: 20px; width: 20px; transition: all 0.5s ease-out; } .owl-dots .owl-dot span:hover, .owl-dots .owl-dot.active:hover span { background-color: #FF0000; transition: all 0.5s ease-out; } /* Package Page Styling */ .package-name-banner { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; text-align: center; padding: 10px; } .parent-package h1 { color: #fff; font-size: 40px; } .parent-package .status { text-align: center; } .parent-package .status-text { text-transform: none; color: #fff; font-weight: 100; } /* Start Cube Media Gallery */ .ekko-lightbox-nav-overlay a:hover span { color: #fff; } .gallery .media-grid-wrapper .media-container, .gallery .media-grid-wrapper .media-container-lg-img { display: grid; grid-column-gap: 10px; grid-row-gap: 10px; } .gallery .media-grid-wrapper .media-container { grid-template-columns: auto auto auto; } .gallery .media-grid-wrapper .media-container-lg-img { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); -ms-grid-template-columns: repeat(3, 1fr); -ms-grid-template-rows: repeat(3, 1fr); -webkit-grid-template-columns: repeat(3, 1fr); -webkit-grid-template-rows: repeat(3, 1fr); } @media (min-width: 768px) { .gallery .media-grid-wrapper .media-container-lg-img .media-link-lg:first-of-type { grid-area: 1 / 1 / 3 / 3; -ms-grid-area: 1 / 1 / 3 / 3; -webkit-grid-area: 1 / 1 / 3 / 3; } } .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { background-position: center; background-size: cover; -webkit-transition: transform 0.5s ease-out; 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; } .gallery .media-grid-wrapper .media-container .media-link:hover .media-item, .media-container-lg-img .media-link-lg:hover .media-item { -webkit-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; transform: scale(1.05); overflow: hidden; } @media (min-width: 992px) { .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 62px; } .media-container-lg-img .media-link-lg:first-of-type .media-item { padding: 130px; } .gallery .media-grid-wrapper .media-container { grid-template-columns: auto auto auto; } } @media (min-width: 768px) and (max-width: 991px) { .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 75px; } .media-container-lg-img .media-link-lg:first-of-type .media-item { padding: 160px; } .gallery .media-grid-wrapper .media-container { grid-template-columns: auto auto; } } @media (max-width: 767px) { .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 50px; } .gallery .media-grid-wrapper .media-container, .gallery .media-grid-wrapper .media-container-lg-img { grid-template-columns: repeat(2, 1fr); } } .media-container-lg-img .media-link-lg:first-of-type .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 0px !important; width: 100%; height: 100%; } @media (min-width: 992px) { .media-container-lg-img .media-link-lg:first-of-type .media-item { height: 260px; object-fit: cover; object-position: 50% 50%; } .media-container-lg-img .media-link-lg .media-item { height: 124px; object-fit: cover; object-position: 50% 50%; } } /* End Cube Media Gallery */ .inclusion-wrapper .inclusion-content.inclusion-content-full-width { width: 100%; } @media (min-width: 768px) { .inclusion-wrapper .inclusion-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .inclusion-wrapper .inclusion-content { width: 74%; } .inclusion-wrapper .inclusion-img { width: 26%; } } @media (max-width: 767px) { .inclusion-row .inclusion-wrapper { flex-direction: column; } .inclusion-wrapper .inclusion-img { height: 125px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } } .inclusion-row { box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; margin-bottom: 15px; } .inclusion-row .inclusion-wrapper { display: flex; } .inclusion-wrapper .inclusion-content { padding: 25px; } .inclusion-wrapper .inclusion-img { background-position: center; background-size: cover; } .inclusion-content h4 { margin: 0 0 5px; padding: 0; color: #33383e; } p.inclusion-link { margin: 0; } .inclusions h3, .hotel-section h4 { color: #7b7b7b; } .hotel-table thead { background: #755093 linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; } .hotel-table tbody tr { background-color: #fff; border-top: 3px solid #e9e9e9; } .hotel-table p { margin: 0; } .hotel-table>tbody>tr>td { vertical-align: middle; } .parent-package .hotel-section .table tbody tr td:first-child, .parent-package .hotel-section .table thead tr th:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .parent-package .hotel-section .table tbody tr td:last-child, .parent-package .hotel-section .table thead tr th:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .previous-next-package { display: none; } .extend-content { margin-bottom: 60px; } /* End Package Page Styling*/ .seating_chart .hotel-and-ticket-icon .ticket-icon-container, .parent-package .hotel-and-ticket-icon .ticket-icon-container { border: 2px solid #FF0000; } .seating_chart .hotel-and-ticket-icon .icon-container, .parent-package .hotel-and-ticket-icon .icon-container { border-bottom: 2px solid #FF0000; } .seating_chart .hotel-and-ticket-icon .ticket-icon-container svg .st1, .parent-package .hotel-and-ticket-icon .ticket-icon-container svg .st1 { fill: #FF0000; } .seating_chart .hotel-and-ticket-icon .large-hotel-icon-container, .parent-package .hotel-and-ticket-icon .large-hotel-icon-container { border-bottom: none; } .seating_chart .hotel-and-ticket-icon .hotel-icon-container, .parent-package .hotel-and-ticket-icon .hotel-icon-container { border: 2px solid #67676d; } .seating_chart .hotel-and-ticket-icon .hotel-icon-container svg, .parent-package .hotel-and-ticket-icon .hotel-icon-container svg { fill: #67676d; } footer { background-color: #1d1d1d; padding: 50px 0 30px; color: #fff; } .small-footer-txt { color: #696969; } .small-footer-link { color: #696969; font-weight: 100; } .small-footer-link:hover { color: #fff; } footer .border-top { border-top: 1px solid #2b2a2a; padding-top: 30px; } @media (max-width: 767px) { .mobile-text-center { text-align: center; } } @media (min-width: 768px) { .desktop-right { float: right; } } .footer-header { font-weight: 600; margin-bottom: 8px; } .footer-link { margin-bottom: 4px; } .footer-link a { color: #fff; font-weight: 100; } .footer-link a:hover { color: #ccc; } /*** Hotels Start ***/ body.controller_contracted_hotels, main .container.contracted-hotel-page, .controller_contracted_hotels, .container.contracted-hotel-page { overflow-x: initial; } .contracted-hotel-page .contract-room-card-container, .contracted-hotel-page .retail-room-card-container, .contracted-hotel-page .hotel-index-container .hotel-side-container, .hotel-index-container .retail-hotel-index .retail-hotel-list .default-retail-list .retail-hotel-card-container, .hotel-index-container .retail-hotel-index .retail-hotel-list .filtered-retail-list .retail-hotel-card-container, .hotel-index-container .retail-hotel-index .retail-hotel-filter-container, .hotel-index-container .checkin-info .room-information .retail-room-card-container, .hotel-index-container .hotel-info-amenities-container.container .hotel-side-container, .hotel-index-container .checkin-info-amenities-container, .checkout-container .rate-change-modal, .end-state .retail-hotel-filter-container.mobile-filter { box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; color: #fff; } .contracted-hotel-page .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description, .contracted-hotel-page .hotel-index-container .checkin-info-amenities-container, .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description, .checkout-container .rate-change-modal .modal-footer { background: transparent !important; } .contracted-hotel-page .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4, .contracted-hotel-page .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4 b, .hotel-index-container .hotel-info-amenities-container .hotel-main-info h4, .hotel-index-container .hotel-info-amenities-container .hotel-main-info h4 b, .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4, .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4 b, .hotel-info-amenities-container.container h4, .hotel-info-amenities-container.container h4 b, .hotel-index-container .checkin-info .property-description-title h4, .hotel-index-container .checkin-info .property-description-title h4 b, .hotel-index-container .checkin-info .property-description-title b, .hotel-index-container .retail-hotel-index .retail-hotel-list .default-retail-list .retail-hotel-card-container .retail-hotel-info .retail-hotel-title h4, .hotel-index-container .retail-hotel-index .retail-hotel-list .filtered-retail-list .retail-hotel-card-container .retail-hotel-info .retail-hotel-title h4 { color: #fff; } .hotel-index-container .hotel-info-amenities-container.container { margin: 0; } .contracted-hotel-page .hotel-index-container .hotel-info-amenities-container.container { width: 25%; } .contracted-hotel-page .hotel-index-container .hotel-info-amenities-container.container .hotel-side-container { width: 100%; } @media (max-width: 768px) { .contracted-hotel-page .hotel-index-container .hotel-info-amenities-container.container { width: 100%; } } @media (max-width: 812px) { .hotel-search-form, .mobile-search-form .hotel-search-form, .mobile-search-button { background: transparent !important; } } .hotel-index-container .glide { width: calc(100vw - 17px); } .map-view-container .hotel-map, .map-view-container .hotel-map .retail-hotel-title h4 { color: #000; } .map-view-container .map-legend { background: transparent; } /*** Hotels End ***/ .retail-hotel-filter-container { border: none !important; } .package-img { object-fit: cover; } .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%; } /****** PACKAGE PAGE STYLING ******/ /****** Main Page Update Styles - START ******/ .parent-package p { line-height: 1.4em; } .parent-package hr { display: none !important; } .parent-package .modal-body { background-color: #171c21; } /****** Form Styles - START ******/ .parent-package .form-wrapper { padding: 20px; } /****** Form Styles - END ******/ /****** Exclusive Extras Section Styles - START ******/ .parent-package .extra-wrapper { display: flex; flex-direction: row; gap: 20px; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding: 30px 20px 20px 20px; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content p:last-of-type { margin: 0; } /****** Exclusive Extras Section Styles - END ******/ /****** Package Inclusions Section Styles - START ******/ .parent-package .inclusions-box-wrapper .inclusion-row { background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; } .parent-package .inclusion-content h4 { color: #fff !important; } .parent-package .extra-wrapper .inclusion-row .inclusion-wrapper, .parent-package .inclusion-row .inclusion-wrapper { align-items: flex-start !important; } .parent-package .inclusion-content p, .parent-package .hotel-section-box p, .parent-package .inclusion-content p em, .parent-package .hotel-section-box p em { color: #9fa0a4; } .parent-package .inclusions-box-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .parent-package .inclusions-box-wrapper.left-align { justify-content: flex-start; } .parent-package .inclusions-box-wrapper .inclusion-row .inclusion-wrapper { flex-direction: column; } .parent-package .inclusion-row .inclusion-wrapper { display: flex; align-content: center !important; align-items: center !important; height: 100% !important; } .parent-package .inclusion-row.with-or-after .inclusion-wrapper:after { content: 'OR'; position: absolute; top: 50%; right: -50px; transform: translate(0, -50%); font-family: "MotoGP Display Web", sans-serif; font-weight: 600; font-size: 40px; width: 80px; text-align: center; z-index: 999; } .parent-package .inclusion-row.with-or-after:last-of-type .inclusion-wrapper:after { content: none; } .parent-package .inclusion-row .inclusion-wrapper.exclusive .inclusion-content { background: transparent; padding: 10px; } .parent-package .inclusion-row { display: flex; align-items: flex-start; color: #fff; background-size: cover; background-position: center; border-radius: 6px; position: relative; margin: 0; flex: 1 1 calc(25% - 15px); overflow: hidden; } .parent-package .inclusion-row.no-grow { flex-grow: 0; } .parent-package .inclusion-row.full { flex: 1 1 100%; } .parent-package .inclusion-wrapper { border-radius: 6px; width: 100%; } .parent-package .inclusion-content.inclusion-content-full-width:before { content: ""; position: absolute; left: 0; top: -30%; width: 100%; height: 30%; display: inline-block; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); right: 0; } .parent-package .inclusion-content { padding: 20px 20px 20px 20px; background: #000000; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; flex-grow: 1; position: relative; } .parent-package .inclusion-content--image { height: 250px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 90%); border-top-right-radius: 6px; width: 100%; border-top-left-radius: 6px; } .parent-package .inclusion-content--image img { border-top-right-radius: 6px; width: 100%; border-top-left-radius: 6px; height: 100%; object-fit: cover; } .parent-package .inclusion-content p, .parent-package .inclusion-content h4 { margin-bottom: 5px; } .parent-package .day-label { background: rgba(63, 63, 63, 0.5); padding: 6px 18px; border-radius: 6px; width: auto; text-align: center; font-weight: bold; margin-bottom: -10px !important; display: inline-block; position: absolute; top: -25px; } /****** Package Inclusions Section Styles - END ******/ /****** Hospitality Section Styles - START ******/ .hospitality-row .small.day-label { position: initial; font-size: 55%; font-family: "MotoGP Text Web", sans-serif; margin: 0px 0 0px 20px !important; font-style: normal; color: #9fa0a4; background: rgba(63, 63, 63, 0.5); padding: 10px 18px; border-radius: 6px; font-weight: bold; } .parent-package .hospitality-row { background: linear-gradient(270deg, rgb(0, 0, 0) 10%, rgb(51, 56, 62) 99%); border-radius: 6px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; height: 390px; position: relative; border-left: 5px #FF0000 solid; width: 100%; margin: auto; } .parent-package .hospitality-row.vip { border-left: 5px #183dc7 solid; } .parent-package .hospitality-row.vip.premier-only:before { content:none; } .parent-package .hospitality-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; } .parent-package .hospitality-wrapper .hospitality-content { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; width: 60%; } .parent-package .hospitality-wrapper .hospitality-content p { padding-right: 80px; } .parent-package .hospitality-wrapper .about-gallery { -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); width: 40%; } .parent-package .hospitality-wrapper .owl-carousel-container, .parent-package .hospitality-wrapper .owl-carousel, .parent-package .hospitality-wrapper .owl-stage-outer, .parent-package .hospitality-wrapper .about-gallery { height: 100%; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .parent-package .hospitality-wrapper .about-gallery .owl-dots { text-align: center; margin-top: -34px; z-index: 2; position: absolute; width: 100%; } /****** Hospitality Section Styles - END ******/ /****** Hotel Section Styles - START ******/ .parent-package .hotel-section-box-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .parent-package .hotel-section-box, .parent-package .inclusion-wrapper.exclusive { box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); background: linear-gradient(168.98deg, #1e2329, #33383e); border-radius: 6px; color: #fff; width: 50%; flex: 1 0 calc(50% - 10px); padding: 20px; } .parent-package .hotel-section-box { padding: 30px; } .parent-package .inclusion-wrapper.exclusive .inclusion-content.inclusion-content-full-width:before { content: none; } .parent-package .hotel-section-box h4 { color: #fff !important; margin-top: 0; } .parent-package .hotel-section-box p:last-of-type { margin-bottom: 0; } .parent-package .hotel-table thead { background: #755093 linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .parent-package .hotel-table tbody tr { background: linear-gradient(0deg, #1e2329, #33383e) !important; color: #fff; border-top: none !important; border-top-right-radius: 0px; border-top-left-radius: 0px; } /****** Hotel Section Styles - END ******/ /****** Payment Section Styles - START ******/ .parent-package .purchasing .pricing_header, .parent-package .or-payment-terms, .parent-package .package-select label, .parent-package .currency-to-update, .parent-package .subtotal { color: #fff !important; } .parent-package .currency { background: #FF0000; color: #fff; border-radius: 6px; } .parent-package .purchasing .package_purchasing_form { background: linear-gradient(0deg, #1e2329, #33383e) !important; border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%) !important; padding: 20px; color: #fff; } /****** Payment Section Styles - END ******/ .parent-package .container .bottom-row { display: flex; flex-wrap: wrap; } .parent-package .container .bottom-row .col-md-9 { width: initial; flex: 1 0 75%; } .parent-package .container .bottom-row .col-md-3 { width: initial; flex: 1 0 25%; } /****** Small Screen Styles - START ******/ @media (max-width: 1279px) { .parent-package .inclusion-row { flex: calc(50% - 20px); } .parent-package .inclusion-wrapper { width: 100%; } .parent-package .form-wrapper { margin-left: 15px; } } @media (max-width: 1019px) { .parent-package .form-wrapper { margin-left: 0px; } .parent-package .bottom-row .col { width: 100%; flex: 1 0 100%; } .parent-package .hospitality-row { height: 575px; position: relative; } .parent-package .hospitality-wrapper { flex-direction: column; } .parent-package .hospitality-wrapper .hospitality-content { width: 100%; padding-top: 50px; padding-bottom: 10px; } .parent-package .hospitality-wrapper .about-gallery { -webkit-mask-image: none; width: 100%; height: 54%; position: absolute; bottom: 0; border-top-right-radius: 0px; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding-top: 70px; } } @media (max-width: 696px) { .parent-package .inclusion-row, .parent-package .inclusion-wrapper, .parent-package .inclusion-row, .parent-package .hotel-section-box { flex: 100%; width: 100%; margin: 0px; } .parent-package .extra-wrapper { flex-direction: column; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding-top: 30px; } } @media (max-width: 550px) { .parent-package .hospitality-wrapper .about-gallery { height: 40%; } .parent-package .hospitality-wrapper .hospitality-content p { padding-right: 60px; } } @media (max-width: 466px) { .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding-top: 70px; } .parent-package .hospitality-wrapper .about-gallery { height: 30%; } .parent-package .hospitality-wrapper .hospitality-content p { padding-right: 50px; } } @media (max-width: 768px) { .parent-package .inclusions-box-wrapper { flex-direction: column; } .parent-package .inclusion-row.with-or-after .inclusion-wrapper:after { top: initial; right: calc(50% - 80px); transform: translate(-50%, 0); font-size: 50px; width: 80px; bottom: -42px; height: 80px; } } @media (min-width: 1280px) { .parent-package .inclusion-row.quarter { flex: 0 calc(25% - 15px); } } @media (min-width: 992px) { .parent-package .inclusion-row.third { flex: 0 0 calc(33.3% - 15px); } .parent-package .inclusion-row.half { flex: 0 calc(50% - 15px); } } @media (min-width: 992px) and (max-width: 1279px) { .parent-package .inclusion-row.quarter { flex: 0 calc(33.3% - 15px); } } @media (max-width: 1019px) { .parent-package .inclusion-row.quarter, .inclusion-row.third { flex: 0 0 calc(50% - 15px); } } @media (max-width: 1020px) { .extra-wrapper .inclusion-row .inclusion-wrapper { padding-top: 60px; } } @media (max-width: 1019px) { .parent-package .hospitality-wrapper .about-gallery { height: 250px; position: relative; } .parent-package .hospitality-row { height: auto; position: relative; } .parent-package .hospitality-wrapper .hospitality-content { padding-right: 30px; } } /****** Small Screen Styles - END ******/ /****** Hospitality page ******/ .container-bucket-wrapper img { max-width: 100%; } .blue-icon-outer-wrapper, .no-icon-outer-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; float: left; justify-content: center; gap: 20px; width: 100%; } .blue-icon-outer-wrapper p, .no-icon-outer-wrapper p { line-height: 1.4em; } .blue-icon-outer-wrapper .blue-icon-wrapper { background: #34383d; padding: 20px 40px 40px 40px; position: relative; flex: 0 0 calc(25% - 25px); margin-top: 80px; } .no-icon-outer-wrapper .no-icon-wrapper { background: #34383d; padding: 20px; position: relative; flex: 0 0 calc(25% - 25px); display: flex; flex-direction: column; border-radius: 4px; } .no-icon-outer-wrapper .no-icon-wrapper.no-padding { padding: 0; } .no-icon-outer-wrapper .no-icon-wrapper .content-wrapper { padding: 20px; display: flex; flex-direction: column; height: 100%; } .no-icon-outer-wrapper .no-icon-wrapper .image-wrapper img { max-width: 100%; width: 100%; object-fit: cover; height: 150px; mask-image: linear-gradient(360deg, transparent, #000 24%); -webkit-mask-image: linear-gradient(360deg, transparent, #000 24%); border-top-left-radius: 4px; border-top-right-radius: 4px; } .no-icon-outer-wrapper .no-icon-wrapper p.margin-top-20 { margin-top: auto; } .no-icon-outer-wrapper .no-icon-wrapper.col-sm-3 { flex: 0 0 calc(25% - 25px); } .no-icon-outer-wrapper .no-icon-wrapper.col-sm-4 { flex: 0 0 calc(33% - 25px); } .no-icon-outer-wrapper .no-icon-wrapper.col-sm-6 { flex: 0 0 calc(50% - 25px); } .blue-icon-outer-wrapper .blue-icon-wrapper .image-wrapper { padding: 10px; display: block; background: #00bce7; background-size: cover; height: 100px; width: 100px; background-origin: content-box; background-repeat: no-repeat; margin-top: -65px; display: flex; align-items: center; } .blue-icon-outer-wrapper .blue-icon-wrapper .image-wrapper .blue-icon-wrapper-image { filter: brightness(0) invert(1); max-width: 100%; max-height: 100%; } .blue-icon-outer-wrapper .blue-icon-wrapper h3 { margin-top: 25px; } .no-icon-outer-wrapper .no-icon-wrapper h3 { margin-top: 0; } .blue-icon-outer-wrapper .blue-icon-wrapper p:last-of-type, .no-icon-outer-wrapper .no-icon-wrapper p:last-of-type { margin-bottom: 0; } @media (max-width: 992px) { .blue-icon-outer-wrapper .blue-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-3, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-4, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-6 { flex: 0 0 calc(50% - 25px); } } @media (max-width: 650px) { .blue-icon-outer-wrapper .blue-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-3, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-4, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-6 { flex: 0 0 calc(100% - 30px); } } /****** Ticket and hotel bucket page STYLING ******/ /* Purchase Table */ .ticket-hotel.table thead tr th:nth-child(1), .ticket-hotel.table tbody tr td:nth-child(1), .ticket-hotel.table .tbody .tr .td:nth-child(1) { width: 35%; } .ticket-hotel.table thead tr th, .ticket-hotel.table .thead .tr .th { padding: 12px; background-color: #000; } .ticket-hotel.table tbody tr td, .ticket-hotel.table .tbody .tr .td { border-top: 1px solid #000; background: linear-gradient(0deg, #1e2329, #33383e); padding: 8px 12px; } .grandstand-table .tr .td .people-quantity .btn.sold-out[disabled] { background: none; border: none; color: #FF0000; margin-bottom: -15px; } @media (max-width: 670px) { .grandstand-table .tr .td .people-quantity a { margin-left: auto; margin-right: auto; } .grandstand-table .tr .add-to-basket { text-align: center; } } .grandstand-table .tr .td .people-quantity { flex-wrap: wrap; } .grandstand-table .tr .td .errors { color: #FF0000; font-weight: bold; display: none; } .ticket-hotel.grandstand-table thead, .ticket-hotel.grandstand-table .thead { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; border-radius: 5px; } .ticket-hotel.grandstand-table .group-package { border-bottom: 0 !important; flex-wrap: wrap; } .ticket-hotel.grandstand-table thead tr th, .ticket-hotel.grandstand-table .thead .tr .th { background: transparent; } .ticket-hotel.grandstand-table tbody tr td, .ticket-hotel.grandstand-table thead tr th, .ticket-hotel.grandstand-table .tbody .tr .td, .ticket-hotel.grandstand-table .thead .tr .th { border-radius: 0 !important; } .ticket-hotel.grandstand-table tbody tr td:first-child, .ticket-hotel.grandstand-table thead tr th:first-child, .ticket-hotel.grandstand-table .tbody .tr .td:first-child, .ticket-hotel.grandstand-table .thead .tr .th:first-child { border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; } .ticket-hotel.grandstand-table tbody tr td:last-child, .ticket-hotel.grandstand-table thead tr th:last-child, .ticket-hotel.grandstand-table .tbody .tr .td:last-child, .ticket-hotel.grandstand-table .thead .tr .th:last-child { border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; } .ticket-hotel.group-package { border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; } .ticket-hotel.grandstand-table .tr { display: flex; width: 100%; flex: 1 0 100%; } .ticket-hotel.grandstand-table .tr .display-name { flex: 1 0 35% !important; width: auto !important; } .ticket-hotel.grandstand-table .tr .price { flex: 1 0 18% !important; width: auto !important; margin: 0 !important; } .ticket-hotel.grandstand-table .tr .controls { flex: 1 1 55px !important; width: 55px !important; } .ticket-hotel.grandstand-table .tr .controls .arrow_link[aria-expanded="false"]::before, .ticket-hotel.grandstand-table .tr .controls .arrow_link[aria-expanded="true"]::before { padding: 0; } .ticket-hotel.grandstand-table .tr .add-to-basket { flex: 1 0 32% !important; width: auto !important; } .ticket-hotel.grandstand-table .tr .td { width: auto; flex: 1; height: 100%; display: flex; align-items: center; } .ticket-hotel.grandstand-table .tr .td .people-quantity { flex-direction: row !important; align-items: center; gap: 20px; justify-content: flex-start; width: 100%; } .ticket-hotel.grandstand-table .tr .td .people-quantity .people-quantity .people-quantity { flex-wrap: wrap; justify-content: center; } .ticket-hotel.grandstand-table .tr .td .people-quantity .btn { padding: 0 !important; margin-left: auto; } .ticket-hotel.grandstand-table .tr .td .people-quantity a { margin-right: 25px; margin-left: auto; } .ticket-hotel.grandstand-table .tr .td .add-to-basket-form { width: 100%; } .ticket-hotel.grandstand-table .tr .td .people-quantity .btn[disabled] { font-weight: bold; opacity: 1; font-size: 18px; } .ticket-hotel.grandstand-table .tr .td .people-quantity .counter { padding: 0 !important; gap: 15px !important; width: auto; } .ticket-hotel.grandstand-table .tr .td.collapse { display: none; } .ticket-hotel.grandstand-table .tr .td.in { display: flex; } .ticket-hotel .arrow_link[aria-expanded="false"]::before { content: "\f107"; } .ticket-hotel .arrow_link[aria-expanded="true"]::before { content: "\f106"; } .ticket-hotel .arrow_link[aria-expanded="false"]::before, .ticket-hotel .arrow_link[aria-expanded="true"]::before { font-family: FontAwesome; font-size: 2.3em; line-height: 0.9; padding-left: 10px; } .details_row td { padding: 0px !important; border-top: 0px !important; } .ticket-hotel .collapse { display: none; } .ticket-hotel .collapse.in, .ticket-hotel .collapsing.in { display: block; } .ticket-hotel .details-wrapper { display: flex; flex-direction: row; margin: 15px; flex-wrap: wrap; } .ticket-hotel .details-wrapper h3 { margin-top: 0; } .ticket-hotel .pkg-group-img img { width: 100%; border-radius: 4px; max-height: 200px; object-fit: cover; } .ticket-hotel .seating-map-wrapper { text-align: center; } .ticket-hotel.table thead tr th, .ticket-hotel.table thead tr td, .ticket-hotel.table tbody tr th, .ticket-hotel.table tbody tr td, .ticket-hotel.table tfoot tr th, .ticket-hotel.table tfoot tr td { vertical-align: middle !important; } .ticket-hotel p { line-height: 1.4em; } @media (max-width: 670px) { .ticket-hotel.grandstand-table .tr .td .people-quantity .counter { gap: 8px !important; } .ticket-hotel.grandstand-table .tr .td .people-quantity .btn { margin-left: auto; margin-right: auto; } .ticket-hotel.grandstand-table .tr .td .people-quantity { gap: 10px; } .ticket-hotel .seatingChartPackage .add-to-basket-form .counter .subtract, .ticket-hotel .seatingChartPackage .add-to-basket-form .counter .add { font-size: 13px; width: 20px; height: 20px; } .ticket-hotel.grandstand-table .tr .controls { flex: 0 1 55px !important; width: 55px !important; } } @media (max-width: 600px) { .ticket-hotel.grandstand-table tbody tr td, .ticket-hotel.grandstand-table thead tr th, .ticket-hotel.grandstand-table .tbody .tr .td, .ticket-hotel.grandstand-table .thead .tr .th { padding: 5px; } .ticket-hotel.grandstand-table .btn-primary { padding: 5px; } } /****** BUYERS PAGES STYLING ******/ .buyer-page .selectize-input, .buyer-page .selectize-control.single .selectize-input.input-active { background: transparent; } .buyer-page .selectize-dropdown, .buyer-page .selectize-input, .buyer-page .selectize-input input { color: #ffffff; } .buyer-page .selectize-dropdown .option, .buyer-page .selectize-input .option, .buyer-page .selectize-input input .option { color: #262626; } .buyer-page .gray-background h2, .buyer-page .gray-background h3, .buyer-page .gray-background h4, .buyer-page .gray-background li, .buyer-page .gray-background p, .buyer-page .gray-background span, .buyer-page table td { color: #171c21; } .buyer-page .panel-default .panel-heading { color: #fff; background-color: #2d3238; border: none; padding: 15px 20px; position: relative; } .buyer-page .panel-group .panel { border: none; } .buyer-page .panel-default .panel-body { background: #2d3238; } .buyer-page .panel-default .panel-heading .panel-collapse .panel-body { border-top-color: #ddd; } /*.buyer-page .panel-group .panel {*/ /* border-radius: 6px;*/ /* box-shadow: none;*/ /* border: none;*/ /* background: transparent;*/ /*}*/ /*.buyer-page .panel-default .panel-heading {*/ /* color: #fff;*/ /* background: linear-gradient(0deg, #1e2329, #33383e);*/ /* padding: 8px 12px;*/ /* border-radius: 6px;*/ /*}*/ /*.buyer-page .panel-title a {*/ /* color: #fff;*/ /* display: block;*/ /* font-weight: 100;*/ /*}*/ /*.panel-title a {*/ /* margin-right: 70px;*/ /*}*/ /*.buyer-page .btn.btn-primary {*/ /* text-wrap: wrap;*/ /*}*/ /*@media (max-width: 767px) {*/ /* .buyer-page .col-sm-12 .col-md-2 {*/ /* width: 100% !important;*/ /* }*/ /*}*/ .buyer-page .panel-title a span, .buyer-page .panel-title h2, .buyer-page .panel-title h3, .buyer-page .panel-title h4, .buyer-page .panel-title li, .buyer-page .panel-title p, .buyer-page .panel-title span, .buyer-page .panel-body a span, .buyer-page .panel-body h2, .buyer-page .panel-body h3, .buyer-page .panel-body h4, .buyer-page .panel-body li, .buyer-page .panel-body p, .buyer-page .panel-body span { color: #fff; } /*.buyer-page .panel-heading a.collapsed:after {*/ /* transform: rotate(180deg);*/ /* transform-origin: 50% 57%;*/ /*}*/ /*.buyer-page .panel-heading a:after {*/ /* color: #FF0000;*/ /* content: "\f3d8";*/ /* font-family: "ionicons";*/ /* font-size: 16px;*/ /* font-weight: 300;*/ /* position: absolute;*/ /* transition: all 0.5s ease-out;*/ /* right: 40px;*/ /*}*/ /*.buyer-page .panel-default .panel-heading+.panel-collapse .panel-body {*/ /* background: #2d3238;*/ /*}*/ .buyer-page .table tbody tr, .buyer-page .table .tbody .tr { border-top: none; background: transparent; } .buyer-page .table tbody tr td, .buyer-page .table .tbody .tr .td { border-top: 1px solid #000; background: linear-gradient(0deg, #1e2329, #33383e); padding: 8px 12px; color: white; } .buyer-page .table tbody tr td:first-child, .buyer-page .table thead tr th:first-child, .buyer-page .table .tbody .tr .td:first-child, .buyer-page .table .thead .tr .th:first-child { border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; } /*.buyer-page p {*/ /* line-height: 1.4em;*/ /*}*/ .buyer-page .wrapper { padding: 60px 0 40px 0; } .btn.purple { background: #8334c2; border-color: #8334c2; } .btn.blue { background: #183dc7; border-color: #183dc7; } .btn.orange { background: #ff9912; border-color: #ff9912; } .btn.red { background: #FF0000; border-color: #FF0000; } .btn.yellow { background: #e1fc52; border-color: #e1fc52; } .btn.green { background: #2db914; border-color: #2db914; } .btn.dark-orange { background: #d75d2b; border-color: #d75d2b; } .wrapper.yellow .container, .wrapper.purple .container, .wrapper.blue .container, .wrapper.orange .container, .wrapper.red .container, .wrapper.green .container, .wrapper.dark-orange .container { background: transparent; overflow-x: initial; } .wrapper.yellow { border-top: 5px #f9d84b solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(249 216 75 / 30%) 100%); } .wrapper.purple { border-top: 5px #8334c2 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(131 52 194 / 30%) 100%); } .wrapper.blue { border-top: 5px #183dc7 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(24 61 199 / 30%) 100%); } .wrapper.orange { border-top: 5px #ff9912 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(255 153 18 / 30%) 100%); } .wrapper.red { border-top: 5px #FF0000 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(200 5 2 / 30%) 100%); } .wrapper.green { border-top: 5px #2db914 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(45 185 20 / 30%) 100%); } .wrapper.dark-orange { border-top: 5px #d75d2b solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(215 93 43 / 30%) 100%); } /****** New Evet Page Styling *****/ .hospitality-header-wrapper img.white-image { filter: brightness(0) invert(1); height: 100px; max-height: 100px; margin-bottom: 10px; } .hospitality-header-wrapper h1 { margin-top: 0; } .hospitality-header-wrapper p.center { font-size: 24px; max-width: 75%; line-height: 30px; } .event-page-wrapper .container-fluid { background: transparent !important; max-width: 1800px; } .event-page-wrapper .sold-out { background-color: #919191; border-color: #919191; } .event-page-wrapper p { line-height: 1.4em; } /*FORM STYLE*/ .event-page-wrapper .form-row { background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 6px; padding: 20px; } .event-page-wrapper .customer-request-form .form-control { background-color: #fff; border-radius: 6px; } .event-page-wrapper select.form-control { border: 0; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent !important; color: #fff !important; border-radius: 6px !important; } .event-page-wrapper option { color: #000 !important; } .event-page-wrapper .form-wrapper { background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; color: #fff; padding: 30px; margin-left: 30px; } .event-page-wrapper .form-wrapper h3 { margin-bottom: 10px; margin-top: 5px; } .event-page-wrapper .form-group textarea, .form-group input { background: transparent !important; } .event-page-wrapper #infoFormSubmitButton { background: #FF0000 !important; } /*END FORM STLYE*/ /*SECONDARY NAV STYLE*/ .event-page-wrapper .topnav { display: flex; align-items: center; padding: 20px 0; justify-content: space-evenly; } .event-page-wrapper .topnav a { position: relative; color: #dfdfdf; font-weight: bold; color: #fff; text-decoration: none; font-size: 20px; padding: 3px; line-height: 26px; text-transform: uppercase; display: block; } .event-page-wrapper .topnav a:after { content: ""; position: absolute; top: 105%; height: 4px; right: 0; width: 0; background-color: #FF0000; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 6px; } .event-page-wrapper .topnav a:hover:after { content: ""; display: block; background-color: #FF0000; width: 100%; height: 4px; border-radius: 6px; } .event-page-wrapper .topnav a:hover, .event-page-wrapper .topnav a:active { text-decoration: none; color: #fff !important; } .event-page-wrapper .topnav .icon { display: none; } .event-page-wrapper .secondary-navbar-container { background: #000; overflow: hidden; } /*END SECONDARY NAV STYLE*/ .event-page-wrapper .header-image-content { background-image: linear-gradient(rgba(0, 0, 0, 0.75), transparent); } .event-page-wrapper .header-image-content .event-name { text-shadow: rgb(0 0 0 / 50%) 1px 1px 1px; font-weight: 600; margin: 0; color: #fff; } .event-details-wrapper .event-details-img.event-destination { background-size: cover; } .event-page-wrapper .event-details-wrapper { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; color: #fff; } .event-page-wrapper .event-details-wrapper .event-details { display: flex; } .event-page-wrapper .event-details-wrapper .event-details-content { padding: 25px; } /* SEATING CHART */ .event-page-wrapper .seating-container { background: none !important; } .event-page-wrapper .map-img-wrapper { text-align: center; } .event-page-wrapper .map-box img { width: 100%; max-width: 650px; } .event-page-wrapper .venue-row { display: flex; flex-direction: row; align-items: center; max-width: 1250px; margin: auto; } .event-page-wrapper .venue-row .seating-key-wrapper { padding-left: 0px; padding-right: 0px; } .event-page-wrapper .panel-title { flex-grow: 1; } .event-page-wrapper .panel-heading { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .event-page-wrapper .panel-title a { color: #fff; font-size: 18px; display: flex !important; align-items: center !important; font-weight: bold; } .event-page-wrapper .panel .panel-title a.collapsed:after { content: "\f067"; } .event-page-wrapper .panel .panel-title a:after { color: #fff; content: "\f068"; font-family: "FontAwesome"; position: absolute; border: solid 1px; border-radius: 50%; margin-top: -8px; padding: 2px 7px 0 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .event-page-wrapper .panel-group .panel { border: transparent; border-radius: 6px; margin-bottom: 25px; } .event-page-wrapper .panel-group .panel-heading+.panel-collapse .panel-body, .event-page-wrapper .panel-group .panel-heading+.panel-collapse .list-group { border-top: 0px solid #ddd; } .event-page-wrapper .panel-default .panel-heading { background-color: transparent; border-radius: 6px; } .event-page-wrapper .seat-package-link { color: #fff; font-size: 16px; width: 100%; display: block; } .event-page-wrapper .seat-package-link:hover { color: #ddd; } /* END SEATING CHART */ /* PACKAGE BOXES STYLE */ .event-page-wrapper .package-box-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .event-page-wrapper .package-cube { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; justify-content: center; padding: 0; flex: 0 0 calc(50% - 10px); } .event-page-wrapper .package-cube a { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 100%; align-items: center; } .event-page-wrapper .package-content { padding: 30px; padding-left: 20px; width: 60%; } .event-page-wrapper .package-img { width: 40%; height: 100%; background-size: cover; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); background-position: center; } .event-page-wrapper .package-content h4 { font-size: 40px; margin-bottom: 15px; line-height: 38px; margin-top: 5px; color: #ffffff; } .event-page-wrapper .package-content h5 { margin-top: 5px; color: #fff; } .event-page-wrapper .package-p { font-size: 18px; line-height: 22px; font-weight: 600; color: #dadbe0; } .event-page-wrapper .package-content ul { color: #dadbe0; font-size: 16px; line-height: 18px; font-weight: 400; margin-bottom: 20px; color: #fff; } .event-page-wrapper .move-bg-image .package-img { background-position: 100% 50%; } @media (max-width: 767px) { .event-page-wrapper .package-cube { width: 100%; } .event-page-wrapper .package-cube a { flex-direction: column; } .event-page-wrapper .package-img { height: 200px; -webkit-mask-image: linear-gradient(-180deg, transparent, #000 24%); width: 100%; } .event-page-wrapper .package-content { width: 100%; } } /* END PACKAGE BOXES STYLE */ @media (min-width: 992px) { .event-page-wrapper .header-image-content { padding: 150px 0; } .event-page-wrapper .header-image-content .event-name { font-size: 50px; } .event-page-wrapper .header-image-content .event-date { font-size: 35px; } } @media (max-width: 992px) { .event-page-wrapper .header-image-content { padding: 150px 0; } .event-page-wrapper .header-image-content .event-name { font-size: 35px; } .event-page-wrapper .header-image-content .event-date { font-size: 20px; } .event-page-wrapper .venue-row { flex-direction: column-reverse; } .event-page-wrapper .venue-row .seating-key-wrapper, .event-page-wrapper .map-img-wrapper, .event-page-wrapper .package-cube { width: 100%; flex: 1 0 100%; } .event-page-wrapper .des { width: 75%; } .event-page-wrapper .product-details { width: 25%; } } @media screen and (min-width: 1020px) { .event-page-wrapper .container-full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow: hidden; } } @media (min-width: 769px) and (max-width: 1199px) { .event-page-wrapper .topnav a { font-size: 17px; } .event-page-wrapper .header-image-wrapper { margin-top: 0px !important; } } @media (min-width: 768px) { .event-page-wrapper .secondary-nav a { font-size: 18px; margin: 0 20px; } .event-page-wrapper .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); } .event-page-wrapper .event-details-wrapper .event-details-content { width: 95%; } .event-page-wrapper .event-details-wrapper .event-details-img { width: 26%; } } @media (max-width: 772px) { .event-page-wrapper .topnav a { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .event-page-wrapper .event-details-wrapper .event-details { flex-direction: column; } .event-page-wrapper .event-details-wrapper .event-details-img { height: 200px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%); } } .event-page-wrapper .package-green, .event-page-wrapper .package-orange, .event-page-wrapper .package-light-orange, .event-page-wrapper .package-dark-orange, .event-page-wrapper .package-purple, .event-page-wrapper .package-dark-green, .event-page-wrapper .package-red, .event-page-wrapper .package-blue, .event-page-wrapper .package-grey-blue, .event-page-wrapper .package-yellow, .event-page-wrapper .package-yellow-2, .event-page-wrapper .package-pink, .event-page-wrapper .package-light-pink, .event-page-wrapper .package-sky-blue, .event-page-wrapper .package-grey { background: linear-gradient(0deg, #1e2329, #33383e); } .new-header-image-wrapper .header-image-content, .new-header-image-wrapper.header-image-wrapper .header-image-content { text-align: left; padding: 100px 50px; background-image: linear-gradient(270deg, transparent, rgb(0 0 0 / 80%) 75%); font-family: "MotoGP Text Web", sans-serif; } .new-header-image-wrapper .header-image-content .event-location, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-location { display: flex; gap: 10px; flex-wrap: wrap; margin: 15px 0 50px 0; font-size: 20px; color: #a9a9a9; font-family: "MotoGP Text Web", sans-serif; } .new-header-image-wrapper .header-image-content .event-date, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-date { text-transform: uppercase; font-size: 30px; margin: 0; font-family: "MotoGP Text Web", sans-serif; } .new-header-image-wrapper .event-location img, .new-header-image-wrapper.header-image-wrapper .event-location img { display: inline-flex; width: 30px; height: 18px; align-self: center; object-fit: cover; border-radius: 5px; } .new-header-image-wrapper .header-icon-wrapper { display: flex; flex-wrap: wrap; gap: 30px; color: #cccccc; } .new-header-image-wrapper .header-icon-wrapper .header-icon { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 100; letter-spacing: 4px; } .new-header-image-wrapper .header-icon-wrapper .header-icon .header-icon-image { background: #FF0000; border-radius: 5px; height: 30px; width: 30px; color: #ffffff; padding: 7px; } .new-header-image-wrapper .header-icon-wrapper .header-icon .header-icon-image img { display: flex; width: 100%; height: 100%; object-fit: contain; } .new-header-image-wrapper .header-icon-wrapper .header-icon .header-icon-image.white img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(351deg) brightness(103%) contrast(102%); } .container-bucket-wrapper { padding-right: 20px; padding-left: 20px; } .container-bucket-wrapper p { line-height: 1.4em; } .container-bucket-wrapper iframe { width: 100%; height: 350px; max-width: 100%; max-height: 350px; min-width: 100%; min-height: 350px; } .container-bucket-wrapper.container-bucket-wrapper-two { padding-right: 15px; padding-left: 15px; } .container-bucket-wrapper .row { display: flex; flex-wrap: wrap; justify-content: center; } .container-bucket-wrapper .row .bucket-wrapper { display: flex; flex-direction: column; max-width: 50%; width: auto; flex: 0 0 33.333333%; } .container-bucket-wrapper .row .bucket-wrapper.bucket-wrapper-side-by-side { flex-direction: row; } .event .event-page-wrapper .container-bucket-wrapper .bucket-wrapper img, .bucket-wrapper img, .bucket-wrapper iframe { max-width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 200px; min-height: 200px; object-fit: cover; } .bucket-wrapper p { line-height: 1.4em; } .bucket-wrapper .bucket-content h2 { margin-top: 0; font-size: 30px; } .bucket-wrapper .bucket-content h2.for-business, .bucket-wrapper .bucket-content h3.for-business { font-size: 25px; display: inline-flex; flex-direction: column; gap: 10px; } .bucket-wrapper .bucket-content p { font-weight: 300; } .bucket-wrapper .bucket-content img.white-image { filter: brightness(0) invert(1); height: 45px; max-height: 45px; } .bucket-wrapper .bucket-content h2 img.white-image { margin-bottom: 0; } .bucket-wrapper p { line-height: 1.4em; } .bucket-wrapper.bucket-wrapper-side-by-side img { height: 100%; width: 40%; border-radius: 0; -webkit-mask-image: linear-gradient(-270deg, transparent, #252a30 24%); } .bucket-wrapper .bucket-content { padding: 40px 30px; height: 100%; color: #ffffff; } .bucket-wrapper .bucket-content.button-end { display: flex; flex-direction: column; } .bucket-wrapper .bucket-content.button-end img { align-self: flex-start; } .bucket-wrapper .bucket-content.button-end p.margin-top-20, .bucket-wrapper .bucket-content.button-end span.btn.btn-primary { margin-top: auto; align-self: flex-start; } .bucket-wrapper.bucket-wrapper-side-by-side .bucket-content { width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .bucket-wrapper.bucket-wrapper-side-by-side .bucket-content-outer { display: flex; background: #252a30; } .event .bucket-wrapper .bucket-content { padding: 30px 30px; } .bucket-wrapper .bucket-content img { height: 50px; min-height: 50px; margin-bottom: 30px; display: block; margin-top: 9px; max-width: 100%; object-fit: contain; } .bucket-wrapper .bucket-content img.for-business { height: 100px; min-height: 100px; margin-bottom: 10px; } .bucket-wrapper .bucket-content h4, .bucket-wrapper .bucket-content h3 { margin-top: 0; margin-bottom: 25px; } .bucket-header-wrapper { display: flex; position: relative; justify-content: flex-end; background: linear-gradient(0deg, #1e2329, #33383e); } .container-full-width.bucket-header-wrapper.margin-bottom-80, .container-full-width.bucket-header-wrapper { margin-bottom: 50px; } .bucket-header-wrapper .event-name { margin-top: 0; } .bucket-header-wrapper img { width: 50%; object-fit: cover; height: 100%; background-position: center; position: absolute; left: 0; bottom: 0; top: 0; } .bucket-header-wrapper .bucket-header-content { padding: 50px; display: flex; flex-direction: column; align-self: center; flex: 0 0 50%; } .bucket-header-wrapper .bucket-header-content img { max-width: 100%; max-height: 24px; width: initial; margin-bottom: 30px; align-self: flex-start; position: relative; } .bucket-header-wrapper .bucket-header-content p:last-of-type { margin-bottom: 0; } .bucket-wrapper .bucket-content.package-green, .bucket-wrapper .bucket-content.package-orange, .bucket-wrapper .bucket-content.package-light-orange, .bucket-wrapper .bucket-content.package-dark-orange, .bucket-wrapper .bucket-content.package-purple, .bucket-wrapper .bucket-content.package-dark-green, .bucket-wrapper .bucket-content.package-red, .bucket-wrapper .bucket-content.package-blue, .bucket-wrapper .bucket-content.package-grey-blue, .bucket-wrapper .bucket-content.package-yellow, .bucket-wrapper .bucket-content.package-yellow-2, .bucket-wrapper .bucket-content.package-pink, .bucket-wrapper .bucket-content.package-light-pink, .bucket-wrapper .bucket-content.package-sky-blue, .bucket-wrapper .bucket-content.package-grey { background: #252a30; border-color: #252a30 !important; } .bucket-wrapper .bucket-content hr { border-top: none; height: 3px; display: block; width: 120px; margin: 20px 0; } .bucket-wrapper .bucket-content.package-green hr { background: #2db914; } .bucket-wrapper .bucket-content.package-orange hr { background: #ff9912; } .bucket-wrapper .bucket-content.package-light-orange hr { background: #ee8633; } .bucket-wrapper .bucket-content.package-dark-orange hr { background: #d75d2b; } .bucket-wrapper .bucket-content.package-purple hr { background: #8334c2; } .bucket-wrapper .bucket-content.package-dark-green hr { background: #335916; } .bucket-wrapper .bucket-content.package-red hr { background: #FF0000; } .bucket-wrapper .bucket-content.package-blue hr { background: #183dc7; } .bucket-wrapper .bucket-content.package-grey-blue hr { background: #9eb5da; } .bucket-wrapper .bucket-content.package-yellow hr { background: #e1fc52; } .bucket-wrapper .bucket-content.package-yellow-2 hr { background: #f9d84b; } .bucket-wrapper .bucket-content.package-pink hr { background: #da05e0; } .bucket-wrapper .bucket-content.package-light-pink hr { background: #f2bbe0; } .bucket-wrapper .bucket-content.package-sky-blue hr { background: #26a4f9; } .bucket-wrapper .bucket-content.package-grey hr { background: #6d6e71; } @media (max-width: 1150px) { .container-bucket-wrapper .row .bucket-wrapper { flex: 1 0 50%; } } @media (max-width: 1019px) { .bucket-header-wrapper { height: auto; max-height: none; } .bucket-header-wrapper { max-height: initial; } } @media (max-width: 768px) { .bucket-header-wrapper { flex-direction: column; } .bucket-header-wrapper.margin-bottom-80 { margin-bottom: 20px; } .event .event-page-wrapper .container-bucket-wrapper .bucket-wrapper img, .bucket-wrapper img, .event .bucket-wrapper img { height: 150px; } .bucket-header-wrapper img { width: 100%; max-height: 200px; position: relative; } .container-bucket-wrapper .row .bucket-wrapper, .container-bucket-wrapper .row .bucket-wrapper.bucket-wrapper-side-by-side { width: 100%; max-width: 100%; flex: 1 0 100%; } .bucket-header-wrapper .bucket-header-content { padding: 30px; } .container-bucket-wrapper { padding-right: 15px; padding-left: 15px; } .new-header-image-wrapper .header-image-content, .new-header-image-wrapper.header-image-wrapper .header-image-content { padding: 75px 15px; } .new-header-image-wrapper .header-image-content .event-date, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-date { font-size: 24px; } .header-image-content .event-name { font-size: 38px; } .bucket-header-wrapper .bucket-header-content img { max-height: 20px; } } < !-- ****** New Home Page STYLING ****** -->.full-width-image-wrapper { height: 300px; } .full-width-image-wrapper img { width: 100%; object-fit: cover; max-height: 100%; height: 100%; } .new-header-wrapper { height: calc(100vh - 68px); align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0 50px; background-size: cover; background-image: url(https://assets.quintevents.com/m/19a93024ff8f3832/original/MotoGP-Premier-Jerez-2023-Pit-Lane-Walk-07.jpg); } .new-header-wrapper img { max-height: 55px; max-width: 100%; margin-bottom: 35px; } .hospitality-header-wrapper.new-header-wrapper img { max-height: 55px; max-width: 100%; margin-bottom: 35px; } .hospitality-header-wrapper.new-header-wrapper img.vip-village { max-height: 100px; height: 100px; max-width: 100%; margin-bottom: 35px; } .hospitality-header-wrapper.new-header-wrapper img.vip-village.for-business { max-height: 175px; height: 175px; } .hospitality-header-wrapper.new-header-wrapper img.vip-village.margin-bottom-10 { margin-bottom: 10px; } .new-header-wrapper p { font-size: 24px; max-width: 75%; text-align: center; line-height: 30px; } .gallery-outer-wrapper p { line-height: 1.4em; } .gallery-outer-wrapper .gallery-wrapper-content img.white-image { filter: brightness(0) invert(1); height: 45px; max-height: 45px; } .gallery-outer-wrapper .gallery-wrapper-content p:last-of-type { margin: 0; } .gallery-outer-wrapper .gallery-wrapper-content p.button-wrapper { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } .gallery-outer-wrapper .gallery-wrapper-content { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; flex-direction: column; padding: 50px 30px; justify-content: center; } .gallery-outer-wrapper .gallery-wrapper-content img { max-height: 25px; max-width: 100%; align-self: flex-start; margin: 0 0 25px 0; } .gallery-outer-wrapper .gallery-wrapper-content img.for-business { max-height: 100px; } .gallery-outer-wrapper .gallery-wrapper-content .for-business { font-size: 30px; margin-top: 0; } .gallery-outer-wrapper .gallery-wrapper-content .for-business img { margin-right: 20px; } .gallery-outer-wrapper .gallery-wrapper-content h3 { margin-top: 0; } .gallery-outer-wrapper .gallery-wrapper-content h3, .gallery-outer-wrapper .gallery-wrapper-content h4 { color: #ffffff; } .gallery-outer-wrapper .gallery-wrapper-content ul { padding: 0 0 0 10%; margin-bottom: 15px !important; } .gallery-outer-wrapper .gallery-wrapper-content .text-button { align-self: center; margin-left: 20px; } .gallery-outer-wrapper .gallery-wrapper { padding: 0; display: flex; flex-wrap: wrap; gap: 20px; max-height: 100%; position: relative; } .gallery-outer-wrapper .gallery-wrapper img, .gallery-outer-wrapper .gallery-wrapper iframe { padding: 0; max-width: 100%; width: 100%; object-fit: cover; position: absolute; } .gallery-outer-wrapper .row { display: flex; gap: 20px; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-6 { width: calc(50% - 10px); height: calc(40% - 10px); top: calc(60% + 10px); } .gallery-outer-wrapper .gallery-wrapper img.col-sm-6:nth-of-type(2) { right: 0; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-12, .gallery-outer-wrapper .gallery-wrapper iframe.col-sm-12 { height: calc(60% - 10px); top: 0; left: 0; right: 0; width: 100%; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-12.single, .gallery-outer-wrapper .gallery-wrapper iframe.col-sm-12.single { height: 100%; bottom: 0; } @media (max-width: 768px) { .header-wrapper { padding: 30px; text-align: center; } .gallery-outer-wrapper { padding: 0 30px; } .gallery-outer-wrapper .row { gap: 0; flex-wrap: wrap; } .gallery-outer-wrapper.mobile-switch .row .gallery-wrapper { order: 2; } .gallery-outer-wrapper .gallery-wrapper { height: 250px; width: 100%; } .gallery-outer-wrapper .gallery-wrapper img, .gallery-outer-wrapper .gallery-wrapper iframe { position: relative; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-6 { top: initial; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-12, .gallery-outer-wrapper .gallery-wrapper iframe.col-sm-12 { top: initial; left: initial; right: initial; } .gallery-outer-wrapper .gallery-wrapper-content .for-business img { display: block; } } < !-- ****** Subnav STYLING ****** -->.motogp-subnav { margin-top: -2px; display: flex; } .motogp-subnav .event-nav { display: flex; background: #f1f1f1; align-items: center; gap: 20px; width: 100%; } .motogp-subnav .event-nav img { display: block; width: 100px; height: 100%; object-fit: cover; background-size: cover; position: relative; min-height:66px; } .motogp-subnav .event-nav .event-info { display: flex; flex-direction: column; margin: 15px 0; } .motogp-subnav .event-nav .event-info .event-title { font-size: 16px; line-height: 18px; color: #000; font-family: "MotoGP Text Web", sans-serif; font-weight: bold; margin-bottom: 2px; } .motogp-subnav .event-nav .event-info .event-date { font-size: 14px; line-height: 16px; color: #3d3d3d; } .motogp-subnav .event-nav .event-nav-links { margin-left: auto; margin-right: 20px; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list { list-style: none; display: flex; gap: 30px; padding: 0; margin: 0; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link { margin: 0; line-height: 18px; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link .event-link { text-transform: uppercase; font-size: 14px; border-bottom: 2px solid transparent; color: #000; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link .event-link:hover, .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link .event-link.selected { border-bottom: 2px solid #FF0000; } @media (max-width: 768px) { .motogp-subnav .event-nav { flex-wrap: wrap; } .motogp-subnav .event-nav img { display: none; } .motogp-subnav .event-nav .event-info { margin-left: 15px; width: 100%; margin-bottom: 0; } .motogp-subnav .event-nav .event-nav-links { margin: 0 15px 15px 15px; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list { gap: 15px; flex-wrap: wrap; justify-content: end; } .new-header-image-wrapper .header-icon-wrapper .header-icon { width: 100%; } .bucket-wrapper .bucket-content { height: auto; padding: 30px 20px; } .event .bucket-wrapper .bucket-content { padding: 20px; } } @media (max-width: 400px) { .motogp-subnav .event-nav .event-nav-links .event-nav-link-list { gap: 8px; } } /****** Event Calendar STYLING ******/ .calendar-wrapper .event-flag img { max-width: 100%; } .calendar-outer-wrapper h2.heading { margin-top: 0; } .calendar-outer-wrapper p { line-height: 1.4em; } .calendar-outer-wrapper .calendar-wrapper .calendar-link { background: linear-gradient(168.98deg, #1e2329, #33383e); border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); margin-bottom: 20px; width: 100%; } .calendar-outer-wrapper .calendar .calendar-wrapper { display: flex; } .calendar-outer-wrapper .calendar-wrapper .event-image img { width: 100%; -webkit-mask-image: linear-gradient(360deg, transparent, #000 24%); border-top-right-radius: 4px; border-top-left-radius: 4px; } .calendar-outer-wrapper .calendar-wrapper .button { width: 100%; margin-top: 0px; } .calendar-outer-wrapper .calendar-wrapper header { display: flex; flex-direction: row; margin-bottom: 10px; padding: 15px; padding-left: 5px; height: 125px; } .calendar-outer-wrapper .calendar-wrapper .event-title { border-left: 1px solid #7d7973; padding-left: 10px; display: flex; flex-direction: column; justify-content: space-around; height: 100%; } .calendar-outer-wrapper .event-image { position: relative; } .calendar-outer-wrapper .event-content { padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .calendar-outer-wrapper .event-date { position: absolute; top: 0; left: 10px; background: #00000094; padding: 5px !important; border-radius: 4px; text-align: center; margin-top: 5px; } .calendar-outer-wrapper .event-day { padding-bottom: 8px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); font-size: 50px; line-height: 0.8; font-weight: 700; } .calendar-outer-wrapper .event-day, .calendar-outer-wrapper .event-month { color: #fff !important; text-transform: uppercase; } .calendar-outer-wrapper .event-flag { width: 30px; margin-right: 10px; } .calendar-outer-wrapper .event-flag img { max-width: 100%; display: block; } .calendar-outer-wrapper .event-loc { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: #fff !important; } .calendar-outer-wrapper .country { color: #fff; font-size: 12px; letter-spacing: 0; line-height: 16px; font-weight: 700; text-transform: uppercase; } .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-size: 24px; line-height: 1em; color: #fff; margin-top: 5px; font-family: "MotoGP Text Web", sans-serif; font-weight: 600; } .calendar-outer-wrapper .calendar-wrapper .event-title .event-name sup { top: -0.5em; font-size: 65%; } .calendar-outer-wrapper .calendar-wrapper .event-title .track-name { color: #fff; font-size: 15px; line-height: 15px; font-weight: 100; text-transform: captialize; } .calendar-outer-wrapper .calendar-wrapper .event-title .country { color: #fff; font-size: 14px; letter-spacing: 0; line-height: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; } @media (max-width: 1280px) { .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-size: 21px; } .calendar-outer-wrapper .event-day { font-size: 40px; } } @media (min-width: 1180px) and (max-width: 1280px) { .calendar-outer-wrapper .calendar-wrapper header { height: 125px; } } @media (max-width: 1024px) { .calendar-outer-wrapper .calendar { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .calendar-outer-wrapper .calendar-wrapper header { height: 130px; padding-top: 0px; } .calendar-outer-wrapper .event-loc { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .calendar-outer-wrapper .event-flag { margin-bottom: 5px; } } @media (min-width: 1025px) { .calendar-outer-wrapper .calendar { padding-bottom: 20px; display: flex; flex-wrap: wrap; } .calendar-outer-wrapper .calendar .calendar-wrapper { width: 25%; padding-left: 8px; padding-right: 8px; } } @media (min-width: 1281px) { .calendar-outer-wrapper .calendar-wrapper header { height: 110px; } } @media (max-width: 991px) { .calendar-outer-wrapper .calendar-wrapper header { height: 100px; padding-top: 15px; } .calendar-outer-wrapper .calendar-wrapper .button { margin-top: 0px; } } @media (max-width: 767px) { .calendar-outer-wrapper .calendar .calendar-wrapper { width: 50%; } } @media (max-width: 600px) { .calendar-outer-wrapper .calendar-wrapper .calendar-link, .calendar-outer-wrapper .calendar .calendar-wrapper { width: 100%; } .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-size: 23px; } .calendar-outer-wrapper .calendar .calendar-wrapper { padding: 0; } .calendar-outer-wrapper .calendar { padding: 0; margin: 0; } } < !-- ****** New Seating chart STYLING ****** -->.seating-chart-wrapper p { line-height: 1.4em; } .seating-chart-wrapper .event h1, .seating-chart-wrapper .event h4 { color: #fff; } .seating-chart-wrapper .sold-out { background-color: #919191; border-color: #919191; } /*FORM STYLE*/ .seating-chart-wrapper .form-row { background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 6px; padding: 20px; } .seating-chart-wrapper .customer-request-form .form-control { background-color: #fff; border-radius: 6px; } .seating-chart-wrapper select.form-control { border: 0; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent !important; color: #fff !important; border-radius: 6px !important; } .seating-chart-wrapper option { color: #000 !important; } .seating-chart-wrapper .form-wrapper { background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; color: #fff; padding: 30px; margin-left: 30px; } .seating-chart-wrapper .form-wrapper h3 { margin-bottom: 10px; margin-top: 5px; } .seating-chart-wrapper .form-group textarea, .form-group input { background: transparent !important; color: #fff; } .seating-chart-wrapper #infoFormSubmitButton { background: #FF0000 !important; } .seating-chart-wrapper .package-green, .seating-chart-wrapper .package-orange, .seating-chart-wrapper .package-light-orange, .seating-chart-wrapper .package-dark-orange, .seating-chart-wrapper .package-purple, .seating-chart-wrapper .package-dark-green, .seating-chart-wrapper .package-red, .seating-chart-wrapper .package-blue, .seating-chart-wrapper .package-grey-blue, .seating-chart-wrapper .package-yellow, .seating-chart-wrapper .package-yellow-2, .seating-chart-wrapper .package-pink, .seating-chart-wrapper .package-light-pink, .seating-chart-wrapper .package-sky-blue, .seating-chart-wrapper .package-grey { background: #252a30; } .seating-chart-wrapper .panel.package-green .panel-collapse.collapse.in { border-top: 3px solid #2db914; } .seating-chart-wrapper .panel.package-orange .panel-collapse.collapse.in { border-top: 3px solid #ff9912; } .seating-chart-wrapper .panel.package-light-orange .panel-collapse.collapse.in { border-top: 3px solid #ee8633; } .seating-chart-wrapper .panel.package-dark-orange .panel-collapse.collapse.in { border-top: 3px solid #d75d2b; } .seating-chart-wrapper .panel.package-purple .panel-collapse.collapse.in { border-top: 3px solid #8334c2; } .seating-chart-wrapper .panel.package-dark-green .panel-collapse.collapse.in { border-top: 3px solid #335916; } .seating-chart-wrapper .panel.package-red .panel-collapse.collapse.in { border-top: 3px solid #FF0000; } .seating-chart-wrapper .panel.package-blue .panel-collapse.collapse.in { border-top: 3px solid #183dc7; } .seating-chart-wrapper .panel.package-grey-blue .panel-collapse.collapse.in { border-top: 3px solid #9eb5da; } .seating-chart-wrapper .panel.package-yellow .panel-collapse.collapse.in { border-top: 3px solid #e1fc52; } .seating-chart-wrapper .panel.package-yellow-2 .panel-collapse.collapse.in { border-top: 3px solid #f9d84b; } .seating-chart-wrapper .panel.package-pink .panel-collapse.collapse.in { border-top: 3px solid #da05e0; } .seating-chart-wrapper .panel.package-light-pink .panel-collapse.collapse.in { border-top: 3px solid #f2bbe0; } .seating-chart-wrapper .panel.package-sky-blue .panel-collapse.collapse.in { border-top: 3px solid #26a4f9; } .seating-chart-wrapper .panel.package-grey .panel-collapse.collapse.in { border-top: 3px solid #6d6e71; } /*END FORM STLYE*/ /*SECONDARY NAV STYLE*/ .seating-chart-wrapper .topnav { display: flex; align-items: center; padding: 20px 0; justify-content: space-evenly; } .seating-chart-wrapper .topnav a { position: relative; color: #dfdfdf; font-weight: bold; color: #fff; text-decoration: none; font-size: 20px; padding: 3px; line-height: 26px; text-transform: uppercase; display: block; } .seating-chart-wrapper .topnav a:after { content: ""; position: absolute; top: 105%; height: 4px; right: 0; width: 0; background-color: #FF0000; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 6px; } .seating-chart-wrapper .topnav a:hover:after { content: ""; display: block; background-color: #FF0000; width: 100%; height: 4px; border-radius: 6px; } .seating-chart-wrapper .topnav a:hover, .seating-chart-wrapper .topnav a:active { text-decoration: none; color: #fff !important; } .seating-chart-wrapper .topnav .icon { display: none; } .seating-chart-wrapper .secondary-navbar-container { background: #000; overflow: hidden; } /*END SECONDARY NAV STYLE*/ .seating-chart-wrapper .header-image-content { background-image: linear-gradient(rgba(0, 0, 0, 0.75), transparent); } .seating-chart-wrapper .header-image-content .event-name { text-shadow: rgb(0 0 0 / 50%) 1px 1px 1px; font-weight: 600; margin: 0; color: #fff; } .seating-chart-wrapper .event-details-wrapper { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; color: #fff; } .seating-chart-wrapper .event-details-wrapper .event-details { display: flex; } .seating-chart-wrapper .event-details-wrapper .event-details-content { padding: 25px; } /* SEATING CHART */ .seating-chart-wrapper .seating-container { background: none !important; } .seating-chart-wrapper .map-img-wrapper { text-align: center; } .seating-chart-wrapper .map-box img { width: 100%; max-width: 650px; } .seating-chart-wrapper .venue-row { display: flex; flex-direction: row; align-items: center; max-width: 1250px; margin: auto; } .seating-chart-wrapper .venue-row .seating-key-wrapper { padding-left: 0px; padding-right: 0px; } .seating-chart-wrapper .panel-title { flex-grow: 1; } .seating-chart-wrapper .panel-heading { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .seating-chart-wrapper .panel-title a { color: #fff; font-size: 18px; display: flex !important; align-items: center !important; font-weight: bold; } .seating-chart-wrapper .panel .panel-title a.collapsed:after { content: "\f067"; } .seating-chart-wrapper .panel .panel-title a:after { color: #fff; content: "\f068"; font-family: "FontAwesome"; position: absolute; border: solid 1px; border-radius: 50%; margin-top: -8px; padding: 2px 7px 0 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .seating-chart-wrapper .panel-group .panel { border: transparent; border-radius: 0; margin-bottom: 25px; } .seating-chart-wrapper .panel-group .panel-heading+.panel-collapse .panel-body, .seating-chart-wrapper .panel-group .panel-heading+.panel-collapse .list-group { border-top: 0px solid #ddd; } .seating-chart-wrapper .panel-default .panel-heading { background-color: transparent; border-radius: 6px; } .seating-chart-wrapper .seat-package-link { color: #fff; font-size: 16px; width: 100%; display: block; } .seating-chart-wrapper .seat-package-link:hover { color: #ddd; } /* END SEATING CHART */ /* PACKAGE BOXES STYLE */ .seating-chart-wrapper .package-box-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .seating-chart-wrapper .package-cube { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; justify-content: center; padding: 0; flex: 0 0 calc(50% - 10px); } .seating-chart-wrapper .package-cube a, .seating-chart-wrapper .package-cube .package-content-outer-wrapper { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 100%; align-items: center; } .seating-chart-wrapper .package-content { padding: 30px; padding-left: 20px; width: 60%; } .seating-chart-wrapper .package-content .button-wrapper { display: flex; gap: 10px; flex-wrap: wrap; } .seating-chart-wrapper .package-content .button-wrapper .btn-primary { display: block; width: auto; margin-right: auto; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button { display: flex; align-items: center; gap: 10px; padding: 5px 12px; border-radius: 10px; background: #191D21; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button .compare-radio, .seating-chart-wrapper .package-content .button-wrapper .compare-package-button .compare-radio .small-compare-radio { background-color: transparent; color: transparent; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button.chosen .compare-radio .small-compare-radio { color: #FF0000; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button:hover { cursor: pointer; } .seating-chart-wrapper .package-img { width: 40%; height: 100%; background-size: cover; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); background-position: center; } .seating-chart-wrapper .package-content h4 { font-size: 40px; margin-bottom: 15px; line-height: 38px; margin-top: 5px; color: #ffffff; } .seating-chart-wrapper .package-content h5 { margin-top: 5px; color: #fff; } .seating-chart-wrapper .package-p { font-size: 18px; line-height: 22px; font-weight: 600; color: #dadbe0; } .seating-chart-wrapper .package-content ul { color: #dadbe0; font-size: 16px; line-height: 18px; font-weight: 400; margin-bottom: 20px; color: #fff; } .seating-chart-wrapper .move-bg-image .package-img { background-position: 100% 50%; } @media (max-width: 767px) { .seating-chart-wrapper .package-cube { width: 100%; } .seating-chart-wrapper .package-cube a, .seating-chart-wrapper .package-cube .package-content-outer-wrapper { flex-direction: column; } .seating-chart-wrapper .package-img { height: 200px; -webkit-mask-image: linear-gradient(-180deg, transparent, #000 24%); width: 100%; } .seating-chart-wrapper .package-content { width: 100%; } } /* END PACKAGE BOXES STYLE */ @media (min-width: 992px) { .seating-chart-wrapper .header-image-content { padding: 150px 0; } .seating-chart-wrapper .header-image-content .event-name { font-size: 50px; } .seating-chart-wrapper .header-image-content .event-date { font-size: 35px; } } @media (max-width: 992px) { .seating-chart-wrapper .header-image-content { padding: 150px 0; } .seating-chart-wrapper .header-image-content .event-name { font-size: 35px; } .seating-chart-wrapper .header-image-content .event-date { font-size: 20px; } .seating-chart-wrapper .venue-row { flex-direction: column-reverse; } .seating-chart-wrapper .venue-row .seating-key-wrapper, .seating-chart-wrapper .map-img-wrapper, .seating-chart-wrapper .package-cube { width: 100%; flex: 1 0 100%; } .seating-chart-wrapper .des { width: 75%; } .seating-chart-wrapper .product-details { width: 25%; } } @media screen and (min-width: 1020px) { .seating-chart-wrapper .container-full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow: hidden; } } @media (min-width: 769px) and (max-width: 1199px) { .seating-chart-wrapper .topnav a { font-size: 17px; } .seating-chart-wrapper .header-image-wrapper { margin-top: 0px !important; } } .seating-chart-wrapper .header-image-content .event-name sup { font-size: 18px; top: -20px; } @media (max-width: 768px) { .seating-chart-wrapper .header-image-content .event-name sup { font-size: 15px; top: -15px; } } @media (min-width: 768px) { .seating-chart-wrapper .secondary-nav a { font-size: 18px; margin: 0 20px; } .seating-chart-wrapper .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); } .seating-chart-wrapper .event-details-wrapper .event-details-content { width: 95%; } .seating-chart-wrapper .event-details-wrapper .event-details-img { width: 26%; } } @media (max-width: 772px) { .seating-chart-wrapper .topnav a { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .seating-chart-wrapper .event-details-wrapper .event-details { flex-direction: column; } .seating-chart-wrapper .event-details-wrapper .event-details-img { height: 200px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%); } } < !-- ****** New Hotel Wrapper STYLING ****** -->.new-hotel-wrapper.hotel-wrapper p, .panel-group .panel.hotel-wrapper.new-hotel-wrapper p { line-height: 1.4em; } .new-hotel-wrapper.hotel-wrapper, .panel-group .panel.hotel-wrapper.new-hotel-wrapper { margin-bottom: 20px; background-color: transparent; border: none; box-shadow: none; } .new-hotel-wrapper.hotel-wrapper .panel-body { border-top: none !important; padding: 0; } .new-hotel-wrapper.hotel-wrapper img { max-width: 100%; } .new-hotel-wrapper.hotel-wrapper .uppercase { text-transform: uppercase; } .new-hotel-wrapper.hotel-wrapper .white { color: #ffffff; } .new-hotel-wrapper.hotel-wrapper .uppercase.white { margin-right: 20px; font-size: 18px; } .new-hotel-wrapper.hotel-wrapper .hotel-header { background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; padding: 10px 30px; display: flex; } .new-hotel-wrapper.hotel-wrapper .hotel-header p { display: inline-flex; font-size: 22px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; width: 100%; text-align: left; margin-left: 0; } .new-hotel-wrapper.hotel-wrapper .hotel-header a { color: #FF0000; font-size: 22px; position: relative; width: 100%; margin: 0; display: flex; align-items: center; } .new-hotel-wrapper.hotel-wrapper .stars-wrapper { display: inline-flex; gap: 10px; } .new-hotel-wrapper.hotel-wrapper i { font-family: FontAwesome; font-style: normal; color: #FF0000; font-size: 20px; } .new-hotel-wrapper.hotel-wrapper .hotel-content { display: flex; padding: 15px; background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-wrapper { flex: 0 0 65%; } .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-image { flex: 0 0 20%; margin-left: auto; } .new-hotel-wrapper.hotel-wrapper .panel-heading a::after { font-size: 30px; position: absolute; right: 0; top: 0; height: 40px; display: flex; align-items: center; -webkit-transform-origin-y: center; } .new-hotel-wrapper.hotel-wrapper .collapse { display: none; } .new-hotel-wrapper.hotel-wrapper .collapse.in, .new-hotel-wrapper.hotel-wrapper .collapsing.in { display: block; } .btn-primary.disabled, .btn-primary.disabled:hover { background-color: #919191; border-color: #919191; color: black; } .btn.sold-out, .btn-primary.sold-out { background-color: #919191; border-color: #919191; color: black; } </style>  <style> .seating-chart-wrapper .close { color: #FF0000; text-shadow: none; opacity: 1; display: none; } .filter-container .packages-filter .container-fluid input:checked+.btn { background-color: red; } .filter-container .packages-filter .container-fluid .header-wrapper { background: #000; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-header .filter-heading { background: #121212; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-header .filter-heading .btn-inverse { color: #bfbfbf; background: #3f3f3f; font-family: "MotoGP Text Web", sans-serif; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { flex-wrap: wrap; } #packages-filter .mobile-packages-filter-header { width: 100%; padding: 0; height: auto; } #packages-filter .mobile-packages-filter.show { z-index: 99999; } #packages-filter .mobile-packages-filter.show .scrolled { gap: 10px; } #packages-filter .mobile-packages-filter.show .scrolled, #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { background: transparent; flex-wrap: wrap; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { width: 100%; height: auto; margin: 0; } #packages-filter .mobile-packages-filter.show .scrolled .price-filter { margin: 0; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper li, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper li { width: auto; border: none; background: transparent; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper li label, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper li label, #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper li, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper li { margin: 0; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { width: 100%; flex: 1 0 100%; gap: 10px; display: flex; padding: 20px 30px; } .seating-chart-wrapper select { background: transparent; border-color: #FFF; color: #FFF; border-radius: 4px; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper .last { margin-left: auto; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li { border: none; background: #121212; padding: 0; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul, .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav .sorting-wrapper { background: #121212; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li label input { display: none; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .header-wrapper h3 { color: #FFF; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav .seating_chart_price .price, .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper p { color: #FFF; font-size: 16px; line-height: 20px; text-transform: uppercase; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket { display: flex; gap: 5px; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket .quick-view { filter: invert(100%) sepia(41%) saturate(563%) hue-rotate(178deg) brightness(91%) contrast(93%); width: 20px; height: 20px; } .seating_chart .seating-chart-wrapper .packages-filter { height: auto; } .seating_chart .seating-chart-wrapper .packages-filter .navbar.scrolled { height: auto; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li { float: none; display: flex; gap: 10px; flex-wrap: wrap; } .filter-container .packages-filter .container-fluid { background: #000; border-radius: 6px; } .filter-container .packages-filter .container-fluid .header-wrapper { padding: 15px 30px; display: flex; gap: 10px; flex-wrap: wrap; } .filter-container .packages-filter .container-fluid .header-wrapper h3 { margin: 0 auto 0 0; } .filter-container .packages-filter .container-fluid .navbar { border: none !important; } .filter-container .packages-filter .container-fluid .navbar ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; } .filter-container .packages-filter .container-fluid .navbar ul li { padding: 10px 30px; } .seating-chart-wrapper .package-content .compare-package-button.chosen .compare-radio, .seating-chart-wrapper .package-content .compare-package-button.chosen .compare-radio .small-compare-radio { color: #FF0000; } .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { width: 100%; background: #000; padding-bottom: 15px; padding-top: 0; } .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper a.last { margin-left: auto; } .filter-container .packages-filter .container-fluid .navbar ul .price-filter { width: 70%; border: none; padding: 15px 30px; } .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper { width: 30%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; padding: 15px 30px; } .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper p { margin: 0; } .filter-container .packages-filter .container-fluid .btn { background: #3f3f3f; border: 1px solid #bfbfbf; border-radius: 6px; align-self: center; color: #bfbfbf; } .filter-container .packages-filter .container-fluid .btn.reset { background: transparent; } .filter-container .packages-filter .container-fluid .btn.btn-text { background: none; border: none; border-radius: 0; align-self: center; color: #FF0000; } .seating-chart-wrapper .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; } .seating-chart-wrapper .modal-outer .modal-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .seating-chart-wrapper .modal-outer .modal-wrapper .modal-header { border-radius: 6px 6px 0px 0px; background: linear-gradient(0deg, #1e2329, #33383e); padding: 10px 20px; position: relative; border: none; display: flex; flex-direction: row; gap: 20px; align-items: center; } .seating-chart-wrapper .modal-outer .modal-wrapper .modal-content { border-radius: 0 0 6px 6px; padding: 10px 20px; background: #FFF; box-shadow: none; border-radius: 0; border: none; color: #171c21; } .seating-chart-wrapper .container { overflow: hidden; } .seating-chart-wrapper .package-box-container { margin-right: -20px; } /*.seating-chart-wrapper .package-box-container .group-packages {*/ /* display: block;*/ /*}*/ /*.seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .group-package {*/ /* border: none;*/ /* height: 100%;*/ /* float: left;*/ /* width: calc(33.3% - 20px);*/ /* height: 300px;*/ /* margin-right: 20px;*/ /* margin-bottom: 20px;*/ /*}*/ .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .package-cube { margin: 0; } .seating-chart-wrapper .event-details-wrapper .event-details-content { width: 100% !important; display: flex; flex-direction: column; padding: 50px 25px 50px 35px; } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage { flex: 0 0 calc(33.3% - 15px); } .seating-chart-wrapper .package-content .button-wrapper { align-items: center; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket { color: #dadbe0; text-transform: uppercase; width: auto; } @media (max-width: 992px) { .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage { width: 50%; flex: 0 0 calc(50% - 10px); } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .group-package { width: 100%; } } @media (max-width: 767px) { .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { padding: 0; } .seating-chart-wrapper .close { float: right; display: block; } .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper { padding-left: 0; padding-right: 0; } .seating_chart .row.mainbox.package-box-container { margin: 0 -8px; } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage { width: 100%; flex: 1 0 calc(100%); } .seating-chart-wrapper .package-content { width: 60% !important; } .seating-chart-wrapper .package-img { width: 40% !important; } .seating-chart-wrapper .package-cube a, .seating-chart-wrapper .package-cube .package-content-outer-wrapper { flex-direction: row !important; } .seating-chart-wrapper .package-img { height: 100% !important; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%) !important; } .seating-chart-wrapper .package-content h4 { font-size: 30px !important; } .filter-container .packages-filter .container-fluid .header-wrapper { justify-content: center; text-align: center; } .filter-container .packages-filter .container-fluid .header-wrapper h3 { margin: 0; } .seating_chart .filter-container .packages-filter .navbar #seating_chart_price, .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider { width: 100%; } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .group-package { width: calc(100%); margin-right: 0; /*height: 275px;?*/ } } .seating_chart .seating-chart-wrapper .mainbox, .seating-chart-wrapper .leftside #Packages { background-color: transparent !important; box-shadown: none; margin: 0; border-radius: 0; } .seating_chart .mainbox .leftside { float: none; height: auto; padding: 0; margin: 0; overflow: hidden; width: 100%; background-color: transparent !important; } .seating-chart-wrapper .form-row { border-radius: 0 !important; } .seating-chart-wrapper .form-row .container { background: transparent; } .seating-chart-wrapper .package-content .compare-package-button { display: flex; align-items: center; gap: 10px; padding: 5px 12px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #191D21; margin-left: -15px; margin-bottom: 15px; width: max-content; } .seating-chart-wrapper .package-p { margin-bottom: 2px; } .seating-chart-wrapper .package-content h4 { font-size: 35px !important; } .seating-chart-wrapper .package-content .compare-package-button .compare-radio, .seating-chart-wrapper .package-content .compare-package-button .compare-radio .small-compare-radio { background-color: transparent; color: transparent; } .seating-chart-wrapper .package-content { padding: 15px !important; width: 70% !important; } .seating-chart-wrapper .package-img { width: 30% !important; } </style>  <style> /* Purchase Table */ .grandstand-table .group-package .display-name a { color:#FFF; } .grandstand-table.table thead tr th:nth-child(1), .grandstand-table.table tbody tr td:nth-child(1), .grandstand-table.table .tbody .tr .td:nth-child(1) { width: 35%; } .grandstand-table.table thead tr th, .grandstand-table.table .thead .tr .th { padding: 12px; background-color: #000; } .grandstand-table.table tbody tr td, .grandstand-table.table .tbody .tr .td { border-top: 1px solid #000; background: linear-gradient(0deg,#1e2329,#33383e); padding: 8px 12px; } .grandstand-table thead, .grandstand-table .thead { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; border-radius: 5px; } .grandstand-table .group-package { border-bottom:0 !important; } .grandstand-table thead tr th, .grandstand-table .thead .tr .th { background: transparent; } .grandstand-table tbody tr td, .grandstand-table thead tr th, .grandstand-table .tbody .tr .td, .grandstand-table .thead .tr .th { border-radius: 0 !important; } .grandstand-table tbody tr td:first-child, .grandstand-table thead tr th:first-child, .grandstand-table .tbody .tr .td:first-child, .grandstand-table .thead .tr .th:first-child { border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; } .grandstand-table tbody tr td:last-child, .grandstand-table thead tr th:last-child, .grandstand-table .tbody .tr .td:last-child, .grandstand-table .thead .tr .th:last-child { border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; } .group-package { border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; } .grandstand-table .tr { display: flex; width: 100%; flex: 1 0 100%; } .grandstand-table .tr .display-name { flex:1 0 35% !important; width: auto !important; } .grandstand-table .tr .price { flex:1 0 18% !important; width: auto !important; margin:0 !important; } .grandstand-table .tr .controls { flex:1 1 55px !important; width: 55px !important; } .grandstand-table .tr .controls .arrow_link[aria-expanded='false']::before, .grandstand-table .tr .controls .arrow_link[aria-expanded='true']::before { padding:0; } .grandstand-table .tr .add-to-basket { flex:1 0 32% !important; width: auto !important; } .grandstand-table .tr .td { width: auto; flex: 1; height: 100%; display: flex; align-items: center; } .grandstand-table .tr .td .people-quantity { flex-direction:row !important; align-items: center; gap: 20px; justify-content: flex-start; width:100%; } .grandstand-table .tr .td .people-quantity .people-quantity .people-quantity { flex-wrap:wrap; justify-content: center; } .grandstand-table .tr .td .people-quantity .btn { padding:0 !important; margin-left: auto; } .grandstand-table .tr .td .people-quantity a { margin-right: 25px; margin-left: auto; } .grandstand-table .tr .td .add-to-basket-form { width:100%; } .grandstand-table .tr .td .people-quantity .btn[disabled] { font-weight: bold; opacity:1; font-size: 18px; } .grandstand-table .tr .td .people-quantity .counter { padding:0 !important; gap: 15px !important; width: auto; } .grandstand-table .tr .td.collapse { display:none; } .grandstand-table .tr .td.in { display:flex; } .arrow_link[aria-expanded='false']::before { content: "\f107"; } .arrow_link[aria-expanded='true']::before { content: "\f106"; } .arrow_link[aria-expanded='false']::before, .arrow_link[aria-expanded='true']::before { font-family: FontAwesome; font-size: 2.3em; line-height: 0.9; padding-left: 10px; } .details_row td { padding: 0px !important; border-top: 0px !important; } .collapse { display: none; } .collapse.in, .collapsing.in { display: block; } .details-wrapper { display: flex; flex-direction: row; align-items: center; margin: 15px; flex-wrap:wrap; } .pkg-group-img img { width: 90%; border-radius: 4px; } .seating-map-wrapper { text-align: center; } .grandstand-table.table thead tr th, .grandstand-table.table thead tr td, .grandstand-table.table tbody tr th, .grandstand-table.table tbody tr td, .grandstand-table.table tfoot tr th, .grandstand-table.table tfoot tr td { vertical-align: middle !important; } /* END Purchase Table */ .event-details-wrapper { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg,#1e2329,#33383e); border-radius: 4px; color: #fff; } .event-details-wrapper .event-details { display: flex; } .event-details-wrapper .event-details-content { padding: 25px; } .event-details-wrapper .event-details-img.event-destination { background-image: url(https://assets.quintevents.com/m/208df027a58b6981/72_DPI_WEB-2022-MotoGP-Premier-Portugal-1.jpg); background-size: cover; } @media (min-width: 768px) { .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-mask-image: linear-gradient(-270deg,transparent,#000 24%); } .event-details-wrapper .event-details-content { width: 95%; } .event-details-wrapper .event-details-img { width: 26%; } } @media (max-width: 767px) { .event-details-wrapper .event-details { flex-direction: column; } .event-details-wrapper .event-details-img { height: 200px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-mask-image: linear-gradient(180deg,transparent,#000 24%); } } /* Seating Chart Section Styling */ .seating_chart .packages-filter .container-fluid { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); height: 100%; padding: 0; } .seating_chart .packages-filter { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; height: 70px; margin-bottom: 5px; padding-left: 0; padding-right: 0; width: 100%; } .seating_chart .packages-filter .container-fluid .navbar-nav .filter-heading { color: #fff; font-family: "MotoGP Display Web", sans-serif; padding-right: 10px; text-align: center; margin: 0; } .seating_chart .packages-filter .container-fluid .navbar-nav li { padding: 1.5% 1%; display: inline-block; } .seating { margin: 0; } .rightsidemapbg { background-color: #f4f4f4; } .ticket-label .price { font-weight: 100; } @media (max-width: 670px) { .grandstand-table .tr .td .people-quantity .counter { gap:8px !important; } .grandstand-table .tr .td .people-quantity .btn { margin-left:auto; margin-right:auto; } .grandstand-table .tr .td .people-quantity { gap:10px; } .seatingChartPackage .add-to-basket-form .counter .subtract, .seatingChartPackage .add-to-basket-form .counter .add { font-size: 13px; width: 20px; height: 20px; } .grandstand-table .tr .controls { flex:0 1 55px !important; width: 55px !important; } } @media (max-width: 600px) { .grandstand-table tbody tr td, .grandstand-table thead tr th, .grandstand-table .tbody .tr .td, .grandstand-table .thead .tr .th { padding:5px; } .grandstand-table .btn-primary { padding:5px; } } </style>  <style> .calendar-scroll .calendar-wrapper .event-title .event-name, .calendar-wrapper .event-title .event-name { font-size: 15px; line-height: 24px; font-family: "MotoGP Display", sans-serif; margin: 10px 0 0 0; } .calendar-scroll .event-day, .event-day { padding: 5px; font-size: 44px; line-height: 0.8em; } .new-header-image-wrapper .header-image-content .event-date, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-date { font-size: 24px; font-family: "MotoGP Display", sans-serif; } .blue-icon-outer-wrapper .blue-icon-wrapper h3, .blue-icon-outer-wrapper .blue-icon-wrapper .h3 { font-size: 18px; } .calendar-scroll .event-month, .event-month { font-weight: normal; } .calendar-scroll .event-date, .event-date { padding: 5px 9px !important; } .calendar-scroll .event-date .event-day, .event-date .event-day { font-size: 30px; font-family: "MotoGP Display", sans-serif; } .banner h2 { font-size:20px; } .calendar-scroll .calendar-wrapper .event-title, .calendar-wrapper .event-title { border:none; padding:0 } .calendar-scroll .calendar-wrapper .event-title .country, .calendar-wrapper .event-title .country { font-size: 16px; text-transform: none; } .calendar-scroll .calendar-wrapper .event-flag, .calendar-wrapper .event-flag { width: 30px; margin-right: 10px; height: 15px; } .calendar-scroll .calendar-wrapper .event-flag img, .calendar-wrapper .event-flag img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; } .seating-chart-wrapper .package-content h4 { font-size: 22px !important; line-height: 30px; } .package-content-outer-wrapper.on-sale:before, .on-sale:before { font-size: 15px; font-weight: bold; line-height: 28px; background: #FF0000; padding: 9px 30px 6px 122px; } .inclusion-row.premier-only:before, .premier-only:before { padding: 11px 34px 10px 60px; font-weight: bold; background: #FF0000; } .parent-package .hospitality-row { height:450px; } .parent-package .inclusion-content { padding: 30px 20px 20px 20px; } .seating-chart-wrapper .btn, .seating-chart-wrapper .button, .seating-chart-wrapper .btn.btn-primary { padding: 13px 16px; } .bucket-wrapper .bucket-content h2 { font-size: 20px; } @media (min-width: 992px) { .seating-chart-wrapper .header-image-content .event-name { font-size: 36px; } } /* .seating-chart-wrapper .form-row, .form-row, .calendar-wrapper .calendar-link { background:#606060; box-shadow: none; } body, main .container { background-color: #262626; } .bucket-wrapper .bucket-content.package-green, .bucket-wrapper .bucket-content.package-orange, .bucket-wrapper .bucket-content.package-light-orange, .bucket-wrapper .bucket-content.package-dark-orange, .bucket-wrapper .bucket-content.package-purple, .bucket-wrapper .bucket-content.package-dark-green, .bucket-wrapper .bucket-content.package-red, .bucket-wrapper .bucket-content.package-blue, .bucket-wrapper .bucket-content.package-grey-blue, .bucket-wrapper .bucket-content.package-yellow, .bucket-wrapper .bucket-content.package-yellow-2, .bucket-wrapper .bucket-content.package-pink, .bucket-wrapper .bucket-content.package-light-pink, .bucket-wrapper .bucket-content.package-sky-blue, .bucket-wrapper .bucket-content.package-grey { background: #606060; border-color: #606060 !important; } */ .navbar-dropdown .navbar-item { letter-spacing:0 !important; } /* #FF0000 = #FF0000 */ body, main .container { font-weight: normal; } body { font-size:18px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.4; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 22px; } small, .small { font-size: 78%; } .btn, .button, .btn.btn-primary { text-transform: uppercase; font-weight: bold; border-radius: 100px; padding: 13px 16px; font-size: 14px; letter-spacing: 1.6px; background: #FF0000; border-color: #FF0000; border-radius: 4px !important; font-family: 'MotoGP Text'; letter-spacing: 1px; line-height: 14px; } </style> <div class="container"> <div class="row"> <div class="col-sm-2 col-xs-6 margin-bottom-20"> <p class="footer-header">MotoGP™ Premier</p> <p class="footer-link"> <a href="/">Home</a> </p> <p class="footer-link"> <a href="/about-us/faqs">FAQs</a> </p> <p class="footer-link"> <a href="/contact-us">Contact Us</a> </p> </div> <div class="col-sm-2 col-xs-6 margin-bottom-20"> <p class="footer-header">MotoGP™ Championship</p> <p class="footer-link"> <a href="/calendar-of-events">Calendar</a> </p> </div> <div class="col-sm-3 col-xs-6 margin-bottom-20"> <p class="footer-header">How To Attend</p> <p class="footer-link"> <a href="/motogp-premier">MotoGP™ Premier</a> </p> <p class="footer-link"> <a href="/motogp-vip-village">MotoGP VIP Village™</a> </p> <p class="footer-link"> <a href="/motogp-vip-village-business">MotoGP VIP Village™ Business & Events</a> </p> <p class="footer-link"> <a href="/motogp-ticket-hotel">MotoGP™ Premier Ticket + Hotel</a> </p> </div> </div> <div class="row /*border-top*/"> <div class="col-sm-8"> <p class="small-footer-txt small mobile-text-center margin-0">© 2024 MotoGP™ Premier. All rights reserved.</p> <p class="small-footer-txt small mobile-text-center"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/76165-Quint-2023-logo-Q-only-mono-navy-addb88cb140d0a24f946df7280fc358a.png" width="15px" style="filter: brightness(0) invert(0.5) !important; margin-top: -5px;"> MotoGP™ Premier is operated by Quint International, LLC and is authorised to do so by Dorna Sports, S.L </p> </div> <div class="col-sm-4 margin-top-20"> <p class="small small-footer-txt mobile-text-center desktop-right"> <a class="small-footer-link" href="https://assets.quintevents.com/m/5628b768600cb6ac/original/MotoGP-Premier-2024-VIPV-Corporate-Hosp-Policies.pdf" target="_blank">Corporate Hospitality Policy</a>   |    <a class="small-footer-link" href="/privacy-policy">Privacy Policy</a>   |    <a class="small-footer-link" href="/cookies-policy">Cookies Policy</a>   |    <a class="small-footer-link" href="/legal-notices">Legal Notices</a> </p> </div> </div> </div></footer><script>/* <![CDATA[ */ var google_conversion_id = 1005132557; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */</script><script src="//www.googleadservices.com/pagead/conversion.js"></script><noscript><div style="display:inline;"><img alt="" height="1" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1005132557/?guid=ON&script=0" style="border-style:none;" width="1" /></div></noscript></body></html>

CINXE.COM

MotoGP Germany 2025 | MotoGP VIP Village Hospitality - 2-Days