*,::after,::before { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .flex flex-grow-1 w-100 flex-column{ padding: 30px 400px 30px 400px; font-family: Montserrat; } html { -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none } body,button,html { 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 } ol,ul { list-style: none } ol[style] li,ul[style] li { margin-left: 1em } a { text-decoration: none; text-indent: 0; cursor: pointer } fieldset,img,input { border: 0 } img { max-width: 100%; max-height: 100%; font-size: 12px; word-break: break-word } .clearfix:after,.clearfix:before { 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: 700 } .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% } b,i { 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 button:focus,.no-focus-outline dd:focus,.no-focus-outline div:focus,.no-focus-outline dl:focus,.no-focus-outline dt:focus,.no-focus-outline fieldset:focus,.no-focus-outline form: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 input:focus,.no-focus-outline legend:focus,.no-focus-outline li:focus,.no-focus-outline ol:focus,.no-focus-outline p:focus,.no-focus-outline select:focus,.no-focus-outline span:focus,.no-focus-outline td:focus,.no-focus-outline textarea:focus,.no-focus-outline th:focus,.no-focus-outline ul:focus { outline: 0 } :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:focus,.interactive-link:hover { 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: 700; text-align: center; font-size: 16px; line-height: 16px; border: 1px solid } .button-primary { color: #fff } .button-secondary { background-color: #fff } .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:focus,.button-primary.blue:hover,.button-secondary.blue:focus,.button-secondary.blue:hover { 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:focus,.button-primary.green:hover,.button-secondary.green:focus,.button-secondary.green:hover { 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: #fff } .button-mono-reverse { background-color: #fff; color: var(--black) } .button-mono-reverse:focus,.button-mono-reverse:hover,.button-mono:focus,.button-mono:hover { 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: #fff; padding: 0 5px; font-size: 12px; line-height: 20px; font-weight: 400; 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% }