CINXE.COM
MotoGP Germany 2025 - Official Ticket Packages
<!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 - Official Ticket Packages</title><meta content="Elevate your weekend at the Sachsenring with premium grandstand tickets, MotoGP VIP Village hospitality & insider access at the 2025 German MotoGP" 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="z02MrI8M6vnttD5spO7iMnUYF5BFKXCo4ocPTkt7kVtSBSB66Ncj70yUi6QeRvlt9KFwL9-QSGYR7ryuaXaiwg" /><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" rel="canonical" /></head><body class="controller_renderables action_show renderable_seating_chart locale_en cookie-consent-dropdown"><header><!--Original Nav. Used on most sites.--><div class="navbar-fixed-top"><div class="cookie-fixed-top"><div id="cookie-consent"></div></div><div 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="seating_chart"><style> .header-image-wrapper { background-image: url(https://assets.quintevents.com/m/23ed842764fd3b85/72_DPI_WEB-MotoGP-Premier-Germany-2024-Racing-17.jpg); background-size: cover; background-position: 50% 80%; color: #fff; text-align: center; overflow: hidden; } .destination .event-details-wrapper .event-details { background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(https://assets.quintevents.com/m/217d92e9828f02af/72_DPI_auto-MotoGP-Premier-Germany-2024.jpg); background-size: cover; background-position: 50% 50%; } </style> <div class="seating-chart-wrapper"> <!-- Header Section - START --> <div class="new-header-image-wrapper header-image-wrapper container-full-width"> <div class="header-image-content"> <p class="event-date">11 - 13 July</p> <h2 class="event-name">Motorrad Grand Prix Deutschland 2025</h2> <p class="event-location"> <img alt="flag" class="flag" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/54460-MotoGP-Flag-DE-ad16f61be81a7c0263dcdd3bdbc6111a.svg"> Sachsenring </p> <div class="header-icon-wrapper options-wrapper"> <a data-filter="hospitality" href="#packages" class="header-icon header-icon-hospitality option"> <div class="header-icon-image"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/52176-hospitaltiy-dcc541eaa1659a010bccca5f0ea6909c.png"> </div> Hospitality </a> <a data-filter="fan" href="#packages" class="header-icon header-icon-experiences option"> <div class="header-icon-image white"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/52175-star-150221112944513f46b69b139c1d9405.svg"> </div> Experiences </a> </div> </div> </div> <!-- Header Section - END --> <!-- Event Details Section - START --> <div id="details"></div> <div class="container margin-top-50"> <div class="row"> <div class="col-sm-10 col-sm-offset-1"> <div class="event-details center"> <div class="event-details-content center"> <h1 class="h2">MotoGP™ Germany Ticket Package Options</h1> <p>Experience the excitement of the 2025 Motorrad Grand Prix Deutschland. Choose premier grandstand seats or indulge in the MotoGP VIP Village™ hospitality at Sachsenring. Official Ticket Packages offer exclusive trackside activities, including Paddock access, Team Garage Experiences, Guided Track Tours, Rider Appearances, and more.</p> </div> </div> </div> </div> </div> <!-- Event Details Section - END --> <div id="packages"></div> <div class="container filter-container margin-top-50 filters"> <div class="col-md-12 col-sm-12 packages-filter" id="packages-filter"> <nav id="navbar-filter" class="navbar navbar-inverse scrolled"> <div class="container-fluid"> <div class="header-wrapper"> <h3>Ticket Package Options</h3> <button type="button" class="btn btn-default reset">Reset</button> </div> <div class="navbar-header mobile-packages-filter-header"> <div class="filter-heading"> <button type="button" class="btn btn-inverse filter">Filter Packages</button> <button type="button" class="btn btn-default reset">Reset</button> </div> </div> <nav id="navbar-filter" class="navbar navbar-nav navbar-inverse filter-nav mobile-packages-filter" style=""> <ul class="scrolled"> <i class="icon-cross close"></i> <h3 class="mobile-title">Ticket Package Options</h3> <div class="buttons-wrapper"> <li data-filter="fan" class="fan"> <label class="switch"> <input type="checkbox"> <span class="btn btn-inverted">Fan Packages</span> </label> </li> <!--<li class="chicane">--> <!-- <label class="switch">--> <!-- <input type="checkbox">--> <!-- <span class="btn btn-inverted">Chicane Packages</span>--> <!-- </label>--> <!--</li>--> <li data-filter="hospitality" class="hospitality"> <label class="switch"> <input type="checkbox"> <span class="btn btn-inverted">Hospitality Packages</span> </label> </li> <li data-filter="apex" class="apex"> <label class="switch"> <input type="checkbox"> <span class="btn btn-inverted">Apex Packages</span> </label> </li> <li class="2-Days" data-filter="2-Days"> <label class="switch"> <input type="checkbox"> <span class="btn btn-inverted">2-Days</span> </label> </li> <li class="3-Days" data-filter="3-Days"> <label class="switch"> <input type="checkbox"> <span class="btn btn-inverted">3-Days</span> </label> </li> </div> <li class="price-filter"> <div id="seating_chart_price"></div> </li> <div class="sorting-wrapper"> <li class="sort"> <p>Sort By</p> <select> <option value="" selected>Sort By</option> <option value="ltoh">Price: Low to High</option> <option value="htol">Price: High to Low</option> </select> </li> </div> </ul> </nav> </div> </nav> </div> </div> <div class="container"> <div class="row mainbox package-box-container"> <div class="leftside" id="scrollbar"><div class="group group-12259 group-packages" data-group-id="12259" data-toggle="svg-group-tooltip" id="Packages"><div class=" in" id="group_12259_packages"><div class="seatingChartPackage" data-category-names="fan,rider,3-Days" data-seating-chart-id="8409" id="SeatingChartPackage-01tPl000007l6XrIAI"><div class="svg-"></div><div class="group-package"><div class="event" data-event-id="7632"></div> <div class="package-cube product-item package-grey-blue" data-price="641.0" data-category-names="fan,rider,3-Days"> <div class="package-content-outer-wrapper des "> <div class="package-content des-group"> <div class="compare-package-button" data-id="63187" data-name="Rider | T3"> <i class="compare-radio"> <i class="fa fa-circle small-compare-radio"></i> </i> <span class="show-above-991"> Compare Package </span> <span class="show-below-992"> Compare </span> </div> <p class="package-p">Friday - Sunday</p> <h4>Rider | T3</h4> <!--<ul> <li>T3 Grandstand Ticket </li> <li>Guided Paddock Tour</li> <li>MotoGP™ Premier Gift</li> </ul> --> <div class="button-wrapper"> <a href="/2025-motogp-germany/rider-t3" class="btn btn-primary">GET ACCESS</a> <a data-toggle="modal" data-target="#modal63187" href="#" class="view-ticket"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/66133-eye-outline-d70d55331b93d4e10ad66e5bf53b8223.svg" class="quick-view"> Quick View</a> </div> </div> <img class="package-img" src="https://assets.quintevents.com/m/11fdbf176a5bb841/72_DPI_auto-MotoGP-Premier-Germany-2024-Paddock-1.jpg"> </div> </div> <div class="modal-outer fade" id="modal63187"> <div class="modal-wrapper"> <div class="modal-header"> <h4>Rider | T3</h4> <a aria-label="Close" href="#" data-dismiss="modal" class="btn close-btn btn-close"> <i class="fa fa-times remove"></i> </a> </div> <div class="modal-content"> <ul> <li>T3 Grandstand Ticket </li> <li>Guided Paddock Tour</li> <li>MotoGP™ Premier Gift</li> </ul> </div> </div> </div></div></div><div class="seatingChartPackage" data-category-names="fan,3-Days,trophy" data-seating-chart-id="8409" id="SeatingChartPackage-01tPl000007l6Y4IAI"><div class="svg-"></div><div class="group-package"><div class="event" data-event-id="7632"></div> <div class="package-cube product-item package-purple" data-price="641.0" data-category-names="fan,3-Days,trophy"> <div class="package-content-outer-wrapper des "> <div class="package-content des-group"> <div class="compare-package-button" data-id="63188" data-name="Trophy | T13"> <i class="compare-radio"> <i class="fa fa-circle small-compare-radio"></i> </i> <span class="show-above-991"> Compare Package </span> <span class="show-below-992"> Compare </span> </div> <p class="package-p">Friday - Sunday</p> <h4>Trophy | T13</h4> <!--<ul> <li>T13 Grandstand Ticket </li> <li>Guided Track Tour </li> <li>MotoGP™ World Champions Trophy Photo Op</li> <li>MotoGP™ Premier Gift</li> </ul> --> <div class="button-wrapper"> <a href="/2025-motogp-germany/trophy-t13" class="btn btn-primary">GET ACCESS</a> <a data-toggle="modal" data-target="#modal63188" href="#" class="view-ticket"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/66133-eye-outline-d70d55331b93d4e10ad66e5bf53b8223.svg" class="quick-view"> Quick View</a> </div> </div> <img class="package-img" src="https://assets.quintevents.com/m/77fc37c103d6296f/72_DPI_WEB-MotoGP-Premier-Portugal-2023-Guided-Track-Tour-31.jpg"> </div> </div> <div class="modal-outer fade" id="modal63188"> <div class="modal-wrapper"> <div class="modal-header"> <h4>Trophy | T13</h4> <a aria-label="Close" href="#" data-dismiss="modal" class="btn close-btn btn-close"> <i class="fa fa-times remove"></i> </a> </div> <div class="modal-content"> <ul> <li>T13 Grandstand Ticket </li> <li>Guided Track Tour </li> <li>MotoGP™ World Champions Trophy Photo Op</li> <li>MotoGP™ Premier Gift</li> </ul> </div> </div> </div></div></div><div class="seatingChartPackage" data-category-names="fan,chicane,3-Days" data-seating-chart-id="8409" id="SeatingChartPackage-01tPl000007l6XRIAY"><div class="svg-"></div><div class="group-package"><div class="event" data-event-id="7632"></div> <div class="package-cube product-item package-yellow" data-price="1308.0" data-category-names="fan,chicane,3-Days"> <div class="package-content-outer-wrapper des "> <div class="package-content des-group"> <div class="compare-package-button" data-id="63220" data-name="Chicane | T1"> <i class="compare-radio"> <i class="fa fa-circle small-compare-radio"></i> </i> <span class="show-above-991"> Compare Package </span> <span class="show-below-992"> Compare </span> </div> <p class="package-p">Friday - Sunday</p> <h4>Chicane | T1</h4> <!--<ul> <li>T1 Grandstand Ticket </li> <li>Team Garage Experience </li> <li>Guided Paddock Tour </li> <li>MotoGP™ Rider Appearance </li> <li>Exclusive Team Event</li> <li>MotoGP™ Premier Gift</li> </ul> --> <div class="button-wrapper"> <a href="/2025-motogp-germany/chicane-t1" class="btn btn-primary">GET ACCESS</a> <a data-toggle="modal" data-target="#modal63220" href="#" class="view-ticket"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/66133-eye-outline-d70d55331b93d4e10ad66e5bf53b8223.svg" class="quick-view"> Quick View</a> </div> </div> <img class="package-img" src="https://assets.quintevents.com/m/4740c7ab36691e20/72_DPI_auto-MotoGP-Premier-Germany-2024-Paddock-4.jpg"> </div> </div> <div class="modal-outer fade" id="modal63220"> <div class="modal-wrapper"> <div class="modal-header"> <h4>Chicane | T1</h4> <a aria-label="Close" href="#" data-dismiss="modal" class="btn close-btn btn-close"> <i class="fa fa-times remove"></i> </a> </div> <div class="modal-content"> <ul> <li>T1 Grandstand Ticket </li> <li>Team Garage Experience </li> <li>Guided Paddock Tour </li> <li>MotoGP™ Rider Appearance </li> <li>Exclusive Team Event</li> <li>MotoGP™ Premier Gift</li> </ul> </div> </div> </div></div></div><div class="seatingChartPackage" data-category-names="vip-village,apex,2-Days,hospitality" data-seating-chart-id="8409" id="SeatingChartPackage-01tPl000007l6XPIAY"><div class="svg-"></div><div class="group-package"><div class="event" data-event-id="7632"></div> <div class="package-cube product-item package-red" data-price="3688.0" data-category-names="vip-village,apex,2-Days,hospitality"> <div class="package-content-outer-wrapper des "> <div class="package-content des-group"> <div class="compare-package-button" data-id="63253" data-name="Apex | VIP Village 2-Days"> <i class="compare-radio"> <i class="fa fa-circle small-compare-radio"></i> </i> <span class="show-above-991"> Compare Package </span> <span class="show-below-992"> Compare </span> </div> <p class="package-p">Saturday - Sunday</p> <h4>Apex | VIP Village 2-Days</h4> <!--<ul> <li>MotoGP VIP Village™ Access</li> <li>MotoGP™ Premier Lounge Hospitality</li> <li>Team Garage Experience </li> <li>Grid Access for Support Race</li> <li>2-Day Paddock Pass </li> <li>Guided Paddock Tour </li> <li>Rider Meet & Greet </li> <li>Inside MotoGP™ Q&A </li> <li>Service Road Tour </li> <li>Pit Lane Walk</li> <li>MotoGP™ World Champions Trophy Access </li> <li>Expo Show-Bikes</li> <li>MotoGP™ Premier Gift & Official MotoGP™ Programme</li> </ul> --> <div class="button-wrapper"> <a href="/2025-motogp-germany/apex-vip-village-2-days" class="btn btn-primary">GET ACCESS</a> <a data-toggle="modal" data-target="#modal63253" href="#" class="view-ticket"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/66133-eye-outline-d70d55331b93d4e10ad66e5bf53b8223.svg" class="quick-view"> Quick View</a> </div> </div> <img class="package-img" src="https://assets.quintevents.com/m/2ddef9fbaabb01a3/72_DPI_WEB-MotoGP-Premier-Italy-2024-Garage-Tour-2.jpg"> </div> </div> <div class="modal-outer fade" id="modal63253"> <div class="modal-wrapper"> <div class="modal-header"> <h4>Apex | VIP Village 2-Days</h4> <a aria-label="Close" href="#" data-dismiss="modal" class="btn close-btn btn-close"> <i class="fa fa-times remove"></i> </a> </div> <div class="modal-content"> <ul> <li>MotoGP VIP Village™ Access</li> <li>MotoGP™ Premier Lounge Hospitality</li> <li>Team Garage Experience </li> <li>Grid Access for Support Race</li> <li>2-Day Paddock Pass </li> <li>Guided Paddock Tour </li> <li>Rider Meet & Greet </li> <li>Inside MotoGP™ Q&A </li> <li>Service Road Tour </li> <li>Pit Lane Walk</li> <li>MotoGP™ World Champions Trophy Access </li> <li>Expo Show-Bikes</li> <li>MotoGP™ Premier Gift & Official MotoGP™ Programme</li> </ul> </div> </div> </div></div></div><div class="seatingChartPackage" data-category-names="vip-village,2-Days,hospitality" data-seating-chart-id="8409" id="SeatingChartPackage-01tPl000007l6XgIAI"><div class="svg-"></div><div class="group-package"><div class="event" data-event-id="7632"></div> <div class="package-cube product-item package-blue" data-price="2370.0" data-category-names="vip-village,2-Days,hospitality"> <div class="package-content-outer-wrapper des black-friday"> <div class="package-content des-group"> <div class="compare-package-button" data-id="63286" data-name="MotoGP VIP Village™ 2-Day"> <i class="compare-radio"> <i class="fa fa-circle small-compare-radio"></i> </i> <span class="show-above-991"> Compare Package </span> <span class="show-below-992"> Compare </span> </div> <p class="package-p">Saturday - Sunday</p> <h4>MotoGP VIP Village™ 2-Day</h4> <!--<ul> <li>MotoGP VIP Village™ Access</li> <li>MotoGP™ Lounge Hospitality </li> <li>Paddock Walk </li> <li>Pit Lane Walk </li> <li>MotoGP™ Rider Q&A </li> <li>MotoGP™ World Champions Trophy Access </li> <li>Expo Show-Bikes </li> <li>Official MotoGP™ Programme</li> </ul> --> <div class="button-wrapper"> <a href="/2025-motogp-germany/motogp-vip-village-2-days" class="btn btn-primary">GET ACCESS</a> <a data-toggle="modal" data-target="#modal63286" href="#" class="view-ticket"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/66133-eye-outline-d70d55331b93d4e10ad66e5bf53b8223.svg" class="quick-view"> Quick View</a> </div> </div> <img class="package-img" src="https://assets.quintevents.com/m/6eb007682b544a3b/72_DPI_WEB-MotoGP-Premier-Germany-2024-VIP-Village-21.jpg"> </div> </div> <div class="modal-outer fade" id="modal63286"> <div class="modal-wrapper"> <div class="modal-header"> <h4>MotoGP VIP Village™ 2-Day</h4> <a aria-label="Close" href="#" data-dismiss="modal" class="btn close-btn btn-close"> <i class="fa fa-times remove"></i> </a> </div> <div class="modal-content"> <ul> <li>MotoGP VIP Village™ Access</li> <li>MotoGP™ Lounge Hospitality </li> <li>Paddock Walk </li> <li>Pit Lane Walk </li> <li>MotoGP™ Rider Q&A </li> <li>MotoGP™ World Champions Trophy Access </li> <li>Expo Show-Bikes </li> <li>Official MotoGP™ Programme</li> </ul> </div> </div> </div></div></div></div></div></div> </div> </div> <!-- Contact Section - START --> <div id="contact"></div> <div class="container-fluid form-row margin-top-80 margin-bottom-40"> <div class="container"> <div class="row"> <div class="col-sm-12"> <h3 class="margin-bottom-20">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 class="row embedded margin-top-40 margin-bottom-40"><div id="infoRequestForm"></div></div> </div> </div> </div> </div> <!-- Contact Section - END --> <!-- Desitination Overview - START --> <div id="destination"></div> <div class="container destination margin-top-50 margin-bottom-50"> <div class="row"> <div class="col-sm-12"> <div class="event-details-wrapper"> <div class="event-details"> <div class="event-details-content"> <h3 class="h2">Your Destination: Hohenstein-Ernstthal, Germany</h3> <p>First held at the iconic Sachsenring in 1998, the German Grand Prix is one of the best attended races on the MotoGP™ calendar. Discover the natural beauty, history and culture of the Saxony region in Eastern Germany or take advantage of the Sachsenring’s strategic location and extend your trip to Berlin, Prague or beyond.</p> </div> </div> </div> </div> </div> </div> <!-- Desitination Overview - END --> </div> <div class="package-comparisons-overlay inactive" id="packageComparisonOverlay"> <div class="compare-statement"> <span class="larger"> Compare </span> <p class="smaller"> <span id="chosenAmount">1 </span> of <span class="show-above-991"> 4</span><span class="show-below-992"> 2</span> packages </p> </div> <div class="comparison-boxes show-above-991"> <div class="comparison-box" id="compareBox1"> <div class="package-name"></div> <div class="circle"></div> </div> <div class="comparison-box" id="compareBox2"> <div class="package-name"></div> <div class="circle"></div> </div> <div class="comparison-box show-above-991" id="compareBox3"> <div class="package-name"></div> <div class="circle"></div> </div> <div class="comparison-box show-above-991" id="compareBox4"> <div class="package-name"></div> <div class="circle"></div> </div> </div> <div class="continue-button" id="compareContinueButton"> <button class="btn btn-secondary" id="compareContinueBtn">Compare</button> </div> </div></div><div id="eventTypeDiv" data-event-type="motogp"></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> <!-- ***** Hiding Languages on Buyers pages ***** --> <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> <!-- ***** Hiding Languages on Buyers pages ***** --> <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> <!-- **** Seating Chart Page CSS *** --> <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> <!-- *** Seating Chart TH page CSS *** --> <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> <!-- ***** New font overrides ***** --> <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>