NBA Events Tickets & Packages

<!DOCTYPE html><html class="no-smooth-scroll" dir="" lang="en"><head><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport" /><title>NBA Events Tickets & Packages | NBA Experiences</title><meta content="NBA Experiences is your source for Official Ticket Packages to the biggest NBA Events including NBA All-Star." name="description" /><meta content="Gq5UaNeYDlk2nnh30Ra-uIg7afjqBoxgN7ZCZ2ZWvqw" name="google-site-verification" /><script>window.locale = "en" window.sidebar_info = "" window.phone_numbers = {"GB":"+44 800 048 8056","US":"866.619.3373","default":"+1.866.619.3373"} window.brand_name = "NBA Experiences" window.chat_color = "#c9102e" window.aggregateGaId = 'UA-96277800-1'; window.googleAnalyticsId = "UA-205889625-1"; window.name = "nba-exp" window.js_entrypoint = "nba-v2" window.chat_service = "zopim"</script><script>window.languages = [{"id":180,"locale":"en","display_name":"English","html_class":"","position":1,"site_id":42,"created_at":"2023-07-27T15:10:40.897-04:00","updated_at":"2023-07-27T15:10:45.633-04:00","display_on_site":true},{"id":114,"locale":"es-MX","display_name":"Espa帽ol (Latin)","html_class":"","position":2,"site_id":42,"created_at":"2023-03-08T08:29:09.511-05:00","updated_at":"2023-07-27T15:10:45.000-04:00","display_on_site":true},{"id":115,"locale":"fr","display_name":"fran莽ais","html_class":"","position":3,"site_id":42,"created_at":"2023-03-08T08:29:23.701-05:00","updated_at":"2023-08-07T09:24:48.195-04:00","display_on_site":true}];</script><script>window.abbreviation = "nba"; window.googleAnalytics4Id = "G-VLLD50219N"; window.googleTagManagerId = "GTM-MRQDJCK";</script><link rel="stylesheet" href="https://unpkg.com/ionicons@4.5.5/dist/css/ionicons.min.css" /><script src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js" defer='true'></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js" defer='true'></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js" defer='true'></script><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/nba/v2/application-d50b37b1fda78ae315e3c4bfe6684ca052376dc3edad0f81c080de2eefd9690b.css" media="all" data-turbolinks-track="reload" /><script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/runtime-4896215c8fa449ab392f.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/5560-d92ebfdb89b869cdd0df.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/4251-ca7cfa4bd4f4fc6f88a7.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/7181-f399734157e1ad4d14e8.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2731-241b3aec9206a4a53aa3.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2213-b2c8fad7139499a00160.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/1535-1e955801ae901cfe9db1.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2356-2e99c850de93f29fc1db.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/8109-f339a0068802b681586b.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2968-7d4554796a892b865e69.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/2071-babddb49efd6bfe4a260.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/6897-d8930e5f9d4f4cd1f564.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/6362-897e2ceeba7d414ff121.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/4986-4e450b6bfdbcce95592a.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/694-3c328617b85bee2ab819.js" data-turbolinks-track="reload" defer="defer"></script> <script src="//d3tw2v68rmxuj7.cloudfront.net/packs/js/nba-v2-b79115bdb834e23e2d80.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="SfAN4WVn95SpPoB-22N45eNpS1NQjp-ke_COW3MBMk7nn5JLzff-fj6jh6b9YTPhEk35QfKaHWomedhSrgExrw" /><link rel="apple-touch-icon" sizes="180x180" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/nba/v2/favicon/apple-touch-icon-b3b340d4addadcdcd245313e4b632bb5397904c5236164b5b4fb811a991dcf42.png"> <link rel="icon" type="image/png" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/nba/v2/favicon/favicon-32x32-7e3167bfb910cabfb131c0a9e996416601abcad937eafcc2aacecd101ecc0767.png" sizes="32x32"> <link rel="icon" type="image/png" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/nba/v2/favicon/favicon-16x16-9c91dd28c91b15970250ed49a4c65f2a1cd7240ece4969b7b2480bbabec9a280.png" sizes="16x16"> <link rel="manifest" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/nba/v2/favicon/manifest-bb5f63484231eeecd9f6133b4d421a1a6fa8379236a640412529ed7ccde139a2.json"> <link rel="mask-icon" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/nba/v2/favicon/safari-pinned-tab-25dfc1a36ce41cecc91081dbaf03f71626a61a9291230f8ca715f59ab27c9ded.svg" color="#5bbad5"> <link rel="shortcut icon" href="//d3tw2v68rmxuj7.cloudfront.net/qng/v1-1/nba/v2/favicon/favicon-7ab960cc2a723c70eff34cdaae6c27a9139d0a51d3bd33231006aee183fd218c.ico"> <meta name="theme-color" content="#ffffff"> <link href="https://nbaexperiences.com/" rel="canonical" /></head><body class="controller_renderables action_show renderable_page locale_en cookie-consent-dropdown"><header><div class="navbar-fixed-top"><div class="cookie-fixed-top"><div id="cookie-consent"></div></div><div id="topBar"></div><nav class="navbar navbar-expand-lg"><div class="container navbar-container"><div class="check-for-mobile"></div><button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-bs-auto-close="false" data-bs-target="#navbarNav" data-bs-toggle="collapse" id="dropdownToggler" type="button">Menu</button><a class="navbar-brand d-lg-none" href="/"><svg class="logo"></svg></a><div class="collapse navbar-collapse" id="navbarNav"><ul class="navbar-nav navbar-nav-left"><li class="dropdown navbar-dropdown nav-item"><a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"><div class="original navbar-item">Explore More <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div>Back</div></a><ul class="dropdown-menu"><ul class="menu-item navbar-item nav-item menu-list-items"><li class="menu-item navbar-item nav-item menu-list-item-header"><a class="nav-link"><div class="navbar-item">NBA All-Star</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-all-star-2026"><div class="original navbar-item">2026 Los Angeles</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-all-star-2027"><div class="original navbar-item">2027 Phoenix</div></a></li></ul><li class="divider navbar-divider" role="separator"></li><ul class="menu-item navbar-item nav-item menu-list-items"><li class="menu-item navbar-item nav-item menu-list-item-header"><a class="nav-link"><div class="navbar-item">NBA Global Games</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-abu-dhabi-games-2025"><div class="original navbar-item">2025 NBA Abu Dhabi Games</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-mexico-city-game-2025"><div class="original navbar-item">2025 NBA Mexico City Game</div></a></li></ul><li class="divider navbar-divider" role="separator"></li><ul class="menu-item navbar-item nav-item menu-list-items"><li class="menu-item navbar-item nav-item menu-list-item-header"><a class="nav-link"><div class="navbar-item">NBA Tentpole Events</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-draft-lottery-and-combine-2025"><div class="original navbar-item">2025 NBA Draft Lottery & Combine</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-finals-2025"><div class="original navbar-item">2025 NBA Finals</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-draft-2025"><div class="original navbar-item">2025 NBA Draft</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-summer-league-2025"><div class="original navbar-item">2025 NBA Summer League</div></a></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/nba-cup-2025"><div class="original navbar-item">2025 NBA Cup</div></a></li></ul><li class="divider navbar-divider" role="separator"></li><ul class="menu-item navbar-item nav-item menu-list-items"><li class="menu-item navbar-item nav-item menu-list-item-header"><a class="nav-link"><div class="navbar-item">Other Events</div></a></li><li class="menu-item navbar-item nav-item"><a target="_blank" class="nav-link" href="https://usabexperience.com/?utm_source=nbaexperiences.com&utm_medium=referral&utm_campaign=nbae_header_to_usabe"><div class="original navbar-item">USA Basketball Experience</div></a></li><li class="menu-item navbar-item nav-item"><a target="_blank" class="nav-link" href="https://wnbaexperiences.com/?utm_source=nbaexperiences.com&utm_medium=referral&utm_campaign=nbae_header_to_wnbae"><div class="original navbar-item">WNBA Experiences</div></a></li></ul><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/calendar-of-events"><div class="original navbar-item">View All Events</div></a></li></ul></li><li class="divider navbar-divider" role="separator"></li><li class="dropdown navbar-dropdown nav-item"><a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"><div class="original navbar-item">About Us <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div>Back</div></a><ul class="dropdown-menu"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/about-us"><div class="original navbar-item">About NBA Experiences</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/blog"><div class="original navbar-item">Our Blog</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/about-us/faqs"><div class="original navbar-item">Frequently Asked Questions</div></a></li></ul></li><li class="divider navbar-divider" role="separator"></li><li class="dropdown navbar-dropdown nav-item"><a aria-expanded="false" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"><div class="original navbar-item">Contact Us <div class="dropdown-icon navbar-link"></div></div><div class="back"><div class="back-icon"></div>Back</div></a><ul class="dropdown-menu"><li class="menu-item navbar-item nav-item"><a class="nav-link" href="/contact-us"><div class="original navbar-item">NBA Experiences</div></a></li><li class="divider navbar-divider" role="separator"></li><li class="menu-item navbar-item nav-item"><a target="_blank" class="nav-link" href="https://nbaevents.nba.com/"><div class="original navbar-item">NBAEvents.com</div></a></li></ul></li></ul><ul class="navbar-nav navbar-nav-center"><a class="d-none d-lg-block" href="/"><svg class="logo"></svg></a></ul><ul class="navbar-nav navbar-nav-right"><li class="nav-item navbar-item menu-item phone-number"><span><a href="tel:+44 800 048 8056" class="phone-numbers phone-GB hidden" id="phone-GB">+44 800 048 8056</a><a href="tel:866.619.3373" class="phone-numbers phone-US hidden" id="phone-US">866.619.3373</a><a href="tel:+1.866.619.3373" class="phone-numbers phone-default displayed" id="phone-default">+1.866.619.3373</a></span></li><li class="dropdown nav-item translate-dropdown navbar-dropdown"><a class="nav-bar navbar-translate dropdown-toggle" data-bs-toggle="dropdown" href="#" notranslate=""><div class="language-label"></div><div class="back"><div class="back-icon"></div>Back</div><span class="icon-language"></span></a><ul class="dropdown-menu language-menu" data-turbolinks="false"><div class="col-xs-6 left-column"><li><ul class="left-menu"></ul></li></div><div class="col-xs-6 right-column"><li><ul class="right-menu"></ul></li></div></ul></li><li class="nav-item menu-item mobile-account mobile-account-item"><a href="/customer"><div class="account-icon original navbar-item">My Account</div></a></li></ul></div><div class="nav-item menu-item"><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></div></nav></div></header><main class="stripe-elements" role="main"><style type="text/css"> .item1 .content-wrapper { transition: all 0.5s ease-in-out; background-image: linear-gradient(180deg, rgba(200, 16, 46, 0.85) 0%, rgba(4, 22, 36, 0.75) 60%), url("https://assets.quintevents.com/m/28dcc73914dac060/72_DPI_WEB-NBA-Experiences-NBA-In-Season-Tournament-2023-Pre-Game-Hospitality-120.jpg") } .item2 .content-wrapper { transition: all 0.5s ease-in-out; background-image: linear-gradient(180deg, rgba(200, 16, 46, 0.85) 0%, rgba(4, 22, 36, 0.75) 60%), url("https://assets.quintevents.com/m/6dba43d2d0ee5b49/72_DPI_WEB-NBA-Experiences-2024-Paris-Shootaround-73.jpg"); } .item3 .content-wrapper { transition: all 0.5s ease-in-out; background-image: linear-gradient(180deg, rgba(200, 16, 46, 0.85) 0%, rgba(4, 22, 36, 0.75) 60%), url("https://assets.quintevents.com/m/4e6921f708c14381/72_DPI_WEB-NBA-Experiences-2024-Paris-Dinner-Cruise-06.jpg"); } .item4 .content-wrapper { transition: all 0.5s ease-in-out; background-image: linear-gradient(180deg, rgba(200, 16, 46, 0.85) 0%, rgba(4, 22, 36, 0.75) 60%), url("https://assets.quintevents.com/m/69e783f0a29640b4/72_DPI_WEB-NBA-Experiences-2024-All-Star-Mascot-Breakfast-010.jpg"); } .item5 .content-wrapper { transition: all 0.5s ease-in-out; background-image: linear-gradient(180deg, rgba(200, 16, 46, 0.85) 0%, rgba(4, 22, 36, 0.75) 60%), url("https://assets.quintevents.com/m/1ac45d64fac3ea2d/72_DPI_WEB-NBA-Experiences-NBA-Paris-Game-2023-Shootaround.jpg"); } .renderable_page main { padding-top: 0 !important; } </style>  <div id="header-carousel" class="carousel slide carousel-fade package-container--image" data-bs-ride="carousel" data-interval="4000"> <div class="carousel-inner"> <div class="carousel-item item item1 active"> <div class="content-wrapper center"> <div class="background-fade background-fade--bottom background-fade--black"></div> <h1 class="white fade-heading">Beyond the court <br> <span class="outline-title">with NBA Experiences</span> </h1> <div class="button-wrapper"> <a href="/calendar-of-events" class="carousel-button button">View Calendar of Events</a>  </div> <div id="item1--image" class="carousel-item--image-wrapper fade-in-delay-wrapper"> <img class="carousel-item--image fade-in hide-elem fade-in-delay" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/78611-NBA-Experiences-2023-Canada-Vancouver-Corporate-Event-18-03b7c4441d63200643adb356eadd123f.png" alt="pro"> </div> </div> </div> <div class="carousel-item item item2"> <div class="content-wrapper center"> <div class="background-fade background-fade--bottom background-fade--black"></div> <h2 class="h1 white fade-heading">Unmatched <br> <span class="outline-title">Fan Access</span> </h2> <div id="item2--image" class="carousel-item--image-wrapper fade-in-delay-wrapper"> <img class="carousel-item--image fade-in hide-elem fade-in-delay" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/78613-NBA-Experiences-2024-All-Star-Shootaround-19-60d3acc12d2570ca4bd7eef1b80330dd.png" alt="pro"> </div> </div> </div> <div class="carousel-item item item3"> <div class="content-wrapper center"> <div class="background-fade background-fade--bottom background-fade--black"></div> <h2 class="h1 white fade-heading">Global <br> <span class="outline-title">Experiences</span> </h2> <div id="item3--image" class="carousel-item--image-wrapper fade-in-delay-wrapper"> <img class="carousel-item--image fade-in hide-elem fade-in-delay" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/43404-Home_slider_cut_out_2-min_%281%29-63abe7f4ea366d515b8052ad68bbc414.png" alt="pro"> </div> </div> </div> <div class="carousel-item item item5"> <div class="content-wrapper center"> <div class="background-fade background-fade--bottom background-fade--black"></div> <h1 class="h1 white fade-heading">Unforgettable <br> <span class="outline-title">Moments</span> </h1> <div id="item5--image" class="carousel-item--image-wrapper fade-in-delay-wrapper"> <img class="carousel-item--image fade-in hide-elem fade-in-delay" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/78614-NBA-Experiences-NBA-In-Season-Tournament-2023-Legends-Dinner-45-%281%29-617565f40ba2e7a9ff87ea0596f04fa1.png" alt="pro"> </div> </div> </div> <button class="carousel-control-prev" type="button" data-bs-target="#header-carousel" data-bs-slide="prev"> <ion-icon name="arrow-back-outline"></ion-icon> </button> <button class="carousel-control-next" type="button" data-bs-target="#header-carousel" data-bs-slide="next"> <ion-icon name="arrow-forward-outline"></ion-icon> </button> </div> </div> <div class="about home fade-in-delay-wrapper"> <div class="about-content-wrapper fade-in hide-elem fade-in-delay"> <div id="basketball-pro2" class="basketball-pro2"></div> <h2 class="outline-title left-align">Your next favorite memory <br> <span class="outline-subtitle">Starts with NBA Experiences</span> </h2> <h3 class="about-h3 white">As the Official Experiences Provider of the NBA, we do it all. Time to go beyond the court.</h3> <p class="about-p"> There's more to the game than 48 minutes of heart-pounding action up and down the court. Before the opening tip-off and after the final buzzer, our mission is to take you on a journey to showcase that this league is a lifestyle, and you have a part in it. <br> <br> Experience the NBA like never before. </p> </div> </div>  <div class="slideshow-wrapper"> <div class="matt-slideshow"> <div class="image image-1"></div> <div class="image image-2"></div> <div class="image image-3"></div> <div class="image image-4"></div> <div class="image image-5"></div> <div class="image image-6"></div> <div class="image image-7"></div> <div class="image image-8"></div> <div class="image image-9"></div> <div class="image image-10"></div> </div> <div class="matt-slideshow matt-slideshow--reverse"> <div class="image image-11"></div> <div class="image image-12"></div> <div class="image image-13"></div> <div class="image image-14"></div> <div class="image image-15"></div> <div class="image image-16"></div> <div class="image image-17"></div> <div class="image image-18"></div> <div class="image image-19"></div> <div class="image image-20"></div> </div> </div>  <div class="timeline"> <div class="title-container"> <img class="h2-image" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/84284-NBAEXP-LOGO-bc6edf892aa720a4e9111f5100d9cb7c.svg"> <h2 class="outline-title center-text">Upcoming <br> <span class="outline-subtitle center-text">Events</span> </h2> </div> <div class="timeline-wrapper"> <a href="/nba-draft-2025" class="timeline-event timeline-event--left fade-in hide-elem"> <div id="timeline-event-1" class=""> <p class="date"> <span>June 25, 2025</span> New York </p> <div class="timeline-event-content"> <div class="logo-button-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/37701-NBA-Draft-Logo-Generic-Dark-BG-6de8b786ce5f134eb38526abcb6f7065.svg"> <button class="btn btn-primary">Buy Now</button> </div> <div class="image-wrapper"> <img src="https://assets.quintevents.com/m/5141fee746e1980a/72_DPI_WEB-NBA-Experiences-Draft-2024-Draft-Night-026.jpg"> </div> </div> </div> </a> <a href="/nba-summer-league-2025" class="timeline-event timeline-event--right fade-in hide-elem"> <div id="timeline-event-2" class=""> <p class="date"> <span>July 10 - 20, 2025</span> Las Vegas </p> <div class="timeline-event-content"> <div class="logo-button-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/104086-NBA_2K_Summer_League_Horiz_onDkBkgd-d151a55b69b7ad53d6c58265303ea3e0.svg"> <button class="btn btn-primary">Join Waitlist</button> </div> <div class="image-wrapper"> <img src="https://assets.quintevents.com/m/5a4c13d703995b6a/72_DPI_WEB-NBA-Summer-League-Getty-Images.jpg"> </div> </div> </div> </a> <a href="/nba-abu-dhabi-games-2025" class="timeline-event timeline-event--left fade-in hide-elem"> <div id="timeline-event-3" class=""> <p class="date"> <span>TBD, 2025</span> Abu Dhabi </p> <div class="timeline-event-content"> <div class="logo-button-wrapper"> <img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/58675-23NBA-Abu_Dhabi_logo-primary_23NBA-Abu_Dhabi_logo-Primary-white-6477d2e3e9998b297d53eb0fd9f2b1fe.svg"> <button class="btn btn-primary">Join Waitlist</button> </div> <div class="image-wrapper"> <img src="https://assets.quintevents.com/m/2572845583da5bec/72_DPI_WEB-NBA-Experiences-Abu-Dhabi-2024-23.jpg"> </div> </div> </div> </a> <a href="/calendar-of-events" class="btn btn-primary view-all">View All Events</a> </div> </div><div data-code="SG" id="country-code"></div></main><footer class="stripe-elements"> <div> <style> #productTable.table>:not(caption)>*>* { background: transparent; color:#fff; border: none; border-radius: 10px; padding: 15px 20px; } #productTable tr.details_row .collapse.in { border-bottom: 1px solid #a3a3a3 !important; padding-bottom: 20px; } .elements-confirmation-page .confirmation-payment-wrapper { background: transparent; } .event .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom { padding:5%; } .team-wrapper { display: flex; gap: 20px; align-items: center; justify-content: center; } .team-wrapper img { width: 75px; } </style>  <style type="text/css"> .coe .outline-title .outline-subtitle, .coe h2.outline-title .outline-subtitle { margin-bottom:20px; } .coe .about { margin-bottom:40px; } @media (max-width: 767px) { .coe .about-content-wrapper, .coe .about-content-wrapper.about-content-wrapper-override { padding-bottom:0; } } .about .about-content-wrapper p.about-p.margin-top-40 { margin-top:40px; } .loction-subheading { color: #C8102D !important; font-weight: 600 !important; text-transform: uppercase; font-size: 15px !important; margin-bottom: 10px !important; } .seating-location-wrapper { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .seating-location-wrapper.center { align-items: center; margin-bottom:15px; } .multi-ticket .seating-location-wrapper { align-items: center; margin-bottom: 15px; } .seating-location-wrapper p { margin:0; } .seating-location-wrapper div { display: flex; flex-direction: row; align-items: center; gap: 10px; } .color-block.red { background: #c8102e; } .color-block.blue { background: #1d428a; } .color-block.navy { background: #041624; } .color-block { width: 15px; height: 15px; border: 1px solid #fff; } @media (max-width: 608px) { .seating-location-wrapper { align-items: center; } } .parent-package .quantity-select { padding-right:0; } .parent-package .new_order_item.hotel-fields .hotel-select { padding:0; } .show-content { display: block !important; } .margin-bottom-0 { margin-bottom:0 !important; } .background-fade { position: absolute; bottom: -2px; left: 0; right: 0; height: 50%; z-index: 1; } .background-fade--top { top: 0; bottom: auto; } .background-fade.background-fade--black { background: linear-gradient(180deg, rgba(200, 16, 46, 0) 0%, #041624 100%); } .background-fade.background-fade--red { background: linear-gradient(0deg, rgba(200, 16, 46, 0) 0%, #c8102e 100%); } .background-fade.background-fade--blue { background: linear-gradient(180deg, rgba(200, 16, 46, 0) 0%, rgba(43, 70, 137, 1) 100%); } </style>  <style type="text/css"> .waitlist-deposit-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } .waitlist-deposit-wrapper .blue-box { display: flex; align-content: flex-start; align-items: flex-start; flex-direction: column; } .waitlist-deposit-wrapper .blue-box .package-link { display: flex; flex-direction: column; flex-wrap: wrap; flex: 1 1 auto; align-items: stretch; width: 100%; } .waitlist-deposit-wrapper .blue-box .package-link .col-content { padding: 30px; flex: 1 1 auto; align-items: stretch; flex-direction: column; width: 100%; border-radius: 10px; background: rgb(6 37 91 / 78%); color: #fff; } .waitlist-deposit-wrapper .blue-box .package-link .col-content .h1 { color: #fff; } .waitlist-deposit-wrapper .blue-box .package-link .col-content p { margin-bottom: 5px !important; font-size: 16px; line-height: 24px; margin-top: 15px; } .disclaimer-row { color: #fff; margin-top: 50px; } @media (max-width: 991px) { .waitlist-deposit-wrapper .blue-box .package-link .col-content { margin-top: 30px; } .waitlist-deposit-wrapper { padding-left: 10px; padding-right: 10px; } } </style> </div>  <div>  <style type="text/css"> .content-container.right { background: #051B37; justify-content: flex-end; display: flex; position: relative; } .content-container.right .content-container-image { top: 10%; left: 0; width: 40%; height: 80%; object-fit: cover; position: absolute; } .content-container .content-container-content { width: 70%; padding: 10% 5% 10% 15%; background: #041624; } .itiernary-inc-name { font-size: 18px; /*text-transform: uppercase;*/ margin: 0; font-weight: 500; } .itiernary-inc-wrapper { margin: 10px; margin-bottom: 25px; } .itiernary-inc-wrapper p { margin: 0; } @media (max-width: 768px) { .content-container .content-container-content { width: 100%; padding: 20px 40px; } .content-container .content-container-content.bg-dark-blue { padding: 20px 20px; } .content-container.right .content-container-image { display: none; } } </style>  <style type="text/css"> .experience-wrapper { padding: 0 1%; max-width: 1500px; margin-left: auto; margin-right: auto; } .experience-wrapper, .perks-wrapper, .seating-wrapper { margin-bottom: 145px; } .experience-wrapper p { font-size: 20px; max-width: 1200px; /*line-height: 24px;*/ color: #ffffff; text-align: center; margin: 0 auto 50px auto; padding-left: 0; padding-right: 0; } .event .experience-wrapper p { font-size: 20px; max-width: 1200px; /*line-height: 24px;*/ color: #ffffff; text-align: center; margin: 0 auto 50px auto; padding: 0 5%; } .experience-wrapper .h3-red { margin-bottom: 10px; } .parent-package .experience-wrapper .h3-red { margin-bottom: 50px; } .experience-wrapper .package-container-wrapper { display: flex; flex-wrap: wrap; gap: 40px 20px; justify-content: center; } .experience-wrapper .package-container-wrapper .package-container { /*flex: 0 0 calc(33.3% - 13px);*/ display: flex; flex-direction: column; } .experience-wrapper .package-container-wrapper .package-container .package-link { flex: 1 1 auto; position: relative; display: flex; flex-direction: column; align-content: start; } .experience-wrapper .package-container-wrapper .package-container .package-link.package-link--row { flex-direction: row; } .experience-wrapper .package-container-wrapper .package-container .package-link.package-link--row .blue-box.blue-box--right { position: relative; margin-left: -35%; padding: 0; height: 90%; min-height: 360px; margin-top: 5%; margin-bottom: 5%; top: initial; transform: initial; } .experience-wrapper .package-container-wrapper .package-container .package-link .carousel-inner, .experience-wrapper .package-container-wrapper .package-container .package-link .carousel-inner img { height: 100%; width: 100%; object-fit: cover; } .experience-wrapper .package-container-wrapper .package-container .package-link .carousel-inner { height: 100%; width: 100%; object-fit: cover; } .experience-wrapper .package-container-wrapper .package-container p { font-size: 16px; color: #ffffff; text-align: center; margin: 0; } .experience-wrapper .package-container-wrapper .package-container .package-container--image { flex: 0 0 60%; width: 60%; border-radius: 6px; height: 100%; object-fit: cover; } .experience-wrapper .package-container-wrapper .package-container .blue-box { width: 75%; height: 85%; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); border-radius: 10px; background: rgb(6 37 91 / 78%); display: flex; flex-direction: column; justify-content: flex-start; padding: 8%; color: #fff; align-items: flex-start; } .experience-wrapper .package-container-wrapper .package-container .blue-box h3, .experience-wrapper .package-container-wrapper .package-container .blue-box .location { font-size: 18px; line-height: 1; color: #fff; margin: 0 0 20px 0 !important; text-transform: uppercase; padding: 0; text-align: left; } .experience-wrapper .package-container-wrapper .package-container .show-content .blue-box--content { display: flex; } .experience-wrapper .package-container-wrapper .package-container .blue-box--content { display: none; position: relative; top: 0; right: 0; left: 0; bottom: 0; border-radius: 10px; background: rgb(6 37 91 / 100%); flex-direction: column; justify-content: flex-start; padding: 8%; flex-grow: 1; width: 100%; } .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom { width: 90%; left: 5%; right: 5%; transform: translate(0, 0); align-items: center; position: relative; margin-top: -50px; border-radius: 10px; background: rgb(6 37 91 / 78%); display: flex; flex-direction: row; padding: 8%; flex: 1 0 auto; height: auto; top: initial; flex-wrap: wrap; align-content: flex-start; } .experience-wrapper .package-container-wrapper .package-container .blue-box--left { left: 5%; right: auto; } .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom h2, .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom .title, .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom h3, .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom .location, .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom p { width: 100%; text-align: center; } .experience-wrapper .package-container-wrapper .package-container .blue-box .title { color: #fff; font-size: 55px; font-weight: 900; margin: 0 0 6% 0; line-height: 50px; font-family: "Action NBA Web", sans-serif; text-transform: uppercase; text-align: left; padding: 0; } .experience-wrapper .package-container-wrapper .package-container .blue-box h2 { color: #fff; font-size: 55px; font-weight: 900; margin: 0 0 6% 0; line-height: 50px; font-family: "Action NBA Web", sans-serif; text-transform: uppercase; text-align: center; padding: 0; } .experience-wrapper .package-container-wrapper .package-container .blue-box ul { padding: 0; margin: 0 0 0 0; list-style: none; } .experience-wrapper .package-container-wrapper .package-container .blue-box ul li { color: #fff; margin-bottom: 10px; display: flex; gap: 10px; align-items: center; font-size: 16px; } .experience-wrapper .package-container-wrapper .package-container .blue-box .btn--view-more, .experience-wrapper .package-container-wrapper .package-container .blue-box .btn--close { background: none; border: none; display: flex; align-items: center; color: #fff; padding: 0; gap: 10px; margin-top: 15px; font-family: "Roboto", sans-serif; } .experience-wrapper .package-container-wrapper .package-container .blue-box .btn--close { width: auto; display: block; margin-left: auto; margin-top: 0; margin-bottom: 10px; } .experience-wrapper .package-container-wrapper .package-container .blue-box .btn-primary { margin: 20px 0 0 0; text-transform: uppercase; } .experience-wrapper .package-container-wrapper .package-container .blue-box .btn-primary.btn--disabled { background: #999999; border-color: #999999; color: #FFFFFF; } .experience-wrapper .package-container-wrapper .package-container .blue-box ul li:last-of-type { margin: 0; } .experience-wrapper .package-container-wrapper .package-container .blue-box ul li img { width: 20px; height: 20px; } .experience-wrapper .package-container-wrapper .package-container .blue-box p { margin-bottom: 20px; font-size: 16px; } .experience-wrapper .package-container-wrapper .package-container .blue-box p:last-of-type { margin-bottom: 0; } .blue-box-original-content { padding: 8%; } #view-more { font-weight: bold; } ion-icon { font-size: 25px; } /* waitlist 'whats included' inclusion boxes */ .experience-wrapper .includes-wrapper .package-container { flex: 0 0 calc(25% - 15px) !important; display: flex; flex-direction: column; } .experience-wrapper .includes-wrapper .package-container .blue-box h2 { text-align: center !important; font-size: 48px !important; font-family: "Action NBA Web", sans-serif; margin-bottom: 0px; } .experience-wrapper .includes-wrapper .package-container .blue-box--bottom { align-content: center !important; } .includes-content-wrapper .h3-red { margin-bottom: 50px !important; } </style>  <style type="text/css"> .experience-wrapper.experience-wrapper--full-width { padding: 0 !important; max-width: initial; } .experience-wrapper.experience-wrapper--full-width .package-container-wrapper { max-width: initial; } .experience-wrapper .package-container-wrapper.package-container-wrapper--full-width { gap: 50px; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width { flex: 1 0 auto; width: calc(100vw - 17px); } .experience-wrapper .package-container-wrapper .package-container .image-wrapper { height: 300px; } .experience-wrapper .package-container-wrapper .package-container .package-container--image-full { flex: 0 1 300px; width: 100%; border-radius: 6px; height: 300px; object-fit: cover; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .package-container--image { flex: 1 0 100%; width: 100%; border-radius: 0px; position: absolute; top: 10%; height: 80%; bottom: 0%; left: 0; right: 0; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box { position: relative; transform: initial; align-items: flex-start; justify-content: center; width: 35%; right: 5%; padding: 8% 3%; margin: 0 5%; z-index: 2; top: 0%; height: 100%; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box h2 { font-size: 45px; margin: 0 0 5px 0; width: 100%; text-align: left; font-weight: 400; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box h3 { font-size: 65px; font-weight: 600; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box p { text-align: left; } </style>  <style type="text/css"> .request-info-wrapper h3 { color: #fff; font-size: 50px; margin-top: 0; margin-bottom: 20px; } .request-info-wrapper .form-control, .pricing-details .form-control, .customer-request-form .form-control.select, .customer-request-form #info_request_how_many { background-color: transparent; color: #fff; border-radius: 4px; } .pricing-details .subtotal, #info_request_how_many option { color: #FFF !important; } .request-info-wrapper label, .request-info-wrapper .form-control::placeholder, .pricing-details label, .pricing-details .form-control::placeholder { color: #fff; } .parent-package .new_order_item .package-select label { color: #fff; } .request-info-wrapper h3 { /*color: #666;*/ font-family: 'Action NBA Web', sans-serif !important; } .info-request input.form-control { background-color: transparent !important; color: #fff !important; } .parent-package .customer-request-form .form-control.select, .parent-package #info_request_how_many { background-color: transparent !important; color: #fff !important; } .request-info-wrapper select option { background: #041624; color: #ffffff; } </style>  <style type="text/css"> .thirty { flex: 0 0 calc(30% - 10px); } .seventy { flex: 1 0 calc(70% - 10px); } .package-listings-section .package-container-wrapper { display: block ! Important; flex: 1 0 70%; gap: 20px !important; padding-top: 20px !important; } .package-listings-section .package-container-wrapper .package-container { display: flex; flex-direction: column; flex: 1 1 auto !important; } .package-listings-section .package-container-wrapper .package-container .package-link.package-link--row { border: none; flex-direction: column !important; display: flex; flex: 1; } .package-listings-section .package-container-wrapper .package-container .package-container--image { height: 180px !important; max-height: 180px !important; width: 90% !important; object-fit: cover; border-radius: 6px !important; margin: 0 auto -40px auto; } .color-block.red { background: #c8102e; } .color-block.blue { background: #1d428a; } .color-block.navy { background: #041624; } .color-block.purple { background: #8E3281; } .color-block.skyblue { background: #90ddf0; } .color-block.orange { background: #ee8434; } .color-block.yellow { background: #ffd700; } .color-block.darkgreen { background: #447733; } .color-block.green { background: #79b473; } .color-block.limegreen { background: #9def00; } .color-block.pink { background: #FF8AA0; } .color-block.maroon { background: #63001A; } .color-block.gray { background: #939393; } .color-block.black { background: #000; } .parent-package { overflow-x: hidden !important; /*padding-top: 100px;*/ } .parent-package .status-text { color: #fff; margin-top: -30px; } .parent-package h4.status-text.sold-out { color: #afafaf !important; text-transform: uppercase; font-size: 50px; } .parent-package .info_request .column .form-group { margin-right: 0px !important; } .info_request { display: flex; flex-wrap: wrap; } .parent-package .inclusion-video-link { margin-top: 15px; font-size: 14px; line-height: 1.7; font-weight: 600; display: flex; gap: 10px; border: 1px solid #c8102e; padding: 9px 15px; border-radius: 5px; color: #fff; text-transform: uppercase; display: flex; align-items: center; gap: 10px; } .parent-package .inclusion-video-link:hover { background: #c8102e !important; color: #fff !important; } .previous-next-package { display: none; } .modal-body.p-0 button { margin-right: 20% !important; } .modal-body.p-0 button svg { fill: #fff !important; } @media(max-width: 1025px) { .modal-body.p-0 button { margin-right: 0 !important; } .modal-body.p-0 button svg { fill: #717171 !important; } } @media (max-width: 1025px) { .ratio.ratio-16x9 { margin-left: 0px !important; width: 100% !important; } } </style>  <style type="text/css"> .new-hotel-wrapper.hotel-wrapper, .panel-group .panel.hotel-wrapper.new-hotel-wrapper { margin-bottom: 20px; background-color: transparent; border: none; box-shadow: none; } .panel.new-hotel-wrapper.hotel-wrapper .panel-heading a:after { font-family: FontAwesome; font-size: 30px; line-height: 22px; padding: 0; color: #c80502; font-weight: 300; content: "\f107"; right: 0; top: -5px; transition: all 0.3s ease-in-out; border: none; } .panel.new-hotel-wrapper.hotel-wrapper .panel-heading a.collapsed:after { transform: rotate(0deg); transform-origin: 50% 50%; } .panel.new-hotel-wrapper.hotel-wrapper .panel-title:before, .panel.new-hotel-wrapper.hotel-wrapper .panel-title a:before { content:none; } .hotels-wrapper, .purchasing-details { background: #051B37; } .hotels-wrapper h2 { margin-bottom: 10px; } .hotels-wrapper .hotel-section-box-wrapper { margin-bottom:20px; } .hotels-wrapper hr { margin: 75px 0 50px 0; } .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: 1 0 20%; margin-left: auto; } .new-hotel-wrapper.hotel-wrapper img { max-width: 100%; width: 100%; height: 100%; object-fit: cover; } .new-hotel-wrapper.hotel-wrapper .hotel-header p { display: inline-flex; margin-bottom: 0; width: 100%; text-align: left; margin-left: 0; color: #FFF; font-size: 15px; font-weight: 700; text-transform: uppercase; } .new-hotel-wrapper.hotel-wrapper .hotel-header a { color: #FFF; position: relative; width: 100%; margin: 0; display: flex; align-items: center; gap: 20px; font-size: 15px; font-weight: 700; text-transform: uppercase; } .new-hotel-wrapper.hotel-wrapper .white { color: #ffffff; } .new-hotel-wrapper.hotel-wrapper .panel-body { border-top: none !important; padding: 0; display: flex; flex-wrap: wrap; } .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: #c80502; font-size: 20px; } .new-hotel-wrapper.hotel-wrapper .hotel-header { background: #06255B; border-radius: 4px 4px 0px 0px; padding: 10px 30px; display: flex; } @media (max-width: 992px) { .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-wrapper, .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-image{ flex: 0 0 100%; } .new-hotel-wrapper.hotel-wrapper .hotel-content .hotel-content-image { max-height: 230px; } } @media (max-width: 767px) { .new-hotel-wrapper.hotel-wrapper .hotel-header { padding: 10px 20px; } .new-hotel-wrapper.hotel-wrapper .panel-title .white { color: #ffffff; max-width: 90%; } } .new-hotel-wrapper.hotel-wrapper .hotel-content { display: flex; padding: 15px; background: #06255B; border-radius: 0px 0px 4px 4px; } .new-hotel-wrapper.hotel-wrapper .collapse { display: none; } .new-hotel-wrapper.hotel-wrapper .collapse.in { display: flex; border-top: 2px solid #041624; } .hotel-request-outer-wrapper select option { background: #041624; color: #FFFFFF; } </style>  <style type="text/css"> .hotel-index-container { padding-top: 130px; } .hotel-banner h2 { color: #fff; font-size: 55px !important; } .contract-featured-bubble { background-color: #c9102e; border-radius: 5px; color: #fff; display: flex; font-size: 13px; font-weight: 600; justify-content: center; margin: 10px 15px 3px -15px; padding: 5px 8px; width: -webkit-max-content; width: -moz-max-content; width: max-content; } .contracted-hotel-page .hotel-detail .padding-top-20 p { text-transform: capitalize; } #contractedHotelOverview .checkin-info { background: #051c2d !important; float: right; padding: 40px; padding-top: 0; } #contractedHotelOverview .checkin-info .contract-room-card-container { background-color: #06255b !important; border-radius: 8px !important; margin: 30px 0; padding: 20px; } #contractedHotelOverview .hotel-info-amenities-container .hotel-side-container { background-color: #06255b !important; height: auto; margin: 0 auto; padding: 45px 15px 15px 40px; width: 100%; } #contractedHotelOverview .checkin-info-amenities-container h3, #contractedHotelOverview .checkin-info-amenities-container .h3, #contractedHotelOverview .checkin-info-amenities-container h4, #contractedHotelOverview .checkin-info-amenities-container .h4 { color: #fff !important; font-size: 35px; font-weight: 400; } .hotel-index-container div .hotel-info-amenities-container .hotel-side-container .hotel-side-container-child .amenity-description h4 b, .hotel-index-container div .hotel-info-amenities-container .hotel-side-container .hotel-side-container-child .amenity-description .h4 b, .hotel-index-container div .hotel-info-amenities-container .hotel-side-container .hotel-side-container-child div .hotel-reviews-title b { color: #fff !important; font-weight: 400; } .hotel-reviews-title, .hotel-user-ratings { display: none !important; } .show-btn { color: #c8102e; font-weight: 600; cursor: pointer; } </style>  <style> .partners-wrapper { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: center; } .partners-content-wrapper { color: #fff; } .partners { color: #c8102e; text-transform: uppercase; font-weight: 500; } .partner-link-wrapper a img { width: 300px; } .partners-content-wrapper h2 { color: #fff; font-size: 45px; margin-top: 0; } .partner-btn-wrapper { display: flex; gap: 155px; flex-wrap: wrap; justify-content: center; margin-top: 50px; align-items: center; } .partner-link-wrapper a { display: flex; flex-direction: column; justify-content: center; gap: 30px; } @media(max-width: 1018px) { .partners-wrapper { flex-direction: column-reverse; text-align: center; gap: 45px; } .partner-btn-wrapper { justify-content: center; } } @media(max-width: 776px) { .partner-btn-wrapper { gap: 80px; } .partner-link-wrapper a img { width: 200px; } } @media(max-width: 500px) { .partner-btn-wrapper { gap: 35px; } } </style>  <style> .package-header-section .flex-container { align-items: center; } .package-header-content h1 { margin-top: 0px; } .price { margin-bottom: 10px; font-size: 17px; } .status { display: flex; justify-content: flex-start; } .status h4 { color: #FFF; font-family: "Roboto", sans-serif; font-size: 18px !important; font-weight: 500; line-height: 24px; text-transform: uppercase !important; margin-bottom: 0px; } .parent-package .status-text, h4.status-text { margin: 0px !important; } .package-header-image img { width: 100%; height: 100%; max-height: 350px; object-fit: cover; border-radius: 10px; } @media (max-width: 992px) { .inclusion-box.third { flex: 0 0 calc(50% - 20px); } } @media (max-width: 768px) { .inclusion-box.third { flex: 1 0 calc(100%); } } @media (max-width: 575px) { .package-header-section.section-padding { padding-top: 130px; } .package-header-image img { max-height: 180px; } } </style>  <style type="text/css"> .inclusion-content { border-radius: 10px; background: rgba(6, 37, 91, 0.65); margin: -50px 20px 0 20px; } .highlight-inclusion-wrapper { margin-bottom: 30px; } .highlight-inclusion-wrapper .inclusion-content { margin-left: -55px; margin-top: 20px; margin-bottom: 20px; } .highlight-inclusion-wrapper .inclusion-box { align-content: center; } .inclusion-img img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .preview-link { background: #c8102e; padding: 12px 15px; border-radius: 5px; color: #fff; text-transform: uppercase; display: flex; align-items: center; gap: 10px; max-width: 230px; justify-content: center; margin: auto; white-space: nowrap; transition: all 0.3s ease-out; } .preview-link:hover { color: #fff; opacity: 0.8; } @media(max-width: 767px) { .preview-link { font-size: 14px; } .parent-package .quantity-select { padding-left:0; } } .inclusion-box .load-more:hover, .inclusion-box .load-more:active, .inclusion-box .load-more:focus { text-decoration: none; outline: none; } .inclusion-box .inclusion-img { height: 250px; width: 100%; } .highlight-inclusion-wrapper .inclusion-box .inclusion-img { height: auto; } .highlight-inclusion-wrapper .inclusion-box { flex-direction: row; } .inclusion-box { flex-direction: column; } .inclusion-box .inclusion-content { flex: 1; } .inclusion-box .load-more { color: #fff; font-size: 13px; font-weight: 700; line-height: 16px; letter-spacing: 0.5px; text-transform: uppercase; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; } .inclusion-box .load-more .arrow-wrapper { height: 27px; width: 27px; display: flex; align-items: center; margin-left: 4px; font-weight: 100; } .inclusion-box .load-more .arrow-wrapper:after { content: "J"; font-family: "nav_icons"; font-size: 11px; height: 100%; position: static; width: 100%; display: flex; align-items: center; justify-content: center; color: #C8102E; padding-top: 4px; } .inclusion-box .inclusion-details.collapsed { display: none; } .image-wrapper { height: auto; } .disclaimer { margin: 0; } @media (max-width: 768px) { .inclusion-box .inclusion-img, .highlight-inclusion-wrapper .inclusion-img { height: 200px; } .highlight-inclusion-wrapper .inclusion-box { flex-direction: column; } .highlight-inclusion-wrapper .inclusion-content, .inclusion-content { margin: -50px 10px 0 10px; } } </style>  <style type="text/css"> .ticket, .ticket.third { flex-grow: 1; } .ticket.single { flex: 1 0 100%; flex-direction: row; } .ticket.single .image-wrapper { height: auto; width: 300px; overflow: hidden; border-top-left-radius: 10px; border-top-right-radius: 0px; border-bottom-left-radius: 10px; } .ticket .image-wrapper { height: 150px; overflow: hidden; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; } .ticket .image-wrapper img { border-top-left-radius: 10px; border-top-right-radius: 10px; transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .ticket.single .image-wrapper img { border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 0px; transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .ticket .image-wrapper a:hover img, .ticket.single .image-wrapper a:hover img { transform: scale(1.1); transition: transform .5s cubic-bezier(.2, 0, .05, 1); } .ticket .content-wrapper { border-left: 1px solid; border-bottom: 1px solid; border-right: 1px solid; width: 100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; } .ticket.single .content-wrapper { width: auto; border-top-right-radius: 10px; border-top: 1px solid; border-left: none; border-bottom-left-radius: 0; flex: 1; align-content: center; flex-direction: row; display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; padding: 45px; align-items: center; text-align: left; height: auto; background: none; } .ticket.single .content-wrapper p { margin: 0; } #tickets, #experiences, #itinerary { margin-top: -150px; padding-top: 150px; } .date-venue-wrapper.flex-container { gap: 5px; justify-content: center; } .ticket.single .date-venue-wrapper.flex-container { justify-content: flex-start; } .seating-location { font-weight: bold; } @media (max-width: 608px) { .ticket.single .image-wrapper img { border-top-left-radius: 10px; border-bottom-left-radius: 0px; border-top-right-radius: 10px; } .ticket.single .image-wrapper { height: 180px; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 0px; } .ticket.single .content-wrapper { border-top-right-radius: 0px; border-bottom-left-radius: 10px; border-top: none; border-left: 1px solid; padding: 20px; flex-direction: column; align-content: center; text-align: left; text-align: center; align-items: center; } .ticket.single .content-wrapper .date-venue-wrapper.flex-container { justify-content: center; } .ticket .content-wrapper { padding: 20px; height:auto; } } </style>  <style type="text/css"> .package-extras .package-extra { border-radius: 10px; border: 2px solid rgba(255, 255, 255, 0.50); padding: 25px; } .package-extras .package-extra .image-wrapper { height: 55px; width: 55px; } .package-extras .package-extra .image-wrapper img { object-fit: contain; width: 100%; height: 100%; } .package-extras .package-extra .extra-content { flex: 1; padding: 0; } @media (max-width: 768px) { .package-extras .package-extra { flex-direction: column; } } </style>  <style type="text/css"> #addToCartVue br, #addToCartVue hr { display: none; } .new_order_item.package-and-quantity { margin-top: 20px; } .simple_form.new_order_item .submit label { display: none; } h2.pricing_header { display: flex; flex-wrap: wrap; align-items: center; margin-top: 0; color: #fff !important; } .package_purchasing_form select option { background: #051B37; color: #FFFFFF; } .parent-package .subtotal, .parent-package .or-payment-terms { color: #fff; } </style>  <style type="text/css"> .seating-details, .perk-details { display: flex; flex-direction: row; gap: 50px; justify-content: center; flex-wrap: wrap; max-width: 1500px; margin: auto; } .seating-details .seating, .perk-details .perk { flex: 1 0 calc(33.3% - 50px); max-width: 33.3%; padding: 3%; padding-left: 2%; padding-right: 2%; display: flex; flex-direction: column; align-items: center; } .seating-details .seating .seating--title, .perk-details .perk .perk--title { font-weight: bold; margin-top: 23px; } .seating-details .seating .seating--image-wrapper, .perk-details .perk .perk--image-wrapper { height: 110px; display: flex; align-items: center; width: 100%; justify-content: center; } .seating-details .seating .seating--image, .perk-details .perk .perk--image { max-width: 75px; max-height: 100%; } .seating-details .seating h3, .perk-details .perk h3 { color: #FFFFFF !important; text-align: center; font-family: "Roboto", sans-serif; text-transform: none; font-size: 21px; } .seating-details .seating p, .perk-details .perk p { color: #FFFFFF; text-align: center; font-size: 18px; font-weight: 300; } .perk-details .perk .perk--title { font-size: 21px; } .seating-details .seating a, .perk-details .perk a { font-size: 18px; line-height: 1.7; color: rgb(201, 16, 46); text-transform: none !important; } .seating-details .seating a:hover, .perk-details .perk a:hover { color: #FFFFFF; } .hotel-section p strong { text-transform: uppercase; } .hotel-request-outer-wrapper select option { background: #041624; color: #FFFFFF; } </style> </div>  <div>  <style> .event-bg-image { position: absolute; top: 0; width: 100%; z-index: -1; background-repeat: no-repeat; height: 99%; } .event-header-section { background: linear-gradient(180deg, rgba(200, 16, 46, 0.75) 0%, rgba(5, 27, 55, 0.75) 40%, rgba(5, 27, 55, 1) 84%, rgba(4, 22, 36, 1) 100%); margin-bottom: 0px !important; position: relative; height: auto; } .event-header-section.event-header-section-light-blue { background: linear-gradient(180deg, rgba(200, 16, 46, 0.75) 0%, rgba(5, 27, 55, 0.75) 40%, rgba(5, 27, 55, 1) 84%, rgba(5, 27, 55, 1) 100%); } .event-header-section.event-header-section-blue { background: linear-gradient(180deg, rgba(200, 16, 46, 0) 0%, rgba(43, 70, 137, 1) 100%); } .event-header-section-about { height: 95vh; border-bottom: 10px solid #1d428a; overflow: hidden; background:none; } .event-header-section-about .background-fade { z-index:2; } .event-header-section-about .event-header-wrapper { align-items: flex-start; } .event-header-section-about .event-header-wrapper .header-text-wrapper { text-align: left; width: inherit; } .event-header-section-about .event-header-wrapper .header-text-wrapper h1 { font-size: 100px !important; } .event-header-section-about .event-header-wrapper .header-text-wrapper h1.large-title, .event-header-section-about .event-header-wrapper .header-text-wrapper h1.large-title .outline-title, .large-title { font-size: 145px !important; line-height: 115px !important; width: 100%; position: relative; z-index: 2; } /* event logo */ .header-event-logo-box.flex-container { justify-content: center; } @media (max-width: 1200px) { .event-header-logo { max-width: 200px; } } @media (max-width: 767px) { .event-header-section { background: linear-gradient(180deg, rgba(200, 16, 46, 0.8) 0%, rgba(5, 27, 55, 0.85) 30%, rgba(5, 27, 55, 1) 84%, rgba(4, 22, 36, 1) 100%); } } @media (max-width: 555px) { .event-header-logo { max-width: 190px; } } /* event name headline */ .event-heading-red-text { color: #c8102e; -webkit-text-stroke-width: initial; -webkit-text-stroke-color: initial; display: block; } /* header content */ .event-header-container { height: 100%; display: flex; align-items: center; padding-top: 150px; max-width: 1500px !important; } .event-header-wrapper { display: flex; gap: 10px; width: 100%; align-items: center; flex-direction: column; } .header-event-logo-box { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; } .header-event-logo-box { /* For Draft Logo ONLY */ max-width: 275px; } .event-header-logo { margin: 0 !important; width: 100%; height: auto; margin: auto; } .event-heading { font-size: 95px; line-height: 65px; color: transparent; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; letter-spacing: 0; font-weight: 900; margin-bottom: 5px; } .event-heading-red-text { color: #c8102e; -webkit-text-stroke-width: initial; -webkit-text-stroke-color: initial; display: block; ; } .header-text-wrapper { display: flex; flex-direction: column; align-items: center; gap: 5px; text-align: center; } .header-text-wrapper p { font-size: 18px; max-width: 1200px; } /* header event info */ .event-date-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; gap: 30px; font-weight: 300; font-size: 24px; } .calendar, .location, .flex-container.calendar, .flex-container.location { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 12px; } /* header media queries */ @media (max-width: 1200px) { .header-event-logo-box { /* For Draft Logo ONLY */ max-width: 230px; } .event-header-container { padding-top: 95px; /* for this event only */ } } @media (max-width: 992px) { .event-heading { font-size: 85px; line-height: 58px; } .event-date-container { font-size: 20px; } } @media (max-width: 767px) { .header-text-wrapper p { font-size: 15px; } .event-header-section-about { height: 80vh; } .event-date-container { font-size: 16px; gap: 10px; } .event-heading { font-size: 70px; line-height: 47px; } .event-header-container { padding-top: 100px; } .header-event-logo-box { /* For Draft Logo ONLY */ max-width: 200px; } .event-header-section-about .event-header-wrapper .header-text-wrapper h1.large-title, .event-header-section-about .event-header-wrapper .header-text-wrapper h1.large-title .outline-title, .large-title { font-size: 80px !important; line-height: 65px !important; } } @media (max-width: 555px) { .header-event-logo-box { /* For Draft Logo ONLY */ max-width: 190px; } .event-heading { font-size: 50px; line-height: 34px; } } @media (max-width: 425px) { .event-header-container { padding-top: 100px; } .event-date-container { margin-bottom: 0px; } .header-text-wrapper { gap: 14px; } .header-event-logo-box { /* For Draft Logo ONLY */ max-width: 180px; } .event-heading { margin-bottom: 0px; } } </style>  <style> .experience-wrapper .package-container-wrapper { padding-top: 40px !important; } .top-section-bg { background: linear-gradient(180deg, rgba(5, 27, 55, 0.95) 0%, rgba(4, 22, 36, 0.95) 85%); padding-top: 40px; } .anchor-link-wrapper p { margin: 0 !important; padding: 0 !important; } .top-cta-section { margin-bottom: 80px !important; } /* CTA BOXES */ .cta-container { display: flex; flex-wrap: wrap; gap: 20px; height: auto; justify-content: space-between; } .cta-container .cta-box-wrapper { flex: 0 0 calc(50% - 20px); } .cta-box { display: flex; flex-direction: column; height: 100%; width: 100%; } .cta-box .img-wrapper { height: 250px; } .img-wrapper img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; object-position: 50% 50%; } .cta-box .content-wrapper { background: rgb(6 37 91 / 78%); border-radius: 10px; padding: 6%; width: 90%; margin: auto; margin-top: -70px; height: 100%; } .game-date { text-align: left !important; margin: 0 !important; font-size: 16px !important; font-weight: 400 !important; } .cta-box-wrapper a { display: flex; height: 100%; align-items: flex-end; justify-content: flex-start; transition: 0.3s all ease-in-out; } .cta-box h3 { color: #fff; font-size: 45px; margin-top: 0px; margin-bottom: 2px; } .cta-box .cta-p { text-align: left !important; font-size: 16px !important; margin-top: 0px !important; margin-bottom: 13px !important; } @media (max-width: 1008px) { .cta-container .cta-box-wrapper { flex: 0 0 100%; } .cta-container { justify-content: center; } } @media (max-width: 760px) { .cta-box .cta-p { font-size: 15px !important; } } @media (max-width: 555px) { .cta-box h3 { font-size: 36px; font-weight: bold; } .cta-box .cta-p { line-height: 19px; } .cta-box { padding: 15px; } } @media (max-width: 500px) { .page-header-section { padding-top: 80px; } } .team-logos-wrapper { display: flex; gap: 45px; align-items: center; justify-content: center; margin-bottom: 15px; } .team-logos-wrapper p { font-size: 50px; font-family: "Action NBA Web", sans-serif; margin: 0; } .team-logo { max-width: 75px; } @media (max-width: 767px) { .team-logos-wrapper { margin-bottom: 5px; } .team-logos-wrapper p { font-size: 40px; } .team-logo { max-width: 55px; } } .content-wrapper.center h1, .content-wrapper.center .h1 { margin-bottom: 40px; font-size: 145px !important; font-weight: 700; line-height: 130px !important; } .content-wrapper.center h1 span, .content-wrapper.center .h1 span { font-size: 145px !important; line-height: 130px !important; } .carousel-play-button { background: none; width: 75px; height: 75px; border: solid 5px #fff; border-radius: 100%; position: relative; text-indent: -9999px; box-shadow: 0px 0px 3px 2px #ffffff80; margin-left: 45px; transition: 0.5s; } .carousel-play-button:hover { box-shadow: 0px 0px 0px 0px #ffffff80; } .carousel-play-button span { width: 0; height: 0; border-top: 15px solid transparent; border-left: 25px solid #fff; border-bottom: 15px solid transparent; position: absolute; top: 28%; left: 36%; } #item1--image, #item2--image, #item4--image { position: absolute; bottom: -2%; right: 10%; max-width: 30%; object-fit: cover; } #item3--image { position: absolute; bottom: 1%; right: 10%; width: 35%; object-fit: cover; } #item5--image { position: absolute; bottom: -25%; right: 10%; width: 35%; object-fit: cover; max-width: 500px; } </style>  <style type="text/css"> .banner-wrapper { margin-bottom: 5%; } .banner-wrapper .banner-content { display: flex; flex-direction: column; align-items: center; position: relative; } .event .banner-wrapper .banner-content { padding-top: 130px; } .banner-wrapper .banner-content p { font-size: 20px; max-width: 1200px; color: #ffffff; text-align: center; margin-bottom: 50px; padding: 0 5%; position: relative; } .banner-wrapper .banner-content .header-logo { max-width: 350px; display: block; margin: 80px 0; } .banner-wrapper .banner-content .date-container { font-size: 24px; max-width: 1200px; line-height: 30px; color: #ffffff; display: flex; flex-direction: row; gap: 55px; margin-bottom: 50px; flex-wrap: wrap; justify-content: center; position: relative; /*z-index: 9999999;*/ font-weight: 300; } .banner-wrapper .banner-content .date-container .calendar, .banner-wrapper .banner-content .date-container .location { display: flex; gap: 10px; align-items: center; font-size: 24px; } .banner-wrapper .banner-content .date-container .calendar ion-icon, .banner-wrapper .banner-content .date-container .location ion-icon { font-size: 35px; } </style> </div>  <div>  <style> #navbar-filter, #navbar-filter.scrolled { position: initial; width: auto; padding: 0; border: none; } .filter-container { flex: 1 0 100%; height: auto !important; border-top: none !important; border-bottom: none !important; padding: 0px !important; background: rgba(29, 66, 138, 1); border-radius: 6px; position: sticky; top: 105px; z-index: 5 !important; } #navbar-filter #navbar-filter { padding: 0; flex: 0 0 85%; } #navbar-filter ul.scrolled { list-style: none; width: 100%; flex: 1 0 100%; justify-content: space-evenly; border: none; flex-wrap: nowrap !important; } .filter-container .packages-filter .navbar .header-wrapper { justify-content: space-between; gap: 5px !important; } .filter-container .packages-filter .navbar .header-wrapper .filters-heading { margin-right: 0 !important; flex: 0 0 5%; } .filters .secondary-filters { z-index: 10; display: flex; align-items: center; } .filters .secondary-filters.package-type-filter { background: #F3F3F3; gap: 10px; width: 100%; background: transparent; } .filter-container .navbar .filter-nav ul ul, .filter-container .navbar .filter-nav ul .secondary-filter-wrapper ul { display: none; } .filter-container .navbar .filter-nav ul .secondary-filter-wrapper.open ul { display: flex; position: absolute; flex-direction: column; } .secondary-filters .dropdown-menu { background: transparent; } .filter-container .navbar .filter-nav ul li.price-filter { border: none; margin: 0; } .price-filter .seating_chart_price .range-slider { min-width: 340px; } .filters .secondary-filters .dropdown.open .dropdown-menu { top: 90%; padding: 15px 5px 15px 15px; border: 1px solid #041624; border-top-left-radius: 0px; border-top-right-radius: 0px; margin-left: -1px; margin-right: -1px; width: calc(100% + 2px); left: 0; background: #041624; color: #fff; } .filters .secondary-filters .dropdown.open .dropdown-menu li { display: flex; gap: 10px; flex-direction: row-reverse; align-self: flex-start; } .filters .secondary-filters .dropdown.open .dropdown-menu li p { margin: 0; font-size: 14px; text-align: left; } .price .form-control { padding: 4px 6px !important; min-width: 38px !important; } @media (min-width: 992px) { .secondary-filters .secondary-filter-wrapper { display: flex; justify-content: center; text-align: center; padding: 8px 15px !important; border: 1px solid #041624; color: #FFF; border-radius: 5px; text-transform: uppercase; align-items: center; background: #06255B; min-width: 200px; } span.label-text { font-weight: normal; font-size: 14px; } .secondary-filters .secondary-filter-wrapper:hover, .secondary-filters .secondary-filter-wrapper.open { background: #041624; } a.secondary-filter-heading.dropdown-toggle { display: flex; flex: 1 0 100%; color: #FFF; justify-content: space-between; } .secondary-filters .dropdown-icon { border-radius: 50%; font-family: 'FontAwesome'; font-size: 10px; margin: 0 0 0 20px; color: #FFF; display: flex !important; } .dropdown-icon:before { content: "\f078"; color: #FFF; font-family: 'FontAwesome'; font-size: 10px; display: flex !important; align-items: center; } .filters .secondary-filters.package-type-filter { gap: 5px !important; flex-wrap: nowrap !important; } .secondary-filter-heading { font-size: 14px !important; } } @media (min-width: 1200px) { .mobile-packages-filter .price-filter { padding-top: 0 !important; } } @media (max-width: 991px) { #packages-filter .mobile-packages-filter-header { border-top: none !important; margin-top: 0 !important; } .filter-container, .seating_chart .filter-container { padding: 0 !important; position: sticky; top: 80px; } #navbar-filter ul.scrolled { flex-direction: column; margin: auto !important; height: 100%; justify-content: flex-start; padding: 20px 0 !important; } .filter-container .navbar .filter-nav ul ul, .filter-container .navbar .filter-nav ul .secondary-filter-wrapper ul { display: flex; flex-wrap: wrap; border: none; } .filter-container .navbar .filter-nav ul ul li, .filter-container .navbar .filter-nav ul .secondary-filter-wrapper ul li { flex: 1 0 100%; } .navbar .navbar-nav .navbar-item, .navbar .navbar-nav .nav-item, .navbar .navbar-nav .dropdown { flex: 1 0 100%; } .secondary-filter-heading.dropdown-toggle { font-size: 30px; font-family: "Action NBA Web", sans-serif; text-transform: uppercase; line-height: 1.2; font-weight: 300; letter-spacing: .6px !important; color: #FFF; } .filter-container .packages-filter .navbar .header-wrapper { /*display: none;*/ display: block !important; padding: 0 !important; } #navbar-filter #navbar-filter { padding: 80px 20px 20px 20px !important; overflow-y: scroll; } } span.label-text { text-transform: none; } .filter-container .sorting-wrapper { display: flex; flex-wrap: wrap; padding: 5px 20px; width: 100%; border-top: 2px solid #051a33; } .filter-container .sorting-wrapper .available, .filter-container .sorting-wrapper .available p { font-family: Roboto; font-size: 14px; font-style: normal; font-weight: 400; line-height: 24px; color: #fff; } .filter-container .sorting-wrapper .available p, .filter-container .sorting-wrapper .sort p { margin: 0; } .filter-container .sorting-wrapper .sort { justify-content: flex-end; font-size: 14px; font-weight: bold; line-height: 17.5px; } .filter-container .sorting-wrapper .available, .filter-container .sorting-wrapper .sort { flex: 1 0 50%; display: flex; gap: 15px; align-items: center; flex-wrap: wrap; } .sort select { background: #06255B; color: #fff; border: none; border-radius: 5px; padding: 5px 10px; } #packages-filter { position: sticky; top: 125px; } .filter-container .packages-filter .navbar { min-height: initial !important; } #packages-filter .mobile-packages-filter-header { width: 100%; padding: 0; height: auto; } #packages-filter .mobile-packages-filter-header .filter { color: #FFF; font-family: Roboto; font-size: 12px; font-weight: 400; text-transform: uppercase; } #packages-filter .mobile-packages-filter-header .filter i { font-family: 'FontAwesome'; font-style: normal; font-size: 16px; margin-right: 5px; } .seating_chart .packages-filter .container-fluid .navbar-header { display: none; } .filter-container .packages-filter .navbar .header-wrapper .sort select { background: #041624; border: 1px solid #C8102E; color: #FFF; padding: 7px; text-transform: uppercase; border-radius: 4px; font-size: 12px; width: 61%; } .filter-container .navbar.scrolled { background: transparent; } .filter-container .packages-filter, .filter-container .packages-filter .navbar, .filter-container .packages-filter .container-fluid { padding: 0; margin: 0; flex-direction: column; height: auto; } .filter-container .packages-filter .navbar .header-wrapper { width: 100%; align-items: center; } .filter-container .packages-filter .navbar .header-wrapper h3 { color: #FFF; font-size: 40px; } .filter-container .packages-filter .navbar .header-wrapper .sort, .filter-container .navbar .filter-nav ul li h4 { color: #FFF; margin: 0 auto 0 0; } .filter-container .navbar .filter-nav ul li h4 { font-size: 30px; margin-top: 25px; font-weight: 300; letter-spacing: 0.6px; } .filter-container .packages-filter .navbar .header-wrapper h3 { margin-right: auto !important; } .filter-container .packages-filter .navbar .header-wrapper .btn.reset { color: #FFF; border-color: #FFF; text-transform: uppercase; padding: 5px 20px; flex: 0 0 8%; } .filter-container .navbar .filter-nav ul li.button { width: auto; display: inline; } .filter-container .navbar .filter-nav ul li.sort { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; } .filter-container .navbar .filter-nav ul li.sort p { margin: 0 0 0 auto; } .price-filter .seating_chart_price { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; } .price-filter .seating_chart_price .price { display: flex; align-items: center; gap: 5px; flex-wrap: nowrap; margin: 0; padding: 0; padding-top: 5px; } .price-filter .seating_chart_price .price span { font-size: 30px; font-family: "Action NBA Web", sans-serif; text-transform: uppercase; line-height: 1.2; font-weight: 300; letter-spacing: .6px !important; } .price-filter .seating_chart_price .price .form-group { margin: 0; } .price-filter .seating_chart_price .range-slider { flex: 1; align-items: center; } .seating_chart_price .range-slider .min-slider, .seating_chart_price .range-slider .max-slider { border: none; color: #FFF; padding: 0px !important; padding-top: 5px !important; } .seating_chart_price .range-slider .min-slider { margin-left: 0px !important; margin-right: 5px; } .seating_chart_price .range-slider .max-slider { margin-left: 5px; } .price-filter .seating_chart_price .range-slider .slider { margin: 0; } .filter-container .packages-filter .navbar .header-wrapper h3 { margin: 0; } .currency_exchange_form .form-control.select { background-color: #868686; border: 0; border-radius: 0px !important; color: #fff; outline: none !important; font-size: 12px; } @media (max-width: 1302px) { #navbar-filter #navbar-filter { order: 3; flex: 100%; } #navbar-filter ul.scrolled { flex-wrap: wrap !important; justify-content: flex-start !important; } } @media (max-width: 1195px) { .price-filter .seating_chart_price .range-slider { min-width: 300px !important; } .price-filter .seating_chart_price { gap: 15px !important; } } @media (max-width: 992px) { .show-above-991 { display: none !important; } .show-below-992 { display: initial !important; } /***** WTF WORK AROUND *****/ #packages-filter { position: relative; top: 0; } .filter-container .navbar { z-index: 9999999 !important; } .icon-cross, .icon-cross:before { font-family: 'FontAwesome' !important; font-style: normal; color: #fff; display: flex; justify-content: flex-end; font-size: 30px; } } @media (max-width: 991px) { #packages-filter .mobile-packages-filter-header { display: block; border-top: 1px solid #1D428A; margin-top: 10px; } .price-filter .seating_chart_price .range-slider { min-width:300px; } .filter-container .navbar .filter-nav ul li.price-filter { padding-bottom: 90px; } #packages-filter .mobile-packages-filter.show { max-height: 100vh; opacity: 1; transition: max-height .3s, opacity .2s, visibility 0s; visibility: visible; z-index: 99999 !important; } #packages-filter .mobile-packages-filter { background: #041624; display: block; height: 100vh; left: 0; max-height: 0; opacity: 0; overflow: hidden; width: 100%; padding: 50px 20px; position: fixed; top: 0; transition: max-height .3s, opacity .2s .1s, visibility 0s .3s; visibility: hidden; z-index: 100; } .price-filter .seating_chart_price { flex-direction: column; flex-wrap: wrap; gap: 15px; align-items: flex-start; } .filter-container { flex: 1 0 100%; padding: 7px 15px !important; border-bottom: 1px solid #1D428A; border-right: none; } .filter-container .packages-filter .navbar .header-wrapper h3, .filter-container .packages-filter .navbar .header-wrapper .btn.reset { display: none; } .filter-container .packages-filter .navbar .header-wrapper .sort select { padding: 8px 15px 8px 8px; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-header { text-align: center; } .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider { width: 80%; } .price-filter .seating_chart_price .range-slider .slider { width: 100% !important; } .seating_chart_price .range-slider .min-slider, .seating_chart_price .range-slider .max-slider { padding-bottom: 5px !important; padding-top: 0px !important; } #navbar-filter ul.scrolled { flex-wrap: nowrap !important; } } @media (max-width: 481px) { .price-filter .seating_chart_price .range-slider .slider .slider-fill { margin-top: -1px; } .seating_chart_price .range-slider { justify-content: space-between; } } @media (min-width: 482px) and (max-width: 767px) { .seating_chart_price .range-slider { justify-content: space-around; margin-top: 0; } } @media (min-width: 482px) and (max-width: 499px) { .seating_chart_price { margin-left: 0px !important; width: 100% !important; } } @media (min-width: 361px) and (max-width: 420px) { .seating_chart .filter-container .packages-filter .navbar .container-fluid .navbar-nav .price-filter .seating_chart_price .range-slider { width: 100%; } } @media (min-width: 280px) and (max-width: 360px) { .seating_chart_price .range-slider { margin-left: 0; width: 100% !important; } .price-filter .seating_chart_price .range-slider .slider { width: 50%; } } @media (min-width: 992px) and (max-width: 1194px) { .filter-container .packages-filter .navbar .header-wrapper h3 { flex: 0 0 16%; } .price-filter .seating_chart_price { gap: 15px !important; } } @media (min-width: 992px) { .show-above-991 { display: flex !important; } .show-below-992 { display: none !important; } } </style>  <style> .package-box-container .group-packages, .package-box-container .group-packages>div:first-child { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; width: 100%; } .navbar .container .dropdown-menu>li .navbar-item { border-bottom: 2px solid #c9102e !important; } @media (max-width: 1199px) { .navbar .navbar-collapse { padding: 15px; padding-bottom: 120px; } } .package-container-wrapper .package-container { display: flex; flex-direction: column; } #group_11500_packages { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 20px; } .group-packages .seatingChartPackage { width: 33.3%; flex: 0 0 calc(33.3% - 20px); display: flex; } .group-package { display: flex; flex: 1 1 auto; } .package-container-wrapper .package-container .package-link.package-link--row { border: none; flex-direction: column !important; display: flex; flex: 1; } .package-container-wrapper .package-container .package-container--image { /*height: 180px !important;*/ /*max-height: 180px !important;*/ /*width: 90% !important;*/ object-fit: cover; border-radius: 6px !important; margin: 0 auto -40px auto; } .package-container-wrapper .package-container .background-fade { background-image: linear-gradient(180deg, rgba(4, 22, 36, 0.75) 38.44%, rgba(6, 37, 91, 0.9) 100%); color: #fff; display: flex; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 6px; } .package-container-wrapper .package-container .content { color: #fff; position: relative; z-index: 2; display: flex; width: 100%; margin: auto; background: rgba(6, 37, 91, 0.70); border-radius: 5px; flex: 1; } .package-container-wrapper .package-container .content .compare-package-button { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; background: #6aaae4cc; letter-spacing: .5px; margin-right: -9.5%; margin-bottom: 10px; width: max-content; align-self: flex-end; margin-left: auto; color: #fff; text-transform: uppercase; font-weight: bold; line-height: 13px; font-size: 12px; font-family: "Roboto", sans-serif; box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.25); cursor: pointer; } .package-container-wrapper .package-container .content .compare-package-button .compare-radio, .package-container-wrapper .package-container .content .compare-package-button .compare-radio .small-compare-radio { background: rgb(255, 255, 255); color: transparent; } .package-container-wrapper .package-container .content .compare-package-button.chosen .compare-radio .small-compare-radio { color: #c8102e; } .package-container-wrapper .package-container .content .blue-box-original-content { display: flex; flex-direction: column; flex-wrap: wrap; align-items: baseline; height: 100%; width: 100%; } .package-container-wrapper .package-container .content h3, .package-container-wrapper .package-container .content .location { font-size: 15px; line-height: 18px; margin: 0 0 30px 0 !important; padding: 0; color: #FFF; text-align: center !important; font-family: Roboto; font-weight: 400; text-transform: capitalize; } .package-container-wrapper .package-container .content .seating-image { margin: 0 0 10px 0; } .package-container-wrapper .package-container .content .button-wrapper { display: flex; gap: 20px; justify-items: center; width: 100%; } .package-container-wrapper .package-container .content .btn-primary { text-transform: uppercase; z-index: 9; } .package-container-wrapper .package-container .content .title { color: #fff; font-size: 55px; font-weight: 900; margin: 0 0 1% 0; line-height: 46px; font-family: "Action NBA Web", sans-serif; text-transform: uppercase; padding: 0; text-align: left; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45); } .package-container-wrapper .package-container .content .sub-name { color: #fff; font-size: 28px; line-height: 34px; font-weight: 400; margin: 0 0 6% 0; font-family: "Action NBA Web", sans-serif; text-transform: uppercase; padding: 0; text-align: center; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45); } .package-container-wrapper .package-container .content .seating-info-wrapper { display: flex; flex-direction: column; align-items: center; } .package-container-wrapper .package-container .content .btn--view-more, .package-container-wrapper .package-container .content .btn--close { background: none; border: none; display: flex; align-items: center; color: #fff; padding: 0; gap: 10px; margin-top: 0; text-transform: uppercase; font-family: "Roboto", sans-serif; text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45); } .package-container-wrapper .package-container .content .btn--view-more { margin-left: auto; } .package-container-wrapper .package-container .content .blue-box--content { position: relative; padding: 10px; border-radius: 6px; display: none; top: 0; right: 0; left: 0; bottom: 0; background: rgb(6 37 91 / 100%); flex-direction: column; justify-content: flex-start; flex-grow: 1; width: 100%; } .package-container-wrapper .package-container .content .blue-box--content .btn--close { margin: 5px 15px 20px auto; } .package-container-wrapper .package-container .content ul { padding: 0; margin: 0 0 0 0; list-style: none; } .package-container-wrapper .package-container .content ul li { color: #fff; margin-bottom: 5px; display: flex; text-align: center; flex-direction: column; gap: 10px; align-items: center; font-size: 15px; } .package-container-wrapper .package-container .content ul li img { width: 20px; height: 20px; } @media (max-width: 1360px) { .group-packages .seatingChartPackage { width: 48%; flex: 0 0 calc(50% - 13px); } } @media (max-width: 991px) { .package-container-wrapper { flex: 1 0 100%; } .package-container-wrapper .package-container .content .blue-box-original-content { align-items: flex-start; padding: 5% 8%; } .package-container-wrapper .package-container .content .title { margin-bottom: 0%; line-height: 38px; font-size: 40px; } .package-container-wrapper .package-container .content .seating-info-wrapper { flex-direction: row; gap: 15px; margin-bottom: 15px; } .package-container-wrapper .package-container .content h3, .package-container-wrapper .package-container .content .location, .package-container-wrapper .package-container .content .btn--view-more, .package-container-wrapper .package-container .content .btn--close { margin-bottom: 10px !important; text-align: left !important; } .package-container-wrapper .package-container .content .compare-package-button { margin-bottom: 0px !important; text-align: left !important; } .package-container-wrapper .package-container .content .btn-primary { margin: 0; } #view-more { display: none; } } @media (max-width: 815px) { .group-packages .seatingChartPackage { flex: 0 0 calc(100%); } } </style> </div>  <div>  <style type="text/css"> .basketball-pro { position: absolute; right: 12%; bottom: 0%; opacity: 0; z-index: 999; } .basketball-pro img { height: 60vh; } .basketball-pro2 { position: absolute; right: 5%; top: 0; opacity: 1; z-index: 999; max-width: 30%; background-image: linear-gradient(180deg, rgba(200, 16, 46, 0) 40%, #041624 80%), url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/83937-72_DPI_WEB-240217_QUIN5757_NBAExperiences_MascotBreakfast_BU_-83-39058668af4636a50b83958e872042cd.png"); background-size: contain; width: 100%; height: 95%; background-repeat: no-repeat; background-position: center; } @media (max-width: 1375px) { .basketball-pro2 { right: 5%; } } </style>  <style type="text/css"> .parent-package .details h2.white, .parent-package .details .h2.white { color: #FFF; } .slideshow-wrapper { background-color: #041624; } .matt-slideshow { position: relative; width: 100%; height: 300px; overflow: hidden; max-width: 2700px; margin: auto; background-color: #041624; } .matt-slideshow .image { position: absolute; width: 300px; height: 100%; left: -300px; animation: sliding 100s infinite; background-size: cover; } .matt-slideshow:hover.image, .matt-slideshow--reverse:hover.image { animation-play-state: paused; } .matt-slideshow--reverse .image { animation: sliding-reverse 100s infinite; } .matt-slideshow .image { background-color: #041624; border-radius: 15px; border: 10px solid #041624; display: flex; align-items: center; justify-content: center; } .matt-slideshow .image-1 { background: url(https://assets.quintevents.com/m/7fc2a718dd78c2b4/webimage-NBA-Experiences-NBA-Mexico-City-Game-2024-Trophy-Photo-01.jpg); animation-delay: -0s; } .matt-slideshow .image-2 { background: url(https://assets.quintevents.com/m/33e6050a94014b26/webimage-NBA-Experiences-2023-NBA-Draft-012.jpg); animation-delay: -10s; } .matt-slideshow .image-3 { background: url(https://assets.quintevents.com/m/3f556b843ed417b7/webimage-NBA-Experiences-NBA-In-Season-Tournament-2023-Legends-Dinner-24.jpg); animation-delay: -20s; } .matt-slideshow .image-4 { background: url(https://assets.quintevents.com/m/76de9d8a06d9dcc5/webimage-NBA-Experiences-NBA-Mexico-City-Game-2024-Premium-Hospitality-46.jpg); animation-delay: -30s; } .matt-slideshow .image-5 { background: url(https://assets.quintevents.com/m/29f4f2eb65e56907/webimage-NBA-Experiences-NBA-All-Star-2023-NBA-EXP-Lounge-07.jpg); animation-delay: -40s; } .matt-slideshow .image-6 { background: url(https://assets.quintevents.com/m/3d705da8fa054bfc/webimage-NBA-Experiences-Abu-Dhabi-2024-Behind-the-Scenes-Tour-28.jpg); animation-delay: -50s; } .matt-slideshow .image-7 { background: url(https://assets.quintevents.com/m/5080537962cbd607/webimage-NBA-Experiences-Abu-Dhabi-2024-Legends-Dinner-21.jpg); animation-delay: -60s; } .matt-slideshow .image-8 { background: url(https://assets.quintevents.com/m/56fab71f92bb9494/webimage-NBA-Experiences-2024-All-Star-JB-Shootaround-08.jpg); animation-delay: -70s; } .matt-slideshow .image-9 { background: url(https://assets.quintevents.com/m/64e017d795481a62/webimage-NBA-Experiences-NBA-Summer-League-2023-Mitch-Richmond-Shootaround-07.jpg); animation-delay: -80s; } .matt-slideshow .image-10 { background: url(https://assets.quintevents.com/m/171a0a1bdbed95a0/webimage-NBA-Experiences-2023-Draft-Combine-Workout.jpg); animation-delay: -90s; } .matt-slideshow .image-11 { background: url(https://assets.quintevents.com/m/3798ac6696d21826/webimage-NBA-Experiences-2024-All-Star-Lunch-with-a-Legend-039.jpg); animation-delay: -0s; } .matt-slideshow .image-12 { background: url(https://assets.quintevents.com/m/b13503ee59af54d/webimage-NBA-Experiences-2024-Paris-Shootaround-23.jpg); animation-delay: -10s; } .matt-slideshow .image-13 { background: url(https://assets.quintevents.com/m/6900d06592085513/webimage-NBA-Experiences-NBA-All-Star-2023-Mascot-Breakfast-08.jpg); animation-delay: -20s; } .matt-slideshow .image-14 { background: url(https://assets.quintevents.com/m/41a217c9352e41b1/webimage-NBA-Experiences-2024-All-Star-Shootaround-01.jpg); animation-delay: -30s; } .matt-slideshow .image-15 { background: url(https://assets.quintevents.com/m/170a5c88b06c6b73/webimage-NBA-Experiences-Abu-Dhabi-2024-EXP-Lounge-Sunday-001.jpg); animation-delay: -40s; } .matt-slideshow .image-16 { background: url(https://assets.quintevents.com/m/4abf9b665537e469/webimage-NBA-Experiences-NBA-Paris-2023-Legend-Dinner-56.jpg); animation-delay: -50s; } .matt-slideshow .image-17 { background: url(https://assets.quintevents.com/m/5e345d4b2176c821/webimage-NBA-Experiences-Summer-League-2024-Shootaround-with-NBA-Legend-15.jpg); animation-delay: -60s; } .matt-slideshow .image-18 { background: url(https://assets.quintevents.com/m/11fed2952e16d775/webimage-NBA-Experiences-Draft-2024-Headquarters-Tour-and-Dinner-036.jpg); animation-delay: -70s; } .matt-slideshow .image-19 { background: url(https://assets.quintevents.com/m/459a5c4f766c85dc/webimage-NBA-Experiences-NBA-Abu-Dhabi-2023-Day-3-Legends-Dinner-81.jpg); animation-delay: -80s; } .matt-slideshow .image-20 { background: url(https://assets.quintevents.com/m/3b0de1ec0e5e82e0/webimage-NBA-Experiences-2024-All-Star-Champions-Club-59.jpg); animation-delay: -90s; } .matt-slideshow div { background-size: cover !important; background-position: center !important; } @keyframes sliding { 0% { transform: translateX(0%); opacity: 0; } 0.1% { transform: translateX(1%); opacity: 1; } 0.2% { transform: translateX(2%); opacity: 1; } 0.3% { transform: translateX(3%); opacity: 1; } 0.4% { transform: translateX(4%); opacity: 1; } 0.5% { transform: translateX(5%); opacity: 1; } 0.6% { transform: translateX(6%); opacity: 1; } 0.7% { transform: translateX(7%); opacity: 1; } 0.8% { transform: translateX(8%); opacity: 1; } 0.9% { transform: translateX(9%); opacity: 1; } 1% { transform: translateX(10%); opacity: 1; } 1.1% { transform: translateX(11%); opacity: 1; } 1.2% { transform: translateX(12%); opacity: 1; } 1.3% { transform: translateX(13%); opacity: 1; } 1.4% { transform: translateX(14%); opacity: 1; } 1.5% { transform: translateX(15%); opacity: 1; } 1.6% { transform: translateX(16%); opacity: 1; } 1.7% { transform: translateX(17%); opacity: 1; } 1.8% { transform: translateX(18%); opacity: 1; } 1.9% { transform: translateX(19%); opacity: 1; } 2% { transform: translateX(20%); opacity: 1; } 2.1% { transform: translateX(21%); opacity: 1; } 2.2% { transform: translateX(22%); opacity: 1; } 2.3% { transform: translateX(23%); opacity: 1; } 2.4% { transform: translateX(24%); opacity: 1; } 2.5% { transform: translateX(25%); opacity: 1; } 2.6% { transform: translateX(26%); opacity: 1; } 2.7% { transform: translateX(27%); opacity: 1; } 2.8% { transform: translateX(28%); opacity: 1; } 2.9% { transform: translateX(29%); opacity: 1; } 3% { transform: translateX(30%); opacity: 1; } 3.1% { transform: translateX(31%); opacity: 1; } 3.2% { transform: translateX(32%); opacity: 1; } 3.3% { transform: translateX(33%); opacity: 1; } 3.4% { transform: translateX(34%); opacity: 1; } 3.5% { transform: translateX(35%); opacity: 1; } 3.6% { transform: translateX(36%); opacity: 1; } 3.7% { transform: translateX(37%); opacity: 1; } 3.8% { transform: translateX(38%); opacity: 1; } 3.9% { transform: translateX(39%); opacity: 1; } 4% { transform: translateX(40%); opacity: 1; } 4.1% { transform: translateX(41%); opacity: 1; } 4.2% { transform: translateX(42%); opacity: 1; } 4.3% { transform: translateX(43%); opacity: 1; } 4.4% { transform: translateX(44%); opacity: 1; } 4.5% { transform: translateX(45%); opacity: 1; } 4.6% { transform: translateX(46%); opacity: 1; } 4.7% { transform: translateX(47%); opacity: 1; } 4.8% { transform: translateX(48%); opacity: 1; } 4.9% { transform: translateX(49%); opacity: 1; } 5% { transform: translateX(50%); opacity: 1; } 5.1% { transform: translateX(51%); opacity: 1; } 5.2% { transform: translateX(52%); opacity: 1; } 5.3% { transform: translateX(53%); opacity: 1; } 5.4% { transform: translateX(54%); opacity: 1; } 5.5% { transform: translateX(55%); opacity: 1; } 5.6% { transform: translateX(56%); opacity: 1; } 5.7% { transform: translateX(57%); opacity: 1; } 5.8% { transform: translateX(58%); opacity: 1; } 5.9% { transform: translateX(59%); opacity: 1; } 6% { transform: translateX(60%); opacity: 1; } 6.1% { transform: translateX(61%); opacity: 1; } 6.2% { transform: translateX(62%); opacity: 1; } 6.3% { transform: translateX(63%); opacity: 1; } 6.4% { transform: translateX(64%); opacity: 1; } 6.5% { transform: translateX(65%); opacity: 1; } 6.6% { transform: translateX(66%); opacity: 1; } 6.7% { transform: translateX(67%); opacity: 1; } 6.8% { transform: translateX(68%); opacity: 1; } 6.9% { transform: translateX(69%); opacity: 1; } 7% { transform: translateX(70%); opacity: 1; } 7.1% { transform: translateX(71%); opacity: 1; } 7.2% { transform: translateX(72%); opacity: 1; } 7.3% { transform: translateX(73%); opacity: 1; } 7.4% { transform: translateX(74%); opacity: 1; } 7.5% { transform: translateX(75%); opacity: 1; } 7.6% { transform: translateX(76%); opacity: 1; } 7.7% { transform: translateX(77%); opacity: 1; } 7.8% { transform: translateX(78%); opacity: 1; } 7.9% { transform: translateX(79%); opacity: 1; } 8% { transform: translateX(80%); opacity: 1; } 8.1% { transform: translateX(81%); opacity: 1; } 8.2% { transform: translateX(82%); opacity: 1; } 8.3% { transform: translateX(83%); opacity: 1; } 8.4% { transform: translateX(84%); opacity: 1; } 8.5% { transform: translateX(85%); opacity: 1; } 8.6% { transform: translateX(86%); opacity: 1; } 8.7% { transform: translateX(87%); opacity: 1; } 8.8% { transform: translateX(88%); opacity: 1; } 8.9% { transform: translateX(89%); opacity: 1; } 9% { transform: translateX(90%); opacity: 1; } 9.1% { transform: translateX(91%); opacity: 1; } 9.2% { transform: translateX(92%); opacity: 1; } 9.3% { transform: translateX(93%); opacity: 1; } 9.4% { transform: translateX(94%); opacity: 1; } 9.5% { transform: translateX(95%); opacity: 1; } 9.6% { transform: translateX(96%); opacity: 1; } 9.7% { transform: translateX(97%); opacity: 1; } 9.8% { transform: translateX(98%); opacity: 1; } 9.9% { transform: translateX(99%); opacity: 1; } 10% { transform: translateX(100%); opacity: 1; } 10.1% { transform: translateX(101%); opacity: 1; } 10.2% { transform: translateX(102%); opacity: 1; } 10.3% { transform: translateX(103%); opacity: 1; } 10.4% { transform: translateX(104%); opacity: 1; } 10.5% { transform: translateX(105%); opacity: 1; } 10.6% { transform: translateX(106%); opacity: 1; } 10.7% { transform: translateX(107%); opacity: 1; } 10.8% { transform: translateX(108%); opacity: 1; } 10.9% { transform: translateX(109%); opacity: 1; } 11% { transform: translateX(110%); opacity: 1; } 11.1% { transform: translateX(111%); opacity: 1; } 11.2% { transform: translateX(112%); opacity: 1; } 11.3% { transform: translateX(113%); opacity: 1; } 11.4% { transform: translateX(114%); opacity: 1; } 11.5% { transform: translateX(115%); opacity: 1; } 11.6% { transform: translateX(116%); opacity: 1; } 11.7% { transform: translateX(117%); opacity: 1; } 11.8% { transform: translateX(118%); opacity: 1; } 11.9% { transform: translateX(119%); opacity: 1; } 12% { transform: translateX(120%); opacity: 1; } 12.1% { transform: translateX(121%); opacity: 1; } 12.2% { transform: translateX(122%); opacity: 1; } 12.3% { transform: translateX(123%); opacity: 1; } 12.4% { transform: translateX(124%); opacity: 1; } 12.5% { transform: translateX(125%); opacity: 1; } 12.6% { transform: translateX(126%); opacity: 1; } 12.7% { transform: translateX(127%); opacity: 1; } 12.8% { transform: translateX(128%); opacity: 1; } 12.9% { transform: translateX(129%); opacity: 1; } 13% { transform: translateX(130%); opacity: 1; } 13.1% { transform: translateX(131%); opacity: 1; } 13.2% { transform: translateX(132%); opacity: 1; } 13.3% { transform: translateX(133%); opacity: 1; } 13.4% { transform: translateX(134%); opacity: 1; } 13.5% { transform: translateX(135%); opacity: 1; } 13.6% { transform: translateX(136%); opacity: 1; } 13.7% { transform: translateX(137%); opacity: 1; } 13.8% { transform: translateX(138%); opacity: 1; } 13.9% { transform: translateX(139%); opacity: 1; } 14% { transform: translateX(140%); opacity: 1; } 14.1% { transform: translateX(141%); opacity: 1; } 14.2% { transform: translateX(142%); opacity: 1; } 14.3% { transform: translateX(143%); opacity: 1; } 14.4% { transform: translateX(144%); opacity: 1; } 14.5% { transform: translateX(145%); opacity: 1; } 14.6% { transform: translateX(146%); opacity: 1; } 14.7% { transform: translateX(147%); opacity: 1; } 14.8% { transform: translateX(148%); opacity: 1; } 14.9% { transform: translateX(149%); opacity: 1; } 15% { transform: translateX(150%); opacity: 1; } 15.1% { transform: translateX(151%); opacity: 1; } 15.2% { transform: translateX(152%); opacity: 1; } 15.3% { transform: translateX(153%); opacity: 1; } 15.4% { transform: translateX(154%); opacity: 1; } 15.5% { transform: translateX(155%); opacity: 1; } 15.6% { transform: translateX(156%); opacity: 1; } 15.7% { transform: translateX(157%); opacity: 1; } 15.8% { transform: translateX(158%); opacity: 1; } 15.9% { transform: translateX(159%); opacity: 1; } 16% { transform: translateX(160%); opacity: 1; } 16.1% { transform: translateX(161%); opacity: 1; } 16.2% { transform: translateX(162%); opacity: 1; } 16.3% { transform: translateX(163%); opacity: 1; } 16.4% { transform: translateX(164%); opacity: 1; } 16.5% { transform: translateX(165%); opacity: 1; } 16.6% { transform: translateX(166%); opacity: 1; } 16.7% { transform: translateX(167%); opacity: 1; } 16.8% { transform: translateX(168%); opacity: 1; } 16.9% { transform: translateX(169%); opacity: 1; } 17% { transform: translateX(170%); opacity: 1; } 17.1% { transform: translateX(171%); opacity: 1; } 17.2% { transform: translateX(172%); opacity: 1; } 17.3% { transform: translateX(173%); opacity: 1; } 17.4% { transform: translateX(174%); opacity: 1; } 17.5% { transform: translateX(175%); opacity: 1; } 17.6% { transform: translateX(176%); opacity: 1; } 17.7% { transform: translateX(177%); opacity: 1; } 17.8% { transform: translateX(178%); opacity: 1; } 17.9% { transform: translateX(179%); opacity: 1; } 18% { transform: translateX(180%); opacity: 1; } 18.1% { transform: translateX(181%); opacity: 1; } 18.2% { transform: translateX(182%); opacity: 1; } 18.3% { transform: translateX(183%); opacity: 1; } 18.4% { transform: translateX(184%); opacity: 1; } 18.5% { transform: translateX(185%); opacity: 1; } 18.6% { transform: translateX(186%); opacity: 1; } 18.7% { transform: translateX(187%); opacity: 1; } 18.8% { transform: translateX(188%); opacity: 1; } 18.9% { transform: translateX(189%); opacity: 1; } 19% { transform: translateX(190%); opacity: 1; } 19.1% { transform: translateX(191%); opacity: 1; } 19.2% { transform: translateX(192%); opacity: 1; } 19.3% { transform: translateX(193%); opacity: 1; } 19.4% { transform: translateX(194%); opacity: 1; } 19.5% { transform: translateX(195%); opacity: 1; } 19.6% { transform: translateX(196%); opacity: 1; } 19.7% { transform: translateX(197%); opacity: 1; } 19.8% { transform: translateX(198%); opacity: 1; } 19.9% { transform: translateX(199%); opacity: 1; } 20% { transform: translateX(200%); opacity: 1; } 20.1% { transform: translateX(201%); opacity: 1; } 20.2% { transform: translateX(202%); opacity: 1; } 20.3% { transform: translateX(203%); opacity: 1; } 20.4% { transform: translateX(204%); opacity: 1; } 20.5% { transform: translateX(205%); opacity: 1; } 20.6% { transform: translateX(206%); opacity: 1; } 20.7% { transform: translateX(207%); opacity: 1; } 20.8% { transform: translateX(208%); opacity: 1; } 20.9% { transform: translateX(209%); opacity: 1; } 21% { transform: translateX(210%); opacity: 1; } 21.1% { transform: translateX(211%); opacity: 1; } 21.2% { transform: translateX(212%); opacity: 1; } 21.3% { transform: translateX(213%); opacity: 1; } 21.4% { transform: translateX(214%); opacity: 1; } 21.5% { transform: translateX(215%); opacity: 1; } 21.6% { transform: translateX(216%); opacity: 1; } 21.7% { transform: translateX(217%); opacity: 1; } 21.8% { transform: translateX(218%); opacity: 1; } 21.9% { transform: translateX(219%); opacity: 1; } 22% { transform: translateX(220%); opacity: 1; } 22.1% { transform: translateX(221%); opacity: 1; } 22.2% { transform: translateX(222%); opacity: 1; } 22.3% { transform: translateX(223%); opacity: 1; } 22.4% { transform: translateX(224%); opacity: 1; } 22.5% { transform: translateX(225%); opacity: 1; } 22.6% { transform: translateX(226%); opacity: 1; } 22.7% { transform: translateX(227%); opacity: 1; } 22.8% { transform: translateX(228%); opacity: 1; } 22.9% { transform: translateX(229%); opacity: 1; } 23% { transform: translateX(230%); opacity: 1; } 23.1% { transform: translateX(231%); opacity: 1; } 23.2% { transform: translateX(232%); opacity: 1; } 23.3% { transform: translateX(233%); opacity: 1; } 23.4% { transform: translateX(234%); opacity: 1; } 23.5% { transform: translateX(235%); opacity: 1; } 23.6% { transform: translateX(236%); opacity: 1; } 23.7% { transform: translateX(237%); opacity: 1; } 23.8% { transform: translateX(238%); opacity: 1; } 23.9% { transform: translateX(239%); opacity: 1; } 24% { transform: translateX(240%); opacity: 1; } 24.1% { transform: translateX(241%); opacity: 1; } 24.2% { transform: translateX(242%); opacity: 1; } 24.3% { transform: translateX(243%); opacity: 1; } 24.4% { transform: translateX(244%); opacity: 1; } 24.5% { transform: translateX(245%); opacity: 1; } 24.6% { transform: translateX(246%); opacity: 1; } 24.7% { transform: translateX(247%); opacity: 1; } 24.8% { transform: translateX(248%); opacity: 1; } 24.9% { transform: translateX(249%); opacity: 1; } 25% { transform: translateX(250%); opacity: 1; } 25.1% { transform: translateX(251%); opacity: 1; } 25.2% { transform: translateX(252%); opacity: 1; } 25.3% { transform: translateX(253%); opacity: 1; } 25.4% { transform: translateX(254%); opacity: 1; } 25.5% { transform: translateX(255%); opacity: 1; } 25.6% { transform: translateX(256%); opacity: 1; } 25.7% { transform: translateX(257%); opacity: 1; } 25.8% { transform: translateX(258%); opacity: 1; } 25.9% { transform: translateX(259%); opacity: 1; } 26% { transform: translateX(260%); opacity: 1; } 26.1% { transform: translateX(261%); opacity: 1; } 26.2% { transform: translateX(262%); opacity: 1; } 26.3% { transform: translateX(263%); opacity: 1; } 26.4% { transform: translateX(264%); opacity: 1; } 26.5% { transform: translateX(265%); opacity: 1; } 26.6% { transform: translateX(266%); opacity: 1; } 26.7% { transform: translateX(267%); opacity: 1; } 26.8% { transform: translateX(268%); opacity: 1; } 26.9% { transform: translateX(269%); opacity: 1; } 27% { transform: translateX(270%); opacity: 1; } 27.1% { transform: translateX(271%); opacity: 1; } 27.2% { transform: translateX(272%); opacity: 1; } 27.3% { transform: translateX(273%); opacity: 1; } 27.4% { transform: translateX(274%); opacity: 1; } 27.5% { transform: translateX(275%); opacity: 1; } 27.6% { transform: translateX(276%); opacity: 1; } 27.7% { transform: translateX(277%); opacity: 1; } 27.8% { transform: translateX(278%); opacity: 1; } 27.9% { transform: translateX(279%); opacity: 1; } 28% { transform: translateX(280%); opacity: 1; } 28.1% { transform: translateX(281%); opacity: 1; } 28.2% { transform: translateX(282%); opacity: 1; } 28.3% { transform: translateX(283%); opacity: 1; } 28.4% { transform: translateX(284%); opacity: 1; } 28.5% { transform: translateX(285%); opacity: 1; } 28.6% { transform: translateX(286%); opacity: 1; } 28.7% { transform: translateX(287%); opacity: 1; } 28.8% { transform: translateX(288%); opacity: 1; } 28.9% { transform: translateX(289%); opacity: 1; } 29% { transform: translateX(290%); opacity: 1; } 29.1% { transform: translateX(291%); opacity: 1; } 29.2% { transform: translateX(292%); opacity: 1; } 29.3% { transform: translateX(293%); opacity: 1; } 29.4% { transform: translateX(294%); opacity: 1; } 29.5% { transform: translateX(295%); opacity: 1; } 29.6% { transform: translateX(296%); opacity: 1; } 29.7% { transform: translateX(297%); opacity: 1; } 29.8% { transform: translateX(298%); opacity: 1; } 29.9% { transform: translateX(299%); opacity: 1; } 30% { transform: translateX(300%); opacity: 1; } 30.1% { transform: translateX(301%); opacity: 1; } 30.2% { transform: translateX(302%); opacity: 1; } 30.3% { transform: translateX(303%); opacity: 1; } 30.4% { transform: translateX(304%); opacity: 1; } 30.5% { transform: translateX(305%); opacity: 1; } 30.6% { transform: translateX(306%); opacity: 1; } 30.7% { transform: translateX(307%); opacity: 1; } 30.8% { transform: translateX(308%); opacity: 1; } 30.9% { transform: translateX(309%); opacity: 1; } 31% { transform: translateX(310%); opacity: 1; } 31.1% { transform: translateX(311%); opacity: 1; } 31.2% { transform: translateX(312%); opacity: 1; } 31.3% { transform: translateX(313%); opacity: 1; } 31.4% { transform: translateX(314%); opacity: 1; } 31.5% { transform: translateX(315%); opacity: 1; } 31.6% { transform: translateX(316%); opacity: 1; } 31.7% { transform: translateX(317%); opacity: 1; } 31.8% { transform: translateX(318%); opacity: 1; } 31.9% { transform: translateX(319%); opacity: 1; } 32% { transform: translateX(320%); opacity: 1; } 32.1% { transform: translateX(321%); opacity: 1; } 32.2% { transform: translateX(322%); opacity: 1; } 32.3% { transform: translateX(323%); opacity: 1; } 32.4% { transform: translateX(324%); opacity: 1; } 32.5% { transform: translateX(325%); opacity: 1; } 32.6% { transform: translateX(326%); opacity: 1; } 32.7% { transform: translateX(327%); opacity: 1; } 32.8% { transform: translateX(328%); opacity: 1; } 32.9% { transform: translateX(329%); opacity: 1; } 33% { transform: translateX(330%); opacity: 1; } 33.1% { transform: translateX(331%); opacity: 1; } 33.2% { transform: translateX(332%); opacity: 1; } 33.3% { transform: translateX(333%); opacity: 1; } 33.4% { transform: translateX(334%); opacity: 1; } 33.5% { transform: translateX(335%); opacity: 1; } 33.6% { transform: translateX(336%); opacity: 1; } 33.7% { transform: translateX(337%); opacity: 1; } 33.8% { transform: translateX(338%); opacity: 1; } 33.9% { transform: translateX(339%); opacity: 1; } 34% { transform: translateX(340%); opacity: 1; } 34.1% { transform: translateX(341%); opacity: 1; } 34.2% { transform: translateX(342%); opacity: 1; } 34.3% { transform: translateX(343%); opacity: 1; } 34.4% { transform: translateX(344%); opacity: 1; } 34.5% { transform: translateX(345%); opacity: 1; } 34.6% { transform: translateX(346%); opacity: 1; } 34.7% { transform: translateX(347%); opacity: 1; } 34.8% { transform: translateX(348%); opacity: 1; } 34.9% { transform: translateX(349%); opacity: 1; } 35% { transform: translateX(350%); opacity: 1; } 35.1% { transform: translateX(351%); opacity: 1; } 35.2% { transform: translateX(352%); opacity: 1; } 35.3% { transform: translateX(353%); opacity: 1; } 35.4% { transform: translateX(354%); opacity: 1; } 35.5% { transform: translateX(355%); opacity: 1; } 35.6% { transform: translateX(356%); opacity: 1; } 35.7% { transform: translateX(357%); opacity: 1; } 35.8% { transform: translateX(358%); opacity: 1; } 35.9% { transform: translateX(359%); opacity: 1; } 36% { transform: translateX(360%); opacity: 1; } 36.1% { transform: translateX(361%); opacity: 1; } 36.2% { transform: translateX(362%); opacity: 1; } 36.3% { transform: translateX(363%); opacity: 1; } 36.4% { transform: translateX(364%); opacity: 1; } 36.5% { transform: translateX(365%); opacity: 1; } 36.6% { transform: translateX(366%); opacity: 1; } 36.7% { transform: translateX(367%); opacity: 1; } 36.8% { transform: translateX(368%); opacity: 1; } 36.9% { transform: translateX(369%); opacity: 1; } 37% { transform: translateX(370%); opacity: 1; } 37.1% { transform: translateX(371%); opacity: 1; } 37.2% { transform: translateX(372%); opacity: 1; } 37.3% { transform: translateX(373%); opacity: 1; } 37.4% { transform: translateX(374%); opacity: 1; } 37.5% { transform: translateX(375%); opacity: 1; } 37.6% { transform: translateX(376%); opacity: 1; } 37.7% { transform: translateX(377%); opacity: 1; } 37.8% { transform: translateX(378%); opacity: 1; } 37.9% { transform: translateX(379%); opacity: 1; } 38% { transform: translateX(380%); opacity: 1; } 38.1% { transform: translateX(381%); opacity: 1; } 38.2% { transform: translateX(382%); opacity: 1; } 38.3% { transform: translateX(383%); opacity: 1; } 38.4% { transform: translateX(384%); opacity: 1; } 38.5% { transform: translateX(385%); opacity: 1; } 38.6% { transform: translateX(386%); opacity: 1; } 38.7% { transform: translateX(387%); opacity: 1; } 38.8% { transform: translateX(388%); opacity: 1; } 38.9% { transform: translateX(389%); opacity: 1; } 39% { transform: translateX(390%); opacity: 1; } 39.1% { transform: translateX(391%); opacity: 1; } 39.2% { transform: translateX(392%); opacity: 1; } 39.3% { transform: translateX(393%); opacity: 1; } 39.4% { transform: translateX(394%); opacity: 1; } 39.5% { transform: translateX(395%); opacity: 1; } 39.6% { transform: translateX(396%); opacity: 1; } 39.7% { transform: translateX(397%); opacity: 1; } 39.8% { transform: translateX(398%); opacity: 1; } 39.9% { transform: translateX(399%); opacity: 1; } 40% { transform: translateX(400%); opacity: 1; } 40.1% { transform: translateX(401%); opacity: 1; } 40.2% { transform: translateX(402%); opacity: 1; } 40.3% { transform: translateX(403%); opacity: 1; } 40.4% { transform: translateX(404%); opacity: 1; } 40.5% { transform: translateX(405%); opacity: 1; } 40.6% { transform: translateX(406%); opacity: 1; } 40.7% { transform: translateX(407%); opacity: 1; } 40.8% { transform: translateX(408%); opacity: 1; } 40.9% { transform: translateX(409%); opacity: 1; } 41% { transform: translateX(410%); opacity: 1; } 41.1% { transform: translateX(411%); opacity: 1; } 41.2% { transform: translateX(412%); opacity: 1; } 41.3% { transform: translateX(413%); opacity: 1; } 41.4% { transform: translateX(414%); opacity: 1; } 41.5% { transform: translateX(415%); opacity: 1; } 41.6% { transform: translateX(416%); opacity: 1; } 41.7% { transform: translateX(417%); opacity: 1; } 41.8% { transform: translateX(418%); opacity: 1; } 41.9% { transform: translateX(419%); opacity: 1; } 42% { transform: translateX(420%); opacity: 1; } 42.1% { transform: translateX(421%); opacity: 1; } 42.2% { transform: translateX(422%); opacity: 1; } 42.3% { transform: translateX(423%); opacity: 1; } 42.4% { transform: translateX(424%); opacity: 1; } 42.5% { transform: translateX(425%); opacity: 1; } 42.6% { transform: translateX(426%); opacity: 1; } 42.7% { transform: translateX(427%); opacity: 1; } 42.8% { transform: translateX(428%); opacity: 1; } 42.9% { transform: translateX(429%); opacity: 1; } 43% { transform: translateX(430%); opacity: 1; } 43.1% { transform: translateX(431%); opacity: 1; } 43.2% { transform: translateX(432%); opacity: 1; } 43.3% { transform: translateX(433%); opacity: 1; } 43.4% { transform: translateX(434%); opacity: 1; } 43.5% { transform: translateX(435%); opacity: 1; } 43.6% { transform: translateX(436%); opacity: 1; } 43.7% { transform: translateX(437%); opacity: 1; } 43.8% { transform: translateX(438%); opacity: 1; } 43.9% { transform: translateX(439%); opacity: 1; } 44% { transform: translateX(440%); opacity: 1; } 44.1% { transform: translateX(441%); opacity: 1; } 44.2% { transform: translateX(442%); opacity: 1; } 44.3% { transform: translateX(443%); opacity: 1; } 44.4% { transform: translateX(444%); opacity: 1; } 44.5% { transform: translateX(445%); opacity: 1; } 44.6% { transform: translateX(446%); opacity: 1; } 44.7% { transform: translateX(447%); opacity: 1; } 44.8% { transform: translateX(448%); opacity: 1; } 44.9% { transform: translateX(449%); opacity: 1; } 45% { transform: translateX(450%); opacity: 1; } 45.1% { transform: translateX(451%); opacity: 1; } 45.2% { transform: translateX(452%); opacity: 1; } 45.3% { transform: translateX(453%); opacity: 1; } 45.4% { transform: translateX(454%); opacity: 1; } 45.5% { transform: translateX(455%); opacity: 1; } 45.6% { transform: translateX(456%); opacity: 1; } 45.7% { transform: translateX(457%); opacity: 1; } 45.8% { transform: translateX(458%); opacity: 1; } 45.9% { transform: translateX(459%); opacity: 1; } 46% { transform: translateX(460%); opacity: 1; } 46.1% { transform: translateX(461%); opacity: 1; } 46.2% { transform: translateX(462%); opacity: 1; } 46.3% { transform: translateX(463%); opacity: 1; } 46.4% { transform: translateX(464%); opacity: 1; } 46.5% { transform: translateX(465%); opacity: 1; } 46.6% { transform: translateX(466%); opacity: 1; } 46.7% { transform: translateX(467%); opacity: 1; } 46.8% { transform: translateX(468%); opacity: 1; } 46.9% { transform: translateX(469%); opacity: 1; } 47% { transform: translateX(470%); opacity: 1; } 47.1% { transform: translateX(471%); opacity: 1; } 47.2% { transform: translateX(472%); opacity: 1; } 47.3% { transform: translateX(473%); opacity: 1; } 47.4% { transform: translateX(474%); opacity: 1; } 47.5% { transform: translateX(475%); opacity: 1; } 47.6% { transform: translateX(476%); opacity: 1; } 47.7% { transform: translateX(477%); opacity: 1; } 47.8% { transform: translateX(478%); opacity: 1; } 47.9% { transform: translateX(479%); opacity: 1; } 48% { transform: translateX(480%); opacity: 1; } 48.1% { transform: translateX(481%); opacity: 1; } 48.2% { transform: translateX(482%); opacity: 1; } 48.3% { transform: translateX(483%); opacity: 1; } 48.4% { transform: translateX(484%); opacity: 1; } 48.5% { transform: translateX(485%); opacity: 1; } 48.6% { transform: translateX(486%); opacity: 1; } 48.7% { transform: translateX(487%); opacity: 1; } 48.8% { transform: translateX(488%); opacity: 1; } 48.9% { transform: translateX(489%); opacity: 1; } 49% { transform: translateX(490%); opacity: 1; } 49.1% { transform: translateX(491%); opacity: 1; } 49.2% { transform: translateX(492%); opacity: 1; } 49.3% { transform: translateX(493%); opacity: 1; } 49.4% { transform: translateX(494%); opacity: 1; } 49.5% { transform: translateX(495%); opacity: 1; } 49.6% { transform: translateX(496%); opacity: 1; } 49.7% { transform: translateX(497%); opacity: 1; } 49.8% { transform: translateX(498%); opacity: 1; } 49.9% { transform: translateX(499%); opacity: 1; } 50% { transform: translateX(500%); opacity: 1; } 50.1% { transform: translateX(501%); opacity: 1; } 50.2% { transform: translateX(502%); opacity: 1; } 50.3% { transform: translateX(503%); opacity: 1; } 50.4% { transform: translateX(504%); opacity: 1; } 50.5% { transform: translateX(505%); opacity: 1; } 50.6% { transform: translateX(506%); opacity: 1; } 50.7% { transform: translateX(507%); opacity: 1; } 50.8% { transform: translateX(508%); opacity: 1; } 50.9% { transform: translateX(509%); opacity: 1; } 51% { transform: translateX(510%); opacity: 1; } 51.1% { transform: translateX(511%); opacity: 1; } 51.2% { transform: translateX(512%); opacity: 1; } 51.3% { transform: translateX(513%); opacity: 1; } 51.4% { transform: translateX(514%); opacity: 1; } 51.5% { transform: translateX(515%); opacity: 1; } 51.6% { transform: translateX(516%); opacity: 1; } 51.7% { transform: translateX(517%); opacity: 1; } 51.8% { transform: translateX(518%); opacity: 1; } 51.9% { transform: translateX(519%); opacity: 1; } 52% { transform: translateX(520%); opacity: 1; } 52.1% { transform: translateX(521%); opacity: 1; } 52.2% { transform: translateX(522%); opacity: 1; } 52.3% { transform: translateX(523%); opacity: 1; } 52.4% { transform: translateX(524%); opacity: 1; } 52.5% { transform: translateX(525%); opacity: 1; } 52.6% { transform: translateX(526%); opacity: 1; } 52.7% { transform: translateX(527%); opacity: 1; } 52.8% { transform: translateX(528%); opacity: 1; } 52.9% { transform: translateX(529%); opacity: 1; } 53% { transform: translateX(530%); opacity: 1; } 53.1% { transform: translateX(531%); opacity: 1; } 53.2% { transform: translateX(532%); opacity: 1; } 53.3% { transform: translateX(533%); opacity: 1; } 53.4% { transform: translateX(534%); opacity: 1; } 53.5% { transform: translateX(535%); opacity: 1; } 53.6% { transform: translateX(536%); opacity: 1; } 53.7% { transform: translateX(537%); opacity: 1; } 53.8% { transform: translateX(538%); opacity: 1; } 53.9% { transform: translateX(539%); opacity: 1; } 54% { transform: translateX(540%); opacity: 1; } 54.1% { transform: translateX(541%); opacity: 1; } 54.2% { transform: translateX(542%); opacity: 1; } 54.3% { transform: translateX(543%); opacity: 1; } 54.4% { transform: translateX(544%); opacity: 1; } 54.5% { transform: translateX(545%); opacity: 1; } 54.6% { transform: translateX(546%); opacity: 1; } 54.7% { transform: translateX(547%); opacity: 1; } 54.8% { transform: translateX(548%); opacity: 1; } 54.9% { transform: translateX(549%); opacity: 1; } 55% { transform: translateX(550%); opacity: 1; } 55.1% { transform: translateX(551%); opacity: 1; } 55.2% { transform: translateX(552%); opacity: 1; } 55.3% { transform: translateX(553%); opacity: 1; } 55.4% { transform: translateX(554%); opacity: 1; } 55.5% { transform: translateX(555%); opacity: 1; } 55.6% { transform: translateX(556%); opacity: 1; } 55.7% { transform: translateX(557%); opacity: 1; } 55.8% { transform: translateX(558%); opacity: 1; } 55.9% { transform: translateX(559%); opacity: 1; } 56% { transform: translateX(560%); opacity: 1; } 56.1% { transform: translateX(561%); opacity: 1; } 56.2% { transform: translateX(562%); opacity: 1; } 56.3% { transform: translateX(563%); opacity: 1; } 56.4% { transform: translateX(564%); opacity: 1; } 56.5% { transform: translateX(565%); opacity: 1; } 56.6% { transform: translateX(566%); opacity: 1; } 56.7% { transform: translateX(567%); opacity: 1; } 56.8% { transform: translateX(568%); opacity: 1; } 56.9% { transform: translateX(569%); opacity: 1; } 57% { transform: translateX(570%); opacity: 1; } 57.1% { transform: translateX(571%); opacity: 1; } 57.2% { transform: translateX(572%); opacity: 1; } 57.3% { transform: translateX(573%); opacity: 1; } 57.4% { transform: translateX(574%); opacity: 1; } 57.5% { transform: translateX(575%); opacity: 1; } 57.6% { transform: translateX(576%); opacity: 1; } 57.7% { transform: translateX(577%); opacity: 1; } 57.8% { transform: translateX(578%); opacity: 1; } 57.9% { transform: translateX(579%); opacity: 1; } 58% { transform: translateX(580%); opacity: 1; } 58.1% { transform: translateX(581%); opacity: 1; } 58.2% { transform: translateX(582%); opacity: 1; } 58.3% { transform: translateX(583%); opacity: 1; } 58.4% { transform: translateX(584%); opacity: 1; } 58.5% { transform: translateX(585%); opacity: 1; } 58.6% { transform: translateX(586%); opacity: 1; } 58.7% { transform: translateX(587%); opacity: 1; } 58.8% { transform: translateX(588%); opacity: 1; } 58.9% { transform: translateX(589%); opacity: 1; } 59% { transform: translateX(590%); opacity: 1; } 59.1% { transform: translateX(591%); opacity: 1; } 59.2% { transform: translateX(592%); opacity: 1; } 59.3% { transform: translateX(593%); opacity: 1; } 59.4% { transform: translateX(594%); opacity: 1; } 59.5% { transform: translateX(595%); opacity: 1; } 59.6% { transform: translateX(596%); opacity: 1; } 59.7% { transform: translateX(597%); opacity: 1; } 59.8% { transform: translateX(598%); opacity: 1; } 59.9% { transform: translateX(599%); opacity: 1; } 60% { transform: translateX(600%); opacity: 1; } 60.1% { transform: translateX(601%); opacity: 1; } 60.2% { transform: translateX(602%); opacity: 1; } 60.3% { transform: translateX(603%); opacity: 1; } 60.4% { transform: translateX(604%); opacity: 1; } 60.5% { transform: translateX(605%); opacity: 1; } 60.6% { transform: translateX(606%); opacity: 1; } 60.7% { transform: translateX(607%); opacity: 1; } 60.8% { transform: translateX(608%); opacity: 1; } 60.9% { transform: translateX(609%); opacity: 1; } 61% { transform: translateX(610%); opacity: 1; } 61.1% { transform: translateX(611%); opacity: 1; } 61.2% { transform: translateX(612%); opacity: 1; } 61.3% { transform: translateX(613%); opacity: 1; } 61.4% { transform: translateX(614%); opacity: 1; } 61.5% { transform: translateX(615%); opacity: 1; } 61.6% { transform: translateX(616%); opacity: 1; } 61.7% { transform: translateX(617%); opacity: 1; } 61.8% { transform: translateX(618%); opacity: 1; } 61.9% { transform: translateX(619%); opacity: 1; } 62% { transform: translateX(620%); opacity: 1; } 62.1% { transform: translateX(621%); opacity: 1; } 62.2% { transform: translateX(622%); opacity: 1; } 62.3% { transform: translateX(623%); opacity: 1; } 62.4% { transform: translateX(624%); opacity: 1; } 62.5% { transform: translateX(625%); opacity: 1; } 62.6% { transform: translateX(626%); opacity: 1; } 62.7% { transform: translateX(627%); opacity: 1; } 62.8% { transform: translateX(628%); opacity: 1; } 62.9% { transform: translateX(629%); opacity: 1; } 63% { transform: translateX(630%); opacity: 1; } 63.1% { transform: translateX(631%); opacity: 1; } 63.2% { transform: translateX(632%); opacity: 1; } 63.3% { transform: translateX(633%); opacity: 1; } 63.4% { transform: translateX(634%); opacity: 1; } 63.5% { transform: translateX(635%); opacity: 1; } 63.6% { transform: translateX(636%); opacity: 1; } 63.7% { transform: translateX(637%); opacity: 1; } 63.8% { transform: translateX(638%); opacity: 1; } 63.9% { transform: translateX(639%); opacity: 1; } 64% { transform: translateX(640%); opacity: 1; } 64.1% { transform: translateX(641%); opacity: 1; } 64.2% { transform: translateX(642%); opacity: 1; } 64.3% { transform: translateX(643%); opacity: 1; } 64.4% { transform: translateX(644%); opacity: 1; } 64.5% { transform: translateX(645%); opacity: 1; } 64.6% { transform: translateX(646%); opacity: 1; } 64.7% { transform: translateX(647%); opacity: 1; } 64.8% { transform: translateX(648%); opacity: 1; } 64.9% { transform: translateX(649%); opacity: 1; } 65% { transform: translateX(650%); opacity: 1; } 65.1% { transform: translateX(651%); opacity: 1; } 65.2% { transform: translateX(652%); opacity: 1; } 65.3% { transform: translateX(653%); opacity: 1; } 65.4% { transform: translateX(654%); opacity: 1; } 65.5% { transform: translateX(655%); opacity: 1; } 65.6% { transform: translateX(656%); opacity: 1; } 65.7% { transform: translateX(657%); opacity: 1; } 65.8% { transform: translateX(658%); opacity: 1; } 65.9% { transform: translateX(659%); opacity: 1; } 66% { transform: translateX(660%); opacity: 1; } 66.1% { transform: translateX(661%); opacity: 1; } 66.2% { transform: translateX(662%); opacity: 1; } 66.3% { transform: translateX(663%); opacity: 1; } 66.4% { transform: translateX(664%); opacity: 1; } 66.5% { transform: translateX(665%); opacity: 1; } 66.6% { transform: translateX(666%); opacity: 1; } 66.7% { transform: translateX(667%); opacity: 1; } 66.8% { transform: translateX(668%); opacity: 1; } 66.9% { transform: translateX(669%); opacity: 1; } 67% { transform: translateX(670%); opacity: 1; } 67.1% { transform: translateX(671%); opacity: 1; } 67.2% { transform: translateX(672%); opacity: 1; } 67.3% { transform: translateX(673%); opacity: 1; } 67.4% { transform: translateX(674%); opacity: 1; } 67.5% { transform: translateX(675%); opacity: 1; } 67.6% { transform: translateX(676%); opacity: 1; } 67.7% { transform: translateX(677%); opacity: 1; } 67.8% { transform: translateX(678%); opacity: 1; } 67.9% { transform: translateX(679%); opacity: 1; } 68% { transform: translateX(680%); opacity: 1; } 68.1% { transform: translateX(681%); opacity: 1; } 68.2% { transform: translateX(682%); opacity: 1; } 68.3% { transform: translateX(683%); opacity: 1; } 68.4% { transform: translateX(684%); opacity: 1; } 68.5% { transform: translateX(685%); opacity: 1; } 68.6% { transform: translateX(686%); opacity: 1; } 68.7% { transform: translateX(687%); opacity: 1; } 68.8% { transform: translateX(688%); opacity: 1; } 68.9% { transform: translateX(689%); opacity: 1; } 69% { transform: translateX(690%); opacity: 1; } 69.1% { transform: translateX(691%); opacity: 1; } 69.2% { transform: translateX(692%); opacity: 1; } 69.3% { transform: translateX(693%); opacity: 1; } 69.4% { transform: translateX(694%); opacity: 1; } 69.5% { transform: translateX(695%); opacity: 1; } 69.6% { transform: translateX(696%); opacity: 1; } 69.7% { transform: translateX(697%); opacity: 1; } 69.8% { transform: translateX(698%); opacity: 1; } 69.9% { transform: translateX(699%); opacity: 1; } 70% { transform: translateX(700%); opacity: 1; } 70.1% { transform: translateX(701%); opacity: 1; } 70.2% { transform: translateX(702%); opacity: 1; } 70.3% { transform: translateX(703%); opacity: 1; } 70.4% { transform: translateX(704%); opacity: 1; } 70.5% { transform: translateX(705%); opacity: 1; } 70.6% { transform: translateX(706%); opacity: 1; } 70.7% { transform: translateX(707%); opacity: 1; } 70.8% { transform: translateX(708%); opacity: 1; } 70.9% { transform: translateX(709%); opacity: 1; } 71% { transform: translateX(710%); opacity: 1; } 71.1% { transform: translateX(711%); opacity: 1; } 71.2% { transform: translateX(712%); opacity: 1; } 71.3% { transform: translateX(713%); opacity: 1; } 71.4% { transform: translateX(714%); opacity: 1; } 71.5% { transform: translateX(715%); opacity: 1; } 71.6% { transform: translateX(716%); opacity: 1; } 71.7% { transform: translateX(717%); opacity: 1; } 71.8% { transform: translateX(718%); opacity: 1; } 71.9% { transform: translateX(719%); opacity: 1; } 72% { transform: translateX(720%); opacity: 1; } 72.1% { transform: translateX(721%); opacity: 1; } 72.2% { transform: translateX(722%); opacity: 1; } 72.3% { transform: translateX(723%); opacity: 1; } 72.4% { transform: translateX(724%); opacity: 1; } 72.5% { transform: translateX(725%); opacity: 1; } 72.6% { transform: translateX(726%); opacity: 1; } 72.7% { transform: translateX(727%); opacity: 1; } 72.8% { transform: translateX(728%); opacity: 1; } 72.9% { transform: translateX(729%); opacity: 1; } 73% { transform: translateX(730%); opacity: 1; } 73.1% { transform: translateX(731%); opacity: 1; } 73.2% { transform: translateX(732%); opacity: 1; } 73.3% { transform: translateX(733%); opacity: 1; } 73.4% { transform: translateX(734%); opacity: 1; } 73.5% { transform: translateX(735%); opacity: 1; } 73.6% { transform: translateX(736%); opacity: 1; } 73.7% { transform: translateX(737%); opacity: 1; } 73.8% { transform: translateX(738%); opacity: 1; } 73.9% { transform: translateX(739%); opacity: 1; } 74% { transform: translateX(740%); opacity: 1; } 74.1% { transform: translateX(741%); opacity: 1; } 74.2% { transform: translateX(742%); opacity: 1; } 74.3% { transform: translateX(743%); opacity: 1; } 74.4% { transform: translateX(744%); opacity: 1; } 74.5% { transform: translateX(745%); opacity: 1; } 74.6% { transform: translateX(746%); opacity: 1; } 74.7% { transform: translateX(747%); opacity: 1; } 74.8% { transform: translateX(748%); opacity: 1; } 74.9% { transform: translateX(749%); opacity: 1; } 75% { transform: translateX(750%); opacity: 1; } 75.1% { transform: translateX(751%); opacity: 1; } 75.2% { transform: translateX(752%); opacity: 1; } 75.3% { transform: translateX(753%); opacity: 1; } 75.4% { transform: translateX(754%); opacity: 1; } 75.5% { transform: translateX(755%); opacity: 1; } 75.6% { transform: translateX(756%); opacity: 1; } 75.7% { transform: translateX(757%); opacity: 1; } 75.8% { transform: translateX(758%); opacity: 1; } 75.9% { transform: translateX(759%); opacity: 1; } 76% { transform: translateX(760%); opacity: 1; } 76.1% { transform: translateX(761%); opacity: 1; } 76.2% { transform: translateX(762%); opacity: 1; } 76.3% { transform: translateX(763%); opacity: 1; } 76.4% { transform: translateX(764%); opacity: 1; } 76.5% { transform: translateX(765%); opacity: 1; } 76.6% { transform: translateX(766%); opacity: 1; } 76.7% { transform: translateX(767%); opacity: 1; } 76.8% { transform: translateX(768%); opacity: 1; } 76.9% { transform: translateX(769%); opacity: 1; } 77% { transform: translateX(770%); opacity: 1; } 77.1% { transform: translateX(771%); opacity: 1; } 77.2% { transform: translateX(772%); opacity: 1; } 77.3% { transform: translateX(773%); opacity: 1; } 77.4% { transform: translateX(774%); opacity: 1; } 77.5% { transform: translateX(775%); opacity: 1; } 77.6% { transform: translateX(776%); opacity: 1; } 77.7% { transform: translateX(777%); opacity: 1; } 77.8% { transform: translateX(778%); opacity: 1; } 77.9% { transform: translateX(779%); opacity: 1; } 78% { transform: translateX(780%); opacity: 1; } 78.1% { transform: translateX(781%); opacity: 1; } 78.2% { transform: translateX(782%); opacity: 1; } 78.3% { transform: translateX(783%); opacity: 1; } 78.4% { transform: translateX(784%); opacity: 1; } 78.5% { transform: translateX(785%); opacity: 1; } 78.6% { transform: translateX(786%); opacity: 1; } 78.7% { transform: translateX(787%); opacity: 1; } 78.8% { transform: translateX(788%); opacity: 1; } 78.9% { transform: translateX(789%); opacity: 1; } 79% { transform: translateX(790%); opacity: 1; } 79.1% { transform: translateX(791%); opacity: 1; } 79.2% { transform: translateX(792%); opacity: 1; } 79.3% { transform: translateX(793%); opacity: 1; } 79.4% { transform: translateX(794%); opacity: 1; } 79.5% { transform: translateX(795%); opacity: 1; } 79.6% { transform: translateX(796%); opacity: 1; } 79.7% { transform: translateX(797%); opacity: 1; } 79.8% { transform: translateX(798%); opacity: 1; } 79.9% { transform: translateX(799%); opacity: 1; } 80% { transform: translateX(800%); opacity: 1; } 80.1% { transform: translateX(801%); opacity: 1; } 80.2% { transform: translateX(802%); opacity: 1; } 80.3% { transform: translateX(803%); opacity: 1; } 80.4% { transform: translateX(804%); opacity: 1; } 80.5% { transform: translateX(805%); opacity: 1; } 80.6% { transform: translateX(806%); opacity: 1; } 80.7% { transform: translateX(807%); opacity: 1; } 80.8% { transform: translateX(808%); opacity: 1; } 80.9% { transform: translateX(809%); opacity: 1; } 81% { transform: translateX(810%); opacity: 1; } 81.1% { transform: translateX(811%); opacity: 1; } 81.2% { transform: translateX(812%); opacity: 1; } 81.3% { transform: translateX(813%); opacity: 1; } 81.4% { transform: translateX(814%); opacity: 1; } 81.5% { transform: translateX(815%); opacity: 1; } 81.6% { transform: translateX(816%); opacity: 1; } 81.7% { transform: translateX(817%); opacity: 1; } 81.8% { transform: translateX(818%); opacity: 1; } 81.9% { transform: translateX(819%); opacity: 1; } 82% { transform: translateX(820%); opacity: 1; } 82.1% { transform: translateX(821%); opacity: 1; } 82.2% { transform: translateX(822%); opacity: 1; } 82.3% { transform: translateX(823%); opacity: 1; } 82.4% { transform: translateX(824%); opacity: 1; } 82.5% { transform: translateX(825%); opacity: 1; } 82.6% { transform: translateX(826%); opacity: 1; } 82.7% { transform: translateX(827%); opacity: 1; } 82.8% { transform: translateX(828%); opacity: 1; } 82.9% { transform: translateX(829%); opacity: 1; } 83% { transform: translateX(830%); opacity: 1; } 83.1% { transform: translateX(831%); opacity: 1; } 83.2% { transform: translateX(832%); opacity: 1; } 83.3% { transform: translateX(833%); opacity: 1; } 83.4% { transform: translateX(834%); opacity: 1; } 83.5% { transform: translateX(835%); opacity: 1; } 83.6% { transform: translateX(836%); opacity: 1; } 83.7% { transform: translateX(837%); opacity: 1; } 83.8% { transform: translateX(838%); opacity: 1; } 83.9% { transform: translateX(839%); opacity: 1; } 84% { transform: translateX(840%); opacity: 1; } 84.1% { transform: translateX(841%); opacity: 1; } 84.2% { transform: translateX(842%); opacity: 1; } 84.3% { transform: translateX(843%); opacity: 1; } 84.4% { transform: translateX(844%); opacity: 1; } 84.5% { transform: translateX(845%); opacity: 1; } 84.6% { transform: translateX(846%); opacity: 1; } 84.7% { transform: translateX(847%); opacity: 1; } 84.8% { transform: translateX(848%); opacity: 1; } 84.9% { transform: translateX(849%); opacity: 1; } 85% { transform: translateX(850%); opacity: 1; } 85.1% { transform: translateX(851%); opacity: 1; } 85.2% { transform: translateX(852%); opacity: 1; } 85.3% { transform: translateX(853%); opacity: 1; } 85.4% { transform: translateX(854%); opacity: 1; } 85.5% { transform: translateX(855%); opacity: 1; } 85.6% { transform: translateX(856%); opacity: 1; } 85.7% { transform: translateX(857%); opacity: 1; } 85.8% { transform: translateX(858%); opacity: 1; } 85.9% { transform: translateX(859%); opacity: 1; } 86% { transform: translateX(860%); opacity: 1; } 86.1% { transform: translateX(861%); opacity: 1; } 86.2% { transform: translateX(862%); opacity: 1; } 86.3% { transform: translateX(863%); opacity: 1; } 86.4% { transform: translateX(864%); opacity: 1; } 86.5% { transform: translateX(865%); opacity: 1; } 86.6% { transform: translateX(866%); opacity: 1; } 86.7% { transform: translateX(867%); opacity: 1; } 86.8% { transform: translateX(868%); opacity: 1; } 86.9% { transform: translateX(869%); opacity: 1; } 87% { transform: translateX(870%); opacity: 1; } 87.1% { transform: translateX(871%); opacity: 1; } 87.2% { transform: translateX(872%); opacity: 1; } 87.3% { transform: translateX(873%); opacity: 1; } 87.4% { transform: translateX(874%); opacity: 1; } 87.5% { transform: translateX(875%); opacity: 1; } 87.6% { transform: translateX(876%); opacity: 1; } 87.7% { transform: translateX(877%); opacity: 1; } 87.8% { transform: translateX(878%); opacity: 1; } 87.9% { transform: translateX(879%); opacity: 1; } 88% { transform: translateX(880%); opacity: 1; } 88.1% { transform: translateX(881%); opacity: 1; } 88.2% { transform: translateX(882%); opacity: 1; } 88.3% { transform: translateX(883%); opacity: 1; } 88.4% { transform: translateX(884%); opacity: 1; } 88.5% { transform: translateX(885%); opacity: 1; } 88.6% { transform: translateX(886%); opacity: 1; } 88.7% { transform: translateX(887%); opacity: 1; } 88.8% { transform: translateX(888%); opacity: 1; } 88.9% { transform: translateX(889%); opacity: 1; } 89% { transform: translateX(890%); opacity: 1; } 89.1% { transform: translateX(891%); opacity: 1; } 89.2% { transform: translateX(892%); opacity: 1; } 89.3% { transform: translateX(893%); opacity: 1; } 89.4% { transform: translateX(894%); opacity: 1; } 89.5% { transform: translateX(895%); opacity: 1; } 89.6% { transform: translateX(896%); opacity: 1; } 89.7% { transform: translateX(897%); opacity: 1; } 89.8% { transform: translateX(898%); opacity: 1; } 89.9% { transform: translateX(899%); opacity: 1; } 90% { transform: translateX(900%); opacity: 1; } 90.1% { transform: translateX(901%); opacity: 1; } 90.2% { transform: translateX(902%); opacity: 1; } 90.3% { transform: translateX(903%); opacity: 1; } 90.4% { transform: translateX(904%); opacity: 1; } 90.5% { transform: translateX(905%); opacity: 1; } 90.6% { transform: translateX(906%); opacity: 1; } 90.7% { transform: translateX(907%); opacity: 1; } 90.8% { transform: translateX(908%); opacity: 1; } 90.9% { transform: translateX(909%); opacity: 1; } 91% { transform: translateX(910%); opacity: 1; } 91.1% { transform: translateX(911%); opacity: 1; } 91.2% { transform: translateX(912%); opacity: 1; } 91.3% { transform: translateX(913%); opacity: 1; } 91.4% { transform: translateX(914%); opacity: 1; } 91.5% { transform: translateX(915%); opacity: 1; } 91.6% { transform: translateX(916%); opacity: 1; } 91.7% { transform: translateX(917%); opacity: 1; } 91.8% { transform: translateX(918%); opacity: 1; } 91.9% { transform: translateX(919%); opacity: 1; } 92% { transform: translateX(920%); opacity: 1; } 92.1% { transform: translateX(921%); opacity: 1; } 92.2% { transform: translateX(922%); opacity: 1; } 92.3% { transform: translateX(923%); opacity: 1; } 92.4% { transform: translateX(924%); opacity: 1; } 92.5% { transform: translateX(925%); opacity: 1; } 92.6% { transform: translateX(926%); opacity: 1; } 92.7% { transform: translateX(927%); opacity: 1; } 92.8% { transform: translateX(928%); opacity: 1; } 92.9% { transform: translateX(929%); opacity: 1; } 93% { transform: translateX(930%); opacity: 1; } 93.1% { transform: translateX(931%); opacity: 1; } 93.2% { transform: translateX(932%); opacity: 1; } 93.3% { transform: translateX(933%); opacity: 1; } 93.4% { transform: translateX(934%); opacity: 1; } 93.5% { transform: translateX(935%); opacity: 1; } 93.6% { transform: translateX(936%); opacity: 1; } 93.7% { transform: translateX(937%); opacity: 1; } 93.8% { transform: translateX(938%); opacity: 1; } 93.9% { transform: translateX(939%); opacity: 1; } 94% { transform: translateX(940%); opacity: 1; } 94.1% { transform: translateX(941%); opacity: 1; } 94.2% { transform: translateX(942%); opacity: 1; } 94.3% { transform: translateX(943%); opacity: 1; } 94.4% { transform: translateX(944%); opacity: 1; } 94.5% { transform: translateX(945%); opacity: 1; } 94.6% { transform: translateX(946%); opacity: 1; } 94.7% { transform: translateX(947%); opacity: 1; } 94.8% { transform: translateX(948%); opacity: 1; } 94.9% { transform: translateX(949%); opacity: 1; } 95% { transform: translateX(950%); opacity: 1; } 95.1% { transform: translateX(951%); opacity: 1; } 95.2% { transform: translateX(952%); opacity: 1; } 95.3% { transform: translateX(953%); opacity: 1; } 95.4% { transform: translateX(954%); opacity: 1; } 95.5% { transform: translateX(955%); opacity: 1; } 95.6% { transform: translateX(956%); opacity: 1; } 95.7% { transform: translateX(957%); opacity: 1; } 95.8% { transform: translateX(958%); opacity: 1; } 95.9% { transform: translateX(959%); opacity: 1; } 96% { transform: translateX(960%); opacity: 1; } 96.1% { transform: translateX(961%); opacity: 1; } 96.2% { transform: translateX(962%); opacity: 1; } 96.3% { transform: translateX(963%); opacity: 1; } 96.4% { transform: translateX(964%); opacity: 1; } 96.5% { transform: translateX(965%); opacity: 1; } 96.6% { transform: translateX(966%); opacity: 1; } 96.7% { transform: translateX(967%); opacity: 1; } 96.8% { transform: translateX(968%); opacity: 1; } 96.9% { transform: translateX(969%); opacity: 1; } 97% { transform: translateX(970%); opacity: 1; } 97.1% { transform: translateX(971%); opacity: 1; } 97.2% { transform: translateX(972%); opacity: 1; } 97.3% { transform: translateX(973%); opacity: 1; } 97.4% { transform: translateX(974%); opacity: 1; } 97.5% { transform: translateX(975%); opacity: 1; } 97.6% { transform: translateX(976%); opacity: 1; } 97.7% { transform: translateX(977%); opacity: 1; } 97.8% { transform: translateX(978%); opacity: 1; } 97.9% { transform: translateX(979%); opacity: 1; } 98% { transform: translateX(980%); opacity: 1; } 98.1% { transform: translateX(981%); opacity: 1; } 98.2% { transform: translateX(982%); opacity: 1; } 98.3% { transform: translateX(983%); opacity: 1; } 98.4% { transform: translateX(984%); opacity: 1; } 98.5% { transform: translateX(985%); opacity: 1; } 98.6% { transform: translateX(986%); opacity: 1; } 98.7% { transform: translateX(987%); opacity: 1; } 98.8% { transform: translateX(988%); opacity: 1; } 98.9% { transform: translateX(989%); opacity: 1; } 99% { transform: translateX(990%); opacity: 1; } 99.1% { transform: translateX(991%); opacity: 1; } 99.2% { transform: translateX(992%); opacity: 1; } 99.3% { transform: translateX(993%); opacity: 1; } 99.4% { transform: translateX(994%); opacity: 1; } 99.5% { transform: translateX(995%); opacity: 1; } 99.6% { transform: translateX(996%); opacity: 1; } 99.7% { transform: translateX(997%); opacity: 1; } 99.8% { transform: translateX(998%); opacity: 1; } 99.9% { transform: translateX(999%); opacity: 1; } 100% { transform: translateX(1000%); opacity: 0; } } @keyframes sliding-reverse { 0% { transform: translateX(1000%); opacity: 0; } 0.1% { transform: translateX(999%); opacity: 1; } 0.2% { transform: translateX(998%); opacity: 1; } 0.3% { transform: translateX(997%); opacity: 1; } 0.4% { transform: translateX(996%); opacity: 1; } 0.5% { transform: translateX(995%); opacity: 1; } 0.6% { transform: translateX(994%); opacity: 1; } 0.7% { transform: translateX(993%); opacity: 1; } 0.8% { transform: translateX(992%); opacity: 1; } 0.9% { transform: translateX(991%); opacity: 1; } 1% { transform: translateX(990%); opacity: 1; } 1.1% { transform: translateX(989%); opacity: 1; } 1.2% { transform: translateX(988%); opacity: 1; } 1.3% { transform: translateX(987%); opacity: 1; } 1.4% { transform: translateX(986%); opacity: 1; } 1.5% { transform: translateX(985%); opacity: 1; } 1.6% { transform: translateX(984%); opacity: 1; } 1.7% { transform: translateX(983%); opacity: 1; } 1.8% { transform: translateX(982%); opacity: 1; } 1.9% { transform: translateX(981%); opacity: 1; } 2% { transform: translateX(980%); opacity: 1; } 2.1% { transform: translateX(979%); opacity: 1; } 2.2% { transform: translateX(978%); opacity: 1; } 2.3% { transform: translateX(977%); opacity: 1; } 2.4% { transform: translateX(976%); opacity: 1; } 2.5% { transform: translateX(975%); opacity: 1; } 2.6% { transform: translateX(974%); opacity: 1; } 2.7% { transform: translateX(973%); opacity: 1; } 2.8% { transform: translateX(972%); opacity: 1; } 2.9% { transform: translateX(971%); opacity: 1; } 3% { transform: translateX(970%); opacity: 1; } 3.1% { transform: translateX(969%); opacity: 1; } 3.2% { transform: translateX(968%); opacity: 1; } 3.3% { transform: translateX(967%); opacity: 1; } 3.4% { transform: translateX(966%); opacity: 1; } 3.5% { transform: translateX(965%); opacity: 1; } 3.6% { transform: translateX(964%); opacity: 1; } 3.7% { transform: translateX(963%); opacity: 1; } 3.8% { transform: translateX(962%); opacity: 1; } 3.9% { transform: translateX(961%); opacity: 1; } 4% { transform: translateX(960%); opacity: 1; } 4.1% { transform: translateX(959%); opacity: 1; } 4.2% { transform: translateX(958%); opacity: 1; } 4.3% { transform: translateX(957%); opacity: 1; } 4.4% { transform: translateX(956%); opacity: 1; } 4.5% { transform: translateX(955%); opacity: 1; } 4.6% { transform: translateX(954%); opacity: 1; } 4.7% { transform: translateX(953%); opacity: 1; } 4.8% { transform: translateX(952%); opacity: 1; } 4.9% { transform: translateX(951%); opacity: 1; } 5% { transform: translateX(950%); opacity: 1; } 5.1% { transform: translateX(949%); opacity: 1; } 5.2% { transform: translateX(948%); opacity: 1; } 5.3% { transform: translateX(947%); opacity: 1; } 5.4% { transform: translateX(946%); opacity: 1; } 5.5% { transform: translateX(945%); opacity: 1; } 5.6% { transform: translateX(944%); opacity: 1; } 5.7% { transform: translateX(943%); opacity: 1; } 5.8% { transform: translateX(942%); opacity: 1; } 5.9% { transform: translateX(941%); opacity: 1; } 6% { transform: translateX(940%); opacity: 1; } 6.1% { transform: translateX(939%); opacity: 1; } 6.2% { transform: translateX(938%); opacity: 1; } 6.3% { transform: translateX(937%); opacity: 1; } 6.4% { transform: translateX(936%); opacity: 1; } 6.5% { transform: translateX(935%); opacity: 1; } 6.6% { transform: translateX(934%); opacity: 1; } 6.7% { transform: translateX(933%); opacity: 1; } 6.8% { transform: translateX(932%); opacity: 1; } 6.9% { transform: translateX(931%); opacity: 1; } 7% { transform: translateX(930%); opacity: 1; } 7.1% { transform: translateX(929%); opacity: 1; } 7.2% { transform: translateX(928%); opacity: 1; } 7.3% { transform: translateX(927%); opacity: 1; } 7.4% { transform: translateX(926%); opacity: 1; } 7.5% { transform: translateX(925%); opacity: 1; } 7.6% { transform: translateX(924%); opacity: 1; } 7.7% { transform: translateX(923%); opacity: 1; } 7.8% { transform: translateX(922%); opacity: 1; } 7.9% { transform: translateX(921%); opacity: 1; } 8% { transform: translateX(920%); opacity: 1; } 8.1% { transform: translateX(919%); opacity: 1; } 8.2% { transform: translateX(918%); opacity: 1; } 8.3% { transform: translateX(917%); opacity: 1; } 8.4% { transform: translateX(916%); opacity: 1; } 8.5% { transform: translateX(915%); opacity: 1; } 8.6% { transform: translateX(914%); opacity: 1; } 8.7% { transform: translateX(913%); opacity: 1; } 8.8% { transform: translateX(912%); opacity: 1; } 8.9% { transform: translateX(911%); opacity: 1; } 9% { transform: translateX(910%); opacity: 1; } 9.1% { transform: translateX(909%); opacity: 1; } 9.2% { transform: translateX(908%); opacity: 1; } 9.3% { transform: translateX(907%); opacity: 1; } 9.4% { transform: translateX(906%); opacity: 1; } 9.5% { transform: translateX(905%); opacity: 1; } 9.6% { transform: translateX(904%); opacity: 1; } 9.7% { transform: translateX(903%); opacity: 1; } 9.8% { transform: translateX(902%); opacity: 1; } 9.9% { transform: translateX(901%); opacity: 1; } 10% { transform: translateX(900%); opacity: 1; } 10.1% { transform: translateX(899%); opacity: 1; } 10.2% { transform: translateX(898%); opacity: 1; } 10.3% { transform: translateX(897%); opacity: 1; } 10.4% { transform: translateX(896%); opacity: 1; } 10.5% { transform: translateX(895%); opacity: 1; } 10.6% { transform: translateX(894%); opacity: 1; } 10.7% { transform: translateX(893%); opacity: 1; } 10.8% { transform: translateX(892%); opacity: 1; } 10.9% { transform: translateX(891%); opacity: 1; } 11% { transform: translateX(890%); opacity: 1; } 11.1% { transform: translateX(889%); opacity: 1; } 11.2% { transform: translateX(888%); opacity: 1; } 11.3% { transform: translateX(887%); opacity: 1; } 11.4% { transform: translateX(886%); opacity: 1; } 11.5% { transform: translateX(885%); opacity: 1; } 11.6% { transform: translateX(884%); opacity: 1; } 11.7% { transform: translateX(883%); opacity: 1; } 11.8% { transform: translateX(882%); opacity: 1; } 11.9% { transform: translateX(881%); opacity: 1; } 12% { transform: translateX(880%); opacity: 1; } 12.1% { transform: translateX(879%); opacity: 1; } 12.2% { transform: translateX(878%); opacity: 1; } 12.3% { transform: translateX(877%); opacity: 1; } 12.4% { transform: translateX(876%); opacity: 1; } 12.5% { transform: translateX(875%); opacity: 1; } 12.6% { transform: translateX(874%); opacity: 1; } 12.7% { transform: translateX(873%); opacity: 1; } 12.8% { transform: translateX(872%); opacity: 1; } 12.9% { transform: translateX(871%); opacity: 1; } 13% { transform: translateX(870%); opacity: 1; } 13.1% { transform: translateX(869%); opacity: 1; } 13.2% { transform: translateX(868%); opacity: 1; } 13.3% { transform: translateX(867%); opacity: 1; } 13.4% { transform: translateX(866%); opacity: 1; } 13.5% { transform: translateX(865%); opacity: 1; } 13.6% { transform: translateX(864%); opacity: 1; } 13.7% { transform: translateX(863%); opacity: 1; } 13.8% { transform: translateX(862%); opacity: 1; } 13.9% { transform: translateX(861%); opacity: 1; } 14% { transform: translateX(860%); opacity: 1; } 14.1% { transform: translateX(859%); opacity: 1; } 14.2% { transform: translateX(858%); opacity: 1; } 14.3% { transform: translateX(857%); opacity: 1; } 14.4% { transform: translateX(856%); opacity: 1; } 14.5% { transform: translateX(855%); opacity: 1; } 14.6% { transform: translateX(854%); opacity: 1; } 14.7% { transform: translateX(853%); opacity: 1; } 14.8% { transform: translateX(852%); opacity: 1; } 14.9% { transform: translateX(851%); opacity: 1; } 15% { transform: translateX(850%); opacity: 1; } 15.1% { transform: translateX(849%); opacity: 1; } 15.2% { transform: translateX(848%); opacity: 1; } 15.3% { transform: translateX(847%); opacity: 1; } 15.4% { transform: translateX(846%); opacity: 1; } 15.5% { transform: translateX(845%); opacity: 1; } 15.6% { transform: translateX(844%); opacity: 1; } 15.7% { transform: translateX(843%); opacity: 1; } 15.8% { transform: translateX(842%); opacity: 1; } 15.9% { transform: translateX(841%); opacity: 1; } 16% { transform: translateX(840%); opacity: 1; } 16.1% { transform: translateX(839%); opacity: 1; } 16.2% { transform: translateX(838%); opacity: 1; } 16.3% { transform: translateX(837%); opacity: 1; } 16.4% { transform: translateX(836%); opacity: 1; } 16.5% { transform: translateX(835%); opacity: 1; } 16.6% { transform: translateX(834%); opacity: 1; } 16.7% { transform: translateX(833%); opacity: 1; } 16.8% { transform: translateX(832%); opacity: 1; } 16.9% { transform: translateX(831%); opacity: 1; } 17% { transform: translateX(830%); opacity: 1; } 17.1% { transform: translateX(829%); opacity: 1; } 17.2% { transform: translateX(828%); opacity: 1; } 17.3% { transform: translateX(827%); opacity: 1; } 17.4% { transform: translateX(826%); opacity: 1; } 17.5% { transform: translateX(825%); opacity: 1; } 17.6% { transform: translateX(824%); opacity: 1; } 17.7% { transform: translateX(823%); opacity: 1; } 17.8% { transform: translateX(822%); opacity: 1; } 17.9% { transform: translateX(821%); opacity: 1; } 18% { transform: translateX(820%); opacity: 1; } 18.1% { transform: translateX(819%); opacity: 1; } 18.2% { transform: translateX(818%); opacity: 1; } 18.3% { transform: translateX(817%); opacity: 1; } 18.4% { transform: translateX(816%); opacity: 1; } 18.5% { transform: translateX(815%); opacity: 1; } 18.6% { transform: translateX(814%); opacity: 1; } 18.7% { transform: translateX(813%); opacity: 1; } 18.8% { transform: translateX(812%); opacity: 1; } 18.9% { transform: translateX(811%); opacity: 1; } 19% { transform: translateX(810%); opacity: 1; } 19.1% { transform: translateX(809%); opacity: 1; } 19.2% { transform: translateX(808%); opacity: 1; } 19.3% { transform: translateX(807%); opacity: 1; } 19.4% { transform: translateX(806%); opacity: 1; } 19.5% { transform: translateX(805%); opacity: 1; } 19.6% { transform: translateX(804%); opacity: 1; } 19.7% { transform: translateX(803%); opacity: 1; } 19.8% { transform: translateX(802%); opacity: 1; } 19.9% { transform: translateX(801%); opacity: 1; } 20% { transform: translateX(800%); opacity: 1; } 20.1% { transform: translateX(799%); opacity: 1; } 20.2% { transform: translateX(798%); opacity: 1; } 20.3% { transform: translateX(797%); opacity: 1; } 20.4% { transform: translateX(796%); opacity: 1; } 20.5% { transform: translateX(795%); opacity: 1; } 20.6% { transform: translateX(794%); opacity: 1; } 20.7% { transform: translateX(793%); opacity: 1; } 20.8% { transform: translateX(792%); opacity: 1; } 20.9% { transform: translateX(791%); opacity: 1; } 21% { transform: translateX(790%); opacity: 1; } 21.1% { transform: translateX(789%); opacity: 1; } 21.2% { transform: translateX(788%); opacity: 1; } 21.3% { transform: translateX(787%); opacity: 1; } 21.4% { transform: translateX(786%); opacity: 1; } 21.5% { transform: translateX(785%); opacity: 1; } 21.6% { transform: translateX(784%); opacity: 1; } 21.7% { transform: translateX(783%); opacity: 1; } 21.8% { transform: translateX(782%); opacity: 1; } 21.9% { transform: translateX(781%); opacity: 1; } 22% { transform: translateX(780%); opacity: 1; } 22.1% { transform: translateX(779%); opacity: 1; } 22.2% { transform: translateX(778%); opacity: 1; } 22.3% { transform: translateX(777%); opacity: 1; } 22.4% { transform: translateX(776%); opacity: 1; } 22.5% { transform: translateX(775%); opacity: 1; } 22.6% { transform: translateX(774%); opacity: 1; } 22.7% { transform: translateX(773%); opacity: 1; } 22.8% { transform: translateX(772%); opacity: 1; } 22.9% { transform: translateX(771%); opacity: 1; } 23% { transform: translateX(770%); opacity: 1; } 23.1% { transform: translateX(769%); opacity: 1; } 23.2% { transform: translateX(768%); opacity: 1; } 23.3% { transform: translateX(767%); opacity: 1; } 23.4% { transform: translateX(766%); opacity: 1; } 23.5% { transform: translateX(765%); opacity: 1; } 23.6% { transform: translateX(764%); opacity: 1; } 23.7% { transform: translateX(763%); opacity: 1; } 23.8% { transform: translateX(762%); opacity: 1; } 23.9% { transform: translateX(761%); opacity: 1; } 24% { transform: translateX(760%); opacity: 1; } 24.1% { transform: translateX(759%); opacity: 1; } 24.2% { transform: translateX(758%); opacity: 1; } 24.3% { transform: translateX(757%); opacity: 1; } 24.4% { transform: translateX(756%); opacity: 1; } 24.5% { transform: translateX(755%); opacity: 1; } 24.6% { transform: translateX(754%); opacity: 1; } 24.7% { transform: translateX(753%); opacity: 1; } 24.8% { transform: translateX(752%); opacity: 1; } 24.9% { transform: translateX(751%); opacity: 1; } 25% { transform: translateX(750%); opacity: 1; } 25.1% { transform: translateX(749%); opacity: 1; } 25.2% { transform: translateX(748%); opacity: 1; } 25.3% { transform: translateX(747%); opacity: 1; } 25.4% { transform: translateX(746%); opacity: 1; } 25.5% { transform: translateX(745%); opacity: 1; } 25.6% { transform: translateX(744%); opacity: 1; } 25.7% { transform: translateX(743%); opacity: 1; } 25.8% { transform: translateX(742%); opacity: 1; } 25.9% { transform: translateX(741%); opacity: 1; } 26% { transform: translateX(740%); opacity: 1; } 26.1% { transform: translateX(739%); opacity: 1; } 26.2% { transform: translateX(738%); opacity: 1; } 26.3% { transform: translateX(737%); opacity: 1; } 26.4% { transform: translateX(736%); opacity: 1; } 26.5% { transform: translateX(735%); opacity: 1; } 26.6% { transform: translateX(734%); opacity: 1; } 26.7% { transform: translateX(733%); opacity: 1; } 26.8% { transform: translateX(732%); opacity: 1; } 26.9% { transform: translateX(731%); opacity: 1; } 27% { transform: translateX(730%); opacity: 1; } 27.1% { transform: translateX(729%); opacity: 1; } 27.2% { transform: translateX(728%); opacity: 1; } 27.3% { transform: translateX(727%); opacity: 1; } 27.4% { transform: translateX(726%); opacity: 1; } 27.5% { transform: translateX(725%); opacity: 1; } 27.6% { transform: translateX(724%); opacity: 1; } 27.7% { transform: translateX(723%); opacity: 1; } 27.8% { transform: translateX(722%); opacity: 1; } 27.9% { transform: translateX(721%); opacity: 1; } 28% { transform: translateX(720%); opacity: 1; } 28.1% { transform: translateX(719%); opacity: 1; } 28.2% { transform: translateX(718%); opacity: 1; } 28.3% { transform: translateX(717%); opacity: 1; } 28.4% { transform: translateX(716%); opacity: 1; } 28.5% { transform: translateX(715%); opacity: 1; } 28.6% { transform: translateX(714%); opacity: 1; } 28.7% { transform: translateX(713%); opacity: 1; } 28.8% { transform: translateX(712%); opacity: 1; } 28.9% { transform: translateX(711%); opacity: 1; } 29% { transform: translateX(710%); opacity: 1; } 29.1% { transform: translateX(709%); opacity: 1; } 29.2% { transform: translateX(708%); opacity: 1; } 29.3% { transform: translateX(707%); opacity: 1; } 29.4% { transform: translateX(706%); opacity: 1; } 29.5% { transform: translateX(705%); opacity: 1; } 29.6% { transform: translateX(704%); opacity: 1; } 29.7% { transform: translateX(703%); opacity: 1; } 29.8% { transform: translateX(702%); opacity: 1; } 29.9% { transform: translateX(701%); opacity: 1; } 30% { transform: translateX(700%); opacity: 1; } 30.1% { transform: translateX(699%); opacity: 1; } 30.2% { transform: translateX(698%); opacity: 1; } 30.3% { transform: translateX(697%); opacity: 1; } 30.4% { transform: translateX(696%); opacity: 1; } 30.5% { transform: translateX(695%); opacity: 1; } 30.6% { transform: translateX(694%); opacity: 1; } 30.7% { transform: translateX(693%); opacity: 1; } 30.8% { transform: translateX(692%); opacity: 1; } 30.9% { transform: translateX(691%); opacity: 1; } 31% { transform: translateX(690%); opacity: 1; } 31.1% { transform: translateX(689%); opacity: 1; } 31.2% { transform: translateX(688%); opacity: 1; } 31.3% { transform: translateX(687%); opacity: 1; } 31.4% { transform: translateX(686%); opacity: 1; } 31.5% { transform: translateX(685%); opacity: 1; } 31.6% { transform: translateX(684%); opacity: 1; } 31.7% { transform: translateX(683%); opacity: 1; } 31.8% { transform: translateX(682%); opacity: 1; } 31.9% { transform: translateX(681%); opacity: 1; } 32% { transform: translateX(680%); opacity: 1; } 32.1% { transform: translateX(679%); opacity: 1; } 32.2% { transform: translateX(678%); opacity: 1; } 32.3% { transform: translateX(677%); opacity: 1; } 32.4% { transform: translateX(676%); opacity: 1; } 32.5% { transform: translateX(675%); opacity: 1; } 32.6% { transform: translateX(674%); opacity: 1; } 32.7% { transform: translateX(673%); opacity: 1; } 32.8% { transform: translateX(672%); opacity: 1; } 32.9% { transform: translateX(671%); opacity: 1; } 33% { transform: translateX(670%); opacity: 1; } 33.1% { transform: translateX(669%); opacity: 1; } 33.2% { transform: translateX(668%); opacity: 1; } 33.3% { transform: translateX(667%); opacity: 1; } 33.4% { transform: translateX(666%); opacity: 1; } 33.5% { transform: translateX(665%); opacity: 1; } 33.6% { transform: translateX(664%); opacity: 1; } 33.7% { transform: translateX(663%); opacity: 1; } 33.8% { transform: translateX(662%); opacity: 1; } 33.9% { transform: translateX(661%); opacity: 1; } 34% { transform: translateX(660%); opacity: 1; } 34.1% { transform: translateX(659%); opacity: 1; } 34.2% { transform: translateX(658%); opacity: 1; } 34.3% { transform: translateX(657%); opacity: 1; } 34.4% { transform: translateX(656%); opacity: 1; } 34.5% { transform: translateX(655%); opacity: 1; } 34.6% { transform: translateX(654%); opacity: 1; } 34.7% { transform: translateX(653%); opacity: 1; } 34.8% { transform: translateX(652%); opacity: 1; } 34.9% { transform: translateX(651%); opacity: 1; } 35% { transform: translateX(650%); opacity: 1; } 35.1% { transform: translateX(649%); opacity: 1; } 35.2% { transform: translateX(648%); opacity: 1; } 35.3% { transform: translateX(647%); opacity: 1; } 35.4% { transform: translateX(646%); opacity: 1; } 35.5% { transform: translateX(645%); opacity: 1; } 35.6% { transform: translateX(644%); opacity: 1; } 35.7% { transform: translateX(643%); opacity: 1; } 35.8% { transform: translateX(642%); opacity: 1; } 35.9% { transform: translateX(641%); opacity: 1; } 36% { transform: translateX(640%); opacity: 1; } 36.1% { transform: translateX(639%); opacity: 1; } 36.2% { transform: translateX(638%); opacity: 1; } 36.3% { transform: translateX(637%); opacity: 1; } 36.4% { transform: translateX(636%); opacity: 1; } 36.5% { transform: translateX(635%); opacity: 1; } 36.6% { transform: translateX(634%); opacity: 1; } 36.7% { transform: translateX(633%); opacity: 1; } 36.8% { transform: translateX(632%); opacity: 1; } 36.9% { transform: translateX(631%); opacity: 1; } 37% { transform: translateX(630%); opacity: 1; } 37.1% { transform: translateX(629%); opacity: 1; } 37.2% { transform: translateX(628%); opacity: 1; } 37.3% { transform: translateX(627%); opacity: 1; } 37.4% { transform: translateX(626%); opacity: 1; } 37.5% { transform: translateX(625%); opacity: 1; } 37.6% { transform: translateX(624%); opacity: 1; } 37.7% { transform: translateX(623%); opacity: 1; } 37.8% { transform: translateX(622%); opacity: 1; } 37.9% { transform: translateX(621%); opacity: 1; } 38% { transform: translateX(620%); opacity: 1; } 38.1% { transform: translateX(619%); opacity: 1; } 38.2% { transform: translateX(618%); opacity: 1; } 38.3% { transform: translateX(617%); opacity: 1; } 38.4% { transform: translateX(616%); opacity: 1; } 38.5% { transform: translateX(615%); opacity: 1; } 38.6% { transform: translateX(614%); opacity: 1; } 38.7% { transform: translateX(613%); opacity: 1; } 38.8% { transform: translateX(612%); opacity: 1; } 38.9% { transform: translateX(611%); opacity: 1; } 39% { transform: translateX(610%); opacity: 1; } 39.1% { transform: translateX(609%); opacity: 1; } 39.2% { transform: translateX(608%); opacity: 1; } 39.3% { transform: translateX(607%); opacity: 1; } 39.4% { transform: translateX(606%); opacity: 1; } 39.5% { transform: translateX(605%); opacity: 1; } 39.6% { transform: translateX(604%); opacity: 1; } 39.7% { transform: translateX(603%); opacity: 1; } 39.8% { transform: translateX(602%); opacity: 1; } 39.9% { transform: translateX(601%); opacity: 1; } 40% { transform: translateX(600%); opacity: 1; } 40.1% { transform: translateX(599%); opacity: 1; } 40.2% { transform: translateX(598%); opacity: 1; } 40.3% { transform: translateX(597%); opacity: 1; } 40.4% { transform: translateX(596%); opacity: 1; } 40.5% { transform: translateX(595%); opacity: 1; } 40.6% { transform: translateX(594%); opacity: 1; } 40.7% { transform: translateX(593%); opacity: 1; } 40.8% { transform: translateX(592%); opacity: 1; } 40.9% { transform: translateX(591%); opacity: 1; } 41% { transform: translateX(590%); opacity: 1; } 41.1% { transform: translateX(589%); opacity: 1; } 41.2% { transform: translateX(588%); opacity: 1; } 41.3% { transform: translateX(587%); opacity: 1; } 41.4% { transform: translateX(586%); opacity: 1; } 41.5% { transform: translateX(585%); opacity: 1; } 41.6% { transform: translateX(584%); opacity: 1; } 41.7% { transform: translateX(583%); opacity: 1; } 41.8% { transform: translateX(582%); opacity: 1; } 41.9% { transform: translateX(581%); opacity: 1; } 42% { transform: translateX(580%); opacity: 1; } 42.1% { transform: translateX(579%); opacity: 1; } 42.2% { transform: translateX(578%); opacity: 1; } 42.3% { transform: translateX(577%); opacity: 1; } 42.4% { transform: translateX(576%); opacity: 1; } 42.5% { transform: translateX(575%); opacity: 1; } 42.6% { transform: translateX(574%); opacity: 1; } 42.7% { transform: translateX(573%); opacity: 1; } 42.8% { transform: translateX(572%); opacity: 1; } 42.9% { transform: translateX(571%); opacity: 1; } 43% { transform: translateX(570%); opacity: 1; } 43.1% { transform: translateX(569%); opacity: 1; } 43.2% { transform: translateX(568%); opacity: 1; } 43.3% { transform: translateX(567%); opacity: 1; } 43.4% { transform: translateX(566%); opacity: 1; } 43.5% { transform: translateX(565%); opacity: 1; } 43.6% { transform: translateX(564%); opacity: 1; } 43.7% { transform: translateX(563%); opacity: 1; } 43.8% { transform: translateX(562%); opacity: 1; } 43.9% { transform: translateX(561%); opacity: 1; } 44% { transform: translateX(560%); opacity: 1; } 44.1% { transform: translateX(559%); opacity: 1; } 44.2% { transform: translateX(558%); opacity: 1; } 44.3% { transform: translateX(557%); opacity: 1; } 44.4% { transform: translateX(556%); opacity: 1; } 44.5% { transform: translateX(555%); opacity: 1; } 44.6% { transform: translateX(554%); opacity: 1; } 44.7% { transform: translateX(553%); opacity: 1; } 44.8% { transform: translateX(552%); opacity: 1; } 44.9% { transform: translateX(551%); opacity: 1; } 45% { transform: translateX(550%); opacity: 1; } 45.1% { transform: translateX(549%); opacity: 1; } 45.2% { transform: translateX(548%); opacity: 1; } 45.3% { transform: translateX(547%); opacity: 1; } 45.4% { transform: translateX(546%); opacity: 1; } 45.5% { transform: translateX(545%); opacity: 1; } 45.6% { transform: translateX(544%); opacity: 1; } 45.7% { transform: translateX(543%); opacity: 1; } 45.8% { transform: translateX(542%); opacity: 1; } 45.9% { transform: translateX(541%); opacity: 1; } 46% { transform: translateX(540%); opacity: 1; } 46.1% { transform: translateX(539%); opacity: 1; } 46.2% { transform: translateX(538%); opacity: 1; } 46.3% { transform: translateX(537%); opacity: 1; } 46.4% { transform: translateX(536%); opacity: 1; } 46.5% { transform: translateX(535%); opacity: 1; } 46.6% { transform: translateX(534%); opacity: 1; } 46.7% { transform: translateX(533%); opacity: 1; } 46.8% { transform: translateX(532%); opacity: 1; } 46.9% { transform: translateX(531%); opacity: 1; } 47% { transform: translateX(530%); opacity: 1; } 47.1% { transform: translateX(529%); opacity: 1; } 47.2% { transform: translateX(528%); opacity: 1; } 47.3% { transform: translateX(527%); opacity: 1; } 47.4% { transform: translateX(526%); opacity: 1; } 47.5% { transform: translateX(525%); opacity: 1; } 47.6% { transform: translateX(524%); opacity: 1; } 47.7% { transform: translateX(523%); opacity: 1; } 47.8% { transform: translateX(522%); opacity: 1; } 47.9% { transform: translateX(521%); opacity: 1; } 48% { transform: translateX(520%); opacity: 1; } 48.1% { transform: translateX(519%); opacity: 1; } 48.2% { transform: translateX(518%); opacity: 1; } 48.3% { transform: translateX(517%); opacity: 1; } 48.4% { transform: translateX(516%); opacity: 1; } 48.5% { transform: translateX(515%); opacity: 1; } 48.6% { transform: translateX(514%); opacity: 1; } 48.7% { transform: translateX(513%); opacity: 1; } 48.8% { transform: translateX(512%); opacity: 1; } 48.9% { transform: translateX(511%); opacity: 1; } 49% { transform: translateX(510%); opacity: 1; } 49.1% { transform: translateX(509%); opacity: 1; } 49.2% { transform: translateX(508%); opacity: 1; } 49.3% { transform: translateX(507%); opacity: 1; } 49.4% { transform: translateX(506%); opacity: 1; } 49.5% { transform: translateX(505%); opacity: 1; } 49.6% { transform: translateX(504%); opacity: 1; } 49.7% { transform: translateX(503%); opacity: 1; } 49.8% { transform: translateX(502%); opacity: 1; } 49.9% { transform: translateX(501%); opacity: 1; } 50% { transform: translateX(500%); opacity: 1; } 50.1% { transform: translateX(499%); opacity: 1; } 50.2% { transform: translateX(498%); opacity: 1; } 50.3% { transform: translateX(497%); opacity: 1; } 50.4% { transform: translateX(496%); opacity: 1; } 50.5% { transform: translateX(495%); opacity: 1; } 50.6% { transform: translateX(494%); opacity: 1; } 50.7% { transform: translateX(493%); opacity: 1; } 50.8% { transform: translateX(492%); opacity: 1; } 50.9% { transform: translateX(491%); opacity: 1; } 51% { transform: translateX(490%); opacity: 1; } 51.1% { transform: translateX(489%); opacity: 1; } 51.2% { transform: translateX(488%); opacity: 1; } 51.3% { transform: translateX(487%); opacity: 1; } 51.4% { transform: translateX(486%); opacity: 1; } 51.5% { transform: translateX(485%); opacity: 1; } 51.6% { transform: translateX(484%); opacity: 1; } 51.7% { transform: translateX(483%); opacity: 1; } 51.8% { transform: translateX(482%); opacity: 1; } 51.9% { transform: translateX(481%); opacity: 1; } 52% { transform: translateX(480%); opacity: 1; } 52.1% { transform: translateX(479%); opacity: 1; } 52.2% { transform: translateX(478%); opacity: 1; } 52.3% { transform: translateX(477%); opacity: 1; } 52.4% { transform: translateX(476%); opacity: 1; } 52.5% { transform: translateX(475%); opacity: 1; } 52.6% { transform: translateX(474%); opacity: 1; } 52.7% { transform: translateX(473%); opacity: 1; } 52.8% { transform: translateX(472%); opacity: 1; } 52.9% { transform: translateX(471%); opacity: 1; } 53% { transform: translateX(470%); opacity: 1; } 53.1% { transform: translateX(469%); opacity: 1; } 53.2% { transform: translateX(468%); opacity: 1; } 53.3% { transform: translateX(467%); opacity: 1; } 53.4% { transform: translateX(466%); opacity: 1; } 53.5% { transform: translateX(465%); opacity: 1; } 53.6% { transform: translateX(464%); opacity: 1; } 53.7% { transform: translateX(463%); opacity: 1; } 53.8% { transform: translateX(462%); opacity: 1; } 53.9% { transform: translateX(461%); opacity: 1; } 54% { transform: translateX(460%); opacity: 1; } 54.1% { transform: translateX(459%); opacity: 1; } 54.2% { transform: translateX(458%); opacity: 1; } 54.3% { transform: translateX(457%); opacity: 1; } 54.4% { transform: translateX(456%); opacity: 1; } 54.5% { transform: translateX(455%); opacity: 1; } 54.6% { transform: translateX(454%); opacity: 1; } 54.7% { transform: translateX(453%); opacity: 1; } 54.8% { transform: translateX(452%); opacity: 1; } 54.9% { transform: translateX(451%); opacity: 1; } 55% { transform: translateX(450%); opacity: 1; } 55.1% { transform: translateX(449%); opacity: 1; } 55.2% { transform: translateX(448%); opacity: 1; } 55.3% { transform: translateX(447%); opacity: 1; } 55.4% { transform: translateX(446%); opacity: 1; } 55.5% { transform: translateX(445%); opacity: 1; } 55.6% { transform: translateX(444%); opacity: 1; } 55.7% { transform: translateX(443%); opacity: 1; } 55.8% { transform: translateX(442%); opacity: 1; } 55.9% { transform: translateX(441%); opacity: 1; } 56% { transform: translateX(440%); opacity: 1; } 56.1% { transform: translateX(439%); opacity: 1; } 56.2% { transform: translateX(438%); opacity: 1; } 56.3% { transform: translateX(437%); opacity: 1; } 56.4% { transform: translateX(436%); opacity: 1; } 56.5% { transform: translateX(435%); opacity: 1; } 56.6% { transform: translateX(434%); opacity: 1; } 56.7% { transform: translateX(433%); opacity: 1; } 56.8% { transform: translateX(432%); opacity: 1; } 56.9% { transform: translateX(431%); opacity: 1; } 57% { transform: translateX(430%); opacity: 1; } 57.1% { transform: translateX(429%); opacity: 1; } 57.2% { transform: translateX(428%); opacity: 1; } 57.3% { transform: translateX(427%); opacity: 1; } 57.4% { transform: translateX(426%); opacity: 1; } 57.5% { transform: translateX(425%); opacity: 1; } 57.6% { transform: translateX(424%); opacity: 1; } 57.7% { transform: translateX(423%); opacity: 1; } 57.8% { transform: translateX(422%); opacity: 1; } 57.9% { transform: translateX(421%); opacity: 1; } 58% { transform: translateX(420%); opacity: 1; } 58.1% { transform: translateX(419%); opacity: 1; } 58.2% { transform: translateX(418%); opacity: 1; } 58.3% { transform: translateX(417%); opacity: 1; } 58.4% { transform: translateX(416%); opacity: 1; } 58.5% { transform: translateX(415%); opacity: 1; } 58.6% { transform: translateX(414%); opacity: 1; } 58.7% { transform: translateX(413%); opacity: 1; } 58.8% { transform: translateX(412%); opacity: 1; } 58.9% { transform: translateX(411%); opacity: 1; } 59% { transform: translateX(410%); opacity: 1; } 59.1% { transform: translateX(409%); opacity: 1; } 59.2% { transform: translateX(408%); opacity: 1; } 59.3% { transform: translateX(407%); opacity: 1; } 59.4% { transform: translateX(406%); opacity: 1; } 59.5% { transform: translateX(405%); opacity: 1; } 59.6% { transform: translateX(404%); opacity: 1; } 59.7% { transform: translateX(403%); opacity: 1; } 59.8% { transform: translateX(402%); opacity: 1; } 59.9% { transform: translateX(401%); opacity: 1; } 60% { transform: translateX(400%); opacity: 1; } 60.1% { transform: translateX(399%); opacity: 1; } 60.2% { transform: translateX(398%); opacity: 1; } 60.3% { transform: translateX(397%); opacity: 1; } 60.4% { transform: translateX(396%); opacity: 1; } 60.5% { transform: translateX(395%); opacity: 1; } 60.6% { transform: translateX(394%); opacity: 1; } 60.7% { transform: translateX(393%); opacity: 1; } 60.8% { transform: translateX(392%); opacity: 1; } 60.9% { transform: translateX(391%); opacity: 1; } 61% { transform: translateX(390%); opacity: 1; } 61.1% { transform: translateX(389%); opacity: 1; } 61.2% { transform: translateX(388%); opacity: 1; } 61.3% { transform: translateX(387%); opacity: 1; } 61.4% { transform: translateX(386%); opacity: 1; } 61.5% { transform: translateX(385%); opacity: 1; } 61.6% { transform: translateX(384%); opacity: 1; } 61.7% { transform: translateX(383%); opacity: 1; } 61.8% { transform: translateX(382%); opacity: 1; } 61.9% { transform: translateX(381%); opacity: 1; } 62% { transform: translateX(380%); opacity: 1; } 62.1% { transform: translateX(379%); opacity: 1; } 62.2% { transform: translateX(378%); opacity: 1; } 62.3% { transform: translateX(377%); opacity: 1; } 62.4% { transform: translateX(376%); opacity: 1; } 62.5% { transform: translateX(375%); opacity: 1; } 62.6% { transform: translateX(374%); opacity: 1; } 62.7% { transform: translateX(373%); opacity: 1; } 62.8% { transform: translateX(372%); opacity: 1; } 62.9% { transform: translateX(371%); opacity: 1; } 63% { transform: translateX(370%); opacity: 1; } 63.1% { transform: translateX(369%); opacity: 1; } 63.2% { transform: translateX(368%); opacity: 1; } 63.3% { transform: translateX(367%); opacity: 1; } 63.4% { transform: translateX(366%); opacity: 1; } 63.5% { transform: translateX(365%); opacity: 1; } 63.6% { transform: translateX(364%); opacity: 1; } 63.7% { transform: translateX(363%); opacity: 1; } 63.8% { transform: translateX(362%); opacity: 1; } 63.9% { transform: translateX(361%); opacity: 1; } 64% { transform: translateX(360%); opacity: 1; } 64.1% { transform: translateX(359%); opacity: 1; } 64.2% { transform: translateX(358%); opacity: 1; } 64.3% { transform: translateX(357%); opacity: 1; } 64.4% { transform: translateX(356%); opacity: 1; } 64.5% { transform: translateX(355%); opacity: 1; } 64.6% { transform: translateX(354%); opacity: 1; } 64.7% { transform: translateX(353%); opacity: 1; } 64.8% { transform: translateX(352%); opacity: 1; } 64.9% { transform: translateX(351%); opacity: 1; } 65% { transform: translateX(350%); opacity: 1; } 65.1% { transform: translateX(349%); opacity: 1; } 65.2% { transform: translateX(348%); opacity: 1; } 65.3% { transform: translateX(347%); opacity: 1; } 65.4% { transform: translateX(346%); opacity: 1; } 65.5% { transform: translateX(345%); opacity: 1; } 65.6% { transform: translateX(344%); opacity: 1; } 65.7% { transform: translateX(343%); opacity: 1; } 65.8% { transform: translateX(342%); opacity: 1; } 65.9% { transform: translateX(341%); opacity: 1; } 66% { transform: translateX(340%); opacity: 1; } 66.1% { transform: translateX(339%); opacity: 1; } 66.2% { transform: translateX(338%); opacity: 1; } 66.3% { transform: translateX(337%); opacity: 1; } 66.4% { transform: translateX(336%); opacity: 1; } 66.5% { transform: translateX(335%); opacity: 1; } 66.6% { transform: translateX(334%); opacity: 1; } 66.7% { transform: translateX(333%); opacity: 1; } 66.8% { transform: translateX(332%); opacity: 1; } 66.9% { transform: translateX(331%); opacity: 1; } 67% { transform: translateX(330%); opacity: 1; } 67.1% { transform: translateX(329%); opacity: 1; } 67.2% { transform: translateX(328%); opacity: 1; } 67.3% { transform: translateX(327%); opacity: 1; } 67.4% { transform: translateX(326%); opacity: 1; } 67.5% { transform: translateX(325%); opacity: 1; } 67.6% { transform: translateX(324%); opacity: 1; } 67.7% { transform: translateX(323%); opacity: 1; } 67.8% { transform: translateX(322%); opacity: 1; } 67.9% { transform: translateX(321%); opacity: 1; } 68% { transform: translateX(320%); opacity: 1; } 68.1% { transform: translateX(319%); opacity: 1; } 68.2% { transform: translateX(318%); opacity: 1; } 68.3% { transform: translateX(317%); opacity: 1; } 68.4% { transform: translateX(316%); opacity: 1; } 68.5% { transform: translateX(315%); opacity: 1; } 68.6% { transform: translateX(314%); opacity: 1; } 68.7% { transform: translateX(313%); opacity: 1; } 68.8% { transform: translateX(312%); opacity: 1; } 68.9% { transform: translateX(311%); opacity: 1; } 69% { transform: translateX(310%); opacity: 1; } 69.1% { transform: translateX(309%); opacity: 1; } 69.2% { transform: translateX(308%); opacity: 1; } 69.3% { transform: translateX(307%); opacity: 1; } 69.4% { transform: translateX(306%); opacity: 1; } 69.5% { transform: translateX(305%); opacity: 1; } 69.6% { transform: translateX(304%); opacity: 1; } 69.7% { transform: translateX(303%); opacity: 1; } 69.8% { transform: translateX(302%); opacity: 1; } 69.9% { transform: translateX(301%); opacity: 1; } 70% { transform: translateX(300%); opacity: 1; } 70.1% { transform: translateX(299%); opacity: 1; } 70.2% { transform: translateX(298%); opacity: 1; } 70.3% { transform: translateX(297%); opacity: 1; } 70.4% { transform: translateX(296%); opacity: 1; } 70.5% { transform: translateX(295%); opacity: 1; } 70.6% { transform: translateX(294%); opacity: 1; } 70.7% { transform: translateX(293%); opacity: 1; } 70.8% { transform: translateX(292%); opacity: 1; } 70.9% { transform: translateX(291%); opacity: 1; } 71% { transform: translateX(290%); opacity: 1; } 71.1% { transform: translateX(289%); opacity: 1; } 71.2% { transform: translateX(288%); opacity: 1; } 71.3% { transform: translateX(287%); opacity: 1; } 71.4% { transform: translateX(286%); opacity: 1; } 71.5% { transform: translateX(285%); opacity: 1; } 71.6% { transform: translateX(284%); opacity: 1; } 71.7% { transform: translateX(283%); opacity: 1; } 71.8% { transform: translateX(282%); opacity: 1; } 71.9% { transform: translateX(281%); opacity: 1; } 72% { transform: translateX(280%); opacity: 1; } 72.1% { transform: translateX(279%); opacity: 1; } 72.2% { transform: translateX(278%); opacity: 1; } 72.3% { transform: translateX(277%); opacity: 1; } 72.4% { transform: translateX(276%); opacity: 1; } 72.5% { transform: translateX(275%); opacity: 1; } 72.6% { transform: translateX(274%); opacity: 1; } 72.7% { transform: translateX(273%); opacity: 1; } 72.8% { transform: translateX(272%); opacity: 1; } 72.9% { transform: translateX(271%); opacity: 1; } 73% { transform: translateX(270%); opacity: 1; } 73.1% { transform: translateX(269%); opacity: 1; } 73.2% { transform: translateX(268%); opacity: 1; } 73.3% { transform: translateX(267%); opacity: 1; } 73.4% { transform: translateX(266%); opacity: 1; } 73.5% { transform: translateX(265%); opacity: 1; } 73.6% { transform: translateX(264%); opacity: 1; } 73.7% { transform: translateX(263%); opacity: 1; } 73.8% { transform: translateX(262%); opacity: 1; } 73.9% { transform: translateX(261%); opacity: 1; } 74% { transform: translateX(260%); opacity: 1; } 74.1% { transform: translateX(259%); opacity: 1; } 74.2% { transform: translateX(258%); opacity: 1; } 74.3% { transform: translateX(257%); opacity: 1; } 74.4% { transform: translateX(256%); opacity: 1; } 74.5% { transform: translateX(255%); opacity: 1; } 74.6% { transform: translateX(254%); opacity: 1; } 74.7% { transform: translateX(253%); opacity: 1; } 74.8% { transform: translateX(252%); opacity: 1; } 74.9% { transform: translateX(251%); opacity: 1; } 75% { transform: translateX(250%); opacity: 1; } 75.1% { transform: translateX(249%); opacity: 1; } 75.2% { transform: translateX(248%); opacity: 1; } 75.3% { transform: translateX(247%); opacity: 1; } 75.4% { transform: translateX(246%); opacity: 1; } 75.5% { transform: translateX(245%); opacity: 1; } 75.6% { transform: translateX(244%); opacity: 1; } 75.7% { transform: translateX(243%); opacity: 1; } 75.8% { transform: translateX(242%); opacity: 1; } 75.9% { transform: translateX(241%); opacity: 1; } 76% { transform: translateX(240%); opacity: 1; } 76.1% { transform: translateX(239%); opacity: 1; } 76.2% { transform: translateX(238%); opacity: 1; } 76.3% { transform: translateX(237%); opacity: 1; } 76.4% { transform: translateX(236%); opacity: 1; } 76.5% { transform: translateX(235%); opacity: 1; } 76.6% { transform: translateX(234%); opacity: 1; } 76.7% { transform: translateX(233%); opacity: 1; } 76.8% { transform: translateX(232%); opacity: 1; } 76.9% { transform: translateX(231%); opacity: 1; } 77% { transform: translateX(230%); opacity: 1; } 77.1% { transform: translateX(229%); opacity: 1; } 77.2% { transform: translateX(228%); opacity: 1; } 77.3% { transform: translateX(227%); opacity: 1; } 77.4% { transform: translateX(226%); opacity: 1; } 77.5% { transform: translateX(225%); opacity: 1; } 77.6% { transform: translateX(224%); opacity: 1; } 77.7% { transform: translateX(223%); opacity: 1; } 77.8% { transform: translateX(222%); opacity: 1; } 77.9% { transform: translateX(221%); opacity: 1; } 78% { transform: translateX(220%); opacity: 1; } 78.1% { transform: translateX(219%); opacity: 1; } 78.2% { transform: translateX(218%); opacity: 1; } 78.3% { transform: translateX(217%); opacity: 1; } 78.4% { transform: translateX(216%); opacity: 1; } 78.5% { transform: translateX(215%); opacity: 1; } 78.6% { transform: translateX(214%); opacity: 1; } 78.7% { transform: translateX(213%); opacity: 1; } 78.8% { transform: translateX(212%); opacity: 1; } 78.9% { transform: translateX(211%); opacity: 1; } 79% { transform: translateX(210%); opacity: 1; } 79.1% { transform: translateX(209%); opacity: 1; } 79.2% { transform: translateX(208%); opacity: 1; } 79.3% { transform: translateX(207%); opacity: 1; } 79.4% { transform: translateX(206%); opacity: 1; } 79.5% { transform: translateX(205%); opacity: 1; } 79.6% { transform: translateX(204%); opacity: 1; } 79.7% { transform: translateX(203%); opacity: 1; } 79.8% { transform: translateX(202%); opacity: 1; } 79.9% { transform: translateX(201%); opacity: 1; } 80% { transform: translateX(200%); opacity: 1; } 80.1% { transform: translateX(199%); opacity: 1; } 80.2% { transform: translateX(198%); opacity: 1; } 80.3% { transform: translateX(197%); opacity: 1; } 80.4% { transform: translateX(196%); opacity: 1; } 80.5% { transform: translateX(195%); opacity: 1; } 80.6% { transform: translateX(194%); opacity: 1; } 80.7% { transform: translateX(193%); opacity: 1; } 80.8% { transform: translateX(192%); opacity: 1; } 80.9% { transform: translateX(191%); opacity: 1; } 81% { transform: translateX(190%); opacity: 1; } 81.1% { transform: translateX(189%); opacity: 1; } 81.2% { transform: translateX(188%); opacity: 1; } 81.3% { transform: translateX(187%); opacity: 1; } 81.4% { transform: translateX(186%); opacity: 1; } 81.5% { transform: translateX(185%); opacity: 1; } 81.6% { transform: translateX(184%); opacity: 1; } 81.7% { transform: translateX(183%); opacity: 1; } 81.8% { transform: translateX(182%); opacity: 1; } 81.9% { transform: translateX(181%); opacity: 1; } 82% { transform: translateX(180%); opacity: 1; } 82.1% { transform: translateX(179%); opacity: 1; } 82.2% { transform: translateX(178%); opacity: 1; } 82.3% { transform: translateX(177%); opacity: 1; } 82.4% { transform: translateX(176%); opacity: 1; } 82.5% { transform: translateX(175%); opacity: 1; } 82.6% { transform: translateX(174%); opacity: 1; } 82.7% { transform: translateX(173%); opacity: 1; } 82.8% { transform: translateX(172%); opacity: 1; } 82.9% { transform: translateX(171%); opacity: 1; } 83% { transform: translateX(170%); opacity: 1; } 83.1% { transform: translateX(169%); opacity: 1; } 83.2% { transform: translateX(168%); opacity: 1; } 83.3% { transform: translateX(167%); opacity: 1; } 83.4% { transform: translateX(166%); opacity: 1; } 83.5% { transform: translateX(165%); opacity: 1; } 83.6% { transform: translateX(164%); opacity: 1; } 83.7% { transform: translateX(163%); opacity: 1; } 83.8% { transform: translateX(162%); opacity: 1; } 83.9% { transform: translateX(161%); opacity: 1; } 84% { transform: translateX(160%); opacity: 1; } 84.1% { transform: translateX(159%); opacity: 1; } 84.2% { transform: translateX(158%); opacity: 1; } 84.3% { transform: translateX(157%); opacity: 1; } 84.4% { transform: translateX(156%); opacity: 1; } 84.5% { transform: translateX(155%); opacity: 1; } 84.6% { transform: translateX(154%); opacity: 1; } 84.7% { transform: translateX(153%); opacity: 1; } 84.8% { transform: translateX(152%); opacity: 1; } 84.9% { transform: translateX(151%); opacity: 1; } 85% { transform: translateX(150%); opacity: 1; } 85.1% { transform: translateX(149%); opacity: 1; } 85.2% { transform: translateX(148%); opacity: 1; } 85.3% { transform: translateX(147%); opacity: 1; } 85.4% { transform: translateX(146%); opacity: 1; } 85.5% { transform: translateX(145%); opacity: 1; } 85.6% { transform: translateX(144%); opacity: 1; } 85.7% { transform: translateX(143%); opacity: 1; } 85.8% { transform: translateX(142%); opacity: 1; } 85.9% { transform: translateX(141%); opacity: 1; } 86% { transform: translateX(140%); opacity: 1; } 86.1% { transform: translateX(139%); opacity: 1; } 86.2% { transform: translateX(138%); opacity: 1; } 86.3% { transform: translateX(137%); opacity: 1; } 86.4% { transform: translateX(136%); opacity: 1; } 86.5% { transform: translateX(135%); opacity: 1; } 86.6% { transform: translateX(134%); opacity: 1; } 86.7% { transform: translateX(133%); opacity: 1; } 86.8% { transform: translateX(132%); opacity: 1; } 86.9% { transform: translateX(131%); opacity: 1; } 87% { transform: translateX(130%); opacity: 1; } 87.1% { transform: translateX(129%); opacity: 1; } 87.2% { transform: translateX(128%); opacity: 1; } 87.3% { transform: translateX(127%); opacity: 1; } 87.4% { transform: translateX(126%); opacity: 1; } 87.5% { transform: translateX(125%); opacity: 1; } 87.6% { transform: translateX(124%); opacity: 1; } 87.7% { transform: translateX(123%); opacity: 1; } 87.8% { transform: translateX(122%); opacity: 1; } 87.9% { transform: translateX(121%); opacity: 1; } 88% { transform: translateX(120%); opacity: 1; } 88.1% { transform: translateX(119%); opacity: 1; } 88.2% { transform: translateX(118%); opacity: 1; } 88.3% { transform: translateX(117%); opacity: 1; } 88.4% { transform: translateX(116%); opacity: 1; } 88.5% { transform: translateX(115%); opacity: 1; } 88.6% { transform: translateX(114%); opacity: 1; } 88.7% { transform: translateX(113%); opacity: 1; } 88.8% { transform: translateX(112%); opacity: 1; } 88.9% { transform: translateX(111%); opacity: 1; } 89% { transform: translateX(110%); opacity: 1; } 89.1% { transform: translateX(109%); opacity: 1; } 89.2% { transform: translateX(108%); opacity: 1; } 89.3% { transform: translateX(107%); opacity: 1; } 89.4% { transform: translateX(106%); opacity: 1; } 89.5% { transform: translateX(105%); opacity: 1; } 89.6% { transform: translateX(104%); opacity: 1; } 89.7% { transform: translateX(103%); opacity: 1; } 89.8% { transform: translateX(102%); opacity: 1; } 89.9% { transform: translateX(101%); opacity: 1; } 90% { transform: translateX(100%); opacity: 1; } 90.1% { transform: translateX(99%); opacity: 1; } 90.2% { transform: translateX(98%); opacity: 1; } 90.3% { transform: translateX(97%); opacity: 1; } 90.4% { transform: translateX(96%); opacity: 1; } 90.5% { transform: translateX(95%); opacity: 1; } 90.6% { transform: translateX(94%); opacity: 1; } 90.7% { transform: translateX(93%); opacity: 1; } 90.8% { transform: translateX(92%); opacity: 1; } 90.9% { transform: translateX(91%); opacity: 1; } 91% { transform: translateX(90%); opacity: 1; } 91.1% { transform: translateX(89%); opacity: 1; } 91.2% { transform: translateX(88%); opacity: 1; } 91.3% { transform: translateX(87%); opacity: 1; } 91.4% { transform: translateX(86%); opacity: 1; } 91.5% { transform: translateX(85%); opacity: 1; } 91.6% { transform: translateX(84%); opacity: 1; } 91.7% { transform: translateX(83%); opacity: 1; } 91.8% { transform: translateX(82%); opacity: 1; } 91.9% { transform: translateX(81%); opacity: 1; } 92% { transform: translateX(80%); opacity: 1; } 92.1% { transform: translateX(79%); opacity: 1; } 92.2% { transform: translateX(78%); opacity: 1; } 92.3% { transform: translateX(77%); opacity: 1; } 92.4% { transform: translateX(76%); opacity: 1; } 92.5% { transform: translateX(75%); opacity: 1; } 92.6% { transform: translateX(74%); opacity: 1; } 92.7% { transform: translateX(73%); opacity: 1; } 92.8% { transform: translateX(72%); opacity: 1; } 92.9% { transform: translateX(71%); opacity: 1; } 93% { transform: translateX(70%); opacity: 1; } 93.1% { transform: translateX(69%); opacity: 1; } 93.2% { transform: translateX(68%); opacity: 1; } 93.3% { transform: translateX(67%); opacity: 1; } 93.4% { transform: translateX(66%); opacity: 1; } 93.5% { transform: translateX(65%); opacity: 1; } 93.6% { transform: translateX(64%); opacity: 1; } 93.7% { transform: translateX(63%); opacity: 1; } 93.8% { transform: translateX(62%); opacity: 1; } 93.9% { transform: translateX(61%); opacity: 1; } 94% { transform: translateX(60%); opacity: 1; } 94.1% { transform: translateX(59%); opacity: 1; } 94.2% { transform: translateX(58%); opacity: 1; } 94.3% { transform: translateX(57%); opacity: 1; } 94.4% { transform: translateX(56%); opacity: 1; } 94.5% { transform: translateX(55%); opacity: 1; } 94.6% { transform: translateX(54%); opacity: 1; } 94.7% { transform: translateX(53%); opacity: 1; } 94.8% { transform: translateX(52%); opacity: 1; } 94.9% { transform: translateX(51%); opacity: 1; } 95% { transform: translateX(50%); opacity: 1; } 95.1% { transform: translateX(49%); opacity: 1; } 95.2% { transform: translateX(48%); opacity: 1; } 95.3% { transform: translateX(47%); opacity: 1; } 95.4% { transform: translateX(46%); opacity: 1; } 95.5% { transform: translateX(45%); opacity: 1; } 95.6% { transform: translateX(44%); opacity: 1; } 95.7% { transform: translateX(43%); opacity: 1; } 95.8% { transform: translateX(42%); opacity: 1; } 95.9% { transform: translateX(41%); opacity: 1; } 96% { transform: translateX(40%); opacity: 1; } 96.1% { transform: translateX(39%); opacity: 1; } 96.2% { transform: translateX(38%); opacity: 1; } 96.3% { transform: translateX(37%); opacity: 1; } 96.4% { transform: translateX(36%); opacity: 1; } 96.5% { transform: translateX(35%); opacity: 1; } 96.6% { transform: translateX(34%); opacity: 1; } 96.7% { transform: translateX(33%); opacity: 1; } 96.8% { transform: translateX(32%); opacity: 1; } 96.9% { transform: translateX(31%); opacity: 1; } 97% { transform: translateX(30%); opacity: 1; } 97.1% { transform: translateX(29%); opacity: 1; } 97.2% { transform: translateX(28%); opacity: 1; } 97.3% { transform: translateX(27%); opacity: 1; } 97.4% { transform: translateX(26%); opacity: 1; } 97.5% { transform: translateX(25%); opacity: 1; } 97.6% { transform: translateX(24%); opacity: 1; } 97.7% { transform: translateX(23%); opacity: 1; } 97.8% { transform: translateX(22%); opacity: 1; } 97.9% { transform: translateX(21%); opacity: 1; } 98% { transform: translateX(20%); opacity: 1; } 98.1% { transform: translateX(19%); opacity: 1; } 98.2% { transform: translateX(18%); opacity: 1; } 98.3% { transform: translateX(17%); opacity: 1; } 98.4% { transform: translateX(16%); opacity: 1; } 98.5% { transform: translateX(15%); opacity: 1; } 98.6% { transform: translateX(14%); opacity: 1; } 98.7% { transform: translateX(13%); opacity: 1; } 98.8% { transform: translateX(12%); opacity: 1; } 98.9% { transform: translateX(11%); opacity: 1; } 99% { transform: translateX(10%); opacity: 1; } 99.1% { transform: translateX(9%); opacity: 1; } 99.2% { transform: translateX(8%); opacity: 1; } 99.3% { transform: translateX(7%); opacity: 1; } 99.4% { transform: translateX(6%); opacity: 1; } 99.5% { transform: translateX(5%); opacity: 1; } 99.6% { transform: translateX(4%); opacity: 1; } 99.7% { transform: translateX(3%); opacity: 1; } 99.8% { transform: translateX(2%); opacity: 1; } 99.9% { transform: translateX(1%); opacity: 1; } 100% { transform: translateX(0%); opacity: 0; } } </style>  <style type="text/css"> .timeline { background-color: #041624; position: relative; } .timeline .title-container { margin: 150px 0 40px 0; } .timeline h2.center { text-align: center; } .timeline-wrapper { display: flex; flex-direction: column; } .timeline-wrapper .timeline-event { position: relative; width: calc(50% + 2px); padding: 0 4% 4% 4%; } .timeline-wrapper .timeline-event--left { border-right: 5px solid #c8102e; } .timeline-wrapper .timeline-event--left p { text-align: right; } .timeline-wrapper .timeline-event--right { border-left: 5px solid #c8102e; align-self: flex-end; } .timeline-wrapper .timeline-event:after { position: absolute; top: 0px; content: ""; height: 35px; width: 35px; background-color: #c8102e; border-radius: 50%; } .timeline-wrapper .timeline-event--left .timeline-event-content { float: right; } .timeline-wrapper .timeline-event--right:after { left: -20px; right: auto; content: ""; } .timeline-wrapper .timeline-event--left:after { right: -20px; left: auto; content: ""; } .timeline-wrapper .timeline-event--last { height: 0; padding: 0; margin-bottom: 80px; } .timeline-wrapper .timeline-event--last:after { right: -14px; left: auto; content: ""; } .timeline-wrapper .timeline-event p { font-size: 24px; text-transform: uppercase; color: #ffffff; font-weight: 300; } .timeline-wrapper .timeline-event p strong { margin-right: 10px; } .timeline-wrapper .timeline-event img { max-width: 100%; } .timeline-wrapper .view-all { width: fit-content; margin: 60px auto 150px auto; font-weight: 800; text-transform: uppercase; font-size: 16px; padding: 10px 30px; text-align: center; transition: all 0.3s ease-in-out !important; animation-name: initial !important; } .timeline-wrapper .view-all:hover { width: fit-content; margin: 60px auto 150px auto; font-weight: 800; text-transform: uppercase; font-size: 16px; padding: 10px 30px; text-align: center; transition: all 0.3s ease-in-out !important; opacity: 0.7 !important; } .timeline-wrapper .timeline-event-content { display: flex; flex-direction: row; align-items: stretch; justify-content: center; max-width: 600px; } .timeline-wrapper .timeline-event-content .logo-button-wrapper { flex: 1 0 50%; padding: 5%; background: #274787; display: flex; flex-direction: column; gap: 30px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; align-items: stretch; } .timeline-wrapper .timeline-event-content .logo-button-wrapper img { max-height: 85px; display: block; margin: auto; } .timeline-wrapper .timeline-event-content .logo-button-wrapper button { text-transform: uppercase; font-weight: 800; font-size: 16px; padding: 5px 30px; } .timeline-wrapper .timeline-event-content .image-wrapper { border-top-right-radius: 8px; border-bottom-right-radius: 8px; align-items: stretch; display: flex; } .timeline-wrapper .timeline-event-content .image-wrapper img { border-top-right-radius: 8px; border-bottom-right-radius: 8px; object-fit: cover; } .date span { font-weight: bold; padding-right: 10px; } </style>  <style type="text/css"> @media (max-width: 1360px) { .timeline-wrapper .timeline-event p { font-size: 20px; } .carousel .button-wrapper { margin-top: 0px; } } @media (max-width: 1170px) { .carousel-item--image-wrapper { right: 2%; } } </style>  <style type="text/css"> .carousel { border-bottom: 10px solid #1d428a; transition: all 0.6s ease-in-out; } .carousel-inner { height: 100%; transition: all 0.6s ease-in-out; } .carousel .button-wrapper { display: inline-flex; align-items: center; flex-wrap: wrap; margin-top: -30px; position: relative; z-index: 2; } .carousel h1 { position: relative; z-index: 2; } .carousel .carousel-button { background: #c8102e; padding: 10px 35px; /*font-weight: 800;*/ font-size: 18px; text-align: center; text-transform: uppercase; color: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; text-decoration: none; } .carousel .carousel-button:hover { opacity: 0.8; cursor: pointer; } .carousel-item { transition: all 0.5s ease-in-out !important; } .carousel-item img { width:100%; object-fit: cover; height: 100%; animation-delay: 0.5s !important; } .carousel-item .content-wrapper { background-position: 0px 0px, 50% 50%; background-size: cover; transition: all 0.5s ease-in-out; align-items: flex-start; padding: 0 8vw; height: 95vh; } .carousel-indicators, .carousel-control-prev, .carousel-control-next { position: absolute; width: 47.5%; flex: 0 0 47.5%; bottom: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: auto; margin-bottom: 1rem; margin-left: auto; list-style: none; background: transparent; border: none; align-items: flex-end; top: auto; } .carousel-control-prev { left: 0; right: 50%; justify-content: flex-end; } .carousel-control-next { left: 50%; right: 0; justify-content: flex-start; } .carousel-inner ion-icon { font-size: 50px; color: #FFF; } .timeline-wrapper .timeline-event-content .image-wrapper { height: auto; } @media (max-width: 1008px) { .carousel-inner ion-icon { font-size: 35px; } .carousel-item--image-wrapper { display: none; } .carousel .carousel-button { font-size: 16px; line-height: 20px; padding: 12px 30px; } .basketball-pro2 { position: relative; max-width: 50%; margin: 0 auto; right: initial; bottom: initial; } .basketball-pro--image { margin: 0 auto 10vh auto; display: block; } .hero-outline { margin-top: -15px; } .timeline .title-container { margin: 70px 0 40px 0; } .timeline-wrapper .timeline-event { width: calc(100%); overflow: hidden; padding: 0 8% 8% 8%; } .timeline-wrapper .timeline-event p { font-size: 18px; } .timeline-wrapper .timeline-event p strong { width: 100%; display: flex; } .timeline-wrapper .timeline-event--left, .timeline-wrapper .timeline-event--right, .timeline-wrapper .timeline-event--left:last-of-type { border: none; border-image: none; } .timeline-wrapper .timeline-event--left:after, .timeline-wrapper .timeline-event--right:after { content: initial; } .timeline-wrapper .timeline-event--left p, .timeline-wrapper .timeline-event--right p { text-align: center; } .timeline-wrapper .timeline-event--left p strong, .timeline-wrapper .timeline-event--right p strong { display: inline; } .timeline-wrapper .timeline-event--left .timeline-event-content, .timeline-wrapper .timeline-event--right .timeline-event-content { float: none; margin: auto; } .timeline-wrapper .timeline-event-content { flex-direction: column-reverse; } .timeline-wrapper .timeline-event-content .logo-button-wrapper { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .timeline-wrapper .timeline-event-content .image-wrapper { border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; max-height: 150px; } .timeline-wrapper .timeline-event-content .image-wrapper img { border-top-right-radius: 8px; border-top-left-radius: 8px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; height: auto; } } @media (max-width: 760px) { .matt-slideshow { height: 200px; } .matt-slideshow .image { width: 200px; left: -200px; } .carousel-play-button { width: 50px; height: 50px; margin-left: 35px; } .carousel-play-button span { border-top: 10px solid transparent; border-left: 15px solid #fff; border-bottom: 10px solid transparent; } .timeline-wrapper .timeline-event { padding: 0 8% 20% 8%; } .h2-image { width: 250px; } .carousel .carousel-button { font-size: 14.5px !important; } .carousel-play-button { margin-left: 5px; margin-top: 0px; } } @media (max-width: 520px) { .carousel-item .carousel-play-button { margin-left: 9px; margin-top: 15px; font-size: 14.5px; } .carousel-item .content-wrapper { height: 80vh; } } </style>  <style> .steps-content { background: rgb(6 37 91 / 78%); border-radius: 10px; box-shadow: 0 1px 1px 1px rgb(0 0 0 / 12%); padding: 40px 20px; margin-bottom: 20px; width: 100%; color: #fff; flex: 1 1 auto; } .steps { display: flex; } @media (max-width: 991px) { .steps { width: 50%; } } @media (max-width: 500px) { .steps { width: 100%; } } </style>  <style type="text/css"> .event-cube-col { margin-top: 30px; } .event-cube-row { display: flex; flex-direction: row; flex-wrap: wrap; } .event-cube-col p { font-size: 18px; text-transform: uppercase; color: #ffffff; font-weight: 300; text-align: center; margin-bottom: 0; } .event-cube-col p strong { width: 100%; display: flex; } .event-cube-col img { max-width: 100%; } .event-cube-wrapper { display: flex; flex-direction: column; justify-content: center; max-width: 600px; height: max-content; } .event-cube-wrapper .event-cube-content { padding: 5%; background: #274787; display: flex; flex-direction: column; gap: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; height: 250px; justify-content: space-between; align-items: center; } .event-cube-wrapper .event-cube-content img { max-height: 85px; margin-bottom: 5px; } .event-cube-wrapper .event-cube-content button { text-transform: uppercase; font-weight: 800; font-size: 16px; padding: 5px 30px; } .event-cube-wrapper .event-image-wrapper { border-top-right-radius: 8px; border-top-left-radius: 8px; align-items: stretch; display: flex; height: 175px; width: 100%; } .event-cube-wrapper .event-image-wrapper img { border-top-right-radius: 8px; border-top-left-radius: 8px; object-fit: cover; width: 100%; } .event-info span { font-weight: bold; padding-right: 10px; } @media (max-width: 1008px) { .event-cube-col { width: 50%; } } @media (max-width: 767px) { .event-cube-col { width: 100%; } .event-cube-wrapper { margin: auto; } } </style> </div>  <div>  <style type="text/css"> .purchasing .pricing_header .currency_exchange_form select { max-width: 5rem !important; min-width: 4.5rem !important; } .purchasing .pricing_header .currency_exchange_form select#currency { color: #fff !important; border-color: #FFF !important; background-color: transparent !important; background-repeat: no-repeat; background-position: right 0.25rem center; background-size: 16px 12px; text-align: left !important; } .purchasing .pricing_header .form-control { padding: .375rem !important; text-align: center !important; } .navbar-vue-cart { background: #041624 !important; } .navbar-vue-cart .header-title, .navbar-vue-cart section div { color: #fff !important; } .controller_customers main { padding-top: 55px; } .alert-danger { --bs-alert-color: #fff !important; --bs-alert-bg: #c9102e !important; --bs-alert-border-color: #c9102e !important; margin-top: 115px; border-radius: 0px !important; display: flex; gap: 15px; align-items: center; } .alert-success { margin-top: 85px; border-radius: 0px !important; display: flex; gap: 15px; align-items: center; margin-bottom: 0px !important; } .customer { margin-bottom: 80px; } .controller_registrations h1, .controller_orders h1, .customer h1 { color: #fff !important; } .credentials { padding-top: 95px; } .credentials div h1, .order_history, .event_information { color: #FFFFFF; font-size: 115px; text-align: left; font-weight: 900; } .order_history, .event_information { margin-bottom: 80px; } .credentials .login-form-container h3, .credentials .new-customer-container h3, .credentials-sidecart-form h3 { color: #c8102e; font-size: 65px; text-align: left; font-weight: 900; margin-bottom: 20px; } .credentials h4, .checkout-container .open .expandable_header { color: #fff !important; font-size: 40px !important; } .credentials-forms .login-form-container .form-container, .credentials-forms .new-customer-container .form-container { background-color: rgb(6 37 91 / 100%); border-radius: 10px; color: #fff !important; } .form-group input::placeholder, .form-group input::-ms-input-placeholder { color: #fff !important; } .item-description .event-name, .item-description a, .item-description .price, .item-quantity p, .credentials-sidecart-form .order-items .subtract::before, .credentials-sidecart-form .order-items .add::before, .item-amount, .credentials-sidecart-form .order-items .delete::before, .cart-footer p, .currency-disclaimer span, .questions p, .customer .orders .order, .confirmation p, .opportunity-inclusions .opportunity-details-block .opportunity-details-expand-icon::after { color: #fff !important; } .form-control { border-radius: 4px !important; } .customer .orders .order:nth-child(2n) { background-color: transparent; } .customer .orders .order { border-bottom: 1px solid #fff !important; } .opportunity-inclusions .opportunity-details-block .opportunity-details-header { background-color: #06255b !important; color: #fff !important; } .opportunity-details-block .opportunity-details-content { background-color: transparent !important; color: #fff !important; } .edit_customer { margin-bottom: 100px; } .protect-group-form .protect-group-refundable .protect-group-title { font-size: 40px !important; margin-bottom: 30px; color: #fff !important; } .open .cart, .display .cart, .open.sidebar-cart, .protect-group-recommended-bubble { color: #fff !important; } .order_history { margin-top: 80px; } @media (max-width: 760px) { .credentials div h1, .order_history, .event_information { font-size: 75px; } .credentials .login-form-container h3, .credentials .new-customer-container h3, .credentials-sidecart-form h3 { font-size: 50px; } .checkout-title { margin-bottom: 50px !important; } .checkout-container { width: 97% !important; padding-top: 100px; } .controller_registrations main { padding-top: 100px; } .alert.alert-success { margin-bottom: 0px !important; margin-top: 70px !important; } .alert-danger { margin-top: 85px; } .controller_customers main { padding-top: 50px; } } </style>  <style type="text/css"> .pin-spacer, .example-wrapper { max-width: 100% !important; } .example-wrapper { height: 100vh; width: 100vw; max-height: none; margin: 0 auto; background-size: cover; background-repeat: no-repeat; background-image: url(https://assets.quintevents.com/m/2a62a1bcb9fbacbe/72_DPI_WEB-NBA-Experiences-NBA-Abu-Dhabi-2022-Legend-Dinner-087.jpg); margin-bottom: 100px; background-position: center; } .reverse .text-wrapper { width: 55%; padding-left: 15px; } .banner-animation-text { position: relative; z-index: 2; } .example-text p { max-width: 800px; margin: auto; } .banner-animation-shader { background-color: #000; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .example-text { color: #fff; top: 20%; text-align: center; position: relative; } @media (max-width: 760px) { .example-text { top: 20%; padding-left: 15px; padding-right: 15px; } } @media (max-width: 520px) { .example-text { top: 10%; } } .banner-animation-shader { background-color: #000; height: 100%; opacity: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .text-image-wrapper { display: flex; justify-content: space-between; height: 60vh; align-items: center; max-width: 1400px; padding-left: 35px; padding-right: 35px; margin: auto; margin-bottom: 100px; gap: 85px; } .text-wrapper { width: 55%; } .red-shadow { box-shadow: 0px 0px 30px 15px rgb(200 16 46 / 45%); border-radius: 15px; } .blue-shadow { box-shadow: 0px 0px 30px 15px rgb(6 37 91); border-radius: 15px; } .image-box { height: 100%; width: 55%; background-position: center; background-size: cover; } .outline-title, h2.outline-title { color: transparent; font-size: 100px !important; text-transform: uppercase; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFFFFF; text-align: left; letter-spacing: 0; margin: 0px; font-weight: 900; text-align: center; position: relative; line-height: 80px; } .outline-title .outline-subtitle, h2.outline-title .outline-subtitle { margin-top: -15px; color: #c8102e; font-size: 100px; text-align: left; font-weight: 900; margin-bottom: 40px; -webkit-text-stroke-width: initial; -webkit-text-stroke-color: initial; letter-spacing: 0px; display: block; position: relative; } .outline-title .outline-subtitle.center, .outline-title .outline-subtitle.center-text, .outline-title.center-text, h2.outline-title.center-text, .outline-title.center-text .outline-subtitle, h2.outline-title.center-text .outline-subtitle { text-align: center; margin-left:auto; margin-right:auto; } .outline-title.left-align, .outline-title.left-align-text { text-align: left; } .about { position: relative; overflow: hidden; margin: 40px auto; margin-bottom: 175px; } .home .about-content-wrapper { padding: 10vh 40% 10vh 8vw; position: relative; } @media (max-width: 1008px) { .home .about-content-wrapper { padding: 10vh 8vw 2vh 8vw; } } @media (max-width: 760px) { .home .about-content-wrapper { padding: 5vh 8vw 2vh 8vw; } .home .about-content-wrapper .about-h3 { margin-top:15px; } } @media (max-width: 992px) { .text-image-wrapper { flex-direction: column-reverse; gap: 0px; height: 100%; margin-bottom: 50px; justify-content: flex-end; } .text-image-wrapper.reverse { flex-direction: column; justify-content: flex-start; height: 100%; } .text-wrapper { width: 75%; } .image-box { width: 75%; max-height: 400px; height: 400px; margin-bottom: 35px; } .reverse .text-wrapper { width: 75%; padding-left: 0px; } } @media (max-width: 760px) { .text-image-wrapper { margin-bottom: 120px; } .text-wrapper { width: 100%; } .reverse .text-wrapper { width: 100%; } .image-box { width: 100%; max-height: 300px; height: 300px; min-height: 300px; margin-bottom: 35px; } } @media (max-width: 1008px) { .home .about-content-wrapper { padding: 5vh 8vw 2vh 8vw; } } .about .about-content-wrapper { text-align: left; align-items: flex-start; } .about .about-content-wrapper .about-p { padding: 0; } .about .background-fade { top: initial; bottom: initial; height: 90%; } .about-content-wrapper { position: relative; text-align: center; display: flex; flex-direction: column; align-items: center; padding-left: 8vw; padding-right: 8vw; padding-bottom: 2vw; padding-top: 10vh; } .about-content-wrapper.about-content-wrapper-override { padding-bottom:10vh; } .about-h3, h3.about-h3 { color: #fff; font-weight: bold; font-size: 30px; margin: 0 0 15px 0; position: relative; font-family: "Roboto", sans-serif !important; } .about-p { font-size: 18px; max-width: 1200px; margin-bottom: 60px; /*line-height: 30px;*/ padding:0; position: relative; /*z-index: 999999;*/ } .about-p:last-of-type { margin-bottom: 0; } @media (max-width: 760px) { .about-h3, h3.about-h3 { font-size: 18px; margin: 0 0 20px 0; margin-top: -15px; } .about-p { font-size: 15.5px; } } </style>  <style type="text/css"> .contact-wrapper .request-info-wrapper select option { background: #041624; color: #ffffff; } .contact-wrapper .request-info-wrapper label, .contact-wrapper .request-info-wrapper .form-control::placeholder { color: #fff; } .contact-wrapper .info_request { display: block; } .contact-wrapper .info_request .column { padding: 0; } .contact h3 { color: #fff; text-align: left !important; font-size: 65px !important; margin-top: 0 !important; margin-bottom: 5px !important; } .contact-wrapper .request-info-wrapper .form-control { background: transparent; color: #fff; border-radius: 4px !important; background: no-repeat; background-position: right .75rem center; background-size: 16px 12px; } .contact-wrapper .request-info-wrapper .col-sm-12 { float: none; padding: 0; } .office-wrapper { border: 1px solid #c9102e; margin-bottom: 15px; border-radius: 30px; } .office-location { background-color: #c9102e; display: table-cell; width: 75px; height: 100%; vertical-align: middle; text-align: center; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } .office-location p { font-family: "Action NBA Web", sans-serif; color: #fff; font-size: 40px; margin: 0; } .office-details { display: table-cell; padding: 20px; } .office-details p:last-of-type { margin-bottom: 0px; } .contact-wrapper .request-info-wrapper { padding: 0 5% 0 0; } @media (max-width: 760px) { .contact-wrapper .request-info-wrapper { padding: 0%; } .outline-title, h2.outline-title { font-size: 65px !important; line-height: 60px; } .outline-title .outline-subtitle, h2.outline-title .outline-subtitle { margin-top: -20px; font-size: 65px; margin-bottom:0; } } </style>  <style type="text/css"> .privacy-wrapper:nth-child(even) { background-color: #5a5a5a; } .privacy-wrapper:first-of-type { background-color: #06255b; } .privacy-wrapper:first-of-type p, .privacy-wrapper:first-of-type .purpose p { margin: 0px; color: #fff; font-family: "Action NBA Web", sans-serif; font-size: 35px; text-transform: uppercase; } .privacy-wrapper .purpose p { font-family: "Action NBA Web", sans-serif; font-size: 30px; line-height: 30px; } @media (max-width: 991px) { .privacy-wrapper { padding: 30px 20px; text-align: center; } } @media (min-width: 992px) { .privacy-wrapper div { width: 25%; padding: 20px; } .privacy-wrapper { display: flex; flex-direction: row; align-items: center; } } </style> <style> .h2-image { width: 360px; display: block; margin: 0 auto 45px auto; max-width: 90%; } </style> </div>  <div>  <style type="text/css"> .col-sm-12 .embedded { margin: 0; } .col-sm-12 .embedded .simple_form.info_request { gap: 20px; } .col-sm-12 .embedded .simple_form.info_request .column { max-width: calc(33.333333% - 14px); padding: 0; } .col-sm-12 .embedded .simple_form.info_request .form-control, .parent-package .customer-request-form .form-control.select, .parent-package .col-sm-12 .embedded .simple_form.info_request #info_request_how_many, .pricing-details .subtotal { color: #fff !important; border-color: #FFF !important; } .col-sm-12 .embedded .simple_form.info_request textarea.form-control { background: transparent !important; } .col-sm-12 .embedded .simple_form.info_request input::placeholder, .col-sm-12 .embedded .simple_form.info_request textarea::placeholder { color: #fff !important; } .info_request .form-control option { background: #041624 !important; color: #fff !important; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } </style>  <style type="text/css"> .parent-package .pricing-details .purchasing .new_order_item h4.or-payment-terms, .parent-package .or-payment-terms { color: #fff; } .form-select, .purchasing .package_purchasing_form .form-control, .purchasing .pricing_header .form-control, .customer-request-form .form-control.select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important; } #info_request_how_many { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } small, .small { font-size: 13px; } body { background: linear-gradient(180deg, rgba(200, 16, 46, 0.9) 0vh, rgba(5, 27, 55, 0.95) 18vh, rgba(4, 22, 36, 1) 30vh) !important; color: #fff; } .form-control:focus, input.form-control, .cart-discount-form input, .checkout-container .checkout-vue-form .corporate-fields input[type='text'], .checkout-container .checkout-vue-form .payment-select select, .checkout-container .checkout-vue-form .required-field input, .checkout-container .checkout-vue-form .required-field select, .checkout-container .checkout-vue-form .non-required-field input { background-color: transparent; color: #ffffff; border-radius: 4px; } .about, .open .cart .item-description .in-cart-package-link .name, .display .cart .item-description .in-cart-package-link .name { color: #fff !important; } .renderable_page main { padding-top: 105px; } .controller_passwords main { /* password reset page */ padding-top: 180px; padding-bottom: 180px; } @media (min-width: 1200px) { .checkout-container { width: 1190px; } } .checkout-container .expandable_section { margin: 0; } .protect-group-form .refundable-perks-chart { border: 1px solid #C9102D; } .protect-group-form .refundable-display-box { background-color: #C9102D; border-top-left-radius: 5px; border-top-right-radius: 5px; } .protect-group-form .refundable-perks-chart .fa { color: #C9102D; } .protect-group-form .nonrefundable-display-box { background-color: #1d428a; border-radius: 5px; } .nonrefundable-label { color: #fff !important; } .fadeIn { -webkit-animation-duration: 800ms; animation-duration: 800ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } .navbar .navbar-nav .navbar-dropdown.dropdown ul.dropdown-menu li.menu-item .navbar-item { text-transform: initial !important; padding: 0; } .navbar.w-nav { margin-bottom: 0; } body { font-weight: normal; } .open .cart-discount-form .discount-button button, .display .cart-discount-form .discount-button button { background-color: #c9102e; color: #fff; } .open .cart-discount-form .discount-button button:hover, .display .cart-discount-form .discount-button button:hover { opacity: 0.7; background-color: #c9102e; } a { color: rgb(201, 16, 46); text-decoration: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 400; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 23px; margin-bottom: 11.5px; } .event { margin-top: 0; } .lg-text { font-size: 125%; } .grey-bg { background-color: #bdbdbd; } .margin-top-100 { margin-top: 100px; } .margin-bottom-80 { margin-bottom: 80px; } .margin-bottom-180 { margin-bottom: 180px; } a { -webkit-transition: all 400ms ease; transition: all 400ms ease; } .white { color: #fff; } .login-as-customer { background: transparent; padding-top: 110px; text-align: right; } .login-as-customer .col-md-12 { background: transparent; } .not_found { padding-top: 160px; padding-bottom: 150px; } .not_found h2 { color: #fff; } .request-confirmation .close-btn { color: #c8102e !important; } .display.request-confirmation { text-align: center; } /* breadcrumb */ #breadcrumb .container { margin-left: 5px; color: #fff; } #breadcrumb { padding-top: 115px; text-align: left; } #breadcrumb a { color: #c8102e !important; } .breadcrumb > li + li::before { color: #fff; content: "| "; padding: 0px 5px 0px 10px; } @media (max-width: 760px) { #breadcrumb { display: none; } } </style>  <style type="text/css"> .new-hotel-wrapper.hotel-wrapper .panel-heading a:after { font-size: 30px; position: absolute; right: 0; top: -3px; height: 40px; display: flex; align-items: center; -webkit-transform-origin-y: center; content: "\f107"; } @media (max-width: 767px) { .new-hotel-wrapper.hotel-wrapper .panel-heading a:after { right: -0px !important; } } .panel-heading a.collapsed:after { transform: rotate(0deg); transform-origin: 50% 50%; } .panel-heading a:after { transform: rotate(180deg); transform-origin: 50% 57%; } .panel-heading a:after { color: #c80502; font-size: 16px; font-weight: 300; position: absolute; right: 40px; transition: all .5s ease-out; } @media (max-width:768px) { .new-hotel-wrapper.hotel-wrapper .stars-wrapper { display: none; } .new-hotel-wrapper.hotel-wrapper .panel-heading a:after { top: -7px; } } .panel-group .panel { margin-bottom: 10px; position: relative; border-radius: 10px; border-bottom: none; transition: all 0.3s ease-in-out; border: 0; border-radius: 0; } .panel-group .panel .panel-heading { background: transparent; border:none; padding: 20px 20px 20px 20px; font-size: 1.5em; color: #fff; position: relative; transition: all 0.3s ease-in-out; display: flex; flex-direction: column; justify-content: center; } .package-panel.panel-group .panel .panel-heading { padding: 20px 20px 20px 50px; border: 2px solid rgba(255, 255, 255, 0.70); min-height: 80px; } .package-panel.panel-group .panel { box-shadow:none; border-radius: 0px; margin-bottom:10px; } .panel-group .panel .panel-body { background: transparent; border:none; color: #fff; padding: 20px 20px 20px 50px; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-body { border-left: 2px solid rgba(255, 255, 255, 0.70); border-right: 2px solid rgba(255, 255, 255, 0.70); border-bottom: 2px solid rgba(255, 255, 255, 0.70); } .package-panel.panel-group .panel .panel-heading:before { content: ''; border-left: 4px solid rgba(255, 255, 255, 0.70); position: absolute; top: 0; bottom: 0; left: 18px; z-index: 2; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-heading .panel-title { margin: 0; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-heading .panel-title a { max-width: 90%; display: block; color: #FFF; font-family: Roboto; font-size: 18px; font-weight: 800; text-transform: uppercase; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-heading:after { content: ''; position: absolute; top: 38px; transform: translate(0, -50%); background: #041624; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.70); height: 19px; width: 19px; left: 10.5px; z-index: 3; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-heading a:after { font-family: FontAwesome; font-size: 30px; line-height: 30px; padding-left: 0; content: "\f107"; top: 20px; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-body.in:before, .package-panel.panel-group .panel .panel-body.show:before, .package-panel.panel-group .panel .panel-collapse.in .panel-body:before, .package-panel.panel-group .panel .panel-collapse.show .panel-body:before { border-left: 4px solid rgba(235, 36, 46, 1); transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-body:before { content: ''; border-left: 4px solid rgba(255, 255, 255, 0.70); position: absolute; top: 0; bottom: 0; left: 20px; z-index: 3; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-body:after { content: ''; position: absolute; top: 40px; transform: translate(0, -50%); background: #06224F; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.70); height: 20px; width: 20px; left: 12px; z-index: 4; transition: all 0.3s ease-in-out; } .package-panel.panel-group .panel .panel-body.in:after, .package-panel.panel-group .panel .panel-body.show:after, .package-panel.panel-group .panel .panel-collapse.in .panel-body:after, .package-panel.panel-group .panel .panel-collapse.show .panel-body:after { background: rgba(235, 36, 46, 1); border: 2px solid rgba(235, 36, 46, 1); transition: all 0.3s ease-in-out; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: -1; border-top-right-radius: -1; } .panel-default .panel-heading { background-color: #bdbdbd00; } .panel-title a { color: #fff; font-size: 18px; display: flex !important; align-items: center !important; font-weight: bold; margin-left: 32px; } .collapse.in { display: block; } p.panel-title { margin-bottom: 0px; display: flex; flex-wrap: wrap; align-items: center; } .panel-title:before { content: ""; background: url("https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/43435-faqicon-0ccf5d39e1041b50ed2f035e4b825ca9.svg"); position: absolute; width: 24px; height: 18px; background-repeat: no-repeat; margin-left: 0px; margin-right: 15px; color: #fff; } .package-panel .panel-title:before { content: none; display: none; } .package-panel .panel-title a { margin-left: 0; } .panel-group.package-panel .panel .panel-heading a:after { font-family: FontAwesome; font-size: 30px; line-height: 22px; padding: 0; color: #c80502; font-weight: 300; content: "\f107"; top: 20px; transition: all 0.3s ease-in-out; border: none; } .panel-group.package-panel .panel .panel-heading a.collapsed:after { transform: rotate(0deg); transform-origin: 50% 50%; } .panel-title a:before { color: #fff; content: ""; font-family: "FontAwesome"; } .panel-group .panel { border: none; margin-bottom: 25px; } .panel-body { border: 0px solid #bdbdbd; color: #fff; padding: 15px; } .panel-body p { color: #fff; } .panel .panel-title a.collapsed:after { content: "\f067"; } .panel .panel-title a:after { color: #fff; content: "\f068"; font-family: "FontAwesome"; position: absolute; border: solid 1px; border-radius: 50%; margin-top: 1px; padding: 2px 7px 0 7px; } .panel-group .panel { border: solid 0px gray !important; border-radius: 10px; box-shadow: 0 0 5px 1px #ccc; background: #041624; color: #fff; position: relative; } .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group { border-top: 0px solid #ddd; } @media (min-width: 768px) { .panel .panel-title a:after { right: 3%; } } @media (max-width: 767px) { .panel .panel-title a:after { right: 25px !important; } } @media (max-width: 767px) { .panel .panel-title a:after { right: 35px; } .panel-title a { display: block; font-weight: bold; margin-right: 40px; font-size: 14px; } } </style>  <style type="text/css"> .full-width-image-wrapper.container-full-width, .full-width-image-wrapper.container-full-width img { max-height: 300px; } .full-width-image-wrapper img { width: 100%; object-fit: cover; max-height: 100%; height: 100%; object-position: 50% 30%; } </style>  <style type="text/css"> .embedded .info_request { gap: 20px; } .parent-package .hotel-option-radio, .parent-package .occupancy-desc, .parent-package .package-select, .order-item-form, .parent-package .submit, .parent-package .subtotal, .parent-package .or-payment-terms { padding-left: 0 !important; padding-right: 0 !important; } .request-info-wrapper .row.embedded { margin: 0 !important; } .request-info-wrapper .row.embedded #infoRequestForm { padding: 0 !important; } .purchasing .pricing_header .currency_exchange_form select, .currency_exchange_form .form-control.select { border: 0; font-family: "Roboto", sans-serif; font-size: 13px; outline: 1px solid #fff !important; outline-offset: -1px; background: transparent; } .info_request .column .form-group { margin-right: 0; } .embedded .info_request .column { max-width: calc(33.333333% - 14px); padding: 0; } .request-info-wrapper .form-control, .pricing-details .form-control, .customer-request-form .form-control.select, .customer-request-form #info_request_how_many { border-color: #FFF; } @media (max-width: 767px) { .embedded .info_request { gap: 0px; } .info_request .form-group { margin-top: 0; } } </style>  <style type="text/css"> .lightbox-carousel { border: none !important; } .ratio.ratio-16x9 { --bs-aspect-ratio: 100%; background-color: #fff !important; margin-left: 25%; width: 65% !important; height: auto !important; margin: auto !important; } .modal-body.p-0 button svg { fill: #fff !important; } .modal-body.p-0 button { margin-right: 10% !important; } .IST-banner { position: absolute; top: 110px; z-index: 2; background: #c9102e70; height: 80px; width: 100%; } .IST-banner a { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .IST-wrapper { text-align: center; } .IST-wrapper p { margin-top: 0px; margin-bottom: 0px; color: #fff; font-size: 50px; } @media (max-width:1025px) { .ratio.ratio-16x9 { width: 100% !important; } } @media (max-width: 767px) { .modal-body.p-0 button { margin-right: 0% !important; } .IST-wrapper p { font-size: 33px; line-height: 30px; } .IST-banner { top: 75px; height: 85px; } } </style>  <style> .dark-blue-bg { background: #051B37; } h4.status-text { margin: 0 0 40px 0; text-align: center; font-size: 40px; } .flex-container-column { flex-direction: column; } .bg-dark-blue { background-color: #051B37; } .show-content { display: block !important; } .hidden { display: none !important; } .switch { max-width: 100%; margin-bottom: 10px; font-weight: 700; color: white; display: inline-flex; gap: 10px; align-items: baseline; flex-direction: row-reverse; justify-content: flex-end; } .switch .package-type-slider { display: none; } .red { color: #C8102E; } h1, .h1 { font-size: 75px; font-weight: 700; line-height: 76px; } h2, .h2 { font-size: 60px; font-weight: 700; font-family: "Action NBA Web", sans-serif !important; } h3, .h3 { font-family: "Action NBA Web", sans-serif !important; font-size: 55px; font-weight: 700; text-transform: uppercase; } h4, .h4 { font-size: 40px; font-weight: 700; line-height: 36px; } @media(max-width:768px) { h1, .h1 { font-size: 60px; line-height: 76px; } h2, .h2 { font-size: 48px; } h3, .h3 { font-size: 45px; } h4, .h4 { font-size: 36px; line-height: 35px; } .content-wrapper.center h1, .content-wrapper.center .h1 { margin-bottom: 40px; font-size: 105px !important; line-height: 90px !important; } .content-wrapper.center h1 span, .content-wrapper.center .h1 span { font-size: 105px !important; line-height: 90px !important; } .carousel .content-wrapper.center h1, .carousel .content-wrapper.center .h1 { margin-bottom: 40px; font-size: 80px !important; line-height: 65px !important; } .carousel .content-wrapper.center h1 span, .carousel .content-wrapper.center .h1 span { font-size: 80px !important; line-height: 65px !important; } } </style>  <style> main .btn-primary { background-color: #c9102e; border-color: #c9102e; color: #fff; letter-spacing: normal; transition: all 0.3s ease-in-out; } main .btn-primary:hover { background-color: #c9102e; border-color: #c9102e; color: #fff; letter-spacing: normal; opacity: 0.7; transition: all 0.3s ease-in-out; } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.7; border-radius: 100px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pull-right.btn.btn-secondary { background-color: #c9102e !important; color: rgb(255, 255, 255); font-weight: normal; } button.btn.btn-primary.btn-disabled { background: #a9a9a9; border: #a9a9a9; } .btn { padding: 8px 30px; border-radius: 5px !important; text-transform: capitalize; } .btn:active, .btn:focus, .btn:focus-within, .btn:focus-visible, .btn:hover { border-radius: 5px !important; opacity: 0.7; text-transform: capitalize; } .button-blue { border-radius: 4px; background-color: #1d428a; -webkit-transition: box-shadow 425ms ease; transition: box-shadow 325ms ease; font-weight: 400; text-transform: uppercase; } .button-blue:hover { box-shadow: 1px 1px 3px 0 #000; } .recap-link { border: 1px solid #c8102e; padding: 12px 15px; border-radius: 5px; color: #fff; text-transform: uppercase; display: flex; align-items: center; gap: 10px; justify-content: center; margin: auto; max-width: 400px; } .recap-link:hover { background: #c8102e; color: #fff; } @media(max-width: 767px) { .recap-link { font-size: 14px; } } button:disabled { cursor: not-allowed !important; pointer-events: initial !important; } a.btn.btn-primary.btn-disabled { background: #a9a9a9 !important; border: #a9a9a9 !important; color: #001C42 !important; } .recap-link { border: 1px solid #c8102e; padding: 12px 15px; border-radius: 5px; color: #fff; text-transform: uppercase; display: flex; align-items: center; gap: 10px; } .recap-link:hover { background: #c8102e; color: #fff; } @media(max-width: 767px) { .recap-link { font-size: 14px; } } .btn.buy-now-button { background: #c9102e; color: #fff; text-align: center; font-size: 18px; font-weight: bold; line-height: 18px; text-transform: uppercase; position: fixed; padding: 14px 22px; top: 360px; z-index: 10; transform: rotate(-90deg) translate(0, -90%); transform-origin: 100% 0; right: 0; border-radius: 10px 10px 0px 0px; transition: all 0.3s ease-out; } .btn.buy-now-button:hover { background: #06255B; padding-bottom: 24px; font-size: 18px; font-weight: bold; line-height: 18px; text-transform: uppercase; top: 355px; } .btn.buy-now-button:before { content: "H"; display: inline-block; font-family: "nav_icons"; font-size: 11px; -webkit-font-smoothing: antialiased; vertical-align: middle; margin: 0px 10px 0px 0px; } .questions.btn.buy-now-button { background: #D76D17 !important; z-index: 10 !important; } .questions.btn.buy-now-button:before { display: none !important; } @media(max-width: 767px){ .questions.btn.buy-now-button { font-size: 15px !important; padding: 10px 15px !important; top: 500px !important; z-index: 4 !important; left: 0; right: unset !important; transform: rotate(90deg) translate(0, 90%) !important; transform-origin: 60% 0 !important; } } </style>  <style type="text/css"> @media (max-width: 1360px) { .experience-wrapper .package-container-wrapper { padding-left: 35px; padding-right: 35px; } .experience-wrapper.experience-wrapper--full-width .package-container-wrapper { padding-left: 0px; padding-right: 0px; } .experience-wrapper .package-container-wrapper .package-container { flex: 0 0 calc(50% - 13px); } } @media (max-width: 1008px) { .about-content-wrapper { padding: 10vh 8vw 2vh 8vw; } .hotel-request-outer-wrapper .hotel-package-wrapper, .hotel-request-outer-wrapper .request-info-wrapper { flex: 1 0 100%; max-width: 100%; width: 100%; } .parent-package .calendar { font-size: 18px; } .h3-red, .parent-package .h3-red { font-size: 60px; } .seating-details .seating, .perk-details .perk { flex: 1 0 100%; max-width: 100%; padding-left: 35px; padding-right: 35px; } .experience-wrapper .package-container-wrapper .package-container { flex: 0 0 calc(100%); } .experience-wrapper .package-container-wrapper .package-container .blue-box h3, .experience-wrapper .package-container-wrapper .package-container .blue-box .location { font-size: 20px; text-align: left; } .experience-wrapper .package-container-wrapper .package-container .blue-box .title { font-size: 50px; line-height: 40px; margin: 0 0 10px 0; text-align: left; } .experience-wrapper .package-container-wrapper .package-container .blue-box h2 { font-size: 50px; line-height: 40px; margin: 0 0 3% 0; text-align: center; } .experience-wrapper .package-container-wrapper .package-container .blue-box p { font-size: 16px; } .experience-wrapper .package-container-wrapper .package-container .package-link, .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .package-link { height: auto; flex-wrap: wrap; } .experience-wrapper .package-container-wrapper .package-container .package-link.package-link--row { flex-direction: column; } .experience-wrapper .package-container-wrapper .package-container .package-link.package-link--row .package-container--image { flex: 0 1 300px; width: 100%; border-radius: 6px; height: 300px; object-fit: cover; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .package-container--image { object-fit: cover; } .experience-wrapper .package-container-wrapper .package-container .package-link.package-link--row .blue-box.blue-box--right, .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom, .experience-wrapper .package-container-wrapper .package-container .blue-box--left, .experience-wrapper .package-container-wrapper .package-container .blue-box--right { height: auto; position: relative; margin: -100px 0 0 0; top: initial; transition: initial; width: 90%; left: 5%; right: 5%; transform: translate(0, 0); align-items: center; border-radius: 10px; background: rgb(6 37 91 / 78%); display: flex; flex-direction: row; flex: 1 0 auto; flex-wrap: wrap; align-content: flex-start; } .experience-wrapper .package-container-wrapper .package-container .package-link.package-link--row .blue-box.blue-box--right { flex-direction: column; align-items: flex-start; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box { height: auto; position: relative; width: 90%; padding: 8%; flex-wrap: wrap; align-content: flex-start; margin: 0; justify-content: flex-start; } .banner-wrapper .banner-content .date-container { font-size: 20px; gap: 18px; } .experience-wrapper .package-container-wrapper .package-container .package-link .carousel-inner, .experience-wrapper .package-container-wrapper .package-container .package-link .carousel-inner img, .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .package-container--image { height: 300px; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box { margin-top: 275px; } .experience-wrapper .includes-wrapper .package-container { flex: 0 0 calc(50% - 15px) !important; } .parent-package .hotel-request-outer-wrapper .hotel-package-wrapper { padding-right: 20px; padding-left: 20px; } .parent-package { overflow-x: hidden !important; } .hotel-request-outer-wrapper .request-info-wrapper { padding: 7%; } } @media (max-width: 760px) { .about { margin: 50px auto !important; } .about-content-wrapper, .about-content-wrapper.about-content-wrapper-override { padding: 0vh 4vw 8vh 4vw; } .banner-wrapper .banner-content .date-container .calendar, .banner-wrapper .banner-content .date-container .location { font-size: 18px; } .banner-wrapper .banner-content .date-container .calendar ion-icon, .banner-wrapper .banner-content .date-container .location ion-icon { font-size: 25px; } .banner-wrapper .banner-content .header-logo { max-width: 250px; } .experience-wrapper .package-container-wrapper .package-container .blue-box h2, .experience-wrapper .package-container-wrapper .package-container .blue-box .title { font-size: 45px; } .experience-wrapper .package-container-wrapper .package-container .blue-box h3, .experience-wrapper .package-container-wrapper .package-container .blue-box .location { font-size: 16px; } .request-info-wrapper { padding: 2%; padding-bottom: 80px; } .experience-wrapper .includes-wrapper .package-container { flex: 1 0 100% !important; } .experience-wrapper .package-container-wrapper { padding-left: 15px; padding-right: 15px; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box h3 { font-size: 50px; } .experience-wrapper .package-container-wrapper .package-container.package-container--full-width .blue-box h2 { font-size: 35px; } .parent-package .experience-wrapper .package-container-wrapper .package-container .blue-box--bottom { padding: 8% 4%; } h4.status-text { font-size: 30px; } .parent-package .status-text { margin-top: -60px; } .parent-package h4.status-text.sold-out { color: #afafaf !important; text-transform: uppercase; font-size: 35px; margin-top: -45px; } .includes-wrapper { gap: 80px 20px !important; } .includes { bottom: -15%; } .event .banner-wrapper .banner-content { padding-top: 60px; } .hotel-request-outer-wrapper .hotel-package-wrapper .pricing-details .pricing_header { font-size: 60px; } .seating-details .seating p, .perk-details .perk p { font-size: 16px; } .perk-details .perk .perk--title, .seating-details .seating h3 { font-size: 18px; } .seating-details .seating .seating--image, .perk-details .perk .perk--image { max-width: 60px; } .seating-details .seating .seating--image-wrapper, .perk-details .perk .perk--image-wrapper { height: 90px; } .pricing-details { margin-top: 0px; } .experience-wrapper, .perks-wrapper, .seating-wrapper { margin-bottom: 100px; } } @media (max-width: 500px) { .banner-wrapper .banner-content .header-logo { max-width: 200px; } .banner-wrapper .banner-content p, .experience-wrapper p, .event .experience-wrapper p { font-size: 16px; margin-bottom: 30px; } } </style> </div>  <style> .parent-package>div, .parent-package .heading, .parent-package .new_order_item { margin-right: 0px; margin-left: 0px; } /**** Variables ****/ /**** Grid Layout : START ****/ .max-width-container { max-width: 1500px; width: 100%; margin: auto; padding: 0 40px; } .restrict-width-left { align-self: flex-end; padding-left: 40px; } .restrict-width-right { align-self: flex-start; padding-right: 40px; } .no-margin { margin: 0 !important; } .no-padding { padding: 0 !important; } .no-gap { gap: 0 !important; } .no-margin-top { margin-top: 0 !important; } .image-wrapper { height: 100%; } .image-wrapper img { max-width: 100%; -o-object-fit: cover; object-fit: cover; max-height: 100%; width: 100%; height: 100%; } .uppercase { text-transform: uppercase; } .center-text { text-align: center; } .center { display: flex; justify-content: center; flex-direction: column; } /**** layout is as follows - flex-container flex-item image-wrapper content-wrapper *****/ .flex-container { display: flex; flex-wrap: wrap; gap: 20px; } .flex-container .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container .flex-item .content { padding: 0; } .flex-container .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container .flex-item-side-by-side.top-align { align-content: flex-start; } .flex-container .flex-item-side-by-side.top-align .image-wrapper { align-self: flex-start; } .flex-container .flex-item-side-by-side.top-align .content-wrapper { justify-content: flex-start; padding-top: 0; } .flex-container .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 65px; align-self: center; display: flex; justify-content: center; } .flex-container .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; height: 100%; padding: 0 20px 20px 20px; align-self: center; display: flex; justify-content: flex-start; flex-direction: column; } .amenities-wrapper h5, .entertainment h5 { font-family: "museo-sans"; font-size: 18px; font-weight: 400; } .full { flex: 1 0 100%; } .three-quarter { flex: 1 0 calc(75% - 20px); } .three-quarter .restrict-width { max-width: 970px; } .two-third { flex: 1 0 calc(66.666% - 8px); } .two-third .restrict-width { max-width: 859.912px; } .sixty { flex: 0 0 calc(60% - 10px); } .sixty .restrict-width { max-width: 772px; } .half { flex: 0 0 calc(50% - 10px); } .half .restrict-width { max-width: 640px; } .forty { flex: 0 0 calc(40% - 10px); } .forty .restrict-width { max-width: 508px; } .third { flex: 0 0 calc(33.333% - 13.3333px); } .third .restrict-width { max-width: 419.9956px; } .quarter { flex: 1 0 calc(25% - 15px); } .quarter .restrict-width { max-width: 310px; } .fifth { flex: 1 0 calc(20% - 16px); } .fifth .restrict-width { max-width: 211.2px; } .tenth { flex: 1 0 calc(10% - 18px); } .tenth .restrict-width { max-width: 237.6px; } .no-gap .three-quarter { flex: 1 0 75%; } .no-gap .three-quarter .restrict-width { max-width: 990px; } .no-gap .two-third { flex: 1 0 66.666%; } .no-gap .two-third .restrict-width { max-width: 879.9912px; } .no-gap .sixty { flex: 0 0 60%; } .no-gap .sixty .restrict-width { max-width: 792px; } .no-gap .forty { flex: 0 0 40%; } .no-gap .forty .restrict-width { max-width: 528px; } .no-gap .half { flex: 0 0 50%; } .no-gap .half .restrict-width { max-width: 660px; } .no-gap .third { flex: 0 0 33.333%; } .no-gap .third .restrict-width { max-width: 439.9956px; } .no-gap .quarter { flex: 1 0 25%; } .no-gap .quarter .restrict-width { max-width: 330px; } .no-gap .fifth { flex: 1 0 20%; } .no-gap .fifth .restrict-width { max-width: 264px; } .no-gap .tenth { flex: 1 0 10%; } .no-gap .tenth .restrict-width { max-width: 132px; } .flex-container-full { gap: 20px; } .flex-container-full .flex-item { flex: 1 0 calc(100% - 20px); flex-direction: column; } .flex-container-full .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-full .flex-item .content-wrapper { padding: 0; } .flex-container-full .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-full .flex-item-inner-spacing .content { padding: 20px; } .flex-container-full .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-full .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-full .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-three-quarter { gap: 20px; } .flex-container-three-quarter .flex-item { flex: 1 0 calc(75% - 20px); flex-direction: column; } .flex-container-three-quarter .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-three-quarter .flex-item .content-wrapper { padding: 0; } .flex-container-three-quarter .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-three-quarter .flex-item-inner-spacing .content { padding: 20px; } .flex-container-three-quarter .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-three-quarter .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-three-quarter .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-two-third { gap: 20px; } .flex-container-two-third .flex-item { flex: 1 0 calc(66.666% - 20px); flex-direction: column; } .flex-container-two-third .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-two-third .flex-item .content-wrapper { padding: 0; } .flex-container-two-third .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-two-third .flex-item-inner-spacing .content { padding: 20px; } .flex-container-two-third .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-two-third .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-two-third .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-sixty { gap: 20px; } .flex-container-sixty .flex-item { flex: 1 0 calc(60% - 20px); flex-direction: column; } .flex-container-sixty .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-sixty .flex-item .content-wrapper { padding: 0; } .flex-container-sixty .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-sixty .flex-item-inner-spacing .content { padding: 20px; } .flex-container-sixty .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-sixty .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-sixty .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-half { gap: 20px; } .flex-container-half .flex-item { flex: 1 0 calc(50% - 20px); flex-direction: column; } .flex-container-half .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-half .flex-item .content-wrapper { padding: 0; } .flex-container-half .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-half .flex-item-inner-spacing .content { padding: 20px; } .flex-container-half .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-half .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-half .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-forty { gap: 20px; } .flex-container-forty .flex-item { flex: 1 0 calc(40% - 20px); flex-direction: column; } .flex-container-forty .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-forty .flex-item .content-wrapper { padding: 0; } .flex-container-forty .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-forty .flex-item-inner-spacing .content { padding: 20px; } .flex-container-forty .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-forty .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-forty .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-third { gap: 20px; } .flex-container-third .flex-item { flex: 1 0 calc(33.333% - 20px); flex-direction: column; } .flex-container-third .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-third .flex-item .content-wrapper { padding: 0; } .flex-container-third .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-third .flex-item-inner-spacing .content { padding: 20px; } .flex-container-third .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-third .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-third .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-quarter { gap: 20px; } .flex-container-quarter .flex-item { flex: 1 0 calc(25% - 20px); flex-direction: column; } .flex-container-quarter .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-quarter .flex-item .content-wrapper { padding: 0; } .flex-container-quarter .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-quarter .flex-item-inner-spacing .content { padding: 20px; } .flex-container-quarter .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-quarter .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-quarter .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-fifth { gap: 20px; } .flex-container-fifth .flex-item { flex: 1 0 calc(20% - 20px); flex-direction: column; } .flex-container-fifth .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-fifth .flex-item .content-wrapper { padding: 0; } .flex-container-fifth .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-fifth .flex-item-inner-spacing .content { padding: 20px; } .flex-container-fifth .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-fifth .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-fifth .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } .flex-container-tenth { gap: 20px; } .flex-container-tenth .flex-item { flex: 1 0 calc(10% - 20px); flex-direction: column; } .flex-container-tenth .flex-item .image-wrapper img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; } .flex-container-tenth .flex-item .content-wrapper { padding: 0; } .flex-container-tenth .flex-item-inner-spacing .image-wrapper { margin: 0; } .flex-container-tenth .flex-item-inner-spacing .content { padding: 20px; } .flex-container-tenth .flex-item-side-by-side { flex-direction: row; gap: 0px; flex-wrap: wrap; display: flex; } .flex-container-tenth .flex-item-side-by-side .image-wrapper { margin: 0; flex: 1 0 30%; align-self: center; display: flex; justify-content: center; } .flex-container-tenth .flex-item-side-by-side .content-wrapper { flex: 1 0 70%; padding: 20px; align-self: center; display: flex; justify-content: center; flex-direction: column; } @media (max-width: 1168px) { .max-width-container { padding: 0 20px; } } @media (max-width: 992px) { .parent-package .no-gap .full, .parent-package .no-gap .three-quarter, .parent-package .no-gap .two-third, .parent-package .no-gap .half, .parent-package .no-gap .sixty, .parent-package .no-gap .forty, .parent-package .no-gap .third, .parent-package .no-gap .quarter, .parent-package .no-gap .fifth, .parent-package .no-gap .tenth { flex: 1 0 100%; max-width: 100%; } } @media (max-width: 768px) { .max-width-container { padding: 0 15px; } .no-gap .full, .no-gap .three-quarter, .no-gap .two-third, .no-gap .half, .no-gap .sixty, .no-gap .forty, .no-gap .third, .no-gap .quarter, .no-gap .fifth, .no-gap .tenth { flex: 1 0 100%; max-width: 100%; } .full, .three-quarter, .two-third, .half, .sixty, .forty, .third, .quarter, .fifth, .tenth { flex: 1 0 100%; max-width: 100%; } .flex-container .flex-item-side-by-side .image-wrapper, .flex-container .flex-item-side-by-side .content-wrapper { flex: 1 0 100%; height: auto; } } /**** Grid Layout : END ****/ /**** Font Sizing : START ****/ /**** Font Sizing : END ****/ /**** Colors : START ****/ .text-white { color: #FFFFFF; } .bg-white { background-color: #FFFFFF; } .border-white { border-color: #FFFFFF; } .text-tan { color: #CFAC7A; } .bg-tan { background-color: #CFAC7A; } .border-tan { border-color: #CFAC7A; } .text-black { color: #000000; } .bg-black { background-color: #000000; } .border-black { border-color: #000000; } .text-derby-pink { color: #EC1D50; } .bg-derby-pink { background-color: #EC1D50; } .border-derby-pink { border-color: #EC1D50; } .text-derby-stone { color: #4F4E4E; } .bg-derby-stone { background-color: #4F4E4E; } .border-derby-stone { border-color: #4F4E4E; } .text-derby-sage { color: #AEBEA4; } .bg-derby-sage { background-color: #AEBEA4; } .border-derby-sage { border-color: #AEBEA4; } .text-derby-soft-pink { color: #F8D7DC; } .bg-derby-soft-pink { background-color: #F8D7DC; } .border-derby-soft-pink { border-color: #F8D7DC; } .text-light-blue { color: #0088CE; } .bg-light-blue { background-color: #0088CE; } .border-light-blue { border-color: #0088CE; } .text-light-grey { color: #EBEBEB; } .bg-light-grey { background-color: #EBEBEB; } .border-light-grey { border-color: #EBEBEB; } .text-mid-grey { color: #F3f3f3; } .bg-mid-grey { background-color: #F3f3f3; } .border-mid-grey { border-color: #F3f3f3; } .text-orange { color: #EB8C4C; } .bg-orange { background-color: #EB8C4C; } .border-orange { border-color: #EB8C4C; } .text-mustard { color: #D7BE69; } .bg-mustard { background-color: #D7BE69; } .border-mustard { border-color: #D7BE69; } .text-green { color: #005251; } .bg-green { background-color: #005251; } .border-green { border-color: #005251; } /**** Colors : END ****/ /**** Spacing : START ****/ .section-padding, .section-padding.max-width-container { padding-top: 40px; padding-bottom: 40px; } .section-padding-top, .section-padding-top.max-width-container { padding-top: 20px; } .section-padding-bottom, .section-padding-bottom.max-width-container { padding-bottom: 20px; } .section-padding-xxs, .section-padding-xxs.max-width-container { padding-top: 10px; padding-bottom: 10px; } .section-padding-top-xxs, .section-padding-top-xxs.max-width-container { padding-top: 10px; } .section-padding-bottom-xxs, .section-padding-bottom-xxs.max-width-container { padding-bottom: 10px; } .vertical-spacing-xxs { padding: 5px; height: 0.1px; } .outer-spacing-xxs { margin: 5px; } .outer-spacing-top-xxs { margin-top: 5px; } .outer-spacing-bottom-xxs { margin-bottom: 5px; } .outer-spacing-right-xxs { margin-right: 5px; } .outer-spacing-left-xxs { margin-left: 5px; } .inner-spacing-xxs { padding: 5px; } .inner-spacing-xxs .max-width-container { padding: 0; } .inner-spacing-top-xxs { padding-top: 5px; } .inner-spacing-top-xxs .max-width-container { padding-top: 0; } .inner-spacing-bottom-xxs { padding-bottom: 5px; } .inner-spacing-bottom-xxs .max-width-container { padding-bottom: 0; } .inner-spacing-right-xxs { padding-right: 5px; } .inner-spacing-right-xxs .max-width-container { padding-right: 0; } .inner-spacing-left-xxs { padding-left: 5px; } .inner-spacing-left-xxs .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xxs, .section-padding-xxs.max-width-container { padding-top: 8.7px; padding-bottom: 8.7px; } .section-padding-top-xxs, .section-padding-top-xxs.max-width-container { padding-top: 8.7px; } .section-padding-bottom-xxs, .section-padding-bottom-xxs.max-width-container { padding-bottom: 8.7px; } .vertical-spacing-xxs { padding: 4.35px; height: 0.1px; } .outer-spacing-xxs { margin: 4.35px; } .outer-spacing-top-xxs { margin-top: 4.35px; } .outer-spacing-bottom-xxs { margin-bottom: 4.35px; } .outer-spacing-right-xxs { margin-right: 4.35px; } .outer-spacing-left-xxs { margin-left: 4.35px; } .inner-spacing-xxs { padding: 4.35px; } .inner-spacing-top-xxs { padding-top: 4.35px; } .inner-spacing-bottom-xxs { padding-bottom: 4.35px; } .inner-spacing-right-xxs { padding-right: 4.35px; } .inner-spacing-left-xxs { padding-left: 4.35px; } } @media (max-width: 768px) { .section-padding-xxs, .section-padding-xxs.max-width-container { padding-top: 7.5px; padding-bottom: 7.5px; } .section-padding-top-xxs, .section-padding-top-xxs.max-width-container { padding-top: 7.5px; } .section-padding-bottom-xxs, .section-padding-bottom-xxs.max-width-container { padding-bottom: 7.5px; } .vertical-spacing-xxs { padding: 3.75px; height: 0.1px; } .vertical-spacing-xxs { padding: 3.75px; height: 0.1px; } .outer-spacing-xxs { margin: 3.75px; } .outer-spacing-top-xxs { margin-top: 3.75px; } .outer-spacing-bottom-xxs { margin-bottom: 3.75px; } .outer-spacing-right-xxs { margin-right: 3.75px; } .outer-spacing-left-xxs { margin-left: 3.75px; } .inner-spacing-xxs { padding: 3.75px; } .inner-spacing-top-xxs { padding-top: 3.75px; } .inner-spacing-bottom-xxs { padding-bottom: 3.75px; } .inner-spacing-right-xxs { padding-right: 3.75px; } .inner-spacing-left-xxs { padding-left: 3.75px; } } .section-padding-xs, .section-padding-xs.max-width-container { padding-top: 20px; padding-bottom: 20px; } .section-padding-top-xs, .section-padding-top-xs.max-width-container { padding-top: 20px; } .section-padding-bottom-xs, .section-padding-bottom-xs.max-width-container { padding-bottom: 20px; } .vertical-spacing-xs { padding: 10px; height: 0.1px; } .outer-spacing-xs { margin: 10px; } .outer-spacing-top-xs { margin-top: 10px; } .outer-spacing-bottom-xs { margin-bottom: 10px; } .outer-spacing-right-xs { margin-right: 10px; } .outer-spacing-left-xs { margin-left: 10px; } .inner-spacing-xs { padding: 10px; } .inner-spacing-xs .max-width-container { padding: 0; } .inner-spacing-top-xs { padding-top: 10px; } .inner-spacing-top-xs .max-width-container { padding-top: 0; } .inner-spacing-bottom-xs { padding-bottom: 10px; } .inner-spacing-bottom-xs .max-width-container { padding-bottom: 0; } .inner-spacing-right-xs { padding-right: 10px; } .inner-spacing-right-xs .max-width-container { padding-right: 0; } .inner-spacing-left-xs { padding-left: 10px; } .inner-spacing-left-xs .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xs, .section-padding-xs.max-width-container { padding-top: 17.4px; padding-bottom: 17.4px; } .section-padding-top-xs, .section-padding-top-xs.max-width-container { padding-top: 17.4px; } .section-padding-bottom-xs, .section-padding-bottom-xs.max-width-container { padding-bottom: 17.4px; } .vertical-spacing-xs { padding: 8.7px; height: 0.1px; } .outer-spacing-xs { margin: 8.7px; } .outer-spacing-top-xs { margin-top: 8.7px; } .outer-spacing-bottom-xs { margin-bottom: 8.7px; } .outer-spacing-right-xs { margin-right: 8.7px; } .outer-spacing-left-xs { margin-left: 8.7px; } .inner-spacing-xs { padding: 8.7px; } .inner-spacing-top-xs { padding-top: 8.7px; } .inner-spacing-bottom-xs { padding-bottom: 8.7px; } .inner-spacing-right-xs { padding-right: 8.7px; } .inner-spacing-left-xs { padding-left: 8.7px; } } @media (max-width: 768px) { .section-padding-xs, .section-padding-xs.max-width-container { padding-top: 15px; padding-bottom: 15px; } .section-padding-top-xs, .section-padding-top-xs.max-width-container { padding-top: 15px; } .section-padding-bottom-xs, .section-padding-bottom-xs.max-width-container { padding-bottom: 15px; } .vertical-spacing-xs { padding: 7.5px; height: 0.1px; } .vertical-spacing-xs { padding: 7.5px; height: 0.1px; } .outer-spacing-xs { margin: 7.5px; } .outer-spacing-top-xs { margin-top: 7.5px; } .outer-spacing-bottom-xs { margin-bottom: 7.5px; } .outer-spacing-right-xs { margin-right: 7.5px; } .outer-spacing-left-xs { margin-left: 7.5px; } .inner-spacing-xs { padding: 7.5px; } .inner-spacing-top-xs { padding-top: 7.5px; } .inner-spacing-bottom-xs { padding-bottom: 7.5px; } .inner-spacing-right-xs { padding-right: 7.5px; } .inner-spacing-left-xs { padding-left: 7.5px; } } .section-padding-s, .section-padding-s.max-width-container { padding-top: 30px; padding-bottom: 30px; } .section-padding-top-s, .section-padding-top-s.max-width-container { padding-top: 30px; } .section-padding-bottom-s, .section-padding-bottom-s.max-width-container { padding-bottom: 30px; } .vertical-spacing-s { padding: 15px; height: 0.1px; } .outer-spacing-s { margin: 15px; } .outer-spacing-top-s { margin-top: 15px; } .outer-spacing-bottom-s { margin-bottom: 15px; } .outer-spacing-right-s { margin-right: 15px; } .outer-spacing-left-s { margin-left: 15px; } .inner-spacing-s { padding: 15px; } .inner-spacing-s .max-width-container { padding: 0; } .inner-spacing-top-s { padding-top: 15px; } .inner-spacing-top-s .max-width-container { padding-top: 0; } .inner-spacing-bottom-s { padding-bottom: 15px; } .inner-spacing-bottom-s .max-width-container { padding-bottom: 0; } .inner-spacing-right-s { padding-right: 15px; } .inner-spacing-right-s .max-width-container { padding-right: 0; } .inner-spacing-left-s { padding-left: 15px; } .inner-spacing-left-s .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-s, .section-padding-s.max-width-container { padding-top: 26.1px; padding-bottom: 26.1px; } .section-padding-top-s, .section-padding-top-s.max-width-container { padding-top: 26.1px; } .section-padding-bottom-s, .section-padding-bottom-s.max-width-container { padding-bottom: 26.1px; } .vertical-spacing-s { padding: 13.05px; height: 0.1px; } .outer-spacing-s { margin: 13.05px; } .outer-spacing-top-s { margin-top: 13.05px; } .outer-spacing-bottom-s { margin-bottom: 13.05px; } .outer-spacing-right-s { margin-right: 13.05px; } .outer-spacing-left-s { margin-left: 13.05px; } .inner-spacing-s { padding: 13.05px; } .inner-spacing-top-s { padding-top: 13.05px; } .inner-spacing-bottom-s { padding-bottom: 13.05px; } .inner-spacing-right-s { padding-right: 13.05px; } .inner-spacing-left-s { padding-left: 13.05px; } } @media (max-width: 768px) { .section-padding-s, .section-padding-s.max-width-container { padding-top: 22.5px; padding-bottom: 22.5px; } .section-padding-top-s, .section-padding-top-s.max-width-container { padding-top: 22.5px; } .section-padding-bottom-s, .section-padding-bottom-s.max-width-container { padding-bottom: 22.5px; } .vertical-spacing-s { padding: 11.25px; height: 0.1px; } .vertical-spacing-s { padding: 11.25px; height: 0.1px; } .outer-spacing-s { margin: 11.25px; } .outer-spacing-top-s { margin-top: 11.25px; } .outer-spacing-bottom-s { margin-bottom: 11.25px; } .outer-spacing-right-s { margin-right: 11.25px; } .outer-spacing-left-s { margin-left: 11.25px; } .inner-spacing-s { padding: 11.25px; } .inner-spacing-top-s { padding-top: 11.25px; } .inner-spacing-bottom-s { padding-bottom: 11.25px; } .inner-spacing-right-s { padding-right: 11.25px; } .inner-spacing-left-s { padding-left: 11.25px; } } .section-padding-m, .section-padding-m.max-width-container { padding-top: 40px; padding-bottom: 40px; } .section-padding-top-m, .section-padding-top-m.max-width-container { padding-top: 40px; } .section-padding-bottom-m, .section-padding-bottom-m.max-width-container { padding-bottom: 40px; } .vertical-spacing-m { padding: 20px; height: 0.1px; } .outer-spacing-m { margin: 20px; } .outer-spacing-top-m { margin-top: 20px; } .outer-spacing-bottom-m { margin-bottom: 20px; } .outer-spacing-right-m { margin-right: 20px; } .outer-spacing-left-m { margin-left: 20px; } .inner-spacing-m { padding: 20px; } .inner-spacing-m .max-width-container { padding: 0; } .inner-spacing-top-m { padding-top: 20px; } .inner-spacing-top-m .max-width-container { padding-top: 0; } .inner-spacing-bottom-m { padding-bottom: 20px; } .inner-spacing-bottom-m .max-width-container { padding-bottom: 0; } .inner-spacing-right-m { padding-right: 20px; } .inner-spacing-right-m .max-width-container { padding-right: 0; } .inner-spacing-left-m { padding-left: 20px; } .inner-spacing-left-m .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-m, .section-padding-m.max-width-container { padding-top: 34.8px; padding-bottom: 34.8px; } .section-padding-top-m, .section-padding-top-m.max-width-container { padding-top: 34.8px; } .section-padding-bottom-m, .section-padding-bottom-m.max-width-container { padding-bottom: 34.8px; } .vertical-spacing-m { padding: 17.4px; height: 0.1px; } .outer-spacing-m { margin: 17.4px; } .outer-spacing-top-m { margin-top: 17.4px; } .outer-spacing-bottom-m { margin-bottom: 17.4px; } .outer-spacing-right-m { margin-right: 17.4px; } .outer-spacing-left-m { margin-left: 17.4px; } .inner-spacing-m { padding: 17.4px; } .inner-spacing-top-m { padding-top: 17.4px; } .inner-spacing-bottom-m { padding-bottom: 17.4px; } .inner-spacing-right-m { padding-right: 17.4px; } .inner-spacing-left-m { padding-left: 17.4px; } } @media (max-width: 768px) { .section-padding-m, .section-padding-m.max-width-container { padding-top: 30px; padding-bottom: 30px; } .section-padding-top-m, .section-padding-top-m.max-width-container { padding-top: 30px; } .section-padding-bottom-m, .section-padding-bottom-m.max-width-container { padding-bottom: 30px; } .vertical-spacing-m { padding: 15px; height: 0.1px; } .vertical-spacing-m { padding: 15px; height: 0.1px; } .outer-spacing-m { margin: 15px; } .outer-spacing-top-m { margin-top: 15px; } .outer-spacing-bottom-m { margin-bottom: 15px; } .outer-spacing-right-m { margin-right: 15px; } .outer-spacing-left-m { margin-left: 15px; } .inner-spacing-m { padding: 15px; } .inner-spacing-top-m { padding-top: 15px; } .inner-spacing-bottom-m { padding-bottom: 15px; } .inner-spacing-right-m { padding-right: 15px; } .inner-spacing-left-m { padding-left: 15px; } } .section-padding-l, .section-padding-l.max-width-container { padding-top: 60px; padding-bottom: 60px; } .section-padding-top-l, .section-padding-top-l.max-width-container { padding-top: 60px; } .section-padding-bottom-l, .section-padding-bottom-l.max-width-container { padding-bottom: 60px; } .vertical-spacing-l { padding: 30px; height: 0.1px; } .outer-spacing-l { margin: 30px; } .outer-spacing-top-l { margin-top: 30px; } .outer-spacing-bottom-l { margin-bottom: 30px; } .outer-spacing-right-l { margin-right: 30px; } .outer-spacing-left-l { margin-left: 30px; } .inner-spacing-l { padding: 30px; } .inner-spacing-l .max-width-container { padding: 0; } .inner-spacing-top-l { padding-top: 30px; } .inner-spacing-top-l .max-width-container { padding-top: 0; } .inner-spacing-bottom-l { padding-bottom: 30px; } .inner-spacing-bottom-l .max-width-container { padding-bottom: 0; } .inner-spacing-right-l { padding-right: 30px; } .inner-spacing-right-l .max-width-container { padding-right: 0; } .inner-spacing-left-l { padding-left: 30px; } .inner-spacing-left-l .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-l, .section-padding-l.max-width-container { padding-top: 52.2px; padding-bottom: 52.2px; } .section-padding-top-l, .section-padding-top-l.max-width-container { padding-top: 52.2px; } .section-padding-bottom-l, .section-padding-bottom-l.max-width-container { padding-bottom: 52.2px; } .vertical-spacing-l { padding: 26.1px; height: 0.1px; } .outer-spacing-l { margin: 26.1px; } .outer-spacing-top-l { margin-top: 26.1px; } .outer-spacing-bottom-l { margin-bottom: 26.1px; } .outer-spacing-right-l { margin-right: 26.1px; } .outer-spacing-left-l { margin-left: 26.1px; } .inner-spacing-l { padding: 26.1px; } .inner-spacing-top-l { padding-top: 26.1px; } .inner-spacing-bottom-l { padding-bottom: 26.1px; } .inner-spacing-right-l { padding-right: 26.1px; } .inner-spacing-left-l { padding-left: 26.1px; } } @media (max-width: 768px) { .section-padding-l, .section-padding-l.max-width-container { padding-top: 45px; padding-bottom: 45px; } .section-padding-top-l, .section-padding-top-l.max-width-container { padding-top: 45px; } .section-padding-bottom-l, .section-padding-bottom-l.max-width-container { padding-bottom: 45px; } .vertical-spacing-l { padding: 22.5px; height: 0.1px; } .vertical-spacing-l { padding: 22.5px; height: 0.1px; } .outer-spacing-l { margin: 22.5px; } .outer-spacing-top-l { margin-top: 22.5px; } .outer-spacing-bottom-l { margin-bottom: 22.5px; } .outer-spacing-right-l { margin-right: 22.5px; } .outer-spacing-left-l { margin-left: 22.5px; } .inner-spacing-l { padding: 22.5px; } .inner-spacing-top-l { padding-top: 22.5px; } .inner-spacing-bottom-l { padding-bottom: 22.5px; } .inner-spacing-right-l { padding-right: 22.5px; } .inner-spacing-left-l { padding-left: 22.5px; } } .section-padding-xl, .section-padding-xl.max-width-container { padding-top: 80px; padding-bottom: 80px; } .section-padding-top-xl, .section-padding-top-xl.max-width-container { padding-top: 80px; } .section-padding-bottom-xl, .section-padding-bottom-xl.max-width-container { padding-bottom: 80px; } .vertical-spacing-xl { padding: 40px; height: 0.1px; } .outer-spacing-xl { margin: 40px; } .outer-spacing-top-xl { margin-top: 40px; } .outer-spacing-bottom-xl { margin-bottom: 40px; } .outer-spacing-right-xl { margin-right: 40px; } .outer-spacing-left-xl { margin-left: 40px; } .inner-spacing-xl { padding: 40px; } .inner-spacing-top-xl { padding-top: 40px; } .inner-spacing-top-xl .max-width-container { padding-top: 0; } .inner-spacing-bottom-xl { padding-bottom: 40px; } .inner-spacing-bottom-xl .max-width-container { padding-bottom: 0; } .inner-spacing-right-xl { padding-right: 40px; } .inner-spacing-right-xl .max-width-container { padding-right: 0; } .inner-spacing-left-xl { padding-left: 40px; } .inner-spacing-left-xl .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xl, .section-padding-xl.max-width-container { padding-top: 69.6px; padding-bottom: 69.6px; } .section-padding-top-xl, .section-padding-top-xl.max-width-container { padding-top: 69.6px; } .section-padding-bottom-xl, .section-padding-bottom-xl.max-width-container { padding-bottom: 69.6px; } .vertical-spacing-xl { padding: 34.8px; height: 0.1px; } .outer-spacing-xl { margin: 34.8px; } .outer-spacing-top-xl { margin-top: 34.8px; } .outer-spacing-bottom-xl { margin-bottom: 34.8px; } .outer-spacing-right-xl { margin-right: 34.8px; } .outer-spacing-left-xl { margin-left: 34.8px; } .inner-spacing-xl { padding: 34.8px; } .inner-spacing-top-xl { padding-top: 34.8px; } .inner-spacing-bottom-xl { padding-bottom: 34.8px; } .inner-spacing-right-xl { padding-right: 34.8px; } .inner-spacing-left-xl { padding-left: 34.8px; } } @media (max-width: 768px) { .section-padding-xl, .section-padding-xl.max-width-container { padding-top: 60px; padding-bottom: 60px; } .section-padding-top-xl, .section-padding-top-xl.max-width-container { padding-top: 60px; } .section-padding-bottom-xl, .section-padding-bottom-xl.max-width-container { padding-bottom: 60px; } .vertical-spacing-xl { padding: 30px; height: 0.1px; } .vertical-spacing-xl { padding: 30px; height: 0.1px; } .outer-spacing-xl { margin: 30px; } .outer-spacing-top-xl { margin-top: 30px; } .outer-spacing-bottom-xl { margin-bottom: 30px; } .outer-spacing-right-xl { margin-right: 30px; } .outer-spacing-left-xl { margin-left: 30px; } .inner-spacing-xl { padding: 30px; } .inner-spacing-top-xl { padding-top: 30px; } .inner-spacing-bottom-xl { padding-bottom: 30px; } .inner-spacing-right-xl { padding-right: 30px; } .inner-spacing-left-xl { padding-left: 30px; } } .section-padding-xxl, .section-padding-xxl.max-width-container { padding-top: 120px; padding-bottom: 120px; } .section-padding-top-xxl, .section-padding-top-xxl.max-width-container { padding-top: 120px; } .section-padding-bottom-xxl, .section-padding-bottom-xxl.max-width-container { padding-bottom: 120px; } .vertical-spacing-xxl { padding: 60px; height: 0.1px; } .outer-spacing-xxl { margin: 60px; } .outer-spacing-top-xxl { margin-top: 60px; } .outer-spacing-bottom-xxl { margin-bottom: 60px; } .outer-spacing-right-xxl { margin-right: 60px; } .outer-spacing-left-xxl { margin-left: 60px; } .inner-spacing-xxl { padding: 60px; } .inner-spacing-xxl .max-width-container { padding: 0; } .inner-spacing-top-xxl { padding-top: 60px; } .inner-spacing-top-xxl .max-width-container { padding-top: 0; } .inner-spacing-bottom-xxl { padding-bottom: 60px; } .inner-spacing-bottom-xxl .max-width-container { padding-bottom: 0; } .inner-spacing-right-xxl { padding-right: 60px; } .inner-spacing-right-xxl .max-width-container { padding-right: 0; } .inner-spacing-left-xxl { padding-left: 60px; } .inner-spacing-left-xxl .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xxl, .section-padding-xxl.max-width-container { padding-top: 104.4px; padding-bottom: 104.4px; } .section-padding-top-xxl, .section-padding-top-xxl.max-width-container { padding-top: 104.4px; } .section-padding-bottom-xxl, .section-padding-bottom-xxl.max-width-container { padding-bottom: 104.4px; } .vertical-spacing-xxl { padding: 52.2px; height: 0.1px; } .outer-spacing-xxl { margin: 52.2px; } .outer-spacing-top-xxl { margin-top: 52.2px; } .outer-spacing-bottom-xxl { margin-bottom: 52.2px; } .outer-spacing-right-xxl { margin-right: 52.2px; } .outer-spacing-left-xxl { margin-left: 52.2px; } .inner-spacing-xxl { padding: 52.2px; } .inner-spacing-top-xxl { padding-top: 52.2px; } .inner-spacing-bottom-xxl { padding-bottom: 52.2px; } .inner-spacing-right-xxl { padding-right: 52.2px; } .inner-spacing-left-xxl { padding-left: 52.2px; } } @media (max-width: 768px) { .section-padding-xxl, .section-padding-xxl.max-width-container { padding-top: 90px; padding-bottom: 90px; } .section-padding-top-xxl, .section-padding-top-xxl.max-width-container { padding-top: 90px; } .section-padding-bottom-xxl, .section-padding-bottom-xxl.max-width-container { padding-bottom: 90px; } .vertical-spacing-xxl { padding: 45px; height: 0.1px; } .vertical-spacing-xxl { padding: 45px; height: 0.1px; } .outer-spacing-xxl { margin: 45px; } .outer-spacing-top-xxl { margin-top: 45px; } .outer-spacing-bottom-xxl { margin-bottom: 45px; } .outer-spacing-right-xxl { margin-right: 45px; } .outer-spacing-left-xxl { margin-left: 45px; } .inner-spacing-xxl { padding: 45px; } .inner-spacing-top-xxl { padding-top: 45px; } .inner-spacing-bottom-xxl { padding-bottom: 45px; } .inner-spacing-right-xxl { padding-right: 45px; } .inner-spacing-left-xxl { padding-left: 45px; } } .section-padding-xxxl, .section-padding-xxxl.max-width-container { padding-top: 160px; padding-bottom: 160px; } .section-padding-top-xxxl, .section-padding-top-xxxl.max-width-container { padding-top: 160px; } .section-padding-bottom-xxxl, .section-padding-bottom-xxxl.max-width-container { padding-bottom: 160px; } .vertical-spacing-xxxl { padding: 80px; height: 0.1px; } .outer-spacing-xxxl { margin: 80px; } .outer-spacing-top-xxxl { margin-top: 80px; } .outer-spacing-bottom-xxxl { margin-bottom: 80px; } .outer-spacing-right-xxxl { margin-right: 80px; } .outer-spacing-left-xxxl { margin-left: 80px; } .inner-spacing-xxxl { padding: 80px; } .inner-spacing-xxxl .max-width-container { padding: 0; } .inner-spacing-top-xxxl { padding-top: 80px; } .inner-spacing-top-xxxl .max-width-container { padding-top: 0; } .inner-spacing-bottom-xxxl { padding-bottom: 80px; } .inner-spacing-bottom-xxxl .max-width-container { padding-bottom: 0; } .inner-spacing-right-xxxl { padding-right: 80px; } .inner-spacing-right-xxxl .max-width-container { padding-right: 0; } .inner-spacing-left-xxxl { padding-left: 80px; } .inner-spacing-left-xxxl .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xxxl, .section-padding-xxxl.max-width-container { padding-top: 139.2px; padding-bottom: 139.2px; } .section-padding-top-xxxl, .section-padding-top-xxxl.max-width-container { padding-top: 139.2px; } .section-padding-bottom-xxxl, .section-padding-bottom-xxxl.max-width-container { padding-bottom: 139.2px; } .vertical-spacing-xxxl { padding: 69.6px; height: 0.1px; } .outer-spacing-xxxl { margin: 69.6px; } .outer-spacing-top-xxxl { margin-top: 69.6px; } .outer-spacing-bottom-xxxl { margin-bottom: 69.6px; } .outer-spacing-right-xxxl { margin-right: 69.6px; } .outer-spacing-left-xxxl { margin-left: 69.6px; } .inner-spacing-xxxl { padding: 69.6px; } .inner-spacing-top-xxxl { padding-top: 69.6px; } .inner-spacing-bottom-xxxl { padding-bottom: 69.6px; } .inner-spacing-right-xxxl { padding-right: 69.6px; } .inner-spacing-left-xxxl { padding-left: 69.6px; } } @media (max-width: 768px) { .section-padding-xxxl, .section-padding-xxxl.max-width-container { padding-top: 120px; padding-bottom: 120px; } .section-padding-top-xxxl, .section-padding-top-xxxl.max-width-container { padding-top: 120px; } .section-padding-bottom-xxxl, .section-padding-bottom-xxxl.max-width-container { padding-bottom: 120px; } .vertical-spacing-xxxl { padding: 60px; height: 0.1px; } .vertical-spacing-xxxl { padding: 60px; height: 0.1px; } .outer-spacing-xxxl { margin: 60px; } .outer-spacing-top-xxxl { margin-top: 60px; } .outer-spacing-bottom-xxxl { margin-bottom: 60px; } .outer-spacing-right-xxxl { margin-right: 60px; } .outer-spacing-left-xxxl { margin-left: 60px; } .inner-spacing-xxxl { padding: 60px; } .inner-spacing-top-xxxl { padding-top: 60px; } .inner-spacing-bottom-xxxl { padding-bottom: 60px; } .inner-spacing-right-xxxl { padding-right: 60px; } .inner-spacing-left-xxxl { padding-left: 60px; } } .section-padding-xxxxl, .section-padding-xxxxl.max-width-container { padding-top: 200px; padding-bottom: 200px; } .section-padding-top-xxxxl, .section-padding-top-xxxxl.max-width-container { padding-top: 200px; } .section-padding-bottom-xxxxl, .section-padding-bottom-xxxxl.max-width-container { padding-bottom: 200px; } .vertical-spacing-xxxxl { padding: 100px; height: 0.1px; } .outer-spacing-xxxxl { margin: 100px; } .outer-spacing-top-xxxxl { margin-top: 100px; } .outer-spacing-bottom-xxxxl { margin-bottom: 100px; } .outer-spacing-right-xxxxl { margin-right: 100px; } .outer-spacing-left-xxxxl { margin-left: 100px; } .inner-spacing-xxxxl { padding: 100px; } .inner-spacing-xxxxl .max-width-container { padding: 0; } .inner-spacing-top-xxxxl { padding-top: 100px; } .inner-spacing-top-xxxxl .max-width-container { padding-top: 0; } .inner-spacing-bottom-xxxxl { padding-bottom: 100px; } .inner-spacing-bottom-xxxxl .max-width-container { padding-bottom: 0; } .inner-spacing-right-xxxxl { padding-right: 100px; } .inner-spacing-right-xxxxl .max-width-container { padding-right: 0; } .inner-spacing-left-xxxxl { padding-left: 100px; } .inner-spacing-left-xxxxl .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xxxxl, .section-padding-xxxxl.max-width-container { padding-top: 174px; padding-bottom: 174px; } .section-padding-top-xxxxl, .section-padding-top-xxxxl.max-width-container { padding-top: 174px; } .section-padding-bottom-xxxxl, .section-padding-bottom-xxxxl.max-width-container { padding-bottom: 174px; } .vertical-spacing-xxxxl { padding: 87px; height: 0.1px; } .outer-spacing-xxxxl { margin: 87px; } .outer-spacing-top-xxxxl { margin-top: 87px; } .outer-spacing-bottom-xxxxl { margin-bottom: 87px; } .outer-spacing-right-xxxxl { margin-right: 87px; } .outer-spacing-left-xxxxl { margin-left: 87px; } .inner-spacing-xxxxl { padding: 87px; } .inner-spacing-top-xxxxl { padding-top: 87px; } .inner-spacing-bottom-xxxxl { padding-bottom: 87px; } .inner-spacing-right-xxxxl { padding-right: 87px; } .inner-spacing-left-xxxxl { padding-left: 87px; } } @media (max-width: 768px) { .section-padding-xxxxl, .section-padding-xxxxl.max-width-container { padding-top: 150px; padding-bottom: 150px; } .section-padding-top-xxxxl, .section-padding-top-xxxxl.max-width-container { padding-top: 150px; } .section-padding-bottom-xxxxl, .section-padding-bottom-xxxxl.max-width-container { padding-bottom: 150px; } .vertical-spacing-xxxxl { padding: 75px; height: 0.1px; } .vertical-spacing-xxxxl { padding: 75px; height: 0.1px; } .outer-spacing-xxxxl { margin: 75px; } .outer-spacing-top-xxxxl { margin-top: 75px; } .outer-spacing-bottom-xxxxl { margin-bottom: 75px; } .outer-spacing-right-xxxxl { margin-right: 75px; } .outer-spacing-left-xxxxl { margin-left: 75px; } .inner-spacing-xxxxl { padding: 75px; } .inner-spacing-top-xxxxl { padding-top: 75px; } .inner-spacing-bottom-xxxxl { padding-bottom: 75px; } .inner-spacing-right-xxxxl { padding-right: 75px; } .inner-spacing-left-xxxxl { padding-left: 75px; } } .section-padding-xxxxl, .section-padding-xxxxl.max-width-container { padding-top: 200px; padding-bottom: 200px; } .section-padding-top-xxxxl, .section-padding-top-xxxxl.max-width-container { padding-top: 200px; } .section-padding-bottom-xxxxl, .section-padding-bottom-xxxxl.max-width-container { padding-bottom: 200px; } .vertical-spacing-xxxxl { padding: 100px; height: 0.1px; } .outer-spacing-xxxxl { margin: 100px; } .outer-spacing-top-xxxxl { margin-top: 100px; } .outer-spacing-bottom-xxxxl { margin-bottom: 100px; } .outer-spacing-right-xxxxl { margin-right: 100px; } .outer-spacing-left-xxxxl { margin-left: 100px; } .inner-spacing-xxxxl { padding: 100px; } .inner-spacing-xxxxl .max-width-container { padding: 0; } .inner-spacing-top-xxxxl { padding-top: 100px; } .inner-spacing-top-xxxxl .max-width-container { padding-top: 0; } .inner-spacing-bottom-xxxxl { padding-bottom: 100px; } .inner-spacing-bottom-xxxxl .max-width-container { padding-bottom: 0; } .inner-spacing-right-xxxxl { padding-right: 100px; } .inner-spacing-right-xxxxl .max-width-container { padding-right: 0; } .inner-spacing-left-xxxxl { padding-left: 100px; } .inner-spacing-left-xxxxl .max-width-container { padding-left: 0; } @media (max-width: 1168px) { .section-padding-xxxxl, .section-padding-xxxxl.max-width-container { padding-top: 174px; padding-bottom: 174px; } .section-padding-top-xxxxl, .section-padding-top-xxxxl.max-width-container { padding-top: 174px; } .section-padding-bottom-xxxxl, .section-padding-bottom-xxxxl.max-width-container { padding-bottom: 174px; } .vertical-spacing-xxxxl { padding: 87px; height: 0.1px; } .outer-spacing-xxxxl { margin: 87px; } .outer-spacing-top-xxxxl { margin-top: 87px; } .outer-spacing-bottom-xxxxl { margin-bottom: 87px; } .outer-spacing-right-xxxxl { margin-right: 87px; } .outer-spacing-left-xxxxl { margin-left: 87px; } .inner-spacing-xxxxl { padding: 87px; } .inner-spacing-top-xxxxl { padding-top: 87px; } .inner-spacing-bottom-xxxxl { padding-bottom: 87px; } .inner-spacing-right-xxxxl { padding-right: 87px; } .inner-spacing-left-xxxxl { padding-left: 87px; } } @media (max-width: 768px) { .section-padding-xxxxl, .section-padding-xxxxl.max-width-container { padding-top: 150px; padding-bottom: 150px; } .section-padding-top-xxxxl, .section-padding-top-xxxxl.max-width-container { padding-top: 150px; } .section-padding-bottom-xxxxl, .section-padding-bottom-xxxxl.max-width-container { padding-bottom: 150px; } .vertical-spacing-xxxxl { padding: 75px; height: 0.1px; } .vertical-spacing-xxxxl { padding: 75px; height: 0.1px; } .outer-spacing-xxxxl { margin: 75px; } .outer-spacing-top-xxxxl { margin-top: 75px; } .outer-spacing-bottom-xxxxl { margin-bottom: 75px; } .outer-spacing-right-xxxxl { margin-right: 75px; } .outer-spacing-left-xxxxl { margin-left: 75px; } .inner-spacing-xxxxl { padding: 75px; } .inner-spacing-top-xxxxl { padding-top: 75px; } .inner-spacing-bottom-xxxxl { padding-bottom: 75px; } .inner-spacing-right-xxxxl { padding-right: 75px; } .inner-spacing-left-xxxxl { padding-left: 75px; } } /**** Spacing : END ****/ </style>  <style> .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);*/ flex: 100%; display: flex; flex-wrap: wrap; /*max-width: 50%;*/ width: auto !important; } .add_ons .add_on { display: flex; flex-direction: row; height: 100%; } .add_ons .add_on .price { margin-bottom: 15px; margin-top: 10px; font-size: 14px; } .add_ons .button-and-link { align-items: flex-start; display: flex; flex-direction: row; margin-top: auto; gap: 20px; } .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; background: rgb(6 37 91 / 78%); display: flex; flex-wrap: wrap; flex: 1; flex-direction: column; align-items: flex-start; } .add_ons .add-on-container .add-on-wrapper .content-wrapper h3 { margin-top: 0; color: #fff; } .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%;*/ height: 100%; width: 25%; } .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: 14px; line-height: 21px; margin-bottom: 5px; } .add_ons .add-on-container .add-on-wrapper .disclaimer { font-size: 14px; line-height: 24px; font-style: italic; } @media only screen and (max-width: 992px) { .add_ons .add_on { flex-direction: column; } .add_ons .add-on-container .add-on-wrapper .image-wrapper { height: 150px; width: 100%; } } </style>  <style> .package-comparisons-overlay { background: #06255B; box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.40); padding: 20px; height: auto; z-index: 99; } .package-comparisons-overlay .comparison-boxes .comparison-box .circle.active:before { content: "\f00d" !important; font-family: 'FontAwesome' !important; } .package-comparisons-overlay .comparison-boxes .comparison-box .circle.active:hover { cursor: pointer; } .package-comparisons-overlay .comparison-boxes .comparison-box { min-height: 100px; background: #041624; border-color: #041624; } .package-comparisons-overlay .comparison-boxes .comparison-box .package-name { color: #FFF; text-align: center; font-family: "Action NBA Web", sans-serif; font-size: 30px; font-style: normal; font-weight: 400; line-height: 29px; text-transform: uppercase; } .package-comparisons-overlay .compare-statement, .package-comparisons-overlay .continue-button { text-transform: uppercase; } .package-comparisons-overlay .compare-statement .larger { font-weight: 600; } .package-comparisons-overlay .compare-statement p.smaller { display: flex; gap: 4px; text-transform: none; margin: 0; } .compare-radio .small-compare-radio { font-size: 11px; top: 18%; } @media (max-width: 991px) { .package-comparisons-overlay { padding: 30px 20px 40px; } } </style>  <style type="text/css"> footer .dark-blue-bg { background-color: #051c2d; padding: 40px 0 20px; } footer .blue-bg { background-color: #06255b; padding: 60px 0; } .footer-link-wrapper li { margin-bottom: 5px; } .footer-link a { color: #fff; text-decoration: none; font-weight: 400; font-size: 12.5px; } a.footer-link { color: #fff; text-decoration: none; font-weight: 400; font-size: 14px; } .footer-link a:hover, a.footer-link:hover { opacity: 0.7; text-decoration: none; } .dark-blue-bg .footer-link a { margin: 0 10px; } .footer-header { font-family: "Action NBA Web", sans-serif; font-size: 30px; color: #fff; } .footer-link-wrapper { list-style-type: none; margin: 0; padding: 0; font-size: 85%; font-weight: 100; } footer .social-icon-wrapper .social-icon img { width: 30px; height: 30px; margin-right: 7px; filter: invert(100%); -webkit-filter: invert(100%); } footer .social-icon-wrapper .social-icon:hover { opacity: 0.7; } @media (min-width: 768px) { .dark-blue-bg .footer-link, .social-icon-wrapper { float: right; } } @media (max-width: 768px) { .footer-header { font-size: 35px !important; margin-bottom: 5px !important; } .footer-link-wrapper { margin-bottom: 15px !important; } a.footer-link { font-size: 14px !important; } .social-icon-wrapper { margin-top: 10px !important; } } /* End Footer Styling */ .hidden { display: none; } .nav-cart-displaying { height: inherit; } .alert-success { background-color: #4CAF50; border: 0; color: #fff; } .alert-danger { background-color: #EF5350; } .alert button { background: transparent; border: 0; color: white; } .hide-text { display:none; } </style>  <div class="blue-bg"> <div class="max-width-container flex-container"> <div class="quarter"> <p class="footer-header">NBA Experiences</p> <ul class="footer-link-wrapper"> <li> <a href="/" class="footer-link">Home</a> </li> <li> <a href="/calendar-of-events" class="footer-link">Calendar of Events</a> </li> <li> <a href="/about-us" class="footer-link">About Us</a> </li> </ul> </div> <div class="quarter"> <p class="footer-header">Latest</p> <ul class="footer-link-wrapper"> <li> <a href="/about-us/faqs" class="footer-link">FAQs</a> </li> <li> <a href="/blog" class="footer-link">Our Blog</a> </li> <li> <a href="/contact-us" class="footer-link">Contact Us</a> </li> </ul> </div> <div class="quarter"> <p class="footer-header">Our Partners</p> <ul class="footer-link-wrapper"> <li> <a href="https://usabexperience.com/?utm_source=nbaexperiences.com&utm_medium=referral&utm_campaign=nbae_footer_to_usabe" class="footer-link" target="_blank">USAB Experience</a> </li> <li> <a href="https://wnbaexperiences.com/?utm_source=nbaexperiences.com&utm_medium=referral&utm_campaign=nbae_footer_to_wnbae" class="footer-link" target="_blank">WNBA Experiences</a> </li> </ul> </div> <div class="quarter"> <div class="social-icon-wrapper"> <a href="https://www.facebook.com/NBAExperiences/" target="_blank" class="social-icon"><img src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/37549-NBA-Experiences-Facebook-57d3f125e2df9795fe8af82fcd70dc58.svg"/></a> <a href="https://www.instagram.com/nbaexperiences/" target="_blank" class="social-icon"> <img alt="instagram" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/37550-NBA-Experiences-Instagram-5b23a837268b09d0efa9e307023c1dae.svg" /> <span class="hide-text">Instagram</span> </a> <a href="https://twitter.com/nbaexperiences" target="_blank" class="social-icon"> <img alt="twitter" src="https://d2xpg1khvwxlf1.cloudfront.net/production/images/original/73954-x-logo-f62d38bc93d3d4837d9fb923d476e578.svg" /> <span class="hide-text">Twitter</span> </a>  </div> </div> </div> </div> <div class="dark-blue-bg"> <div class="max-width-container flex-container"> <div class="two-third"> <p class="small white">Copyright 漏 2025 NBA Media Ventures, LLC. All rights reserved. <br> No portion of NBA.com may be duplicated, redistributed or manipulated in any form. By accessing any information beyond this page, you agree to abide by the Privacy Policy. </p> </div> <div class="third"> <p class="footer-link small white"> <a href="/legal-notices">Legal Notices</a> | <a href="/privacy-policy">Privacy Statement</a> | <a href="/cookies-policy">Cookies Policy</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

NBA Events Tickets & Packages | NBA Experiences