:root { --primary-color: #0d5c91; --secondary-color: #294e95; --danger-color: #df2826; --light-purple-color: #d9c1d8; --deep-purple-color: #4d144a; --pale-blue-color: #c9d0f0; } * { -moz-box-sizing: border-box; box-sizing: border-box; } a { color: blue; text-decoration: none; } a:hover, a:focus { text-decoration: none; } html, body { margin: 0; padding: 0; height: 100%; overflow: hidden; } body { font: 16px/22px 'Lato', Helvetica, Arial, sans-serif; position: relative; margin: 0; min-height: 100vh; position: relative; background-color: #000; } #main-content { padding: 0 48px; } .container-3xl, .container-4xl, .container-5xl { width: 100%; padding-right: var(--bs-gutter-x, .75rem); padding-left: var(--bs-gutter-x, .75rem); margin-right: auto; margin-left: auto; } @media (min-width: 1600px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-3xl { max-width: 1500px; } } @media (min-width: 1800px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-3xl, .container-4xl { max-width: 1680px; } } @media (min-width: 2100px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-3xl, .container-4xl, .container-5xl { max-width: 1920px; } } .sphere { position: absolute; left: 50%; top: 50%; transform: translate(-50%, 25vh); width: 28vw; height: 28vw; pointer-events: none; } .sphere img { width: 100%; height: 100%; object-fit: cover; animation: grow 3s ease-in-out forwards; } @keyframes grow { from { transform: scale(0.9); } to { transform: scale(1); } } .center-text-reveal { display: flex; flex-wrap: wrap; font-family: 'Lato', Arial, sans-serif; color: rgba(255, 255, 255, .55); letter-spacing: .03em; gap: .7em; justify-content: center; align-items: center; min-width: 700px; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, 50vh); } .center-text-reveal span { display: inline-block; opacity: 0; transition: opacity .7s cubic-bezier(0.67, 0, .33, 1); } .center-text-reveal span.visible { opacity: 1; } .event-location span { color: var(--danger-color); margin: 0 5px; } #main-content h1 { font-weight: bold; color: var(--light-purple-color); } #main-content .info-block { background: rgba(0, 0, 0, .6); transition: background .3s ease; padding: 30px; margin-top: 48px; margin-bottom: 48px; } .text-link { color: var(--pale-blue-color); text-decoration: underline; } .fade-in { opacity: 0; transform: translateY(28px); transition: opacity 1s cubic-bezier(0.7, .2, .18, 1), transform 1s cubic-bezier(0.7, .2, .18, 1); } .btn-white { color: #000; background-color: #fff; border: 1px solid #fff; } .btn-white:hover { background-color: #f0f0f0; } .learn-more { color: #000; background-color: #fff; border: 1px solid #fff; } .learn-more:hover { background-color: #f0f0f0; } .btn-outline-white { color: #fff; background-color: transparent; border: 1px solid #fff; } .btn-outline-white:hover { background-color: #fff; color: #000; } #loading-screen { } #loading-screen .loading-bg { background: radial-gradient( 90% 151.2% at 75.2% 21.8%, #4d144a 0% 10%, #1e0013 100% ); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 0; transition: opacity 1s ease, visibility 1s ease; } #loading-screen.fade-out { opacity: 0; visibility: hidden; } .jwplayer { position: fixed  !important; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; pointer-events: none; opacity: 0; transition: opacity 1s ease; width: auto  !important; min-width: 100vw  !important; height: auto  !important; min-height: 100vh  !important; } .jwplayer.jw-stretch-uniform .jw-media video { object-fit: cover  !important; } .jwplayer.show { opacity: 1; } .lenovoLogo { width: 48px; } .sphereLogo { height: 42px; } .cesLogo { height: 28px; } @media (min-width: 993px) { .jwplayer .jw-media video { left: -15%  !important; width: 115%  !important; } } @media (max-width: 992px) { html, body { overflow: auto; } #main-content { padding: 0 32px; } .min-vh-100 { min-height: unset  !important; } .position-fixed.top-0.start-0 { position: absolute  !important; } #main-content .info-block { text-align: center; background-color: transparent; padding: 30px 50px 50px; margin-top: 0; margin-bottom: 32px; } .learn-more { color: #fff; background-color: var(--primary-color); border: 1px solid var(--primary-color); } .learn-more:hover { background-color: #f0f0f0; } .jwplayer { position: relative  !important; top: 0; left: 0; transform: translate(0, 0); z-index: -1; pointer-events: none; opacity: 0; transition: opacity 1s ease; width: auto  !important; min-width: 100vw  !important; height: auto  !important; min-height: 50vh  !important; } .sphere { position: absolute; left: 50%; top: 75%; transform: translate(-50%, -50%); width: 28vw; height: 28vw; pointer-events: none; } .center-text-reveal { transform: translate(-50%, 25vh); } .lenovoLogo { width: 32px; margin-bottom: 32px; } } .bottomStickyDock { display: none  !important; } .modal { background: #00000066; backdrop-filter: blur(2px); } .modal-header { position: absolute; z-index: 100; width: 100%; } .modal-body { padding: 0; } .modal-iFrame { width: 100%; padding: 0; margin: 0; } .modal-backdrop { display: none; } div#inside_liveChatTab, .cf_invite_181_3183.cf-invite-wrapper { display: none  !important; } .bxc.bx-base.bx-impress { visibility: hidden  !important; } body #inside_holder { display: none  !important; }