MotoGP Official Tickets & Packages

<!DOCTYPE html><html dir="" lang="en"><head><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" /><title>MotoGP Official Tickets & Packages | MotoGP Premier</title><meta content="MotoGP Premier is the Official Experience Package Provider to MotoGP World Championship races worldwide, providing you VIP access and experiences!" 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="ihbEVP5qFyP3rxjbZGJV9aOZ3xowCkXzrI_-GkO_znngIfm3U8xY_QZw5OaRviElhtzdYqV5WmLomn_NrjYTIg" /><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="" rel="canonical" /></head><body class="controller_renderables action_show locale_en cookie-consent-dropdown"><header><div class="navbar-fixed-top"><div class="cookie-fixed-top"><div id="cookie-consent"></div></div><div class="top-bar-motogp" id="topBarMotoGP"><div class="navbar-motogp-container"><div class="product-links-motogp"><span class="motogp-span"><a class="store" target="_blank" rel="noopener" href="https://www.motogp.com/">MotoGP.com</a></span><span class="store-span"><a class="store" target="_blank" rel="noopener" href="https://store.motogp.com/en/">Store</a></span><span class="tickets-span"><a class="tickets" target="_blank" rel="noopener" href="https://tickets.motogp.com?utm_source=motogppremier.motogp.com&utm_medium=referral&utm_campaign=topnav_tickets">Tickets</a></span><span class="hospitality-span"><a class="hospitality" href="/hospitality">Hospitality</a></span><span class="motogp-experiences"><a class="experiences" href="/motogp-premier">Experiences</a></span></div></div></div><nav class="navbar navbar-default" id="navbar-default" role="navigation"><div class="navbar-container"><div class="check-for-mobile"></div><div class="navbar-header"><div class="navbar-brand"><div class="cfb-bar"></div><a href="/"></a></div><div class="navbar-short"><button aria-expanded="false" class="navbar-toggle collapsed" data-target="#navbar-collapse" data-toggle="collapse" id="dropdownToggler" type="button"><span class="sr-only">Toggle navigation</span><span class="icon-hamburger"></span><svg class="ham hamRotate ham8" viewBox="0 0 100 100" width="80" onclick="this.classList.toggle('active')"> <path class="line top" d="m 30,33 h 40 c 3.722839,0 7.5,3.126468 7.5,8.578427 0,5.451959 -2.727029,8.421573 -7.5,8.421573 h -20" /> <path class="line middle" d="m 30,50 h 40" /> <path class="line bottom" d="m 70,67 h -40 c 0,0 -7.5,-0.802118 -7.5,-8.365747 0,-7.563629 7.5,-8.634253 7.5,-8.634253 h 20" /> </svg> </button><a class="navbar-cart navCartLink" id="navCartLink"><span class="badge badge-number" id="badge"></span><span class="icon-shopping"></span></a><div id="navCartForm"></div><div class="dropdown account-dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-bar navbar-account dropdown-toggle account account-button" href="/customer" role="button"><i class="icon-account"></i></a></div><div class="dropdown translate-dropdown navssss"><a class="nav-bar navbar-translate dropdown-toggle" data-toggle="dropdown" href="#" notranslate=""><div class="language-label"></div><span class="icon-language"></span></a><ul class="dropdown-menu language-menu" data-turbolinks="false"><button aria-expanded="false" class="navbar-translate-toggle collapsed" type="button"><span class="close"></span></button><div class="col-xs-6 left-column"><li><ul class="left-menu"></ul></li></div><div class="col-xs-6 right-column"><li><ul class="right-menu"></ul></li></div></ul></div><div class="phone-search-div"><div class="dropdown phone-dropdown"><a class="nav-bar navbar-phone-number dropdown-toggle" data-toggle="dropdown"><span class="icon-phone"></span></a><ul class="dropdown-menu phone-menu"><li class="phone-number"><span><a href="tel:+34 900.973.465" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.973.465</a><a href="tel:+33 01 78 96 88 00" class="phone-numbers phone-FR hidden" id="phone-FR">+33 01 78 96 88 00</a><a href="tel:+44 808 134 8412" class="phone-numbers phone-GB hidden" id="phone-GB">+44 808 134 8412</a><a href="tel:+39 051 046 0900" class="phone-numbers phone-IT hidden" id="phone-IT">+39 051 046 0900</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-US hidden" id="phone-US">+1.855.282.3055</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-default displayed" id="phone-default">+1.855.282.3055</a></span></li></ul></div><div class="dropdown search-dropdown"><a aria-expanded="false" aria-haspopup="true" class="nav-bar navbar-search dropdown-toggle" data-toggle="dropdown" id="search-button" role="button"><span class="icon-search"></span></a><ul class="dropdown-menu search-box"><li class="menu-item"></li><form action="/search" class="search-form" method="get"><div class="form-group has-feedback"><label class="sr-only" for="search"> Search</label><div class="input-group"><input class="form-control" id="search" name="q" placeholder="search" type="text" /><span class="input-group-btn"><button class="btn btn-secondary"><span class="fa fa-search"></span></button></span></div></div></form></ul></div></div><div class="navbar-call-prompt" id="phone"><i class="fa fa-phone"></i><span class="long"><span>Call Us Today at <a><span><a href="tel:+34 900.973.465" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.973.465</a><a href="tel:+33 01 78 96 88 00" class="phone-numbers phone-FR hidden" id="phone-FR">+33 01 78 96 88 00</a><a href="tel:+44 808 134 8412" class="phone-numbers phone-GB hidden" id="phone-GB">+44 808 134 8412</a><a href="tel:+39 051 046 0900" class="phone-numbers phone-IT hidden" id="phone-IT">+39 051 046 0900</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-US hidden" id="phone-US">+1.855.282.3055</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-default displayed" id="phone-default">+1.855.282.3055</a></span></a></span></span><span class="short">Questions? <span><a href="tel:+34 900.973.465" class="phone-numbers phone-ES hidden" id="phone-ES">+34 900.973.465</a><a href="tel:+33 01 78 96 88 00" class="phone-numbers phone-FR hidden" id="phone-FR">+33 01 78 96 88 00</a><a href="tel:+44 808 134 8412" class="phone-numbers phone-GB hidden" id="phone-GB">+44 808 134 8412</a><a href="tel:+39 051 046 0900" class="phone-numbers phone-IT hidden" id="phone-IT">+39 051 046 0900</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-US hidden" id="phone-US">+1.855.282.3055</a><a href="tel:+1.855.282.3055" class="phone-numbers phone-default displayed" id="phone-default">+1.855.282.3055</a></span></span><div class="navbar-brand-mobile"><a href="/"></a></div></div></div></div><div #="" CHANGED="" NAVBAR_COLLAPSE-MD="" TO="" class="navbar-collapse-md collapse" id="navbar-collapse"><ul class="nav navbar-nav navbar-right"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/calendar-of-events"><div class="original navbar-item">Calendar</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="dropdown navbar-dropdown"><a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown" href="#" role="button"><div class="original navbar-item">How To Attend <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div><div class="span">Main Menu</div></div></a><ul class="dropdown-menu"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/motogp-premier"><div class="original navbar-item">MotoGP Premier</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/motogp-vip-village"><div class="original navbar-item">MotoGP VIP Village</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/motogp-vip-village-business"><div class="original navbar-item">MotoGP VIP Village Business & Events</div></a></li></ul></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/about-us/faqs"><div class="original navbar-item">FAQs</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/contact-us"><div class="original navbar-item">Contact Us</div></a></li><li class="divider" role="separator"></li><li class="menu-item mobile-account mobile-account-item"><a href="/customer"><div class="account-icon original navbar-item">My Account</div></a></li><div class="top-bar-motogp" id="topBarMotoGP"><div class="navbar-motogp-container"><div class="product-links-motogp"><span class="motogp-span"><a class="motogp" target="_blank" rel="noopener" href="https://www.motogp.com/">MotoGP.com</a></span><span class="store-span"><a class="store" target="_blank" rel="noopener" href="https://store.motogp.com/en/">Store</a></span><span class="tickets-span"><a class="tickets" target="_blank" rel="noopener" href="https://tickets.motogp.com?utm_source=motogppremier.motogp.com&amp;utm_medium=referral&amp;utm_campaign=topnav_tickets">Tickets</a></span><span class="hospitality-span"><a class="hospitality" href="/hospitality">Hospitality</a></span><span class="motogp-experiences"><a class="experiences" href="/motogp-premier">Experiences</a></span></div></div></div></ul><div id="mobilePartnerNav"></div><div class="nav-overlay" id="navOverlay"></div></div></div></nav></div></header><main class="stripe-elements" role="main"><div class="container not_found"><h2>We're sorry, but the page you're looking for doesn't exist</h2><h4 class="highlight-color">Please use the navigation above to find what you're looking for.</h4><p>If this page is the result of a broken link, or due to an error on our site, please let us know at <a href="mailto:marketing@motogppremier.com">marketing@motogppremier.com</a></p><a class="btn btn-secondary" href="/packages">View Official Ticket Packages</a><br /><br /></div><script>$(function() { $('.dropdown-toggle').dropdown() })</script><div data-code="SG" id="country-code"></div></main><footer class="stripe-elements"><style> .package-comparisons-overlay .btn.btn-secondary, .fa.fa-times, #backToEvent { color: #FFF !important; } .modal-outer .modal-wrapper .modal-header a { padding:10px !important; } #scrollbar::-webkit-scrollbar-thumb { background-color: #FF0000 !important; } .margin-top-10 { margin-top:10px; } .banner { background: #FF0000; display: flex; align-items: center; FLEX-DIRECTION: COLUMN; padding: 20px; text-align: center; } .banner h2, .banner p { margin: 0; } .owl-carousel .owl-item { height:425px; } .owl-carousel .owl-item .item, .owl-carousel .owl-item .item img { height: 100%; object-fit: cover; } .add_ons .additional-add-ons, .add_ons .first-three-add-ons { display: flex; flex-wrap: wrap; gap: 20px; } .add_ons .add-on-container { flex: 1 0 calc(33.33333% - 15px); display: flex; flex-wrap: wrap; max-width: 50%; width: auto !important; background:#000; } /*.more-add-ons .load-more {*/ /* color: #fff;*/ /*}*/ .additional-add-ons { margin-top: 15px; } @media only screen and (max-width: 992px) { .add_ons .add-on-container { flex: 1 0 100%; width: 100%; max-width: 100%; } } .add_ons .add-on-container .add-on-wrapper .content-wrapper { padding: 20px; display: flex; flex-wrap: wrap; flex: 1; flex-direction: column; align-items: flex-start; } .add_ons .add-on-container .add-on-wrapper .content-wrapper .price { margin-bottom: 10px; font-weight:bold; } .add_ons .add-on-container .add-on-wrapper .content-wrapper h3 { margin-top: 0; /*color: #fff;*/ } .edit-cart-section .add-ons-section { margin-top: 20px; } /*.add-ons-section h2 {*/ /* color: #fff;*/ /*}*/ .add_ons .add-on-container .add-on-wrapper .button-and-link .btn-primary #button-text::after, .add_ons .add-on-container .add-on-wrapper .button-and-link .btn-primary .btn-text::after, { display: none; } .button-and-link a { margin-top: 10px; } .add_ons .add-on-container .add-on-wrapper .image-wrapper { /*height: 150px;*/ width: 100%; } .add_ons .add-on-container .add-on-wrapper .image-wrapper img { height: 100%; width: 100%; object-fit: cover; } .add_ons .add-on-container .add-on-wrapper .content-wrapper p { font-size: 16px; line-height: 24px; } .add_ons .add-on-container .add-on-wrapper .disclaimer { font-size: 14px; line-height: 24px; font-style: italic; } </style>  <style type="text/css"> .display .cart-discount-form input::placeholder, .display .cart-discount-form input:placeholder { color:#CCC !important; } .opportunity-inclusions .opportunity-details-block .opportunity-details-header, .customer .customer_order_list .table-header { background: #2d3238; border: 0; color:#FFF; border: none; } .customer .customer_order_list .orders .order, .opportunity-inclusions .opportunity-details-block .opportunity-details-content{ border-top: 1px solid #ddd; background: #2d3238; border-left: none; border-radius: 0; border-right: 0; border-bottom: 0; color:#FFF; } .customer .customer_order_list .orders .order.closed, .opportunity-inclusions .opportunity-details-block .opportunity-details-content.closed { border:none; } .customer .customer_order_list .orders .order a { padding:8px 21px; margin-top:0 !important; display: flex; align-items: center; justify-content: center; } </style>  <style type="text/css"> .full-width-image-wrapper.container-full-width, .full-width-image-wrapper.container-full-width img { max-height: 300px; } .renderable_buyer_page .dropdown.translate-dropdown { display: none; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li.apex { display: none; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket:hover, .seating-chart-wrapper .package-content .button-wrapper .view-ticket:focus { background: transparent; border: none; outline: none; outline-offset: 0; transition: none; } #packages-filter .mobile-packages-filter h3.mobile-title { display: none; } @media (max-width: 991px) { .seating-chart-wrapper .close { margin-left: auto; margin-bottom: 20px; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper .last { margin-left: 0; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav li { border: none; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { align-content: flex-start; } #packages-filter .mobile-packages-filter h3.mobile-title { display: block; width: 100%; color: #FFF; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price { align-items: center; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; gap: 20px; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .price, .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider { padding: 0; margin: 0; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider .max-slider, .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider .min-slider { text-align: center; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { justify-content: flex-start; padding: 20px 0; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav .seating_chart_price .price, .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper p { font-weight: bold } } </style> <style type="text/css"> form #hint { color: #FFF !important; } .credentials .row.columns { margin: 0; } /****** Generic STYLING ******/ .well { border: none; background: transparent; } .modal-outer .modal-wrapper { max-width: 90vw; min-width: 400px; width: auto; } .modal-outer .modal-wrapper .modal-header { gap: 0; align-items: center; justify-content: flex-start; } .modal-outer .modal-wrapper .modal-header a { margin-left: auto; } .modal-outer .modal-wrapper .modal-content ul { padding-left: 20px; margin: 0; } .center { text-align: center; } .vertical-center { align-self: center; } /* NEW CODE */ .modal-body { background-color: #171c21; } /*** Overriding Styles for whole site ***/ @media (min-width: 840px) { body { padding-top: 114px; } } .btn, a { font-weight: 500; } body, main .container { font-weight: 300; background-color: #171c21; overflow-x: hidden; color: #fff; } .access .access-wrapper .access-content { min-height: 260px; } footer { background-color: #000 !important; } #breadcrumb, #breadcrumb .container { background-color: #000 !important; } /*FORM STYLE*/ .form-row { background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 4px; padding: 20px; margin-right: 1px; margin-left: 1px; } .customer-request-form .form-control { background-color: #fff; border-radius: 4px; } select.form-control { border: 0; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent !important; color: #fff !important; border-radius: 4px !important; } option { color: #000 !important; } .form-wrapper { background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 4px; color: #fff; padding: 30px; } .form-wrapper h3 { margin-bottom: 10px; margin-top: 5px; } .form-group textarea, .form-group input { background: transparent !important; } #infoFormSubmitButton { background: #FF0000 !important; } /*END FORM STLYE*/ /************ CHECKOUT & LOGIN PAGES CSS - START *****************/ .credentials .form-container, .credentials .cart, .customer.container .h4h-description .panel { background: #33383e !important; border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; padding: 30px; border-top: none; } .customer.container .h4h-description .panel .panel-body { padding: 0; } .credentials .form-containe h2r, .credentials .cart h2, .checkout-container .address-and-hotel .section h2, .checkout-container .review-section h2, .checkout-container .bottom-checkout-column h2, .checkout-container .left-middle-checkout-column h2, .customer.container .h4h-description .panel h4, .checkout-container .protect-group-form { margin-top: 0; } .credentials .input, .credentials .select, .credentialsr input[type="text"], .credentials input[type="email"], .credentials input[type="password"], .credentials select, .checkout-container .input, .checkout-container .select, .checkout-container input[type="text"], .checkout-container input[type="email"], .checkout-container input[type="password"], .checkout-container select, .checkout-container .open .checkout-address input[type="text"], .checkout-container .open .checkout-address input[type="email"], .checkout-container .open .checkout-address input[type="password"], .checkout-container .open .checkout-address select { display: block; width: 100%; height: 41px; padding: 6px 12px; font-size: 16px; line-height: 1.7; color: #fff !important; background: transparent !important; background-image: none; outline: 1px solid #fff !important; border-radius: 6px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .checkout-container .middle-checkout-column { gap: 6%; } .checkout-container .middle-checkout-column .expandable_section { margin-top: 0; } .credentials .form-container p, .credentials .form-container p a, .credentials .form-container a p, .credentials .cart p, .credentials .cart p a, .credentials .cart a p, .checkout-container .address-and-hotel .section p, .checkout-container .address-and-hotel .section p a, .checkout-container .address-and-hotel .section a p, .checkout-container .review-section p, .checkout-container .review-section p a, .checkout-container .review-section a p, .checkout-container .bottom-checkout-column p, .checkout-container .bottom-checkout-column p a, .checkout-container .bottom-checkout-column a p, .checkout-container .left-middle-checkout-column p, .checkout-container .left-middle-checkout-column p a, .checkout-container .left-middle-checkout-column a p, .customer.container .h4h-description .panel p, .customer.container .h4h-description .panel p a, .customer.container .h4h-description .panel a p, .roomcash-points-awards, .checkout-container::placeholder, .credentials::placeholder { color: #fff !important; } ::placeholder { color: #fff !important; } .credentials .form-container p a:hover, .credentials .form-container a p:hover, .credentials .cart p a:hover, .credentials .cart a p:hover { color: #FF0000 !important; } .credentials .btn, .checkout-container .btn, .customer.container .btn { margin-top: 10px !important; background-color: #FF0000 !important; border-color: #FF0000; color: #fff !important; } .checkout-container .address-and-hotel, .checkout-container .middle-checkout-column { display: flex; gap: 20px; } .protect-group-form .refundable-perks-chart { background: transparent; } .protect-group-form .nonrefundable-display-box { background-color: #171c21; color: #fff; } .protect-group-form .refundable-display-box, .protect-group-form .refundable-perks-chart { border: 1px solid #FF0000; } .protect-group-form .protect-group-refundable .protect-group-title { color: #fff; } @media (max-width: 962px) { .checkout-container .section, .checkout-container .left-middle-checkout-column, .checkout-container .right-middle-checkout-column { flex: 0 0 100%; max-width: 100%; } .modal-outer .modal-wrapper { max-width: 90vw; min-width: 350px; width: auto; } } /************ CHECKOUT & LOGIN PAGES CSS - END *****************/ .parent-package .purchasing .btn-primary { background-color: #FF0000 !important; } sup { top: 0.1em; font-size: 130%; } .package-box-container .package-content .btn.sold-out { background-color: #919191; border-color: #919191; color: black; } .package-box-container .package-content .btn.sold-out:hover { background-color: #919191; border-color: #919191; color: black; cursor: not-allowed; } .package-box-container .group-packages, .package-box-container .group-packages > div:first-child { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } /*** done to make VIP Village last ***/ .package-box-container .group-packages .package-cube.package-sky-blue { order: 10000; } .package-box-container .group-packages .seatingChartPackage { flex: 0 0 calc(50% - 10px); } .package-box-container .group-packages .seatingChartPackage .package-cube { flex: 1 0 100%; } .package-box-container .group-packages .seatingChartPackage .group-package { border: none; height: 100%; } @media (max-width: 992px) { .package-box-container .group-packages .seatingChartPackage { width: 100%; flex: 1 0 100%; } } .people-quantity .sold-out { background-color: #919191; border-color: #919191; color: black; cursor: not-allowed; } .people-quantity .sold-out:hover { background-color: #919191; border-color: #919191; color: black; cursor: not-allowed; } .no-margin-top { margin-top: 0 !important; } .margin-0 { margin: 0; } .margin-top-20 { margin-top: 20px; } .margin-top-30 { margin-top: 30px; } .margin-top-40 { margin-top: 40px; } .margin-top-50 { margin-top: 50px; } .margin-top-60 { margin-top: 60px; } .margin-top-70 { margin-top: 70px; } .margin-top-80 { margin-top: 80px; } .margin-top-90 { margin-top: 90px; } .margin-top-100 { margin-top: 100px; } .margin-bottom-20 { margin-bottom: 20px; } .margin-bottom-30 { margin-bottom: 30px; } .margin-bottom-40 { margin-bottom: 40px; } .margin-bottom-50 { margin-bottom: 50px; } .margin-bottom-60 { margin-bottom: 60px; } .margin-bottom-70 { margin-bottom: 70px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-90 { margin-bottom: 90px; } .margin-bottom-100 { margin-bottom: 100px; } /* Package Coloring */ .package-green { border-left: 5px #2db914 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(45 185 20 / 30%) 100%); } .package-orange { border-left: 5px #ff9912 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(255 153 18 / 30%) 100%); } .package-light-orange { border-left: 5px #ee8633 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(238 134 51 / 30%) 100%); } .package-dark-orange { border-left: 5px #d75d2b solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(215 93 43 / 30%) 100%); } .package-purple { border-left: 5px #8334c2 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(131 52 194 / 30%) 100%); } .package-dark-green { border-left: 5px #335916 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(51 89 22 / 30%) 100%); } .package-red { border-left: 5px #FF0000 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(200 5 2 / 30%) 100%); } .package-blue { border-left: 5px #183dc7 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(24 61 199 / 30%) 100%); } .package-grey-blue { border-left: 5px #9eb5da solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(158 181 218 / 30%) 100%); } .package-yellow { border-left: 5px #e1fc52 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(225 252 82 / 30%) 100%); } .package-yellow-2 { border-left: 5px #f9d84b solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(249 215 75 / 30%) 100%); } .package-pink { border-left: 5px #da05e0 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(218 5 224 / 30%) 100%); } .package-light-pink { border-left: 5px #f2bbe0 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(242 187 224 / 30%) 100%); } .package-sky-blue { border-left: 5px #26a4f9 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(38 164 249 / 30%) 100%); } .package-grey { border-left: 5px #6d6e71 solid !important; background: linear-gradient(270deg, rgb(23, 28, 33) 0%, rgb(109 110 113 / 30%) 100%); } .package-green.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #2db914 !important; } .package-orange.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ff9912 !important; } .package-light-orange.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ee8633 !important; } .package-dark-orange.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #d75d2b !important; } .package-purple.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #8334c2 !important; } .package-dark-green.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #335916 !important; } .package-red.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #FF0000 !important; } .package-blue.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #183dc7 !important; } .package-grey-blue.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #9eb5da !important; } .package-yellow.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #e1fc52 !important; } .package-yellow-2.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #f9d84b !important; } .package-pink.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #da05e0 !important; } .package-light-pink.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #f2bbe0 !important; } .package-sky-blue.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #26a4f9 !important; } .package-grey.panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #6d6e71 !important; } .package-green-vertical { border-top: 5px solid #2db914; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(45 185 20 / 30%) 100%) !important; } .package-orange-vertical { border-top: 5px #ff9912 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(255 153 18 / 30%) 100%) !important; } .package-light-orange-vertical { border-top: 5px #ee8633 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(238 134 51 / 30%) 100%) !important; } .package-dark-orange-vertical { border-top: 5px #d75d2b solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(215 93 43 / 30%) 100%) !important; } .package-purple-vertical { border-top: 5px #8334c2 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(131 52 194 / 30%) 100%) !important; } .package-dark-green-vertical { border-top: 5px #335916 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(51 89 22 / 30%) 100%) !important; } .package-red-vertical { border-top: 5px #FF0000 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(200 5 2 / 30%) 100%) !important; } .package-blue-vertical { border-top: 5px #183dc7 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(24 61 199 / 30%) 100%) !important; } .package-grey-blue-vertical { border-top: 5px #9eb5da solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(158 181 218 / 30%) 100%) !important; } .package-yellow-vertical { border-top: 5px #e1fc52 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(225 252 82 / 30%) 100%) !important; } .package-yellow-2-vertical { border-top: 5px #f9d84b solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(249 215 75 / 30%) 100%) !important; } .package-pink-vertical { border-top: 5px #da05e0 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(218 5 224 / 30%) 100%) !important; } .package-light-pink-vertical { border-top: 5px #f2bbe0 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(242 187 224 / 30%) 100%) !important; } .package-sky-blue-vertical { border-top: 5px #26a4f9 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(38 164 249 / 30%) 100%) !important; } .package-grey-vertical { border-top: 5px #6d6e71 solid !important; background: linear-gradient(0deg, rgb(23, 28, 33) 0%, rgb(109 110 113 / 30%) 100%) !important; } @media (max-width: 460px) { .package-green { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(45 185 20 / 30%) 100%); } .package-orange { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(255 153 18 / 20%) 100%); } .package-light-orange { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(238 134 51 / 20%) 100%); } .package-dark-orange { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(215 93 43 / 20%) 100%); } .package-purple { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(131 52 194 / 30%) 100%); } .package-dark-green { background: linear-gradient(270deg, rgb(51, 89, 22) -30%, rgb(23, 28, 33 / 30%) 100%); } .package-red { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(200 5 2 / 30%) 100%); } .package-blue { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(24 61 199 / 30%) 100%); } .package-grey-blue { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(158 181 218 / 30%) 100%); } .package-yellow { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(225 252 82 / 30%) 100%); } .package-yellow-2 { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(249 215 75 / 30%) 100%); } .package-pink { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(218 5 224 / 30%) 100%); } .package-light-pink { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(242 187 224 / 30%) 100%); } .package-sky-blue { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(38 164 249 / 30%) 100%); } .package-grey { background: linear-gradient(270deg, rgb(23, 28, 33) -30%, rgb(109 110 113 / 30%) 100%); } } .parent-package .package-name-banner .status .status-text { text-align: center; text-transform: uppercase; } .premier-only:before { content: "EXCLUSIVE"; color: #fff; padding-right: 10px; font-size: 18px; font-weight: bold; background: #c72026; width: auto; height: auto; border-bottom-left-radius: 0; position: absolute; display: flex; justify-content: flex-end; line-height: 42px; font-weight: 400; padding: 8px 40px 10px 60px; line-height: 28px; align-items: center; transform: rotate(34deg); top: 5px; right: -35px; border-top-right-radius: 6px; z-index: 1; } .seating-chart-wrapper .package-cube a.on-sale, .seating-chart-wrapper .package-cube .package-content-outer-wrapper.on-sale, .seating-chart-wrapper .package-cube a.black-friday, .seating-chart-wrapper .package-cube .package-content-outer-wrapper.black-friday { position:relative; overflow:hidden; } .black-friday:before { content: "Black Friday Sale"; color: #fff; padding-right: 10px; font-size: 16px; font-weight: bold; background: #c72026; width: auto; height: auto; border-bottom-left-radius: 0; position: absolute; display: flex; justify-content: flex-end; line-height: 42px; font-weight: 400; padding: 4px 30px 6px 134px; line-height: 28px; align-items: center; transform: rotate(34deg); top: 4px; right: -43px; border-top-right-radius: 6px; z-index: 1; text-transform:uppercase; } .on-sale:before { content: "EARLY BIRD PRICING"; color: #fff; padding-right: 10px; font-size: 18px; font-weight: bold; background: #c72026; width: auto; height: auto; border-bottom-left-radius: 0; position: absolute; display: flex; justify-content: flex-end; line-height: 42px; font-weight: 400; padding: 4px 30px 6px 134px; line-height: 28px; align-items: center; transform: rotate(34deg); top: 4px; right: -43px; border-top-right-radius: 6px; z-index: 1; } /* About Page + VIP Village Page */ /*** top gradient section ***/ .top-about-row { border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; position: relative; width: 100%; overflow-y: hidden; margin: auto; margin-top: 40px; } .top-about-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; } .top-about-content { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; width: 60%; } .top-about-content h4 { font-size: 38px; } .top-about-content p { padding-right: 80px; } .about-gallery { -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); width: 40%; } @media (max-width: 1019px) { .top-about-wrapper { flex-direction: column; } .top-about-content { width: 100%; padding-top: 50px; padding-bottom: 10px; } .about-gallery { -webkit-mask-image: none; width: 100%; height: 54%; position: absolute; bottom: 0; } } @media (max-width: 767px) { .top-about-content { width: 100%; padding-left: 35px; padding-top: 55px; padding-bottom: 15px; } } @media (max-width: 641px) { .about-gallery { height: 45%; } } @media (max-width: 595px) { .top-about-content p { padding-right: 20px; } .about-gallery { height: 40%; } .top-about-content { padding-left: 15px; } } @media (max-width: 450px) { .about-gallery { height: 28%; } } .c-card__type { position: absolute; right: 0; top: 0; overflow: hidden; border-radius: 0 4px 0 0; font-weight: 400; font-size: 14px; text-align: right; z-index: 2; } .c-card__type svg { width: 95%; } .c-card__type--free span { position: absolute; top: 0; right: 0; width: 261px; line-height: 42px; padding-right: 10px; font-size: 14px; } @media (max-width: 595px) { .c-card__type { right: -1px; top: -0.5px; } } /* END NEW CODE */ /* Gallery Dots */ .owl-dots .owl-dot.active span { background-color: #FF0000; border-color: #FF0000; } .owl-dots .owl-dot span { background-color: #fff; border: 2px solid #2d2d2d; height: 20px; width: 20px; transition: all 0.5s ease-out; } .owl-dots .owl-dot span:hover, .owl-dots .owl-dot.active:hover span { background-color: #FF0000; transition: all 0.5s ease-out; } /* Package Page Styling */ .package-name-banner { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; text-align: center; padding: 10px; } .parent-package h1 { color: #fff; font-size: 40px; } .parent-package .status { text-align: center; } .parent-package .status-text { text-transform: none; color: #fff; font-weight: 100; } /* Start Cube Media Gallery */ .ekko-lightbox-nav-overlay a:hover span { color: #fff; } .gallery .media-grid-wrapper .media-container, .gallery .media-grid-wrapper .media-container-lg-img { display: grid; grid-column-gap: 10px; grid-row-gap: 10px; } .gallery .media-grid-wrapper .media-container { grid-template-columns: auto auto auto; } .gallery .media-grid-wrapper .media-container-lg-img { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); -ms-grid-template-columns: repeat(3, 1fr); -ms-grid-template-rows: repeat(3, 1fr); -webkit-grid-template-columns: repeat(3, 1fr); -webkit-grid-template-rows: repeat(3, 1fr); } @media (min-width: 768px) { .gallery .media-grid-wrapper .media-container-lg-img .media-link-lg:first-of-type { grid-area: 1 / 1 / 3 / 3; -ms-grid-area: 1 / 1 / 3 / 3; -webkit-grid-area: 1 / 1 / 3 / 3; } } .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { background-position: center; background-size: cover; -webkit-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; } .gallery .media-grid-wrapper .media-link, .media-container-lg-img .media-link-lg { -webkit-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; overflow: hidden; } .gallery .media-grid-wrapper .media-container .media-link:hover .media-item, .media-container-lg-img .media-link-lg:hover .media-item { -webkit-transition: transform 0.5s ease-out; transition: transform 0.5s ease-out; transform: scale(1.05); overflow: hidden; } @media (min-width: 992px) { .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 62px; } .media-container-lg-img .media-link-lg:first-of-type .media-item { padding: 130px; } .gallery .media-grid-wrapper .media-container { grid-template-columns: auto auto auto; } } @media (min-width: 768px) and (max-width: 991px) { .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 75px; } .media-container-lg-img .media-link-lg:first-of-type .media-item { padding: 160px; } .gallery .media-grid-wrapper .media-container { grid-template-columns: auto auto; } } @media (max-width: 767px) { .gallery .media-grid-wrapper .media-container .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 50px; } .gallery .media-grid-wrapper .media-container, .gallery .media-grid-wrapper .media-container-lg-img { grid-template-columns: repeat(2, 1fr); } } .media-container-lg-img .media-link-lg:first-of-type .media-item, .media-container-lg-img .media-link-lg .media-item { padding: 0px !important; width: 100%; height: 100%; } @media (min-width: 992px) { .media-container-lg-img .media-link-lg:first-of-type .media-item { height: 260px; object-fit: cover; object-position: 50% 50%; } .media-container-lg-img .media-link-lg .media-item { height: 124px; object-fit: cover; object-position: 50% 50%; } } /* End Cube Media Gallery */ .inclusion-wrapper .inclusion-content.inclusion-content-full-width { width: 100%; } @media (min-width: 768px) { .inclusion-wrapper .inclusion-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .inclusion-wrapper .inclusion-content { width: 74%; } .inclusion-wrapper .inclusion-img { width: 26%; } } @media (max-width: 767px) { .inclusion-row .inclusion-wrapper { flex-direction: column; } .inclusion-wrapper .inclusion-img { height: 125px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } } .inclusion-row { box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; margin-bottom: 15px; } .inclusion-row .inclusion-wrapper { display: flex; } .inclusion-wrapper .inclusion-content { padding: 25px; } .inclusion-wrapper .inclusion-img { background-position: center; background-size: cover; } .inclusion-content h4 { margin: 0 0 5px; padding: 0; color: #33383e; } p.inclusion-link { margin: 0; } .inclusions h3, .hotel-section h4 { color: #7b7b7b; } .hotel-table thead { background: #755093 linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; } .hotel-table tbody tr { background-color: #fff; border-top: 3px solid #e9e9e9; } .hotel-table p { margin: 0; } .hotel-table>tbody>tr>td { vertical-align: middle; } .parent-package .hotel-section .table tbody tr td:first-child, .parent-package .hotel-section .table thead tr th:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; } .parent-package .hotel-section .table tbody tr td:last-child, .parent-package .hotel-section .table thead tr th:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .previous-next-package { display: none; } .extend-content { margin-bottom: 60px; } /* End Package Page Styling*/ .seating_chart .hotel-and-ticket-icon .ticket-icon-container, .parent-package .hotel-and-ticket-icon .ticket-icon-container { border: 2px solid #FF0000; } .seating_chart .hotel-and-ticket-icon .icon-container, .parent-package .hotel-and-ticket-icon .icon-container { border-bottom: 2px solid #FF0000; } .seating_chart .hotel-and-ticket-icon .ticket-icon-container svg .st1, .parent-package .hotel-and-ticket-icon .ticket-icon-container svg .st1 { fill: #FF0000; } .seating_chart .hotel-and-ticket-icon .large-hotel-icon-container, .parent-package .hotel-and-ticket-icon .large-hotel-icon-container { border-bottom: none; } .seating_chart .hotel-and-ticket-icon .hotel-icon-container, .parent-package .hotel-and-ticket-icon .hotel-icon-container { border: 2px solid #67676d; } .seating_chart .hotel-and-ticket-icon .hotel-icon-container svg, .parent-package .hotel-and-ticket-icon .hotel-icon-container svg { fill: #67676d; } footer { background-color: #1d1d1d; padding: 50px 0 30px; color: #fff; } .small-footer-txt { color: #696969; } .small-footer-link { color: #696969; font-weight: 100; } .small-footer-link:hover { color: #fff; } footer .border-top { border-top: 1px solid #2b2a2a; padding-top: 30px; } @media (max-width: 767px) { .mobile-text-center { text-align: center; } } @media (min-width: 768px) { .desktop-right { float: right; } } .footer-header { font-weight: 600; margin-bottom: 8px; } .footer-link { margin-bottom: 4px; } .footer-link a { color: #fff; font-weight: 100; } .footer-link a:hover { color: #ccc; } /*** Hotels Start ***/ body.controller_contracted_hotels, main .container.contracted-hotel-page, .controller_contracted_hotels, .container.contracted-hotel-page { overflow-x: initial; } .contracted-hotel-page .contract-room-card-container, .contracted-hotel-page .retail-room-card-container, .contracted-hotel-page .hotel-index-container .hotel-side-container, .hotel-index-container .retail-hotel-index .retail-hotel-list .default-retail-list .retail-hotel-card-container, .hotel-index-container .retail-hotel-index .retail-hotel-list .filtered-retail-list .retail-hotel-card-container, .hotel-index-container .retail-hotel-index .retail-hotel-filter-container, .hotel-index-container .checkin-info .room-information .retail-room-card-container, .hotel-index-container .hotel-info-amenities-container.container .hotel-side-container, .hotel-index-container .checkin-info-amenities-container, .checkout-container .rate-change-modal, .end-state .retail-hotel-filter-container.mobile-filter { box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; color: #fff; } .contracted-hotel-page .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description, .contracted-hotel-page .hotel-index-container .checkin-info-amenities-container, .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description, .checkout-container .rate-change-modal .modal-footer { background: transparent !important; } .contracted-hotel-page .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4, .contracted-hotel-page .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4 b, .hotel-index-container .hotel-info-amenities-container .hotel-main-info h4, .hotel-index-container .hotel-info-amenities-container .hotel-main-info h4 b, .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4, .hotel-index-container .hotel-side-container .hotel-side-container-child .amenity-description h4 b, .hotel-info-amenities-container.container h4, .hotel-info-amenities-container.container h4 b, .hotel-index-container .checkin-info .property-description-title h4, .hotel-index-container .checkin-info .property-description-title h4 b, .hotel-index-container .checkin-info .property-description-title b, .hotel-index-container .retail-hotel-index .retail-hotel-list .default-retail-list .retail-hotel-card-container .retail-hotel-info .retail-hotel-title h4, .hotel-index-container .retail-hotel-index .retail-hotel-list .filtered-retail-list .retail-hotel-card-container .retail-hotel-info .retail-hotel-title h4 { color: #fff; } .hotel-index-container .hotel-info-amenities-container.container { margin: 0; } .contracted-hotel-page .hotel-index-container .hotel-info-amenities-container.container { width: 25%; } .contracted-hotel-page .hotel-index-container .hotel-info-amenities-container.container .hotel-side-container { width: 100%; } @media (max-width: 768px) { .contracted-hotel-page .hotel-index-container .hotel-info-amenities-container.container { width: 100%; } } @media (max-width: 812px) { .hotel-search-form, .mobile-search-form .hotel-search-form, .mobile-search-button { background: transparent !important; } } .hotel-index-container .glide { width: calc(100vw - 17px); } .map-view-container .hotel-map, .map-view-container .hotel-map .retail-hotel-title h4 { color: #000; } .map-view-container .map-legend { background: transparent; } /*** Hotels End ***/ .retail-hotel-filter-container { border: none !important; } .package-img { object-fit: cover; } .image-top, .image-top-0 { object-position: 50% 0%; } .image-top-10 { object-position: 50% 10%; } .image-top-20 { object-position: 50% 20%; } .image-top-30 { object-position: 50% 30%; } .image-top-40 { object-position: 50% 40%; } .image-top-50 { object-position: 50% 50%; } .image-top-60 { object-position: 50% 60%; } .image-top-70 { object-position: 50% 70%; } .image-top-80 { object-position: 50% 80%; } .image-top-90 { object-position: 50% 90%; } .image-top-100 { object-position: 50% 100%; } /****** PACKAGE PAGE STYLING ******/ /****** Main Page Update Styles - START ******/ .parent-package p { line-height: 1.4em; } .parent-package hr { display: none !important; } .parent-package .modal-body { background-color: #171c21; } /****** Form Styles - START ******/ .parent-package .form-wrapper { padding: 20px; } /****** Form Styles - END ******/ /****** Exclusive Extras Section Styles - START ******/ .parent-package .extra-wrapper { display: flex; flex-direction: row; gap: 20px; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding: 30px 20px 20px 20px; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content p:last-of-type { margin: 0; } /****** Exclusive Extras Section Styles - END ******/ /****** Package Inclusions Section Styles - START ******/ .parent-package .inclusions-box-wrapper .inclusion-row { background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; } .parent-package .inclusion-content h4 { color: #fff !important; } .parent-package .extra-wrapper .inclusion-row .inclusion-wrapper, .parent-package .inclusion-row .inclusion-wrapper { align-items: flex-start !important; } .parent-package .inclusion-content p, .parent-package .hotel-section-box p, .parent-package .inclusion-content p em, .parent-package .hotel-section-box p em { color: #9fa0a4; } .parent-package .inclusions-box-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .parent-package .inclusions-box-wrapper.left-align { justify-content: flex-start; } .parent-package .inclusions-box-wrapper .inclusion-row .inclusion-wrapper { flex-direction: column; } .parent-package .inclusion-row .inclusion-wrapper { display: flex; align-content: center !important; align-items: center !important; height: 100% !important; } .parent-package .inclusion-row.with-or-after .inclusion-wrapper:after { content: 'OR'; position: absolute; top: 50%; right: -50px; transform: translate(0, -50%); font-family: "MotoGP Display Web", sans-serif; font-weight: 600; font-size: 40px; width: 80px; text-align: center; z-index: 999; } .parent-package .inclusion-row.with-or-after:last-of-type .inclusion-wrapper:after { content: none; } .parent-package .inclusion-row .inclusion-wrapper.exclusive .inclusion-content { background: transparent; padding: 10px; } .parent-package .inclusion-row { display: flex; align-items: flex-start; color: #fff; background-size: cover; background-position: center; border-radius: 6px; position: relative; margin: 0; flex: 1 1 calc(25% - 15px); overflow: hidden; } .parent-package .inclusion-row.no-grow { flex-grow: 0; } .parent-package .inclusion-row.full { flex: 1 1 100%; } .parent-package .inclusion-wrapper { border-radius: 6px; width: 100%; } .parent-package .inclusion-content.inclusion-content-full-width:before { content: ""; position: absolute; left: 0; top: -30%; width: 100%; height: 30%; display: inline-block; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%); right: 0; } .parent-package .inclusion-content { padding: 20px 20px 20px 20px; background: #000000; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; flex-grow: 1; position: relative; } .parent-package .inclusion-content--image { height: 250px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 90%); border-top-right-radius: 6px; width: 100%; border-top-left-radius: 6px; } .parent-package .inclusion-content--image img { border-top-right-radius: 6px; width: 100%; border-top-left-radius: 6px; height: 100%; object-fit: cover; } .parent-package .inclusion-content p, .parent-package .inclusion-content h4 { margin-bottom: 5px; } .parent-package .day-label { background: rgba(63, 63, 63, 0.5); padding: 6px 18px; border-radius: 6px; width: auto; text-align: center; font-weight: bold; margin-bottom: -10px !important; display: inline-block; position: absolute; top: -25px; } /****** Package Inclusions Section Styles - END ******/ /****** Hospitality Section Styles - START ******/ .hospitality-row .small.day-label { position: initial; font-size: 55%; font-family: "MotoGP Text Web", sans-serif; margin: 0px 0 0px 20px !important; font-style: normal; color: #9fa0a4; background: rgba(63, 63, 63, 0.5); padding: 10px 18px; border-radius: 6px; font-weight: bold; } .parent-package .hospitality-row { background: linear-gradient(270deg, rgb(0, 0, 0) 10%, rgb(51, 56, 62) 99%); border-radius: 6px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); color: #fff; height: 390px; position: relative; border-left: 5px #FF0000 solid; width: 100%; margin: auto; } .parent-package .hospitality-row.vip { border-left: 5px #183dc7 solid; } .parent-package .hospitality-row.vip.premier-only:before { content:none; } .parent-package .hospitality-wrapper { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 100%; width: 100%; } .parent-package .hospitality-wrapper .hospitality-content { padding-left: 30px; display: flex; flex-direction: column; justify-content: center; width: 60%; } .parent-package .hospitality-wrapper .hospitality-content p { padding-right: 80px; } .parent-package .hospitality-wrapper .about-gallery { -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); width: 40%; } .parent-package .hospitality-wrapper .owl-carousel-container, .parent-package .hospitality-wrapper .owl-carousel, .parent-package .hospitality-wrapper .owl-stage-outer, .parent-package .hospitality-wrapper .about-gallery { height: 100%; border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .parent-package .hospitality-wrapper .about-gallery .owl-dots { text-align: center; margin-top: -34px; z-index: 2; position: absolute; width: 100%; } /****** Hospitality Section Styles - END ******/ /****** Hotel Section Styles - START ******/ .parent-package .hotel-section-box-wrapper { display: flex; flex-wrap: wrap; gap: 20px; } .parent-package .hotel-section-box, .parent-package .inclusion-wrapper.exclusive { box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); background: linear-gradient(168.98deg, #1e2329, #33383e); border-radius: 6px; color: #fff; width: 50%; flex: 1 0 calc(50% - 10px); padding: 20px; } .parent-package .hotel-section-box { padding: 30px; } .parent-package .inclusion-wrapper.exclusive .inclusion-content.inclusion-content-full-width:before { content: none; } .parent-package .hotel-section-box h4 { color: #fff !important; margin-top: 0; } .parent-package .hotel-section-box p:last-of-type { margin-bottom: 0; } .parent-package .hotel-table thead { background: #755093 linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .parent-package .hotel-table tbody tr { background: linear-gradient(0deg, #1e2329, #33383e) !important; color: #fff; border-top: none !important; border-top-right-radius: 0px; border-top-left-radius: 0px; } /****** Hotel Section Styles - END ******/ /****** Payment Section Styles - START ******/ .parent-package .purchasing .pricing_header, .parent-package .or-payment-terms, .parent-package .package-select label, .parent-package .currency-to-update, .parent-package .subtotal { color: #fff !important; } .parent-package .currency { background: #FF0000; color: #fff; border-radius: 6px; } .parent-package .purchasing .package_purchasing_form { background: linear-gradient(0deg, #1e2329, #33383e) !important; border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%) !important; padding: 20px; color: #fff; } /****** Payment Section Styles - END ******/ .parent-package .container .bottom-row { display: flex; flex-wrap: wrap; } .parent-package .container .bottom-row .col-md-9 { width: initial; flex: 1 0 75%; } .parent-package .container .bottom-row .col-md-3 { width: initial; flex: 1 0 25%; } /****** Small Screen Styles - START ******/ @media (max-width: 1279px) { .parent-package .inclusion-row { flex: calc(50% - 20px); } .parent-package .inclusion-wrapper { width: 100%; } .parent-package .form-wrapper { margin-left: 15px; } } @media (max-width: 1019px) { .parent-package .form-wrapper { margin-left: 0px; } .parent-package .bottom-row .col { width: 100%; flex: 1 0 100%; } .parent-package .hospitality-row { height: 575px; position: relative; } .parent-package .hospitality-wrapper { flex-direction: column; } .parent-package .hospitality-wrapper .hospitality-content { width: 100%; padding-top: 50px; padding-bottom: 10px; } .parent-package .hospitality-wrapper .about-gallery { -webkit-mask-image: none; width: 100%; height: 54%; position: absolute; bottom: 0; border-top-right-radius: 0px; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding-top: 70px; } } @media (max-width: 696px) { .parent-package .inclusion-row, .parent-package .inclusion-wrapper, .parent-package .inclusion-row, .parent-package .hotel-section-box { flex: 100%; width: 100%; margin: 0px; } .parent-package .extra-wrapper { flex-direction: column; } .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding-top: 30px; } } @media (max-width: 550px) { .parent-package .hospitality-wrapper .about-gallery { height: 40%; } .parent-package .hospitality-wrapper .hospitality-content p { padding-right: 60px; } } @media (max-width: 466px) { .parent-package .extra-wrapper .inclusion-wrapper .inclusion-content { padding-top: 70px; } .parent-package .hospitality-wrapper .about-gallery { height: 30%; } .parent-package .hospitality-wrapper .hospitality-content p { padding-right: 50px; } } @media (max-width: 768px) { .parent-package .inclusions-box-wrapper { flex-direction: column; } .parent-package .inclusion-row.with-or-after .inclusion-wrapper:after { top: initial; right: calc(50% - 80px); transform: translate(-50%, 0); font-size: 50px; width: 80px; bottom: -42px; height: 80px; } } @media (min-width: 1280px) { .parent-package .inclusion-row.quarter { flex: 0 calc(25% - 15px); } } @media (min-width: 992px) { .parent-package .inclusion-row.third { flex: 0 0 calc(33.3% - 15px); } .parent-package .inclusion-row.half { flex: 0 calc(50% - 15px); } } @media (min-width: 992px) and (max-width: 1279px) { .parent-package .inclusion-row.quarter { flex: 0 calc(33.3% - 15px); } } @media (max-width: 1019px) { .parent-package .inclusion-row.quarter, .inclusion-row.third { flex: 0 0 calc(50% - 15px); } } @media (max-width: 1020px) { .extra-wrapper .inclusion-row .inclusion-wrapper { padding-top: 60px; } } @media (max-width: 1019px) { .parent-package .hospitality-wrapper .about-gallery { height: 250px; position: relative; } .parent-package .hospitality-row { height: auto; position: relative; } .parent-package .hospitality-wrapper .hospitality-content { padding-right: 30px; } } /****** Small Screen Styles - END ******/ /****** Hospitality page ******/ .container-bucket-wrapper img { max-width: 100%; } .blue-icon-outer-wrapper, .no-icon-outer-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; float: left; justify-content: center; gap: 20px; width: 100%; } .blue-icon-outer-wrapper p, .no-icon-outer-wrapper p { line-height: 1.4em; } .blue-icon-outer-wrapper .blue-icon-wrapper { background: #34383d; padding: 20px 40px 40px 40px; position: relative; flex: 0 0 calc(25% - 25px); margin-top: 80px; } .no-icon-outer-wrapper .no-icon-wrapper { background: #34383d; padding: 20px; position: relative; flex: 0 0 calc(25% - 25px); display: flex; flex-direction: column; border-radius: 4px; } .no-icon-outer-wrapper .no-icon-wrapper.no-padding { padding: 0; } .no-icon-outer-wrapper .no-icon-wrapper .content-wrapper { padding: 20px; display: flex; flex-direction: column; height: 100%; } .no-icon-outer-wrapper .no-icon-wrapper .image-wrapper img { max-width: 100%; width: 100%; object-fit: cover; height: 150px; mask-image: linear-gradient(360deg, transparent, #000 24%); -webkit-mask-image: linear-gradient(360deg, transparent, #000 24%); border-top-left-radius: 4px; border-top-right-radius: 4px; } .no-icon-outer-wrapper .no-icon-wrapper p.margin-top-20 { margin-top: auto; } .no-icon-outer-wrapper .no-icon-wrapper.col-sm-3 { flex: 0 0 calc(25% - 25px); } .no-icon-outer-wrapper .no-icon-wrapper.col-sm-4 { flex: 0 0 calc(33% - 25px); } .no-icon-outer-wrapper .no-icon-wrapper.col-sm-6 { flex: 0 0 calc(50% - 25px); } .blue-icon-outer-wrapper .blue-icon-wrapper .image-wrapper { padding: 10px; display: block; background: #00bce7; background-size: cover; height: 100px; width: 100px; background-origin: content-box; background-repeat: no-repeat; margin-top: -65px; display: flex; align-items: center; } .blue-icon-outer-wrapper .blue-icon-wrapper .image-wrapper .blue-icon-wrapper-image { filter: brightness(0) invert(1); max-width: 100%; max-height: 100%; } .blue-icon-outer-wrapper .blue-icon-wrapper h3 { margin-top: 25px; } .no-icon-outer-wrapper .no-icon-wrapper h3 { margin-top: 0; } .blue-icon-outer-wrapper .blue-icon-wrapper p:last-of-type, .no-icon-outer-wrapper .no-icon-wrapper p:last-of-type { margin-bottom: 0; } @media (max-width: 992px) { .blue-icon-outer-wrapper .blue-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-3, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-4, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-6 { flex: 0 0 calc(50% - 25px); } } @media (max-width: 650px) { .blue-icon-outer-wrapper .blue-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-3, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-4, .no-icon-outer-wrapper .no-icon-wrapper.col-sm-6 { flex: 0 0 calc(100% - 30px); } } /****** Ticket and hotel bucket page STYLING ******/ /* Purchase Table */ .ticket-hotel.table thead tr th:nth-child(1), .ticket-hotel.table tbody tr td:nth-child(1), .ticket-hotel.table .tbody .tr .td:nth-child(1) { width: 35%; } .ticket-hotel.table thead tr th, .ticket-hotel.table .thead .tr .th { padding: 12px; background-color: #000; } .ticket-hotel.table tbody tr td, .ticket-hotel.table .tbody .tr .td { border-top: 1px solid #000; background: linear-gradient(0deg, #1e2329, #33383e); padding: 8px 12px; } .grandstand-table .tr .td .people-quantity .btn.sold-out[disabled] { background: none; border: none; color: #FF0000; margin-bottom: -15px; } @media (max-width: 670px) { .grandstand-table .tr .td .people-quantity a { margin-left: auto; margin-right: auto; } .grandstand-table .tr .add-to-basket { text-align: center; } } .grandstand-table .tr .td .people-quantity { flex-wrap: wrap; } .grandstand-table .tr .td .errors { color: #FF0000; font-weight: bold; display: none; } .ticket-hotel.grandstand-table thead, .ticket-hotel.grandstand-table .thead { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; border-radius: 5px; } .ticket-hotel.grandstand-table .group-package { border-bottom: 0 !important; flex-wrap: wrap; } .ticket-hotel.grandstand-table thead tr th, .ticket-hotel.grandstand-table .thead .tr .th { background: transparent; } .ticket-hotel.grandstand-table tbody tr td, .ticket-hotel.grandstand-table thead tr th, .ticket-hotel.grandstand-table .tbody .tr .td, .ticket-hotel.grandstand-table .thead .tr .th { border-radius: 0 !important; } .ticket-hotel.grandstand-table tbody tr td:first-child, .ticket-hotel.grandstand-table thead tr th:first-child, .ticket-hotel.grandstand-table .tbody .tr .td:first-child, .ticket-hotel.grandstand-table .thead .tr .th:first-child { border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; } .ticket-hotel.grandstand-table tbody tr td:last-child, .ticket-hotel.grandstand-table thead tr th:last-child, .ticket-hotel.grandstand-table .tbody .tr .td:last-child, .ticket-hotel.grandstand-table .thead .tr .th:last-child { border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; } .ticket-hotel.group-package { border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; } .ticket-hotel.grandstand-table .tr { display: flex; width: 100%; flex: 1 0 100%; } .ticket-hotel.grandstand-table .tr .display-name { flex: 1 0 35% !important; width: auto !important; } .ticket-hotel.grandstand-table .tr .price { flex: 1 0 18% !important; width: auto !important; margin: 0 !important; } .ticket-hotel.grandstand-table .tr .controls { flex: 1 1 55px !important; width: 55px !important; } .ticket-hotel.grandstand-table .tr .controls .arrow_link[aria-expanded="false"]::before, .ticket-hotel.grandstand-table .tr .controls .arrow_link[aria-expanded="true"]::before { padding: 0; } .ticket-hotel.grandstand-table .tr .add-to-basket { flex: 1 0 32% !important; width: auto !important; } .ticket-hotel.grandstand-table .tr .td { width: auto; flex: 1; height: 100%; display: flex; align-items: center; } .ticket-hotel.grandstand-table .tr .td .people-quantity { flex-direction: row !important; align-items: center; gap: 20px; justify-content: flex-start; width: 100%; } .ticket-hotel.grandstand-table .tr .td .people-quantity .people-quantity .people-quantity { flex-wrap: wrap; justify-content: center; } .ticket-hotel.grandstand-table .tr .td .people-quantity .btn { padding: 0 !important; margin-left: auto; } .ticket-hotel.grandstand-table .tr .td .people-quantity a { margin-right: 25px; margin-left: auto; } .ticket-hotel.grandstand-table .tr .td .add-to-basket-form { width: 100%; } .ticket-hotel.grandstand-table .tr .td .people-quantity .btn[disabled] { font-weight: bold; opacity: 1; font-size: 18px; } .ticket-hotel.grandstand-table .tr .td .people-quantity .counter { padding: 0 !important; gap: 15px !important; width: auto; } .ticket-hotel.grandstand-table .tr .td.collapse { display: none; } .ticket-hotel.grandstand-table .tr .td.in { display: flex; } .ticket-hotel .arrow_link[aria-expanded="false"]::before { content: "\f107"; } .ticket-hotel .arrow_link[aria-expanded="true"]::before { content: "\f106"; } .ticket-hotel .arrow_link[aria-expanded="false"]::before, .ticket-hotel .arrow_link[aria-expanded="true"]::before { font-family: FontAwesome; font-size: 2.3em; line-height: 0.9; padding-left: 10px; } .details_row td { padding: 0px !important; border-top: 0px !important; } .ticket-hotel .collapse { display: none; } .ticket-hotel .collapse.in, .ticket-hotel .collapsing.in { display: block; } .ticket-hotel .details-wrapper { display: flex; flex-direction: row; margin: 15px; flex-wrap: wrap; } .ticket-hotel .details-wrapper h3 { margin-top: 0; } .ticket-hotel .pkg-group-img img { width: 100%; border-radius: 4px; max-height: 200px; object-fit: cover; } .ticket-hotel .seating-map-wrapper { text-align: center; } .ticket-hotel.table thead tr th, .ticket-hotel.table thead tr td, .ticket-hotel.table tbody tr th, .ticket-hotel.table tbody tr td, .ticket-hotel.table tfoot tr th, .ticket-hotel.table tfoot tr td { vertical-align: middle !important; } .ticket-hotel p { line-height: 1.4em; } @media (max-width: 670px) { .ticket-hotel.grandstand-table .tr .td .people-quantity .counter { gap: 8px !important; } .ticket-hotel.grandstand-table .tr .td .people-quantity .btn { margin-left: auto; margin-right: auto; } .ticket-hotel.grandstand-table .tr .td .people-quantity { gap: 10px; } .ticket-hotel .seatingChartPackage .add-to-basket-form .counter .subtract, .ticket-hotel .seatingChartPackage .add-to-basket-form .counter .add { font-size: 13px; width: 20px; height: 20px; } .ticket-hotel.grandstand-table .tr .controls { flex: 0 1 55px !important; width: 55px !important; } } @media (max-width: 600px) { .ticket-hotel.grandstand-table tbody tr td, .ticket-hotel.grandstand-table thead tr th, .ticket-hotel.grandstand-table .tbody .tr .td, .ticket-hotel.grandstand-table .thead .tr .th { padding: 5px; } .ticket-hotel.grandstand-table .btn-primary { padding: 5px; } } /****** BUYERS PAGES STYLING ******/ .buyer-page .selectize-input, .buyer-page .selectize-control.single .selectize-input.input-active { background: transparent; } .buyer-page .selectize-dropdown, .buyer-page .selectize-input, .buyer-page .selectize-input input { color: #ffffff; } .buyer-page .selectize-dropdown .option, .buyer-page .selectize-input .option, .buyer-page .selectize-input input .option { color: #262626; } .buyer-page .gray-background h2, .buyer-page .gray-background h3, .buyer-page .gray-background h4, .buyer-page .gray-background li, .buyer-page .gray-background p, .buyer-page .gray-background span, .buyer-page table td { color: #171c21; } .buyer-page .panel-default .panel-heading { color: #fff; background-color: #2d3238; border: none; padding: 15px 20px; position: relative; } .buyer-page .panel-group .panel { border: none; } .buyer-page .panel-default .panel-body { background: #2d3238; } .buyer-page .panel-default .panel-heading .panel-collapse .panel-body { border-top-color: #ddd; } /*.buyer-page .panel-group .panel {*/ /* border-radius: 6px;*/ /* box-shadow: none;*/ /* border: none;*/ /* background: transparent;*/ /*}*/ /*.buyer-page .panel-default .panel-heading {*/ /* color: #fff;*/ /* background: linear-gradient(0deg, #1e2329, #33383e);*/ /* padding: 8px 12px;*/ /* border-radius: 6px;*/ /*}*/ /*.buyer-page .panel-title a {*/ /* color: #fff;*/ /* display: block;*/ /* font-weight: 100;*/ /*}*/ /*.panel-title a {*/ /* margin-right: 70px;*/ /*}*/ /*.buyer-page .btn.btn-primary {*/ /* text-wrap: wrap;*/ /*}*/ /*@media (max-width: 767px) {*/ /* .buyer-page .col-sm-12 .col-md-2 {*/ /* width: 100% !important;*/ /* }*/ /*}*/ .buyer-page .panel-title a span, .buyer-page .panel-title h2, .buyer-page .panel-title h3, .buyer-page .panel-title h4, .buyer-page .panel-title li, .buyer-page .panel-title p, .buyer-page .panel-title span, .buyer-page .panel-body a span, .buyer-page .panel-body h2, .buyer-page .panel-body h3, .buyer-page .panel-body h4, .buyer-page .panel-body li, .buyer-page .panel-body p, .buyer-page .panel-body span { color: #fff; } /*.buyer-page .panel-heading a.collapsed:after {*/ /* transform: rotate(180deg);*/ /* transform-origin: 50% 57%;*/ /*}*/ /*.buyer-page .panel-heading a:after {*/ /* color: #FF0000;*/ /* content: "\f3d8";*/ /* font-family: "ionicons";*/ /* font-size: 16px;*/ /* font-weight: 300;*/ /* position: absolute;*/ /* transition: all 0.5s ease-out;*/ /* right: 40px;*/ /*}*/ /*.buyer-page .panel-default .panel-heading+.panel-collapse .panel-body {*/ /* background: #2d3238;*/ /*}*/ .buyer-page .table tbody tr, .buyer-page .table .tbody .tr { border-top: none; background: transparent; } .buyer-page .table tbody tr td, .buyer-page .table .tbody .tr .td { border-top: 1px solid #000; background: linear-gradient(0deg, #1e2329, #33383e); padding: 8px 12px; color: white; } .buyer-page .table tbody tr td:first-child, .buyer-page .table thead tr th:first-child, .buyer-page .table .tbody .tr .td:first-child, .buyer-page .table .thead .tr .th:first-child { border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; } /*.buyer-page p {*/ /* line-height: 1.4em;*/ /*}*/ .buyer-page .wrapper { padding: 60px 0 40px 0; } .btn.purple { background: #8334c2; border-color: #8334c2; } .btn.blue { background: #183dc7; border-color: #183dc7; } .btn.orange { background: #ff9912; border-color: #ff9912; } .btn.red { background: #FF0000; border-color: #FF0000; } .btn.yellow { background: #e1fc52; border-color: #e1fc52; } .btn.green { background: #2db914; border-color: #2db914; } .btn.dark-orange { background: #d75d2b; border-color: #d75d2b; } .wrapper.yellow .container, .wrapper.purple .container, .wrapper.blue .container, .wrapper.orange .container, .wrapper.red .container, .wrapper.green .container, .wrapper.dark-orange .container { background: transparent; overflow-x: initial; } .wrapper.yellow { border-top: 5px #f9d84b solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(249 216 75 / 30%) 100%); } .wrapper.purple { border-top: 5px #8334c2 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(131 52 194 / 30%) 100%); } .wrapper.blue { border-top: 5px #183dc7 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(24 61 199 / 30%) 100%); } .wrapper.orange { border-top: 5px #ff9912 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(255 153 18 / 30%) 100%); } .wrapper.red { border-top: 5px #FF0000 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(200 5 2 / 30%) 100%); } .wrapper.green { border-top: 5px #2db914 solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(45 185 20 / 30%) 100%); } .wrapper.dark-orange { border-top: 5px #d75d2b solid; background: linear-gradient(360deg, rgb(23, 28, 33) 0%, rgb(215 93 43 / 30%) 100%); } /****** New Evet Page Styling *****/ .hospitality-header-wrapper img.white-image { filter: brightness(0) invert(1); height: 100px; max-height: 100px; margin-bottom: 10px; } .hospitality-header-wrapper h1 { margin-top: 0; } .hospitality-header-wrapper p.center { font-size: 24px; max-width: 75%; line-height: 30px; } .event-page-wrapper .container-fluid { background: transparent !important; max-width: 1800px; } .event-page-wrapper .sold-out { background-color: #919191; border-color: #919191; } .event-page-wrapper p { line-height: 1.4em; } /*FORM STYLE*/ .event-page-wrapper .form-row { background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 6px; padding: 20px; } .event-page-wrapper .customer-request-form .form-control { background-color: #fff; border-radius: 6px; } .event-page-wrapper select.form-control { border: 0; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent !important; color: #fff !important; border-radius: 6px !important; } .event-page-wrapper option { color: #000 !important; } .event-page-wrapper .form-wrapper { background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; color: #fff; padding: 30px; margin-left: 30px; } .event-page-wrapper .form-wrapper h3 { margin-bottom: 10px; margin-top: 5px; } .event-page-wrapper .form-group textarea, .form-group input { background: transparent !important; } .event-page-wrapper #infoFormSubmitButton { background: #FF0000 !important; } /*END FORM STLYE*/ /*SECONDARY NAV STYLE*/ .event-page-wrapper .topnav { display: flex; align-items: center; padding: 20px 0; justify-content: space-evenly; } .event-page-wrapper .topnav a { position: relative; color: #dfdfdf; font-weight: bold; color: #fff; text-decoration: none; font-size: 20px; padding: 3px; line-height: 26px; text-transform: uppercase; display: block; } .event-page-wrapper .topnav a:after { content: ""; position: absolute; top: 105%; height: 4px; right: 0; width: 0; background-color: #FF0000; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 6px; } .event-page-wrapper .topnav a:hover:after { content: ""; display: block; background-color: #FF0000; width: 100%; height: 4px; border-radius: 6px; } .event-page-wrapper .topnav a:hover, .event-page-wrapper .topnav a:active { text-decoration: none; color: #fff !important; } .event-page-wrapper .topnav .icon { display: none; } .event-page-wrapper .secondary-navbar-container { background: #000; overflow: hidden; } /*END SECONDARY NAV STYLE*/ .event-page-wrapper .header-image-content { background-image: linear-gradient(rgba(0, 0, 0, 0.75), transparent); } .event-page-wrapper .header-image-content .event-name { text-shadow: rgb(0 0 0 / 50%) 1px 1px 1px; font-weight: 600; margin: 0; color: #fff; } .event-details-wrapper .event-details-img.event-destination { background-size: cover; } .event-page-wrapper .event-details-wrapper { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; color: #fff; } .event-page-wrapper .event-details-wrapper .event-details { display: flex; } .event-page-wrapper .event-details-wrapper .event-details-content { padding: 25px; } /* SEATING CHART */ .event-page-wrapper .seating-container { background: none !important; } .event-page-wrapper .map-img-wrapper { text-align: center; } .event-page-wrapper .map-box img { width: 100%; max-width: 650px; } .event-page-wrapper .venue-row { display: flex; flex-direction: row; align-items: center; max-width: 1250px; margin: auto; } .event-page-wrapper .venue-row .seating-key-wrapper { padding-left: 0px; padding-right: 0px; } .event-page-wrapper .panel-title { flex-grow: 1; } .event-page-wrapper .panel-heading { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .event-page-wrapper .panel-title a { color: #fff; font-size: 18px; display: flex !important; align-items: center !important; font-weight: bold; } .event-page-wrapper .panel .panel-title a.collapsed:after { content: "\f067"; } .event-page-wrapper .panel .panel-title a:after { color: #fff; content: "\f068"; font-family: "FontAwesome"; position: absolute; border: solid 1px; border-radius: 50%; margin-top: -8px; padding: 2px 7px 0 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .event-page-wrapper .panel-group .panel { border: transparent; border-radius: 6px; margin-bottom: 25px; } .event-page-wrapper .panel-group .panel-heading+.panel-collapse .panel-body, .event-page-wrapper .panel-group .panel-heading+.panel-collapse .list-group { border-top: 0px solid #ddd; } .event-page-wrapper .panel-default .panel-heading { background-color: transparent; border-radius: 6px; } .event-page-wrapper .seat-package-link { color: #fff; font-size: 16px; width: 100%; display: block; } .event-page-wrapper .seat-package-link:hover { color: #ddd; } /* END SEATING CHART */ /* PACKAGE BOXES STYLE */ .event-page-wrapper .package-box-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .event-page-wrapper .package-cube { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; justify-content: center; padding: 0; flex: 0 0 calc(50% - 10px); } .event-page-wrapper .package-cube a { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 100%; align-items: center; } .event-page-wrapper .package-content { padding: 30px; padding-left: 20px; width: 60%; } .event-page-wrapper .package-img { width: 40%; height: 100%; background-size: cover; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); background-position: center; } .event-page-wrapper .package-content h4 { font-size: 40px; margin-bottom: 15px; line-height: 38px; margin-top: 5px; color: #ffffff; } .event-page-wrapper .package-content h5 { margin-top: 5px; color: #fff; } .event-page-wrapper .package-p { font-size: 18px; line-height: 22px; font-weight: 600; color: #dadbe0; } .event-page-wrapper .package-content ul { color: #dadbe0; font-size: 16px; line-height: 18px; font-weight: 400; margin-bottom: 20px; color: #fff; } .event-page-wrapper .move-bg-image .package-img { background-position: 100% 50%; } @media (max-width: 767px) { .event-page-wrapper .package-cube { width: 100%; } .event-page-wrapper .package-cube a { flex-direction: column; } .event-page-wrapper .package-img { height: 200px; -webkit-mask-image: linear-gradient(-180deg, transparent, #000 24%); width: 100%; } .event-page-wrapper .package-content { width: 100%; } } /* END PACKAGE BOXES STYLE */ @media (min-width: 992px) { .event-page-wrapper .header-image-content { padding: 150px 0; } .event-page-wrapper .header-image-content .event-name { font-size: 50px; } .event-page-wrapper .header-image-content .event-date { font-size: 35px; } } @media (max-width: 992px) { .event-page-wrapper .header-image-content { padding: 150px 0; } .event-page-wrapper .header-image-content .event-name { font-size: 35px; } .event-page-wrapper .header-image-content .event-date { font-size: 20px; } .event-page-wrapper .venue-row { flex-direction: column-reverse; } .event-page-wrapper .venue-row .seating-key-wrapper, .event-page-wrapper .map-img-wrapper, .event-page-wrapper .package-cube { width: 100%; flex: 1 0 100%; } .event-page-wrapper .des { width: 75%; } .event-page-wrapper .product-details { width: 25%; } } @media screen and (min-width: 1020px) { .event-page-wrapper .container-full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow: hidden; } } @media (min-width: 769px) and (max-width: 1199px) { .event-page-wrapper .topnav a { font-size: 17px; } .event-page-wrapper .header-image-wrapper { margin-top: 0px !important; } } @media (min-width: 768px) { .event-page-wrapper .secondary-nav a { font-size: 18px; margin: 0 20px; } .event-page-wrapper .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); } .event-page-wrapper .event-details-wrapper .event-details-content { width: 95%; } .event-page-wrapper .event-details-wrapper .event-details-img { width: 26%; } } @media (max-width: 772px) { .event-page-wrapper .topnav a { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .event-page-wrapper .event-details-wrapper .event-details { flex-direction: column; } .event-page-wrapper .event-details-wrapper .event-details-img { height: 200px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%); } } .event-page-wrapper .package-green, .event-page-wrapper .package-orange, .event-page-wrapper .package-light-orange, .event-page-wrapper .package-dark-orange, .event-page-wrapper .package-purple, .event-page-wrapper .package-dark-green, .event-page-wrapper .package-red, .event-page-wrapper .package-blue, .event-page-wrapper .package-grey-blue, .event-page-wrapper .package-yellow, .event-page-wrapper .package-yellow-2, .event-page-wrapper .package-pink, .event-page-wrapper .package-light-pink, .event-page-wrapper .package-sky-blue, .event-page-wrapper .package-grey { background: linear-gradient(0deg, #1e2329, #33383e); } .new-header-image-wrapper .header-image-content, .new-header-image-wrapper.header-image-wrapper .header-image-content { text-align: left; padding: 100px 50px; background-image: linear-gradient(270deg, transparent, rgb(0 0 0 / 80%) 75%); font-family: "MotoGP Text Web", sans-serif; } .new-header-image-wrapper .header-image-content .event-location, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-location { display: flex; gap: 10px; flex-wrap: wrap; margin: 15px 0 50px 0; font-size: 20px; color: #a9a9a9; font-family: "MotoGP Text Web", sans-serif; } .new-header-image-wrapper .header-image-content .event-date, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-date { text-transform: uppercase; font-size: 30px; margin: 0; font-family: "MotoGP Text Web", sans-serif; } .new-header-image-wrapper .event-location img, .new-header-image-wrapper.header-image-wrapper .event-location img { display: inline-flex; width: 30px; height: 18px; align-self: center; object-fit: cover; border-radius: 5px; } .new-header-image-wrapper .header-icon-wrapper { display: flex; flex-wrap: wrap; gap: 30px; color: #cccccc; } .new-header-image-wrapper .header-icon-wrapper .header-icon { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; text-transform: uppercase; font-size: 16px; color: #fff; font-weight: 100; letter-spacing: 4px; } .new-header-image-wrapper .header-icon-wrapper .header-icon .header-icon-image { background: #FF0000; border-radius: 5px; height: 30px; width: 30px; color: #ffffff; padding: 7px; } .new-header-image-wrapper .header-icon-wrapper .header-icon .header-icon-image img { display: flex; width: 100%; height: 100%; object-fit: contain; } .new-header-image-wrapper .header-icon-wrapper .header-icon .header-icon-image.white img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(351deg) brightness(103%) contrast(102%); } .container-bucket-wrapper { padding-right: 20px; padding-left: 20px; } .container-bucket-wrapper p { line-height: 1.4em; } .container-bucket-wrapper iframe { width: 100%; height: 350px; max-width: 100%; max-height: 350px; min-width: 100%; min-height: 350px; } .container-bucket-wrapper.container-bucket-wrapper-two { padding-right: 15px; padding-left: 15px; } .container-bucket-wrapper .row { display: flex; flex-wrap: wrap; justify-content: center; } .container-bucket-wrapper .row .bucket-wrapper { display: flex; flex-direction: column; max-width: 50%; width: auto; flex: 0 0 33.333333%; } .container-bucket-wrapper .row .bucket-wrapper.bucket-wrapper-side-by-side { flex-direction: row; } .event .event-page-wrapper .container-bucket-wrapper .bucket-wrapper img, .bucket-wrapper img, .bucket-wrapper iframe { max-width: 100%; border-top-left-radius: 4px; border-top-right-radius: 4px; height: 200px; min-height: 200px; object-fit: cover; } .bucket-wrapper p { line-height: 1.4em; } .bucket-wrapper .bucket-content h2 { margin-top: 0; font-size: 30px; } .bucket-wrapper .bucket-content h2.for-business, .bucket-wrapper .bucket-content h3.for-business { font-size: 25px; display: inline-flex; flex-direction: column; gap: 10px; } .bucket-wrapper .bucket-content p { font-weight: 300; } .bucket-wrapper .bucket-content img.white-image { filter: brightness(0) invert(1); height: 45px; max-height: 45px; } .bucket-wrapper .bucket-content h2 img.white-image { margin-bottom: 0; } .bucket-wrapper p { line-height: 1.4em; } .bucket-wrapper.bucket-wrapper-side-by-side img { height: 100%; width: 40%; border-radius: 0; -webkit-mask-image: linear-gradient(-270deg, transparent, #252a30 24%); } .bucket-wrapper .bucket-content { padding: 40px 30px; height: 100%; color: #ffffff; } .bucket-wrapper .bucket-content.button-end { display: flex; flex-direction: column; } .bucket-wrapper .bucket-content.button-end img { align-self: flex-start; } .bucket-wrapper .bucket-content.button-end p.margin-top-20, .bucket-wrapper .bucket-content.button-end span.btn.btn-primary { margin-top: auto; align-self: flex-start; } .bucket-wrapper.bucket-wrapper-side-by-side .bucket-content { width: 60%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .bucket-wrapper.bucket-wrapper-side-by-side .bucket-content-outer { display: flex; background: #252a30; } .event .bucket-wrapper .bucket-content { padding: 30px 30px; } .bucket-wrapper .bucket-content img { height: 50px; min-height: 50px; margin-bottom: 30px; display: block; margin-top: 9px; max-width: 100%; object-fit: contain; } .bucket-wrapper .bucket-content img.for-business { height: 100px; min-height: 100px; margin-bottom: 10px; } .bucket-wrapper .bucket-content h4, .bucket-wrapper .bucket-content h3 { margin-top: 0; margin-bottom: 25px; } .bucket-header-wrapper { display: flex; position: relative; justify-content: flex-end; background: linear-gradient(0deg, #1e2329, #33383e); } .container-full-width.bucket-header-wrapper.margin-bottom-80, .container-full-width.bucket-header-wrapper { margin-bottom: 50px; } .bucket-header-wrapper .event-name { margin-top: 0; } .bucket-header-wrapper img { width: 50%; object-fit: cover; height: 100%; background-position: center; position: absolute; left: 0; bottom: 0; top: 0; } .bucket-header-wrapper .bucket-header-content { padding: 50px; display: flex; flex-direction: column; align-self: center; flex: 0 0 50%; } .bucket-header-wrapper .bucket-header-content img { max-width: 100%; max-height: 24px; width: initial; margin-bottom: 30px; align-self: flex-start; position: relative; } .bucket-header-wrapper .bucket-header-content p:last-of-type { margin-bottom: 0; } .bucket-wrapper .bucket-content.package-green, .bucket-wrapper .bucket-content.package-orange, .bucket-wrapper .bucket-content.package-light-orange, .bucket-wrapper .bucket-content.package-dark-orange, .bucket-wrapper .bucket-content.package-purple, .bucket-wrapper .bucket-content.package-dark-green, .bucket-wrapper .bucket-content.package-red, .bucket-wrapper .bucket-content.package-blue, .bucket-wrapper .bucket-content.package-grey-blue, .bucket-wrapper .bucket-content.package-yellow, .bucket-wrapper .bucket-content.package-yellow-2, .bucket-wrapper .bucket-content.package-pink, .bucket-wrapper .bucket-content.package-light-pink, .bucket-wrapper .bucket-content.package-sky-blue, .bucket-wrapper .bucket-content.package-grey { background: #252a30; border-color: #252a30 !important; } .bucket-wrapper .bucket-content hr { border-top: none; height: 3px; display: block; width: 120px; margin: 20px 0; } .bucket-wrapper .bucket-content.package-green hr { background: #2db914; } .bucket-wrapper .bucket-content.package-orange hr { background: #ff9912; } .bucket-wrapper .bucket-content.package-light-orange hr { background: #ee8633; } .bucket-wrapper .bucket-content.package-dark-orange hr { background: #d75d2b; } .bucket-wrapper .bucket-content.package-purple hr { background: #8334c2; } .bucket-wrapper .bucket-content.package-dark-green hr { background: #335916; } .bucket-wrapper .bucket-content.package-red hr { background: #FF0000; } .bucket-wrapper .bucket-content.package-blue hr { background: #183dc7; } .bucket-wrapper .bucket-content.package-grey-blue hr { background: #9eb5da; } .bucket-wrapper .bucket-content.package-yellow hr { background: #e1fc52; } .bucket-wrapper .bucket-content.package-yellow-2 hr { background: #f9d84b; } .bucket-wrapper .bucket-content.package-pink hr { background: #da05e0; } .bucket-wrapper .bucket-content.package-light-pink hr { background: #f2bbe0; } .bucket-wrapper .bucket-content.package-sky-blue hr { background: #26a4f9; } .bucket-wrapper .bucket-content.package-grey hr { background: #6d6e71; } @media (max-width: 1150px) { .container-bucket-wrapper .row .bucket-wrapper { flex: 1 0 50%; } } @media (max-width: 1019px) { .bucket-header-wrapper { height: auto; max-height: none; } .bucket-header-wrapper { max-height: initial; } } @media (max-width: 768px) { .bucket-header-wrapper { flex-direction: column; } .bucket-header-wrapper.margin-bottom-80 { margin-bottom: 20px; } .event .event-page-wrapper .container-bucket-wrapper .bucket-wrapper img, .bucket-wrapper img, .event .bucket-wrapper img { height: 150px; } .bucket-header-wrapper img { width: 100%; max-height: 200px; position: relative; } .container-bucket-wrapper .row .bucket-wrapper, .container-bucket-wrapper .row .bucket-wrapper.bucket-wrapper-side-by-side { width: 100%; max-width: 100%; flex: 1 0 100%; } .bucket-header-wrapper .bucket-header-content { padding: 30px; } .container-bucket-wrapper { padding-right: 15px; padding-left: 15px; } .new-header-image-wrapper .header-image-content, .new-header-image-wrapper.header-image-wrapper .header-image-content { padding: 75px 15px; } .new-header-image-wrapper .header-image-content .event-date, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-date { font-size: 24px; } .header-image-content .event-name { font-size: 38px; } .bucket-header-wrapper .bucket-header-content img { max-height: 20px; } } < !-- ****** New Home Page STYLING ****** -->.full-width-image-wrapper { height: 300px; } .full-width-image-wrapper img { width: 100%; object-fit: cover; max-height: 100%; height: 100%; } .new-header-wrapper { height: calc(100vh - 68px); align-items: center; display: flex; flex-direction: column; justify-content: center; padding: 0 50px; background-size: cover; background-image: url(https://assets.quintevents.com/m/19a93024ff8f3832/original/MotoGP-Premier-Jerez-2023-Pit-Lane-Walk-07.jpg); } .new-header-wrapper img { max-height: 55px; max-width: 100%; margin-bottom: 35px; } .hospitality-header-wrapper.new-header-wrapper img { max-height: 55px; max-width: 100%; margin-bottom: 35px; } .hospitality-header-wrapper.new-header-wrapper img.vip-village { max-height: 100px; height: 100px; max-width: 100%; margin-bottom: 35px; } .hospitality-header-wrapper.new-header-wrapper img.vip-village.for-business { max-height: 175px; height: 175px; } .hospitality-header-wrapper.new-header-wrapper img.vip-village.margin-bottom-10 { margin-bottom: 10px; } .new-header-wrapper p { font-size: 24px; max-width: 75%; text-align: center; line-height: 30px; } .gallery-outer-wrapper p { line-height: 1.4em; } .gallery-outer-wrapper .gallery-wrapper-content img.white-image { filter: brightness(0) invert(1); height: 45px; max-height: 45px; } .gallery-outer-wrapper .gallery-wrapper-content p:last-of-type { margin: 0; } .gallery-outer-wrapper .gallery-wrapper-content p.button-wrapper { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; } .gallery-outer-wrapper .gallery-wrapper-content { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; flex-direction: column; padding: 50px 30px; justify-content: center; } .gallery-outer-wrapper .gallery-wrapper-content img { max-height: 25px; max-width: 100%; align-self: flex-start; margin: 0 0 25px 0; } .gallery-outer-wrapper .gallery-wrapper-content img.for-business { max-height: 100px; } .gallery-outer-wrapper .gallery-wrapper-content .for-business { font-size: 30px; margin-top: 0; } .gallery-outer-wrapper .gallery-wrapper-content .for-business img { margin-right: 20px; } .gallery-outer-wrapper .gallery-wrapper-content h3 { margin-top: 0; } .gallery-outer-wrapper .gallery-wrapper-content h3, .gallery-outer-wrapper .gallery-wrapper-content h4 { color: #ffffff; } .gallery-outer-wrapper .gallery-wrapper-content ul { padding: 0 0 0 10%; margin-bottom: 15px !important; } .gallery-outer-wrapper .gallery-wrapper-content .text-button { align-self: center; margin-left: 20px; } .gallery-outer-wrapper .gallery-wrapper { padding: 0; display: flex; flex-wrap: wrap; gap: 20px; max-height: 100%; position: relative; } .gallery-outer-wrapper .gallery-wrapper img, .gallery-outer-wrapper .gallery-wrapper iframe { padding: 0; max-width: 100%; width: 100%; object-fit: cover; position: absolute; } .gallery-outer-wrapper .row { display: flex; gap: 20px; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-6 { width: calc(50% - 10px); height: calc(40% - 10px); top: calc(60% + 10px); } .gallery-outer-wrapper .gallery-wrapper img.col-sm-6:nth-of-type(2) { right: 0; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-12, .gallery-outer-wrapper .gallery-wrapper iframe.col-sm-12 { height: calc(60% - 10px); top: 0; left: 0; right: 0; width: 100%; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-12.single, .gallery-outer-wrapper .gallery-wrapper iframe.col-sm-12.single { height: 100%; bottom: 0; } @media (max-width: 768px) { .header-wrapper { padding: 30px; text-align: center; } .gallery-outer-wrapper { padding: 0 30px; } .gallery-outer-wrapper .row { gap: 0; flex-wrap: wrap; } .gallery-outer-wrapper.mobile-switch .row .gallery-wrapper { order: 2; } .gallery-outer-wrapper .gallery-wrapper { height: 250px; width: 100%; } .gallery-outer-wrapper .gallery-wrapper img, .gallery-outer-wrapper .gallery-wrapper iframe { position: relative; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-6 { top: initial; } .gallery-outer-wrapper .gallery-wrapper img.col-sm-12, .gallery-outer-wrapper .gallery-wrapper iframe.col-sm-12 { top: initial; left: initial; right: initial; } .gallery-outer-wrapper .gallery-wrapper-content .for-business img { display: block; } } < !-- ****** Subnav STYLING ****** -->.motogp-subnav { margin-top: -2px; display: flex; } .motogp-subnav .event-nav { display: flex; background: #f1f1f1; align-items: center; gap: 20px; width: 100%; } .motogp-subnav .event-nav img { display: block; width: 100px; height: 100%; object-fit: cover; background-size: cover; position: relative; min-height:66px; } .motogp-subnav .event-nav .event-info { display: flex; flex-direction: column; margin: 15px 0; } .motogp-subnav .event-nav .event-info .event-title { font-size: 16px; line-height: 18px; color: #000; font-family: "MotoGP Text Web", sans-serif; font-weight: bold; margin-bottom: 2px; } .motogp-subnav .event-nav .event-info .event-date { font-size: 14px; line-height: 16px; color: #3d3d3d; } .motogp-subnav .event-nav .event-nav-links { margin-left: auto; margin-right: 20px; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list { list-style: none; display: flex; gap: 30px; padding: 0; margin: 0; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link { margin: 0; line-height: 18px; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link .event-link { text-transform: uppercase; font-size: 14px; border-bottom: 2px solid transparent; color: #000; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link .event-link:hover, .motogp-subnav .event-nav .event-nav-links .event-nav-link-list .event-nav-link .event-link.selected { border-bottom: 2px solid #FF0000; } @media (max-width: 768px) { .motogp-subnav .event-nav { flex-wrap: wrap; } .motogp-subnav .event-nav img { display: none; } .motogp-subnav .event-nav .event-info { margin-left: 15px; width: 100%; margin-bottom: 0; } .motogp-subnav .event-nav .event-nav-links { margin: 0 15px 15px 15px; } .motogp-subnav .event-nav .event-nav-links .event-nav-link-list { gap: 15px; flex-wrap: wrap; justify-content: end; } .new-header-image-wrapper .header-icon-wrapper .header-icon { width: 100%; } .bucket-wrapper .bucket-content { height: auto; padding: 30px 20px; } .event .bucket-wrapper .bucket-content { padding: 20px; } } @media (max-width: 400px) { .motogp-subnav .event-nav .event-nav-links .event-nav-link-list { gap: 8px; } } /****** Event Calendar STYLING ******/ .calendar-wrapper .event-flag img { max-width: 100%; } .calendar-outer-wrapper h2.heading { margin-top: 0; } .calendar-outer-wrapper p { line-height: 1.4em; } .calendar-outer-wrapper .calendar-wrapper .calendar-link { background: linear-gradient(168.98deg, #1e2329, #33383e); border-radius: 4px; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); margin-bottom: 20px; width: 100%; } .calendar-outer-wrapper .calendar .calendar-wrapper { display: flex; } .calendar-outer-wrapper .calendar-wrapper .event-image img { width: 100%; -webkit-mask-image: linear-gradient(360deg, transparent, #000 24%); border-top-right-radius: 4px; border-top-left-radius: 4px; } .calendar-outer-wrapper .calendar-wrapper .button { width: 100%; margin-top: 0px; } .calendar-outer-wrapper .calendar-wrapper header { display: flex; flex-direction: row; margin-bottom: 10px; padding: 15px; padding-left: 5px; height: 125px; } .calendar-outer-wrapper .calendar-wrapper .event-title { border-left: 1px solid #7d7973; padding-left: 10px; display: flex; flex-direction: column; justify-content: space-around; height: 100%; } .calendar-outer-wrapper .event-image { position: relative; } .calendar-outer-wrapper .event-content { padding: 10px; display: flex; flex-direction: column; justify-content: space-between; } .calendar-outer-wrapper .event-date { position: absolute; top: 0; left: 10px; background: #00000094; padding: 5px !important; border-radius: 4px; text-align: center; margin-top: 5px; } .calendar-outer-wrapper .event-day { padding-bottom: 8px; border-bottom: 1px solid hsla(0, 0%, 100%, 0.3); font-size: 50px; line-height: 0.8; font-weight: 700; } .calendar-outer-wrapper .event-day, .calendar-outer-wrapper .event-month { color: #fff !important; text-transform: uppercase; } .calendar-outer-wrapper .event-flag { width: 30px; margin-right: 10px; } .calendar-outer-wrapper .event-flag img { max-width: 100%; display: block; } .calendar-outer-wrapper .event-loc { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; color: #fff !important; } .calendar-outer-wrapper .country { color: #fff; font-size: 12px; letter-spacing: 0; line-height: 16px; font-weight: 700; text-transform: uppercase; } .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-size: 24px; line-height: 1em; color: #fff; margin-top: 5px; font-family: "MotoGP Text Web", sans-serif; font-weight: 600; } .calendar-outer-wrapper .calendar-wrapper .event-title .event-name sup { top: -0.5em; font-size: 65%; } .calendar-outer-wrapper .calendar-wrapper .event-title .track-name { color: #fff; font-size: 15px; line-height: 15px; font-weight: 100; text-transform: captialize; } .calendar-outer-wrapper .calendar-wrapper .event-title .country { color: #fff; font-size: 14px; letter-spacing: 0; line-height: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 0px; } @media (max-width: 1280px) { .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-size: 21px; } .calendar-outer-wrapper .event-day { font-size: 40px; } } @media (min-width: 1180px) and (max-width: 1280px) { .calendar-outer-wrapper .calendar-wrapper header { height: 125px; } } @media (max-width: 1024px) { .calendar-outer-wrapper .calendar { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .calendar-outer-wrapper .calendar-wrapper header { height: 130px; padding-top: 0px; } .calendar-outer-wrapper .event-loc { flex-direction: column; align-items: flex-start; justify-content: flex-start; } .calendar-outer-wrapper .event-flag { margin-bottom: 5px; } } @media (min-width: 1025px) { .calendar-outer-wrapper .calendar { padding-bottom: 20px; display: flex; flex-wrap: wrap; } .calendar-outer-wrapper .calendar .calendar-wrapper { width: 25%; padding-left: 8px; padding-right: 8px; } } @media (min-width: 1281px) { .calendar-outer-wrapper .calendar-wrapper header { height: 110px; } } @media (max-width: 991px) { .calendar-outer-wrapper .calendar-wrapper header { height: 100px; padding-top: 15px; } .calendar-outer-wrapper .calendar-wrapper .button { margin-top: 0px; } } @media (max-width: 767px) { .calendar-outer-wrapper .calendar .calendar-wrapper { width: 50%; } } @media (max-width: 600px) { .calendar-outer-wrapper .calendar-wrapper .calendar-link, .calendar-outer-wrapper .calendar .calendar-wrapper { width: 100%; } .calendar-outer-wrapper .calendar-wrapper .event-title .event-name { font-size: 23px; } .calendar-outer-wrapper .calendar .calendar-wrapper { padding: 0; } .calendar-outer-wrapper .calendar { padding: 0; margin: 0; } } < !-- ****** New Seating chart STYLING ****** -->.seating-chart-wrapper p { line-height: 1.4em; } .seating-chart-wrapper .event h1, .seating-chart-wrapper .event h4 { color: #fff; } .seating-chart-wrapper .sold-out { background-color: #919191; border-color: #919191; } /*FORM STYLE*/ .seating-chart-wrapper .form-row { background: linear-gradient(0deg, #1e2329, #33383e); color: #fff; box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%); border-radius: 6px; padding: 20px; } .seating-chart-wrapper .customer-request-form .form-control { background-color: #fff; border-radius: 6px; } .seating-chart-wrapper select.form-control { border: 0; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent !important; color: #fff !important; border-radius: 6px !important; } .seating-chart-wrapper option { color: #000 !important; } .seating-chart-wrapper .form-wrapper { background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; color: #fff; padding: 30px; margin-left: 30px; } .seating-chart-wrapper .form-wrapper h3 { margin-bottom: 10px; margin-top: 5px; } .seating-chart-wrapper .form-group textarea, .form-group input { background: transparent !important; color: #fff; } .seating-chart-wrapper #infoFormSubmitButton { background: #FF0000 !important; } .seating-chart-wrapper .package-green, .seating-chart-wrapper .package-orange, .seating-chart-wrapper .package-light-orange, .seating-chart-wrapper .package-dark-orange, .seating-chart-wrapper .package-purple, .seating-chart-wrapper .package-dark-green, .seating-chart-wrapper .package-red, .seating-chart-wrapper .package-blue, .seating-chart-wrapper .package-grey-blue, .seating-chart-wrapper .package-yellow, .seating-chart-wrapper .package-yellow-2, .seating-chart-wrapper .package-pink, .seating-chart-wrapper .package-light-pink, .seating-chart-wrapper .package-sky-blue, .seating-chart-wrapper .package-grey { background: #252a30; } .seating-chart-wrapper .panel.package-green .panel-collapse.collapse.in { border-top: 3px solid #2db914; } .seating-chart-wrapper .panel.package-orange .panel-collapse.collapse.in { border-top: 3px solid #ff9912; } .seating-chart-wrapper .panel.package-light-orange .panel-collapse.collapse.in { border-top: 3px solid #ee8633; } .seating-chart-wrapper .panel.package-dark-orange .panel-collapse.collapse.in { border-top: 3px solid #d75d2b; } .seating-chart-wrapper .panel.package-purple .panel-collapse.collapse.in { border-top: 3px solid #8334c2; } .seating-chart-wrapper .panel.package-dark-green .panel-collapse.collapse.in { border-top: 3px solid #335916; } .seating-chart-wrapper .panel.package-red .panel-collapse.collapse.in { border-top: 3px solid #FF0000; } .seating-chart-wrapper .panel.package-blue .panel-collapse.collapse.in { border-top: 3px solid #183dc7; } .seating-chart-wrapper .panel.package-grey-blue .panel-collapse.collapse.in { border-top: 3px solid #9eb5da; } .seating-chart-wrapper .panel.package-yellow .panel-collapse.collapse.in { border-top: 3px solid #e1fc52; } .seating-chart-wrapper .panel.package-yellow-2 .panel-collapse.collapse.in { border-top: 3px solid #f9d84b; } .seating-chart-wrapper .panel.package-pink .panel-collapse.collapse.in { border-top: 3px solid #da05e0; } .seating-chart-wrapper .panel.package-light-pink .panel-collapse.collapse.in { border-top: 3px solid #f2bbe0; } .seating-chart-wrapper .panel.package-sky-blue .panel-collapse.collapse.in { border-top: 3px solid #26a4f9; } .seating-chart-wrapper .panel.package-grey .panel-collapse.collapse.in { border-top: 3px solid #6d6e71; } /*END FORM STLYE*/ /*SECONDARY NAV STYLE*/ .seating-chart-wrapper .topnav { display: flex; align-items: center; padding: 20px 0; justify-content: space-evenly; } .seating-chart-wrapper .topnav a { position: relative; color: #dfdfdf; font-weight: bold; color: #fff; text-decoration: none; font-size: 20px; padding: 3px; line-height: 26px; text-transform: uppercase; display: block; } .seating-chart-wrapper .topnav a:after { content: ""; position: absolute; top: 105%; height: 4px; right: 0; width: 0; background-color: #FF0000; -webkit-transition-property: width; transition-property: width; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; border-radius: 6px; } .seating-chart-wrapper .topnav a:hover:after { content: ""; display: block; background-color: #FF0000; width: 100%; height: 4px; border-radius: 6px; } .seating-chart-wrapper .topnav a:hover, .seating-chart-wrapper .topnav a:active { text-decoration: none; color: #fff !important; } .seating-chart-wrapper .topnav .icon { display: none; } .seating-chart-wrapper .secondary-navbar-container { background: #000; overflow: hidden; } /*END SECONDARY NAV STYLE*/ .seating-chart-wrapper .header-image-content { background-image: linear-gradient(rgba(0, 0, 0, 0.75), transparent); } .seating-chart-wrapper .header-image-content .event-name { text-shadow: rgb(0 0 0 / 50%) 1px 1px 1px; font-weight: 600; margin: 0; color: #fff; } .seating-chart-wrapper .event-details-wrapper { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; color: #fff; } .seating-chart-wrapper .event-details-wrapper .event-details { display: flex; } .seating-chart-wrapper .event-details-wrapper .event-details-content { padding: 25px; } /* SEATING CHART */ .seating-chart-wrapper .seating-container { background: none !important; } .seating-chart-wrapper .map-img-wrapper { text-align: center; } .seating-chart-wrapper .map-box img { width: 100%; max-width: 650px; } .seating-chart-wrapper .venue-row { display: flex; flex-direction: row; align-items: center; max-width: 1250px; margin: auto; } .seating-chart-wrapper .venue-row .seating-key-wrapper { padding-left: 0px; padding-right: 0px; } .seating-chart-wrapper .panel-title { flex-grow: 1; } .seating-chart-wrapper .panel-heading { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .seating-chart-wrapper .panel-title a { color: #fff; font-size: 18px; display: flex !important; align-items: center !important; font-weight: bold; } .seating-chart-wrapper .panel .panel-title a.collapsed:after { content: "\f067"; } .seating-chart-wrapper .panel .panel-title a:after { color: #fff; content: "\f068"; font-family: "FontAwesome"; position: absolute; border: solid 1px; border-radius: 50%; margin-top: -8px; padding: 2px 7px 0 7px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; } .seating-chart-wrapper .panel-group .panel { border: transparent; border-radius: 0; margin-bottom: 25px; } .seating-chart-wrapper .panel-group .panel-heading+.panel-collapse .panel-body, .seating-chart-wrapper .panel-group .panel-heading+.panel-collapse .list-group { border-top: 0px solid #ddd; } .seating-chart-wrapper .panel-default .panel-heading { background-color: transparent; border-radius: 6px; } .seating-chart-wrapper .seat-package-link { color: #fff; font-size: 16px; width: 100%; display: block; } .seating-chart-wrapper .seat-package-link:hover { color: #ddd; } /* END SEATING CHART */ /* PACKAGE BOXES STYLE */ .seating-chart-wrapper .package-box-container { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; margin-top: 20px; } .seating-chart-wrapper .package-cube { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; justify-content: center; padding: 0; flex: 0 0 calc(50% - 10px); } .seating-chart-wrapper .package-cube a, .seating-chart-wrapper .package-cube .package-content-outer-wrapper { display: flex; flex-direction: row; justify-content: space-between; width: 100%; height: 100%; align-items: center; } .seating-chart-wrapper .package-content { padding: 30px; padding-left: 20px; width: 60%; } .seating-chart-wrapper .package-content .button-wrapper { display: flex; gap: 10px; flex-wrap: wrap; } .seating-chart-wrapper .package-content .button-wrapper .btn-primary { display: block; width: auto; margin-right: auto; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button { display: flex; align-items: center; gap: 10px; padding: 5px 12px; border-radius: 10px; background: #191D21; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button .compare-radio, .seating-chart-wrapper .package-content .button-wrapper .compare-package-button .compare-radio .small-compare-radio { background-color: transparent; color: transparent; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button.chosen .compare-radio .small-compare-radio { color: #FF0000; } .seating-chart-wrapper .package-content .button-wrapper .compare-package-button:hover { cursor: pointer; } .seating-chart-wrapper .package-img { width: 40%; height: 100%; background-size: cover; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); background-position: center; } .seating-chart-wrapper .package-content h4 { font-size: 40px; margin-bottom: 15px; line-height: 38px; margin-top: 5px; color: #ffffff; } .seating-chart-wrapper .package-content h5 { margin-top: 5px; color: #fff; } .seating-chart-wrapper .package-p { font-size: 18px; line-height: 22px; font-weight: 600; color: #dadbe0; } .seating-chart-wrapper .package-content ul { color: #dadbe0; font-size: 16px; line-height: 18px; font-weight: 400; margin-bottom: 20px; color: #fff; } .seating-chart-wrapper .move-bg-image .package-img { background-position: 100% 50%; } @media (max-width: 767px) { .seating-chart-wrapper .package-cube { width: 100%; } .seating-chart-wrapper .package-cube a, .seating-chart-wrapper .package-cube .package-content-outer-wrapper { flex-direction: column; } .seating-chart-wrapper .package-img { height: 200px; -webkit-mask-image: linear-gradient(-180deg, transparent, #000 24%); width: 100%; } .seating-chart-wrapper .package-content { width: 100%; } } /* END PACKAGE BOXES STYLE */ @media (min-width: 992px) { .seating-chart-wrapper .header-image-content { padding: 150px 0; } .seating-chart-wrapper .header-image-content .event-name { font-size: 50px; } .seating-chart-wrapper .header-image-content .event-date { font-size: 35px; } } @media (max-width: 992px) { .seating-chart-wrapper .header-image-content { padding: 150px 0; } .seating-chart-wrapper .header-image-content .event-name { font-size: 35px; } .seating-chart-wrapper .header-image-content .event-date { font-size: 20px; } .seating-chart-wrapper .venue-row { flex-direction: column-reverse; } .seating-chart-wrapper .venue-row .seating-key-wrapper, .seating-chart-wrapper .map-img-wrapper, .seating-chart-wrapper .package-cube { width: 100%; flex: 1 0 100%; } .seating-chart-wrapper .des { width: 75%; } .seating-chart-wrapper .product-details { width: 25%; } } @media screen and (min-width: 1020px) { .seating-chart-wrapper .container-full-width { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; overflow: hidden; } } @media (min-width: 769px) and (max-width: 1199px) { .seating-chart-wrapper .topnav a { font-size: 17px; } .seating-chart-wrapper .header-image-wrapper { margin-top: 0px !important; } } .seating-chart-wrapper .header-image-content .event-name sup { font-size: 18px; top: -20px; } @media (max-width: 768px) { .seating-chart-wrapper .header-image-content .event-name sup { font-size: 15px; top: -15px; } } @media (min-width: 768px) { .seating-chart-wrapper .secondary-nav a { font-size: 18px; margin: 0 20px; } .seating-chart-wrapper .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%); } .seating-chart-wrapper .event-details-wrapper .event-details-content { width: 95%; } .seating-chart-wrapper .event-details-wrapper .event-details-img { width: 26%; } } @media (max-width: 772px) { .seating-chart-wrapper .topnav a { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { .seating-chart-wrapper .event-details-wrapper .event-details { flex-direction: column; } .seating-chart-wrapper .event-details-wrapper .event-details-img { height: 200px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-mask-image: linear-gradient(180deg, transparent, #000 24%); } } < !-- ****** New Hotel Wrapper STYLING ****** -->.new-hotel-wrapper.hotel-wrapper p, .panel-group .panel.hotel-wrapper.new-hotel-wrapper p { line-height: 1.4em; } .new-hotel-wrapper.hotel-wrapper, .panel-group .panel.hotel-wrapper.new-hotel-wrapper { margin-bottom: 20px; background-color: transparent; border: none; box-shadow: none; } .new-hotel-wrapper.hotel-wrapper .panel-body { border-top: none !important; padding: 0; } .new-hotel-wrapper.hotel-wrapper img { max-width: 100%; } .new-hotel-wrapper.hotel-wrapper .uppercase { text-transform: uppercase; } .new-hotel-wrapper.hotel-wrapper .white { color: #ffffff; } .new-hotel-wrapper.hotel-wrapper .uppercase.white { margin-right: 20px; font-size: 18px; } .new-hotel-wrapper.hotel-wrapper .hotel-header { background: linear-gradient(0deg, #1e2329, #33383e); border-radius: 6px; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-radius: 6px; padding: 10px 30px; display: flex; } .new-hotel-wrapper.hotel-wrapper .hotel-header p { display: inline-flex; font-size: 22px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; width: 100%; text-align: left; margin-left: 0; } .new-hotel-wrapper.hotel-wrapper .hotel-header a { color: #FF0000; font-size: 22px; position: relative; width: 100%; margin: 0; display: flex; align-items: center; } .new-hotel-wrapper.hotel-wrapper .stars-wrapper { display: inline-flex; gap: 10px; } .new-hotel-wrapper.hotel-wrapper i { font-family: FontAwesome; font-style: normal; color: #FF0000; font-size: 20px; } .new-hotel-wrapper.hotel-wrapper .hotel-content { display: flex; padding: 15px; background: linear-gradient(0deg, #1e2329, #33383e); box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-wrapper { flex: 0 0 65%; } .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-image { flex: 0 0 20%; margin-left: auto; } .new-hotel-wrapper.hotel-wrapper .panel-heading a::after { font-size: 30px; position: absolute; right: 0; top: 0; height: 40px; display: flex; align-items: center; -webkit-transform-origin-y: center; } .new-hotel-wrapper.hotel-wrapper .collapse { display: none; } .new-hotel-wrapper.hotel-wrapper .collapse.in, .new-hotel-wrapper.hotel-wrapper .collapsing.in { display: block; } .btn-primary.disabled, .btn-primary.disabled:hover { background-color: #919191; border-color: #919191; color: black; } .btn.sold-out, .btn-primary.sold-out { background-color: #919191; border-color: #919191; color: black; } </style>  <style> .seating-chart-wrapper .close { color: #FF0000; text-shadow: none; opacity: 1; display: none; } .filter-container .packages-filter .container-fluid input:checked+.btn { background-color: red; } .filter-container .packages-filter .container-fluid .header-wrapper { background: #000; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-header .filter-heading { background: #121212; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-header .filter-heading .btn-inverse { color: #bfbfbf; background: #3f3f3f; font-family: "MotoGP Text Web", sans-serif; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { flex-wrap: wrap; } #packages-filter .mobile-packages-filter-header { width: 100%; padding: 0; height: auto; } #packages-filter .mobile-packages-filter.show { z-index: 99999; } #packages-filter .mobile-packages-filter.show .scrolled { gap: 10px; } #packages-filter .mobile-packages-filter.show .scrolled, #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { background: transparent; flex-wrap: wrap; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper, #packages-filter .mobile-packages-filter.show .scrolled .price-filter { width: 100%; height: auto; margin: 0; } #packages-filter .mobile-packages-filter.show .scrolled .price-filter { margin: 0; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper li, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper li { width: auto; border: none; background: transparent; } #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper li label, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper li label, #packages-filter .mobile-packages-filter.show .scrolled .buttons-wrapper li, #packages-filter .mobile-packages-filter.show .scrolled .sorting-wrapper li { margin: 0; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { width: 100%; flex: 1 0 100%; gap: 10px; display: flex; padding: 20px 30px; } .seating-chart-wrapper select { background: transparent; border-color: #FFF; color: #FFF; border-radius: 4px; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper .last { margin-left: auto; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li { border: none; background: #121212; padding: 0; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul, .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav .sorting-wrapper { background: #121212; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li label input { display: none; } .seating-chart-wrapper .filter-container .packages-filter .container-fluid .header-wrapper h3 { color: #FFF; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav .seating_chart_price .price, .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper p { color: #FFF; font-size: 16px; line-height: 20px; text-transform: uppercase; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket { display: flex; gap: 5px; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket .quick-view { filter: invert(100%) sepia(41%) saturate(563%) hue-rotate(178deg) brightness(91%) contrast(93%); width: 20px; height: 20px; } .seating_chart .seating-chart-wrapper .packages-filter { height: auto; } .seating_chart .seating-chart-wrapper .packages-filter .navbar.scrolled { height: auto; } .seating_chart .seating-chart-wrapper .packages-filter .container-fluid .navbar-nav li { float: none; display: flex; gap: 10px; flex-wrap: wrap; } .filter-container .packages-filter .container-fluid { background: #000; border-radius: 6px; } .filter-container .packages-filter .container-fluid .header-wrapper { padding: 15px 30px; display: flex; gap: 10px; flex-wrap: wrap; } .filter-container .packages-filter .container-fluid .header-wrapper h3 { margin: 0 auto 0 0; } .filter-container .packages-filter .container-fluid .navbar { border: none !important; } .filter-container .packages-filter .container-fluid .navbar ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; } .filter-container .packages-filter .container-fluid .navbar ul li { padding: 10px 30px; } .seating-chart-wrapper .package-content .compare-package-button.chosen .compare-radio, .seating-chart-wrapper .package-content .compare-package-button.chosen .compare-radio .small-compare-radio { color: #FF0000; } .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { width: 100%; background: #000; padding-bottom: 15px; padding-top: 0; } .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper a.last { margin-left: auto; } .filter-container .packages-filter .container-fluid .navbar ul .price-filter { width: 70%; border: none; padding: 15px 30px; } .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper { width: 30%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; padding: 15px 30px; } .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper p { margin: 0; } .filter-container .packages-filter .container-fluid .btn { background: #3f3f3f; border: 1px solid #bfbfbf; border-radius: 6px; align-self: center; color: #bfbfbf; } .filter-container .packages-filter .container-fluid .btn.reset { background: transparent; } .filter-container .packages-filter .container-fluid .btn.btn-text { background: none; border: none; border-radius: 0; align-self: center; color: #FF0000; } .seating-chart-wrapper .modal-outer { position: fixed; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.65); z-index: 1049; display: none; } .seating-chart-wrapper .modal-outer .modal-wrapper { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .seating-chart-wrapper .modal-outer .modal-wrapper .modal-header { border-radius: 6px 6px 0px 0px; background: linear-gradient(0deg, #1e2329, #33383e); padding: 10px 20px; position: relative; border: none; display: flex; flex-direction: row; gap: 20px; align-items: center; } .seating-chart-wrapper .modal-outer .modal-wrapper .modal-content { border-radius: 0 0 6px 6px; padding: 10px 20px; background: #FFF; box-shadow: none; border-radius: 0; border: none; color: #171c21; } .seating-chart-wrapper .container { overflow: hidden; } .seating-chart-wrapper .package-box-container { margin-right: -20px; } /*.seating-chart-wrapper .package-box-container .group-packages {*/ /* display: block;*/ /*}*/ /*.seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .group-package {*/ /* border: none;*/ /* height: 100%;*/ /* float: left;*/ /* width: calc(33.3% - 20px);*/ /* height: 300px;*/ /* margin-right: 20px;*/ /* margin-bottom: 20px;*/ /*}*/ .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .package-cube { margin: 0; } .seating-chart-wrapper .event-details-wrapper .event-details-content { width: 100% !important; display: flex; flex-direction: column; padding: 50px 25px 50px 35px; } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage { flex: 0 0 calc(33.3% - 15px); } .seating-chart-wrapper .package-content .button-wrapper { align-items: center; } .seating-chart-wrapper .package-content .button-wrapper .view-ticket { color: #dadbe0; text-transform: uppercase; width: auto; } @media (max-width: 992px) { .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage { width: 50%; flex: 0 0 calc(50% - 10px); } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .group-package { width: 100%; } } @media (max-width: 767px) { .seating-chart-wrapper .filter-container .packages-filter .container-fluid .navbar ul .buttons-wrapper { padding: 0; } .seating-chart-wrapper .close { float: right; display: block; } .filter-container .packages-filter .container-fluid .navbar ul .sorting-wrapper { padding-left: 0; padding-right: 0; } .seating_chart .row.mainbox.package-box-container { margin: 0 -8px; } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage { width: 100%; flex: 1 0 calc(100%); } .seating-chart-wrapper .package-content { width: 60% !important; } .seating-chart-wrapper .package-img { width: 40% !important; } .seating-chart-wrapper .package-cube a, .seating-chart-wrapper .package-cube .package-content-outer-wrapper { flex-direction: row !important; } .seating-chart-wrapper .package-img { height: 100% !important; -webkit-mask-image: linear-gradient(-270deg, transparent, #000 24%) !important; } .seating-chart-wrapper .package-content h4 { font-size: 30px !important; } .filter-container .packages-filter .container-fluid .header-wrapper { justify-content: center; text-align: center; } .filter-container .packages-filter .container-fluid .header-wrapper h3 { margin: 0; } .seating_chart .filter-container .packages-filter .navbar #seating_chart_price, .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider { width: 100%; } .seating-chart-wrapper .package-box-container .group-packages .seatingChartPackage .group-package { width: calc(100%); margin-right: 0; /*height: 275px;?*/ } } .seating_chart .seating-chart-wrapper .mainbox, .seating-chart-wrapper .leftside #Packages { background-color: transparent !important; box-shadown: none; margin: 0; border-radius: 0; } .seating_chart .mainbox .leftside { float: none; height: auto; padding: 0; margin: 0; overflow: hidden; width: 100%; background-color: transparent !important; } .seating-chart-wrapper .form-row { border-radius: 0 !important; } .seating-chart-wrapper .form-row .container { background: transparent; } .seating-chart-wrapper .package-content .compare-package-button { display: flex; align-items: center; gap: 10px; padding: 5px 12px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #191D21; margin-left: -15px; margin-bottom: 15px; width: max-content; } .seating-chart-wrapper .package-p { margin-bottom: 2px; } .seating-chart-wrapper .package-content h4 { font-size: 35px !important; } .seating-chart-wrapper .package-content .compare-package-button .compare-radio, .seating-chart-wrapper .package-content .compare-package-button .compare-radio .small-compare-radio { background-color: transparent; color: transparent; } .seating-chart-wrapper .package-content { padding: 15px !important; width: 70% !important; } .seating-chart-wrapper .package-img { width: 30% !important; } </style>  <style> /* Purchase Table */ .grandstand-table .group-package .display-name a { color:#FFF; } .grandstand-table.table thead tr th:nth-child(1), .grandstand-table.table tbody tr td:nth-child(1), .grandstand-table.table .tbody .tr .td:nth-child(1) { width: 35%; } .grandstand-table.table thead tr th, .grandstand-table.table .thead .tr .th { padding: 12px; background-color: #000; } .grandstand-table.table tbody tr td, .grandstand-table.table .tbody .tr .td { border-top: 1px solid #000; background: linear-gradient(0deg,#1e2329,#33383e); padding: 8px 12px; } .grandstand-table thead, .grandstand-table .thead { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; border-radius: 5px; } .grandstand-table .group-package { border-bottom:0 !important; } .grandstand-table thead tr th, .grandstand-table .thead .tr .th { background: transparent; } .grandstand-table tbody tr td, .grandstand-table thead tr th, .grandstand-table .tbody .tr .td, .grandstand-table .thead .tr .th { border-radius: 0 !important; } .grandstand-table tbody tr td:first-child, .grandstand-table thead tr th:first-child, .grandstand-table .tbody .tr .td:first-child, .grandstand-table .thead .tr .th:first-child { border-bottom-left-radius: 5px !important; border-top-left-radius: 5px !important; } .grandstand-table tbody tr td:last-child, .grandstand-table thead tr th:last-child, .grandstand-table .tbody .tr .td:last-child, .grandstand-table .thead .tr .th:last-child { border-bottom-right-radius: 5px !important; border-top-right-radius: 5px !important; } .group-package { border-bottom: 1px solid #ccc; display: flex; flex-wrap: wrap; } .grandstand-table .tr { display: flex; width: 100%; flex: 1 0 100%; } .grandstand-table .tr .display-name { flex:1 0 35% !important; width: auto !important; } .grandstand-table .tr .price { flex:1 0 18% !important; width: auto !important; margin:0 !important; } .grandstand-table .tr .controls { flex:1 1 55px !important; width: 55px !important; } .grandstand-table .tr .controls .arrow_link[aria-expanded='false']::before, .grandstand-table .tr .controls .arrow_link[aria-expanded='true']::before { padding:0; } .grandstand-table .tr .add-to-basket { flex:1 0 32% !important; width: auto !important; } .grandstand-table .tr .td { width: auto; flex: 1; height: 100%; display: flex; align-items: center; } .grandstand-table .tr .td .people-quantity { flex-direction:row !important; align-items: center; gap: 20px; justify-content: flex-start; width:100%; } .grandstand-table .tr .td .people-quantity .people-quantity .people-quantity { flex-wrap:wrap; justify-content: center; } .grandstand-table .tr .td .people-quantity .btn { padding:0 !important; margin-left: auto; } .grandstand-table .tr .td .people-quantity a { margin-right: 25px; margin-left: auto; } .grandstand-table .tr .td .add-to-basket-form { width:100%; } .grandstand-table .tr .td .people-quantity .btn[disabled] { font-weight: bold; opacity:1; font-size: 18px; } .grandstand-table .tr .td .people-quantity .counter { padding:0 !important; gap: 15px !important; width: auto; } .grandstand-table .tr .td.collapse { display:none; } .grandstand-table .tr .td.in { display:flex; } .arrow_link[aria-expanded='false']::before { content: "\f107"; } .arrow_link[aria-expanded='true']::before { content: "\f106"; } .arrow_link[aria-expanded='false']::before, .arrow_link[aria-expanded='true']::before { font-family: FontAwesome; font-size: 2.3em; line-height: 0.9; padding-left: 10px; } .details_row td { padding: 0px !important; border-top: 0px !important; } .collapse { display: none; } .collapse.in, .collapsing.in { display: block; } .details-wrapper { display: flex; flex-direction: row; align-items: center; margin: 15px; flex-wrap:wrap; } .pkg-group-img img { width: 90%; border-radius: 4px; } .seating-map-wrapper { text-align: center; } .grandstand-table.table thead tr th, .grandstand-table.table thead tr td, .grandstand-table.table tbody tr th, .grandstand-table.table tbody tr td, .grandstand-table.table tfoot tr th, .grandstand-table.table tfoot tr td { vertical-align: middle !important; } /* END Purchase Table */ .event-details-wrapper { display: flex; box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%); background: linear-gradient(0deg,#1e2329,#33383e); border-radius: 4px; color: #fff; } .event-details-wrapper .event-details { display: flex; } .event-details-wrapper .event-details-content { padding: 25px; } .event-details-wrapper .event-details-img.event-destination { background-image: url(https://assets.quintevents.com/m/208df027a58b6981/72_DPI_WEB-2022-MotoGP-Premier-Portugal-1.jpg); background-size: cover; } @media (min-width: 768px) { .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .event-details-wrapper .event-details-img { border-bottom-right-radius: 6px; border-top-right-radius: 6px; -webkit-mask-image: linear-gradient(-270deg,transparent,#000 24%); } .event-details-wrapper .event-details-content { width: 95%; } .event-details-wrapper .event-details-img { width: 26%; } } @media (max-width: 767px) { .event-details-wrapper .event-details { flex-direction: column; } .event-details-wrapper .event-details-img { height: 200px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-mask-image: linear-gradient(180deg,transparent,#000 24%); } } /* Seating Chart Section Styling */ .seating_chart .packages-filter .container-fluid { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); height: 100%; padding: 0; } .seating_chart .packages-filter { background: linear-gradient(to bottom, #2d2d2d 0%, #000 100%); color: #fff; height: 70px; margin-bottom: 5px; padding-left: 0; padding-right: 0; width: 100%; } .seating_chart .packages-filter .container-fluid .navbar-nav .filter-heading { color: #fff; font-family: "MotoGP Display Web", sans-serif; padding-right: 10px; text-align: center; margin: 0; } .seating_chart .packages-filter .container-fluid .navbar-nav li { padding: 1.5% 1%; display: inline-block; } .seating { margin: 0; } .rightsidemapbg { background-color: #f4f4f4; } .ticket-label .price { font-weight: 100; } @media (max-width: 670px) { .grandstand-table .tr .td .people-quantity .counter { gap:8px !important; } .grandstand-table .tr .td .people-quantity .btn { margin-left:auto; margin-right:auto; } .grandstand-table .tr .td .people-quantity { gap:10px; } .seatingChartPackage .add-to-basket-form .counter .subtract, .seatingChartPackage .add-to-basket-form .counter .add { font-size: 13px; width: 20px; height: 20px; } .grandstand-table .tr .controls { flex:0 1 55px !important; width: 55px !important; } } @media (max-width: 600px) { .grandstand-table tbody tr td, .grandstand-table thead tr th, .grandstand-table .tbody .tr .td, .grandstand-table .thead .tr .th { padding:5px; } .grandstand-table .btn-primary { padding:5px; } } </style>  <style> .calendar-scroll .calendar-wrapper .event-title .event-name, .calendar-wrapper .event-title .event-name { font-size: 15px; line-height: 24px; font-family: "MotoGP Display", sans-serif; margin: 10px 0 0 0; } .calendar-scroll .event-day, .event-day { padding: 5px; font-size: 44px; line-height: 0.8em; } .new-header-image-wrapper .header-image-content .event-date, .new-header-image-wrapper.header-image-wrapper .header-image-content .event-date { font-size: 24px; font-family: "MotoGP Display", sans-serif; } .blue-icon-outer-wrapper .blue-icon-wrapper h3, .blue-icon-outer-wrapper .blue-icon-wrapper .h3 { font-size: 18px; } .calendar-scroll .event-month, .event-month { font-weight: normal; } .calendar-scroll .event-date, .event-date { padding: 5px 9px !important; } .calendar-scroll .event-date .event-day, .event-date .event-day { font-size: 30px; font-family: "MotoGP Display", sans-serif; } .banner h2 { font-size:20px; } .calendar-scroll .calendar-wrapper .event-title, .calendar-wrapper .event-title { border:none; padding:0 } .calendar-scroll .calendar-wrapper .event-title .country, .calendar-wrapper .event-title .country { font-size: 16px; text-transform: none; } .calendar-scroll .calendar-wrapper .event-flag, .calendar-wrapper .event-flag { width: 30px; margin-right: 10px; height: 15px; } .calendar-scroll .calendar-wrapper .event-flag img, .calendar-wrapper .event-flag img { max-width: 100%; height: 100%; width: 100%; object-fit: cover; } .seating-chart-wrapper .package-content h4 { font-size: 22px !important; line-height: 30px; } .package-content-outer-wrapper.on-sale:before, .on-sale:before { font-size: 15px; font-weight: bold; line-height: 28px; background: #FF0000; padding: 9px 30px 6px 122px; } .inclusion-row.premier-only:before, .premier-only:before { padding: 11px 34px 10px 60px; font-weight: bold; background: #FF0000; } .parent-package .hospitality-row { height:450px; } .parent-package .inclusion-content { padding: 30px 20px 20px 20px; } .seating-chart-wrapper .btn, .seating-chart-wrapper .button, .seating-chart-wrapper .btn.btn-primary { padding: 13px 16px; } .bucket-wrapper .bucket-content h2 { font-size: 20px; } @media (min-width: 992px) { .seating-chart-wrapper .header-image-content .event-name { font-size: 36px; } } /* .seating-chart-wrapper .form-row, .form-row, .calendar-wrapper .calendar-link { background:#606060; box-shadow: none; } body, main .container { background-color: #262626; } .bucket-wrapper .bucket-content.package-green, .bucket-wrapper .bucket-content.package-orange, .bucket-wrapper .bucket-content.package-light-orange, .bucket-wrapper .bucket-content.package-dark-orange, .bucket-wrapper .bucket-content.package-purple, .bucket-wrapper .bucket-content.package-dark-green, .bucket-wrapper .bucket-content.package-red, .bucket-wrapper .bucket-content.package-blue, .bucket-wrapper .bucket-content.package-grey-blue, .bucket-wrapper .bucket-content.package-yellow, .bucket-wrapper .bucket-content.package-yellow-2, .bucket-wrapper .bucket-content.package-pink, .bucket-wrapper .bucket-content.package-light-pink, .bucket-wrapper .bucket-content.package-sky-blue, .bucket-wrapper .bucket-content.package-grey { background: #606060; border-color: #606060 !important; } */ .navbar-dropdown .navbar-item { letter-spacing:0 !important; } /* #FF0000 = #FF0000 */ body, main .container { font-weight: normal; } body { font-size:18px; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { line-height: 1.4; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 22px; } small, .small { font-size: 78%; } .btn, .button, .btn.btn-primary { text-transform: uppercase; font-weight: bold; border-radius: 100px; padding: 13px 16px; font-size: 14px; letter-spacing: 1.6px; background: #FF0000; border-color: #FF0000; border-radius: 4px !important; font-family: 'MotoGP Text'; letter-spacing: 1px; line-height: 14px; } </style> <div class="container"> <div class="row"> <div class="col-sm-2 col-xs-6 margin-bottom-20"> <p class="footer-header">MotoGP™ Premier</p> <p class="footer-link"> <a href="/">Home</a> </p> <p class="footer-link"> <a href="/about-us/faqs">FAQs</a> </p> <p class="footer-link"> <a href="/contact-us">Contact Us</a> </p> </div> <div class="col-sm-2 col-xs-6 margin-bottom-20"> <p class="footer-header">MotoGP™ Championship</p> <p class="footer-link"> <a href="/calendar-of-events">Calendar</a> </p> </div> <div class="col-sm-3 col-xs-6 margin-bottom-20"> <p class="footer-header">How To Attend</p> <p class="footer-link"> <a href="/motogp-premier">MotoGP™ Premier</a> </p> <p class="footer-link"> <a href="/motogp-vip-village">MotoGP VIP Village™</a> </p> <p class="footer-link"> <a href="/motogp-vip-village-business">MotoGP VIP Village™ Business & Events</a> </p> <p class="footer-link"> <a href="/motogp-ticket-hotel">MotoGP™ Premier Ticket + Hotel</a> </p> </div> </div> <div class="row /*border-top*/"> <div class="col-sm-8"> <p class="small-footer-txt small mobile-text-center margin-0">© 2024 MotoGP™ Premier. All rights reserved.</p> <p class="small-footer-txt small mobile-text-center"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/76165-Quint-2023-logo-Q-only-mono-navy-addb88cb140d0a24f946df7280fc358a.png" width="15px" style="filter: brightness(0) invert(0.5) !important; margin-top: -5px;"> MotoGP™ Premier is operated by Quint International, LLC and is authorised to do so by Dorna Sports, S.L </p> </div> <div class="col-sm-4 margin-top-20"> <p class="small small-footer-txt mobile-text-center desktop-right"> <a class="small-footer-link" href="https://assets.quintevents.com/m/5628b768600cb6ac/original/MotoGP-Premier-2024-VIPV-Corporate-Hosp-Policies.pdf" target="_blank">Corporate Hospitality Policy</a>   |    <a class="small-footer-link" href="/privacy-policy">Privacy Policy</a>   |    <a class="small-footer-link" href="/cookies-policy">Cookies Policy</a>   |    <a class="small-footer-link" href="/legal-notices">Legal Notices</a> </p> </div> </div> </div></footer><script>/* <![CDATA[ */ var google_conversion_id = 1005132557; var google_custom_params = window.google_tag_params; var google_remarketing_only = true; /* ]]> */</script><script src="//www.googleadservices.com/pagead/conversion.js"></script><noscript><div style="display:inline;"><img alt="" height="1" src="//googleads.g.doubleclick.net/pagead/viewthroughconversion/1005132557/?guid=ON&script=0" style="border-style:none;" width="1" /></div></noscript></body></html>

CINXE.COM

MotoGP Official Tickets & Packages | MotoGP Premier