*, *::before, *::after { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: none; } html, body, button { font-size: 16px; color: #000; font-family: "Lato", Helvetica, Arial, sans-serif; word-break: break-word; } a { color: inherit; } .page_body { min-height: 100vh; display: flex; flex-direction: column; } .main_content { flex: 1; } ul, ol { list-style: none; } ul[style] li, ol[style] li { margin-left: 1em; } a { text-decoration: none; text-indent: 0; cursor: pointer; } img, fieldset, input { border: 0; } img { max-width: 100%; max-height: 100%; font-size: 12px; word-break: break-word; } .clearfix:before, .clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { zoom: 1; } .fr { float: right; } .fl { float: left; } .mt10 { margin-top: 10px; } .mb10 { margin-bottom: 10px; } .mr10 { margin-right: 10px; } .ml10 { margin-left: 10px; } table { border-collapse: collapse; border-spacing: 0; } button { border: 0; } input { border-radius: 0; } button, input, select, textarea { background-color: transparent; border-style: none; } .flex { display: flex; justify-content: space-between; } .line { width: 11px  !important; text-align: center  !important; line-height: 17px  !important; color: #555; } .blue { color: #1976a1; } .green { color: #498631; } .gray { color: #676767; } .bold { font-weight: bold; } .relative { position: relative; } .font14 { font-size: 14px; } .imgWrap { width: 100%; height: 100%; overflow: hidden; text-align: center; line-height: 100%; display: flex; justify-content: center; align-items: center; } .layoutGroup { width: 100%; } i, b { font-style: normal } .shine { background: #f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%) no-repeat; background-size: cover; display: inline-block; position: relative; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-name: placeholderShimmer; -webkit-animation-timing-function: linear; } @-webkit-keyframes placeholderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } .grey-out { opacity: .25; pointer-events: none  !important; cursor: default  !important; } .no-focus-outline a:focus, .no-focus-outline li:focus, .no-focus-outline p:focus, .no-focus-outline span:focus, .no-focus-outline ul:focus, .no-focus-outline ol:focus, .no-focus-outline dl:focus, .no-focus-outline dd:focus, .no-focus-outline dt:focus, .no-focus-outline h1:focus, .no-focus-outline h2:focus, .no-focus-outline h3:focus, .no-focus-outline h4:focus, .no-focus-outline h5:focus, .no-focus-outline h6:focus, .no-focus-outline form:focus, .no-focus-outline fieldset:focus, .no-focus-outline legend:focus, .no-focus-outline input:focus, .no-focus-outline select:focus, .no-focus-outline textarea:focus, .no-focus-outline th:focus, .no-focus-outline td:focus, .no-focus-outline button:focus, .no-focus-outline div:focus { outline: none; } :root { --dark-blue: #11184f; --med-blue: #294e95; --light-blue: #c9d0f0; --pale-blue: #eaeef5; --lenovo-red: #e1251b; --alert-red: #b8322e; --dark-red: #64131e; --med-red: #871c23; --light-red: #f0c7bf; --pale-red: #faeceb; --dark-orange: #c73d00; --pale-orange: #f8e9de; --black: #1e0013; --dark-gray-1: #4e444e; --dark-gray-2: #6d656f; --pale-gray-1: #ccc; --pale-gray-2: #e4e4e4; --pale-gray-3: #ededed; --pale-gray-4: #f5f5f5; --pale-gray-5: #e5e5e5; --dark-purple: #4d144a; --med-purple: #7a126b; --light-purple: #d9c1d8; --pale-purple: #f1e1ed; --dark-green: #285d50; --pale-green: #e5f0ed; --link-color: var(--med-blue); --fore-color: black; --bg-color: white; --border-color-grey: var(--pale-gray-1); --font-color: #171717; } body.gaming-theme-black { --link-color: #0ff; --fore-color: white; --bg-color: black; --border-color-grey: #4a5863; --font-color: white; background-color: #000; } .gaming-theme-black .shine { background: #333f48 linear-gradient(to right, #333f48 0%, #4a5863 20%, #333f48 40%, #333f48 100%); -webkit-animation-duration: 2s; } .interactive-link { cursor: pointer; color: var(--link-color); } .interactive-link:hover, .interactive-link:focus { text-decoration: underline; } .cta-button { display: block; width: 100%; border-radius: 4px; opacity: 1; transition: background-color .2s ease, color .2s ease; padding: 13px 10px; cursor: pointer; font-weight: bold; text-align: center; font-size: 16px; line-height: 16px; border: 1px solid; } .button-primary { color: white; } .button-secondary { background-color: white; } .button-primary.blue, .button-secondary.blue { border-color: var(--med-blue); } .button-primary.blue { background-color: var(--med-blue); } .button-secondary.blue { color: var(--med-blue); } .button-primary.blue:hover, .button-primary.blue:focus, .button-secondary.blue:hover, .button-secondary.blue:focus { background-color: var(--pale-blue); color: var(--med-blue); } .button-primary.green, .button-secondary.green { border-color: var(--dark-green); } .button-primary.green { background-color: var(--dark-green); } .button-secondary.green { color: var(--dark-green); } .button-primary.green:hover, .button-primary.green:focus, .button-secondary.green:hover, .button-secondary.green:focus { background-color: var(--pale-green); color: var(--dark-green); } .button-mono, .button-mono-reverse { border-color: var(--black); } .button-mono { background-color: var(--black); color: white; } .button-mono-reverse { background-color: white; color: var(--black); } .button-mono:hover, .button-mono-reverse:hover, .button-mono:focus, .button-mono-reverse:focus { background-color: var(--pale-gray-2); color: var(--black); } .saving-text { color: var(--dark-green); } .saving-flag { background-color: var(--dark-green); opacity: 1; border: 1px solid transparent; border-radius: 4px; color: white; padding: 0 5px; font-size: 12px; line-height: 20px; font-weight: normal; letter-spacing: 0; } body>h1:first-of-type, body>h2:first-of-type, body>h3:first-of-type { position: fixed; } body div.comp_lazyload { position: relative; width: 100%; min-height: 250px; border: 1px solid #e1e4eb; } .sid-modal__wrapper { height: 100%; }