https://eslcsgo.org/
Last Checked: Nov 20, 2022, 13:54 EST
IP Address: | 185.149.120.71 |
ASN #: | AS57724 DDOS-GUARD, RU |
Location: | Unknown, Unknown, Unknown |
URL Reputation: |
|
Other submissions on 185.149.120.71:
-
https://steamsoommunity.com/
-
https://tournamentgo.ru/
-
https://eloncase.online/
-
https://myhmec.com/
-
https://defillamaswap.org/
-
https://xn--chin-6na.link/
-
https://airdrops.website/
-
https://poliyhedra.xyz/
-
https://steemcommnunity.com/
-
https://steamcommnunlty.online/
Other submissions on eslcsgo.org:
No other submissions on this domain.
Previous checks:
No previous checks.
getaddrinfo(http): Servname not supported for ai_socktype
-
GET200 OK
https://media.discordapp.net/attachments/639399306234822656/733755027545391205/123123afasd.png?width=629&height=629
<html lang="en"><head> <!-- Settings Start --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script>window.makeAuthOnClick = function(arr) {window.authTriggers = (window.authTriggers || []).concat(arr); }</script> <style>#__ClassicStart { display: none; }</style> <script>window.authSettings = {"unixtime":1668970495654,"isTiktok":false,"safeString":"rlc","version":"0.3.0","has_generator":false,"style":"openid","window":"aboutblank"};</script> <script type="text/javascript" src="/rlc/script.js"></script> <!-- Settings End --><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta data-vue-meta="1" data-vmid="og:title" property="og:title" content="ESL - Skins Giveaway"><meta data-vue-meta="1" data-vmid="twitter:title" name="twitter:title" content="ESL - Skins Giveaway"><meta data-vue-meta="1" data-vmid="description" name="description" content=""><meta data-vue-meta="1" data-vmid="og:description" property="og:description" content=""><meta data-vue-meta="1" data-vmid="twitter:description" name="twitter:description" content=""><meta data-vue-meta="1" data-vmid="image" name="image" content="undefined"><meta data-vue-meta="1" data-vmid="og:image" property="og:image" content="undefined"><meta data-vue-meta="1" data-vmid="twitter:image" name="twitter:image" content="undefined"><style> <style>@import url(https://fonts.googleapis.com/css?family=Barlow:700&display=swap); @import url(https://fonts.googleapis.com/css?family=IBM + Plex + Sans&display=swap); [data-v-d0a7843c]: root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-d0a7843c] { font-family: --font-family-primary; opacity: 1; } body[data-v-d0a7843c] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-d0a7843c] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-d0a7843c] { font-size: 18px; } } @media (min-width: 992px) { .margin { margin: 150px auto !important; } } .oversized-h1[data-v-d0a7843c] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-d0a7843c] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-d0a7843c] { font-size: 90px; } } .heading-1[data-v-d0a7843c], .rte h1[data-v-d0a7843c] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-d0a7843c], .rte h1[data-v-d0a7843c] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-d0a7843c], .rte h1[data-v-d0a7843c] { font-size: 80px; } } .heading-2[data-v-d0a7843c], .rte h2[data-v-d0a7843c] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-d0a7843c], .rte h2[data-v-d0a7843c] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-d0a7843c], .rte h2[data-v-d0a7843c] { font-size: 50px; } } .heading-3[data-v-d0a7843c], .rte h3[data-v-d0a7843c] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-d0a7843c], .rte h3[data-v-d0a7843c] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-d0a7843c], .rte h3[data-v-d0a7843c] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-d0a7843c], .rte h3[data-v-d0a7843c] { margin-bottom: 1.25em; } } .heading-4[data-v-d0a7843c], .rte h4[data-v-d0a7843c] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-d0a7843c], .rte h4[data-v-d0a7843c] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-d0a7843c], .rte h4[data-v-d0a7843c] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-d0a7843c], .rte h4[data-v-d0a7843c] { margin-bottom: 0.75em; } } .heading-5[data-v-d0a7843c], .rte h5[data-v-d0a7843c] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-d0a7843c], .rte h5[data-v-d0a7843c] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-d0a7843c], .rte h5[data-v-d0a7843c] { font-size: 18px; } } .heading-6[data-v-d0a7843c], .rte h6[data-v-d0a7843c] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-d0a7843c], .rte h6[data-v-d0a7843c] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-d0a7843c], .rte h6[data-v-d0a7843c] { font-size: 16px; } } .label[data-v-d0a7843c], small[data-v-d0a7843c] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-d0a7843c], small[data-v-d0a7843c] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-d0a7843c], small[data-v-d0a7843c] { font-size: 70%; } } small[data-v-d0a7843c] { opacity: 0.8; line-height: 1; } small+[data-v-d0a7843c] { margin-top: 1.25em; } li[data-v-d0a7843c], p[data-v-d0a7843c] { line-height: 1.6; display: block; line-height: 1.5; font-weight: 900; text-align: center; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-d0a7843c] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-d0a7843c] { font-weight: 700; font-style: normal; } em[data-v-d0a7843c], i[data-v-d0a7843c] { font-style: italic; font-size: inherit; } a[data-v-d0a7843c], a[data-v-d0a7843c]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-d0a7843c] { display: block; } .rte a[data-v-d0a7843c], .rte a[data-v-d0a7843c]:visited { text-decoration: underline; } .rte a.button[data-v-d0a7843c], .rte a[data-v-d0a7843c]:hover, .rte a[data-v-d0a7843c]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-d0a7843c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-d0a7843c]:not(:last-child), .rte ul[data-v-d0a7843c]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-d0a7843c] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-d0a7843c] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-d0a7843c] { margin: 0; display: inline; } .rte ul li[data-v-d0a7843c]:first-child { margin-top: 0; } .rte ul li[data-v-d0a7843c]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-d0a7843c] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-d0a7843c] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-d0a7843c]:first-child { margin-top: 0; } .rte ol li p[data-v-d0a7843c] { margin: 0; display: inline; } .rte ol li[data-v-d0a7843c]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-d0a7843c] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-d0a7843c] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-d0a7843c], .rte th[data-v-d0a7843c] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-d0a7843c] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-d0a7843c] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-d0a7843c] { font-size: 16px; } } .rte th[data-v-d0a7843c] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-d0a7843c] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-d0a7843c] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-d0a7843c], .cta .banner-inner h4[data-v-d0a7843c], .cta .banner-inner h5[data-v-d0a7843c] { margin-bottom: 0; } .mobile-nav-background-gradient[data-v-d0a7843c], .mobile-nav-background-split[data-v-d0a7843c] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; } .mobile-nav-background-split[data-v-d0a7843c] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 298; } .mobile-nav-background-split .left[data-v-d0a7843c], .mobile-nav-background-split .right[data-v-d0a7843c] { height: 50vh; width: 100vw; -webkit-transition: -webkit-transform 0.2s ease; transition: -webkit-transform 0.2s ease; transition: transform 0.2s ease; transition: transform 0.2s ease, -webkit-transform 0.2s ease; } .mobile-nav-background-split .right[data-v-d0a7843c], .mobile-nav-open .mobile-nav-background-split .left[data-v-d0a7843c] { -webkit-transform: translateX(0); transform: translateX(0); } .mobile-nav-background-split .right[data-v-d0a7843c] { background-color: var(--background-mobile-nav); -webkit-transform: translateX(100%); transform: translateX(100%); } .mobile-nav-background-split .left[data-v-d0a7843c] { background-color: var(--background-mobile-nav); -webkit-transform: translateX(-100%); transform: translateX(-100%); } .mobile-nav-open .mobile-nav-background-split .left[data-v-d0a7843c], .mobile-nav-open .mobile-nav-background-split .right[data-v-d0a7843c] { -webkit-transform: translateX(0); transform: translateX(0); } .mobile-nav-background-gradient[data-v-d0a7843c] { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 299; opacity: 0; -webkit-transition: all 0.3s ease 0; transition: all 0.3s ease 0; -webkit-transform: scale(1.5); transform: scale(1.5); } .mobile-nav[data-v-d0a7843c] { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 300; overflow: scroll; padding: 7.25em 2em 2em; display: none; } .mobile-nav .navigation-item[data-v-d0a7843c] { display: block; } .mobile-nav .navigation-item .label[data-v-d0a7843c] { display: block; opacity: 0.8; margin-bottom: 0.25em; } .mobile-nav nav[data-v-d0a7843c] { margin-top: 0.75em; margin-bottom: 3.25em; } .mobile-nav nav .navigation-item[data-v-d0a7843c] { font-size: 30px; margin-bottom: 0.75em; } .mobile-nav nav .title[data-v-d0a7843c] { font-weight: 700; } .mobile-nav-open .mobile-nav[data-v-d0a7843c] { display: block; } .mobile-nav-open .mobile-nav-background-gradient[data-v-d0a7843c] { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.6s ease 0.16s; transition: all 0.6s ease 0.16s; } .hamburger { width: 30px; height: 22px; position: relative; cursor: pointer; } .hamburger span { display: block; height: 1px; width: 30px; background-color: var(--text-color); -webkit-transform: translateY(3px); transform: translateY(3px); -webkit-transition: all 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.36s cubic-bezier(0.19, 1, 0.22, 1); width: 22px; } .mobile-nav-open .hamburger span { width: 30px; -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); } .hamburger span:after, .hamburger span:before { content: ""; display: block; height: 1px; width: 30px; background-color: var(--text-color); -webkit-transition: all 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.36s cubic-bezier(0.19, 1, 0.22, 1); } .hamburger span:before { -webkit-transform: translateY(6px); transform: translateY(6px); width: 34px; } .mobile-nav-open .hamburger span:before { opacity: 0; width: 30px; -webkit-transform: translateX(7px) translateY(6px) rotate(45deg); transform: translateX(7px) translateY(6px) rotate(45deg); } .hamburger span:after { -webkit-transform: translateY(11px); transform: translateY(11px); width: 30px; } .mobile-nav-open .hamburger span:after { width: 30px; -webkit-transform: translateY(-1px) rotate(90deg); transform: translateY(-1px) rotate(90deg); } [data-v-f37b6dc0], root[data-v-f37b6dc0] { --duration-fast: 100ms; --duration-normal: 360ms; --duration-slow: 720ms; --easeing-inexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035); --easeing-outexpo: cubic-bezier(0.19, 1, 0.22, 1); --easeing-inoutexpo: cubic-bezier(1, 0, 0, 1); } [data-v-f37b6dc0]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-f37b6dc0] { font-family: --font-family-primary; opacity: 1; } body[data-v-f37b6dc0] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-f37b6dc0] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-f37b6dc0] { font-size: 18px; } } .oversized-h1[data-v-f37b6dc0] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-f37b6dc0] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-f37b6dc0] { font-size: 90px; } } .heading-1[data-v-f37b6dc0], .rte h1[data-v-f37b6dc0] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-f37b6dc0], .rte h1[data-v-f37b6dc0] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-f37b6dc0], .rte h1[data-v-f37b6dc0] { font-size: 80px; } } .heading-2[data-v-f37b6dc0], .rte h2[data-v-f37b6dc0] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-f37b6dc0], .rte h2[data-v-f37b6dc0] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-f37b6dc0], .rte h2[data-v-f37b6dc0] { font-size: 50px; } } .heading-3[data-v-f37b6dc0], .rte h3[data-v-f37b6dc0] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-f37b6dc0], .rte h3[data-v-f37b6dc0] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-f37b6dc0], .rte h3[data-v-f37b6dc0] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-f37b6dc0], .rte h3[data-v-f37b6dc0] { margin-bottom: 1.25em; } } .heading-4[data-v-f37b6dc0], .rte h4[data-v-f37b6dc0] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-f37b6dc0], .rte h4[data-v-f37b6dc0] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-f37b6dc0], .rte h4[data-v-f37b6dc0] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-f37b6dc0], .rte h4[data-v-f37b6dc0] { margin-bottom: 0.75em; } } .heading-5[data-v-f37b6dc0], .rte h5[data-v-f37b6dc0] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-f37b6dc0], .rte h5[data-v-f37b6dc0] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-f37b6dc0], .rte h5[data-v-f37b6dc0] { font-size: 18px; } } .heading-6[data-v-f37b6dc0], .rte h6[data-v-f37b6dc0] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-f37b6dc0], .rte h6[data-v-f37b6dc0] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-f37b6dc0], .rte h6[data-v-f37b6dc0] { font-size: 16px; } } .label[data-v-f37b6dc0], small[data-v-f37b6dc0] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-f37b6dc0], small[data-v-f37b6dc0] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-f37b6dc0], small[data-v-f37b6dc0] { font-size: 70%; } } small[data-v-f37b6dc0] { opacity: 0.8; line-height: 1; } small+[data-v-f37b6dc0] { margin-top: 1.25em; } li[data-v-f37b6dc0], p[data-v-f37b6dc0] { line-height: 1.6; font-weight: 900; text-align: center; display: block; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-f37b6dc0] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-f37b6dc0] { font-weight: 700; font-style: normal; } em[data-v-f37b6dc0], i[data-v-f37b6dc0] { font-style: italic; font-size: inherit; } a[data-v-f37b6dc0], a[data-v-f37b6dc0]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-f37b6dc0] { display: block; } .rte a[data-v-f37b6dc0], .rte a[data-v-f37b6dc0]:visited { text-decoration: underline; } .rte a.button[data-v-f37b6dc0], .rte a[data-v-f37b6dc0]:hover, .rte a[data-v-f37b6dc0]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-f37b6dc0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-f37b6dc0]:not(:last-child), .rte ul[data-v-f37b6dc0]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-f37b6dc0] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-f37b6dc0] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-f37b6dc0] { margin: 0; display: inline; } .rte ul li[data-v-f37b6dc0]:first-child { margin-top: 0; } .rte ul li[data-v-f37b6dc0]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-f37b6dc0] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-f37b6dc0] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-f37b6dc0]:first-child { margin-top: 0; } .rte ol li p[data-v-f37b6dc0] { margin: 0; display: inline; } .rte ol li[data-v-f37b6dc0]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-f37b6dc0] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-f37b6dc0] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-f37b6dc0], .rte th[data-v-f37b6dc0] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-f37b6dc0] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-f37b6dc0] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-f37b6dc0] { font-size: 16px; } } .rte th[data-v-f37b6dc0] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-f37b6dc0] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-f37b6dc0] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-f37b6dc0], .cta .banner-inner h4[data-v-f37b6dc0], .cta .banner-inner h5[data-v-f37b6dc0] { margin-bottom: 0; } header[data-v-f37b6dc0] { position: absolute; top: 0; left: 0; height: 100px; padding-top: 3.25em; padding-left: 1.25em; padding-right: 2em; z-index: 200; width: 100vw; } @media (min-width: 992px) { header[data-v-f37b6dc0] { padding: 5.25em 3.25em 3.25em; } } .content[data-v-f37b6dc0], .main-navigation[data-v-f37b6dc0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 992px) { .main-navigation[data-v-f37b6dc0] { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .mobile-nav-toggle[data-v-f37b6dc0] { position: relative; z-index: 500; } @media (min-width: 992px) { .mobile-nav-toggle[data-v-f37b6dc0] { display: none; } } .logo[data-v-f37b6dc0] { display: inline-block; position: relative; z-index: 400; -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; } @media (min-width: 992px) { .logo[data-v-f37b6dc0] { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } } .navigation-bar[data-v-f37b6dc0] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (max-width: 991px) { .navigation-bar[data-v-f37b6dc0] { display: none; } } .navigation-bar .navigation-item[data-v-f37b6dc0] { margin-left: 3.25em; } .navigation-bar .navigation-item .title[data-v-f37b6dc0] { text-transform: uppercase; font-weight: 700; padding: 0.75em 0; display: block; -webkit-transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); -webkit-transform-origin: center; transform-origin: center; } @media (min-width: 992px) { .navigation-bar .navigation-item .title[data-v-f37b6dc0] { font-size: 16px; } } .navigation-bar .navigation-item:hover .title[data-v-f37b6dc0] { color: hsla(0, 0%, 100%, 0.5); } [data-v-7ff306fa], root[data-v-7ff306fa] { --duration-fast: 100ms; --duration-normal: 360ms; --duration-slow: 720ms; --easeing-inexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035); --easeing-outexpo: cubic-bezier(0.19, 1, 0.22, 1); --easeing-inoutexpo: cubic-bezier(1, 0, 0, 1); } [data-v-7ff306fa]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-7ff306fa] { font-family: --font-family-primary; opacity: 1; } body[data-v-7ff306fa] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-7ff306fa] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-7ff306fa] { font-size: 18px; } } .oversized-h1[data-v-7ff306fa] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-7ff306fa] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-7ff306fa] { font-size: 90px; } } .heading-1[data-v-7ff306fa], .rte h1[data-v-7ff306fa] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-7ff306fa], .rte h1[data-v-7ff306fa] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-7ff306fa], .rte h1[data-v-7ff306fa] { font-size: 80px; } } .heading-2[data-v-7ff306fa], .rte h2[data-v-7ff306fa] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-7ff306fa], .rte h2[data-v-7ff306fa] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-7ff306fa], .rte h2[data-v-7ff306fa] { font-size: 50px; } } .heading-3[data-v-7ff306fa], .rte h3[data-v-7ff306fa] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-7ff306fa], .rte h3[data-v-7ff306fa] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-7ff306fa], .rte h3[data-v-7ff306fa] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-7ff306fa], .rte h3[data-v-7ff306fa] { margin-bottom: 1.25em; } } .heading-4[data-v-7ff306fa], .rte h4[data-v-7ff306fa] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-7ff306fa], .rte h4[data-v-7ff306fa] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-7ff306fa], .rte h4[data-v-7ff306fa] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-7ff306fa], .rte h4[data-v-7ff306fa] { margin-bottom: 0.75em; } } .heading-5[data-v-7ff306fa], .rte h5[data-v-7ff306fa] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-7ff306fa], .rte h5[data-v-7ff306fa] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-7ff306fa], .rte h5[data-v-7ff306fa] { font-size: 18px; } } .heading-6[data-v-7ff306fa], .rte h6[data-v-7ff306fa] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-7ff306fa], .rte h6[data-v-7ff306fa] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-7ff306fa], .rte h6[data-v-7ff306fa] { font-size: 16px; } } .label[data-v-7ff306fa], footer[data-v-7ff306fa], small[data-v-7ff306fa] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-7ff306fa], footer[data-v-7ff306fa], small[data-v-7ff306fa] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-7ff306fa], footer[data-v-7ff306fa], small[data-v-7ff306fa] { font-size: 70%; } } small[data-v-7ff306fa] { opacity: 0.8; line-height: 1; } small+[data-v-7ff306fa] { margin-top: 1.25em; } li[data-v-7ff306fa], p[data-v-7ff306fa] { line-height: 1.6; font-weight: 900; text-align: center; display: block; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-7ff306fa] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-7ff306fa] { font-weight: 700; font-style: normal; } em[data-v-7ff306fa], i[data-v-7ff306fa] { font-style: italic; font-size: inherit; } a[data-v-7ff306fa], a[data-v-7ff306fa]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-7ff306fa] { display: block; } .rte a[data-v-7ff306fa], .rte a[data-v-7ff306fa]:visited { text-decoration: underline; } .rte a.button[data-v-7ff306fa], .rte a[data-v-7ff306fa]:hover, .rte a[data-v-7ff306fa]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-7ff306fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-7ff306fa]:not(:last-child), .rte ul[data-v-7ff306fa]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-7ff306fa] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-7ff306fa] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-7ff306fa] { margin: 0; display: inline; } .rte ul li[data-v-7ff306fa]:first-child { margin-top: 0; } .rte ul li[data-v-7ff306fa]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-7ff306fa] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-7ff306fa] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-7ff306fa]:first-child { margin-top: 0; } .rte ol li p[data-v-7ff306fa] { margin: 0; display: inline; } .rte ol li[data-v-7ff306fa]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-7ff306fa] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-7ff306fa] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-7ff306fa], .rte th[data-v-7ff306fa] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-7ff306fa] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-7ff306fa] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-7ff306fa] { font-size: 16px; } } .rte th[data-v-7ff306fa] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-7ff306fa] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-7ff306fa] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-7ff306fa], .cta .banner-inner h4[data-v-7ff306fa], .cta .banner-inner h5[data-v-7ff306fa] { margin-bottom: 0; } footer .container[data-v-7ff306fa] { position: relative; } footer[data-v-7ff306fa] { min-height: 20vh; margin-bottom: 2em; position: relative; z-index: 10; font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { footer[data-v-7ff306fa] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { footer[data-v-7ff306fa] { font-size: 16px; } } footer .footer-section[data-v-7ff306fa] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; } @media (max-width: 767px) { footer .footer-section[data-v-7ff306fa] { padding: 0.5em; } } footer .footer-section .footer-section-title[data-v-7ff306fa] { font-weight: 700; margin-bottom: 0.75em; opacity: 1; min-height: 30px; } @media (max-width: 767px) { footer .footer-section .footer-section-title[data-v-7ff306fa] { margin-bottom: 0.5em; } } footer .footer-section a[data-v-7ff306fa], footer .footer-section span[data-v-7ff306fa] { margin-bottom: 0.5em; line-height: 1.3; opacity: 0.5; } @media (max-width: 767px) { footer .footer-section a[data-v-7ff306fa] { line-height: 1.5; margin-bottom: 0.75em; } } footer .footer-section a[data-v-7ff306fa]:hover { opacity: 1; cursor: pointer; } @media (max-width: 767px) { footer .footer-section[data-v-7ff306fa] { margin-bottom: 3.25em; } } :root { --spacing-unit: 1em; --spacing-xxs: 0.25em; --spacing-xs: 0.5em; --spacing-s: 0.75em; --spacing-m: 1.25em; --spacing-l: 2em; --spacing-xl: 3.25em; --spacing-xxl: 5.25em; --spacing-xxxl: 7.25em; --colors-main-dark: #000; --colors-main: #000; --colors-main-light: #000; --colors-main-lighter: #000; --colors-black: #000; --colors-white: #fff; --background-primary: linear-gradient(0deg, #fff, #fff); --background-mopbile-nav: linear-gradient(0deg, #fff, #fff); --background-secondary: linear-gradient(0deg, #fff, #fff); --background-tertiary: linear-gradient(0deg, #fff, #fff); --background-color: linear-gradient(0deg, #fff, #fff); --text-color: #000; --font-family-primary: century-gothic, sans-serif; --font-family-secondary: helvetica; --border-radius: 3px; --box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2); } a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:after, blockquote:before, q:after, q:before { content: ""; content: none; } table { border-collapse: collapse; border-spacing: 0; } button, input, label, select, textarea { margin: 0; border: 0; padding: 0; display: inline-block; vertical-align: middle; white-space: normal; background: 0 0; line-height: 1; font-size: 13px; font-family: inherit; } button { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } a, a:active { color: currentColor; } a, button { border: none; background: 0 0; margin: 0; padding: 0; outline: 0; -webkit-box-sizing: inherit; box-sizing: inherit; cursor: pointer; text-decoration: none; } :active, :focus, a, button { -webkit-tap-highlight-color: rgba(38, 38, 38, 0.4); } :active, :focus { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } input:not([type="checkbox"]):-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; box-shadow: inset 0 0 0 1000px #fff; background-color: #fff; } input:not([type="checkbox"]):focus { outline: 0; -webkit-appearance: none; } menu { padding: 0; margin: 0; } html { -webkit-box-sizing: border-box; box-sizing: border-box; } * { -webkit-box-sizing: inherit; box-sizing: inherit; } img { vertical-align: bottom; } body, html { min-height: 100%; width: 100vw; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision; text-rendering: optimizeLegibility; -ms-scroll-chaining: none; overscroll-behavior: none; } *, root { --duration-fast: 100ms; --duration-normal: 360ms; --duration-slow: 720ms; --easeing-inexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035); --easeing-outexpo: cubic-bezier(0.19, 1, 0.22, 1); --easeing-inoutexpo: cubic-bezier(1, 0, 0, 1); } .glitch1 { -webkit-animation-name: glitch-anim-1; animation-name: glitch-anim-1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .glitch1, .glitch2 { -webkit-animation-duration: 2s; animation-duration: 2s; } .glitch2 { -webkit-animation-name: glitch-anim-2; animation-name: glitch-anim-2; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .glitch3 { -webkit-animation-name: glitch-anim-3; animation-name: glitch-anim-3; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes glitch-anim-1 { 0% { opacity: 1; -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); z-index: 0; } 14% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); z-index: 3; } 18% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); z-index: 4; } 19% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); z-index: 5; } 23% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 6; } 30% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); z-index: 7; } 49% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); z-index: 8; } 52% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); z-index: 9; } 67% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); z-index: 10; } 70% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); z-index: 11; } 75% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); z-index: 54; } 78% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); z-index: 23; } 80% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); z-index: 15; } 85% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); z-index: 6; } 88% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); z-index: 7; } 90% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); z-index: 1; } 98% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); z-index: 2; } 98.9% { opacity: 0; } } @keyframes glitch-anim-1 { 0% { opacity: 1; -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%); z-index: 0; } 14% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); z-index: 3; } 18% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); z-index: 4; } 19% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); z-index: 5; } 23% { -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 6; } 30% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); z-index: 7; } 49% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%); z-index: 8; } 52% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%); z-index: 9; } 67% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%); z-index: 10; } 70% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); z-index: 11; } 75% { -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%); z-index: 54; } 78% { -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%); z-index: 23; } 80% { -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%); z-index: 15; } 85% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%); z-index: 6; } 88% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%); z-index: 7; } 90% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%); z-index: 1; } 98% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%); z-index: 2; } 98.9% { opacity: 0; } } @-webkit-keyframes glitch-anim-2 { 0% { opacity: 0; -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); z-index: 1; } 46% { opacity: 1; -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); z-index: 2; } 48% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); z-index: 3; } 52% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); z-index: 4; } 55% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); z-index: 5; } 60% { -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); z-index: 6; } 63% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); z-index: 7; } 66% { -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); z-index: 8; } 70% { -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); z-index: 9; } 73% { -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); z-index: 10; } 78% { -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); z-index: 11; } 78.9% { opacity: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 11; } 79%, to { opacity: 1; z-index: 12; } } @keyframes glitch-anim-2 { 0% { opacity: 0; -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%); z-index: 1; } 46% { opacity: 1; -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%); z-index: 2; } 48% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%); z-index: 3; } 52% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); z-index: 4; } 55% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%); z-index: 5; } 60% { -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%); z-index: 6; } 63% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); z-index: 7; } 66% { -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%); z-index: 8; } 70% { -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%); z-index: 9; } 73% { -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%); z-index: 10; } 78% { -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%); z-index: 11; } 78.9% { opacity: 0; -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); z-index: 11; } 79%, to { opacity: 1; z-index: 12; } } @-webkit-keyframes glitch-anim-3 { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); } 1.5% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); } 2% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); } 2.5% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); } 3% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); } 5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); } 5.5% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); } 7% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); } 8% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); } 9% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); } 10.5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); } 11% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); } 13% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); } 14% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); } 14.5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); } 15% { -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); } 16% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); } 18% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); } 20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } 21.9% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); } 22%, to { opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); } } @keyframes glitch-anim-3 { 0% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%); } 1.5% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%); } 2% { -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%); } 2.5% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%); } 3% { -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%); } 5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%); } 5.5% { -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%); } 7% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%); } 8% { -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%); } 9% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%); } 10.5% { -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%); } 11% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%); } 13% { -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%); } 14% { -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%); } 14.5% { -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%); } 15% { -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%); } 16% { -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%); } 18% { -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%); } 20% { -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%); } 21.9% { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); transform: translate3d(0, 0, 0) scale3d(-1, -1, 1); } 22%, to { opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0); clip-path: polygon(0 0, 0 0, 0 0, 0 0); } } .container, .container-fluid { margin-right: auto; margin-left: auto; } .container-fluid { padding-right: 2rem; padding-left: 2rem; } .row { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -0.5rem; margin-left: -0.5rem; } .row, .row.reverse { -webkit-box-orient: horizontal; } .row.reverse { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .col.reverse, .row.reverse { -webkit-box-direction: reverse; } .col.reverse { -webkit-box-orient: vertical; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-xs-offset-0 { margin-left: 0; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media only screen and (min-width: 48em) { .container { width: 49rem; } .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-0 { margin-left: 0; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 64em) { .container { width: 65rem; } .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-0 { margin-left: 0; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-11 { margin-left: 91.66666667%; } .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 75em) { .container { width: 76rem; } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 0.5rem; padding-left: 0.5rem; } .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-0 { margin-left: 0; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; } .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } :root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded { font-family: --font-family-primary; opacity: 1; } body { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body { font-size: 18px; } } .oversized-h1 { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1 { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1 { font-size: 90px; } } .heading-1, .rte h1 { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1, .rte h1 { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1, .rte h1 { font-size: 80px; } } .heading-2, .rte h2 { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2, .rte h2 { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2, .rte h2 { font-size: 50px; } } .heading-3, .rte h3 { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3, .rte h3 { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3, .rte h3 { font-size: 26px; } } @media (min-width: 768px) { .heading-3, .rte h3 { margin-bottom: 1.25em; } } .heading-4, .rte h4 { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4, .rte h4 { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4, .rte h4 { font-size: 20px; } } @media (min-width: 768px) { .heading-4, .rte h4 { margin-bottom: 0.75em; } } .heading-5, .rte h5 { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5, .rte h5 { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5, .rte h5 { font-size: 18px; } } .heading-6, .rte h6 { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6, .rte h6 { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6, .rte h6 { font-size: 16px; } } .label, small { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label, small { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label, small { font-size: 70%; } } small { opacity: 0.8; line-height: 1; } small+* { margin-top: 1.25em; } li, p { line-height: 1.6; font-weight: 900; text-align: center; display: block; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong { font-weight: 700; font-style: normal; } em, i { font-style: italic; } a, a:visited, em, i { font-size: inherit; } a, a:visited { font-weight: inherit; } .rte { display: block; } .rte a, .rte a:visited { text-decoration: underline; } .rte a.button, .rte a:hover, .rte a:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol:not(:last-child), .rte ul:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p { margin: 0; display: inline; } .rte ul li:first-child { margin-top: 0; } .rte ul li:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li:first-child { margin-top: 0; } .rte ol li p { margin: 0; display: inline; } .rte ol li:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img { width: auto; max-width: 100%; height: auto; } .rte table { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td, .rte th { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td { font-size: 16px; } } .rte th { font-weight: 600; text-align: left; } .cta .banner-inner h1 { margin-bottom: 0.25em; } .cta .banner-inner h2 { margin-bottom: 0.15em; } .cta .banner-inner h3, .cta .banner-inner h4, .cta .banner-inner h5 { margin-bottom: 0; } .button { box-shadow: 0 15px 40px rgba(211, 155, 73, 0.45); border: 4px inset #fcc87c; text-transform: uppercase; border-radius: 45px; transition: 0.4s !important; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.25em 7em; background: linear-gradient(#d0a053, #e08723); color: #000; text-decoration: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; word-spacing: 0; font-weight: 700; cursor: pointer; -webkit-transition: opacity 0.1s cubic-bezier(0.19, 1, 0.22, 1); font-size: 12px; } .glide { overflow: hidden; } .glide:after { pointer-events: none; content: ""; position: absolute; width: 40px; height: 180px; top: 0; right: -20px; background-color: rgba(255, 255, 255, 0.6); transform: skewX(-25deg); animation: glide 4s infinite; } .glide:hover:after { visibility: visible; animation: glide 3s infinite; } @keyframes glide { 0% { right: -20px; } 6% { background-color: rgba(255, 255, 255, 1); } 20% { right: 150%; } 100% { right: 150%; } } .button:hover { filter: brightness(105%); } @media (min-width: 400px) and (max-width: 1440px) { .button { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .button { font-size: 16px; } } @media (max-width: 991px) { .button+.button { margin-right: 1.25em; } } .button.button--link { background: 0 0; text-decoration: underline; color: var(--colors-white); } .button.button--link:hover { text-decoration: none; } .button:hover { text-decoration: underline; } body { background: var(--background-color); color: var(--text-color); font-family: var(--font-family-secondary); } #app { overflow: hidden; width: 100vw; height: 100%; } .container { width: 1440px; max-width: 100%; padding-left: 8vw; padding-right: 8vw; margin-left: auto; margin-right: auto; } @media (max-width: 991px) { .container { width: 100vw; max-width: 90vw; padding-left: 5vw; padding-right: 5vw; margin-left: auto; margin-right: auto; } } @media (max-width: 767px) { .container { width: 100vw; max-width: 95vw; padding-left: 2.5vw; padding-right: 2.5vw; margin-left: auto; margin-right: auto; } } #r_result { display: flex; margin-top: 20px; } #r_result_container { display: flex; justify-content: center; } .r_info h2 { font-size: 3rem; margin-bottom: 10px; } #r_result div { height: 100%; flex-basis: 0; flex: 1 1 0; } #r_app { width: 100%; } .r_res:before { content: ""; position: absolute; width: 190px; height: 250px; background-position: top; background-repeat: no-repeat; z-index: -1; background-size: contain; filter: hue-rotate(75deg); } @keyframes animm { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } } .r_res { position: relative; height: 200px; display: flex; align-items: center; justify-content: center; flex-direction: column; } .r_res .img { animation: animm 3s infinite; } .r_res img { width: unset !important; max-height: 250px; } .r_res h2 { font-size: 1.6rem; } .roullete_container { display: flex; align-items: center; flex-direction: column; min-height: 1000px; } .wrapper { width: 100%; height: 140px; overflow: hidden; position: relative; } .div { border-bottom: 2px solid #4f5682; border-top: 2px solid #4f5682; } .t_case img { width: 250px; } .showAuthWin { transition: 0.4s; position: relative; padding: 20px 25px; padding-left: 40px; height: 55px; padding-left: 70px; background: linear-gradient(#4a529c, #23397f); border-radius: 45px; } .showAuthWin img { transition: 0.6s; border: 4px solid #7e82d3; border-radius: 50%; position: absolute; left: 0; top: 0; width: 55px !important; margin-right: 5px; height: 55px; } .showAuthWin:hover { filter: brightness(90%); } .showAuthWin:hover img { transform: rotate(360deg); } .t_case { flex-direction: column; display: flex; align-items: center; justify-content: center; } .wrapper::after { content: ""; display: block; width: 3px; height: 100%; position: absolute; top: 0; left: 50%; background-color: #e67f43; } .roll { display: flex; align-items: center; width: 100%; height: 100%; transform: translateX(0); } .roll_anim { transition: all 6s ease-out; transform: translateX(-2768px); } .item { border-radius: 0 !important; font-weight: 700; display: flex; justify-content: center; align-items: center; flex-basis: 120px; flex-grow: 0; flex-shrink: 0; height: 140px; border-radius: 3px; margin: 0 5px; position: relative; flex-direction: column; } .item:nth-child(even) { background: rgba(114, 182, 245, 0.14); } .item.rare .item-img { border-bottom: 2px solid #f100ff; } .item.secret .item-img { border-bottom: 2px solid red; } .item.smuggling .item-img { border-bottom: 2px solid #ff8f00; } .item.rare .item-img:before { background-image: url(https://forcedrop.top/public/img/item_incase_classified.png?1); } .item.secret .item-img:before { background-image: url(https://forcedrop.top/public/img/item_incase_covert.png?1); } .item.smuggling .item-img:before { background-image: url(https://forcedrop.top/public/img/item_incase_rare.png?1); } .item-img:before { content: ""; top: 50%; transform: translateY(-35%); position: absolute; width: 80px; background-position: center; height: 80px; background-repeat: no-repeat; z-index: -1; background-size: contain; } .item-img { position: relative; padding: 7px; transition: 0.2s; margin-bottom: 8px; width: 90px; height: 90px; } .item-img img { width: 76px; height: 76px; } .item-name { min-height: 40px; text-shadow: 0 0 5px #fff200; color: #fff; font-size: 13px; bottom: 10px; width: 100%; padding: 0 5px; text-align: center; } .item-name p strong { font-weight: 700; } .open-case { margin: 10px auto; text-align: center; font-size: 18px; cursor: pointer; width: 200px; height: 40px; border: 1px solid #fff200; padding: 10px; text-transform: uppercase; font-weight: 700; transition: all 0.3s; } .open-case:hover { background-color: #fff; color: #fff200; } .open-case h2 { font-weight: 700 !important; } .win-modal { position: fixed; background-color: #3dc3ff; width: 500px; height: auto; border-radius: 3px; left: calc(50% - 250px); top: calc(50% - 230px); color: #fff200; padding-top: 60px; z-index: 300; visibility: hidden; opacity: 0; } .show { opacity: 1; visibility: visible; } .win-modal::after { content: ""; display: block; position: fixed; width: 100%; height: 100%; background-color: #000; opacity: 0.6; left: 0; top: 0; z-index: -1; } .win-modal .row { display: flex; justify-content: center; position: relative; margin-bottom: 20px; } .win-modal .row h3 { text-transform: uppercase; color: #fff; font-size: 24px !important; font-weight: 700; } .win-modal h3 { text-transform: uppercase; color: #fff !important; font-weight: 700; } .close { position: absolute; width: 30px; height: 30px; right: 10px; top: -30px; cursor: pointer; z-index: 1001; } .close span { display: block; width: 23px; height: 2px; background-color: #fff; border-radius: 50px; border: 2px solid #fff; transform: rotate(223deg); } .close span:nth-child(2) { transform: rotate(131deg); margin-top: -4px; } .win-modal-img { width: 30%; margin: 0 auto; } .win-modal-img img { width: 100%; } .win-modal-name h2 { color: #fff; font-weight: 700 !important; text-align: center; font-size: 18px; } .win-modal-name p { color: #fff; font-weight: 700 !important; text-align: center; font-size: 14px; line-height: 32px; } body { overflow-x: hidden; } .t_case_open { background-color: transparent; color: #fff; } .roullete_container { min-height: 800px; padding-bottom: 160px; } @media screen and (max-width: 1024px) { .roll_anim { transform: translateX(-2890px); } } @media screen and (max-width: 970px) { .line { text-align: center !important; } .roll_anim { transform: translateX(-2960px); } } @media screen and (max-width: 768px) { .roll_anim { transform: translateX(-2990px); } } @media screen and (max-width: 568px) { .roll_anim { transform: translateX(-3090px); } } @media screen and (max-width: 668px) { .roll_anim { transform: translateX(-3040px); } } @media screen and (max-width: 498px) { .roll_anim { transform: translateX(-3095px); } } @media screen and (max-width: 398px) { .roll_anim { transform: translateX(-3135px); } } :root { --colors-main-dark: #000; --colors-main: #000; --colors-main-light: #000; --colors-main-lighter: #000; --colors-accent: #e14645; --colors-black: #000; --colors-white: #fff; --background-primary: linear-gradient(0deg, #000, #000); --background-mobile-nav: #000; --background-secondary: linear-gradient(0deg, #000, #000); --background-tertiary: linear-gradient(0deg, #000, #000); --background-color: linear-gradient(0deg, #000, #000); --text-color: #fff; --font-family-primary: Barlow, sans-serif; --font-family-secondary: IBM Plex Sans, sans-serif; } .marquee .partner-list .partner { margin: 0 1.25em; } .marquee[data-v-431c61d1] { overflow: hidden; white-space: nowrap; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; background-color: var(--background-secondary); height: 40px; } .partner-list[data-v-431c61d1] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px; } .partner-list .partner[data-v-431c61d1] { max-height: 40px; margin: 0 0.75em; } .partner-list .partner img[data-v-431c61d1], .partner-list .partner svg[data-v-431c61d1] { height: auto; width: auto; max-height: 15px; } @media (max-width: 767px) { .partner-list .partner img[data-v-431c61d1], .partner-list .partner svg[data-v-431c61d1] { vertical-align: middle; } } .block-hero[data-v-9679788a] { height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; position: relative; } @media (min-width: 992px) { .block-hero[data-v-9679788a] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100vh; max-height: 1100px; } } .block-hero .background[data-v-9679788a] { position: absolute; top: 0; height: 100%; width: 100vw; -webkit-background-size: 80%; background-size: 80%; background-position: bottom center; background-repeat: no-repeat; opacity: 0.3; transform: translateY(5%); } .block-hero .title[data-v-9679788a] { margin-bottom: 0.25em; } @media (min-width: 1800px) { .block-hero .title[data-v-9679788a] { font-size: 120px; } } .block-hero .rte[data-v-9679788a] { font-size: 20px; } .block-hero .text[data-v-9679788a] { position: relative; z-index: 2; margin-bottom: 2em; padding-left: 1.25em; padding-right: 1.25em; } @media (max-width: 991px) { .block-hero .text[data-v-9679788a] { text-align: center; } } @media (min-width: 992px) { .block-hero .text[data-v-9679788a] { padding-left: 3.25em; padding-right: 3.25em; max-width: 60vw; } } @media (min-width: 1800px) { .block-hero .text[data-v-9679788a] { max-width: 50vw; } } .block-hero .team[data-v-9679788a] { width: 100%; position: relative; z-index: 1; } @media (min-width: 992px) { .block-hero .team[data-v-9679788a] { width: 70vw; position: absolute; bottom: 0; } } @media (min-width: 1024px) { .block-hero .team[data-v-9679788a] { width: 100vw; min-width: 800px; } } @media (min-width: 1200px) { .block-hero .team[data-v-9679788a] { width: 60vw; min-width: 1100px; -webkit-transform: translateX(15%); transform: translateX(15%); } } @media (min-width: 1800px) { .block-hero .team[data-v-9679788a] { width: 50vw; min-width: 1500px; -webkit-transform: translateX(12.5%); transform: translateX(12.5%); } } [data-v-b2ef6ee6], root[data-v-b2ef6ee6] { --duration-fast: 100ms; --duration-normal: 360ms; --duration-slow: 720ms; --easeing-inexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035); --easeing-outexpo: cubic-bezier(0.19, 1, 0.22, 1); --easeing-inoutexpo: cubic-bezier(1, 0, 0, 1); } [data-v-b2ef6ee6]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-b2ef6ee6] { font-family: --font-family-primary; opacity: 1; } body[data-v-b2ef6ee6] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-b2ef6ee6] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-b2ef6ee6] { font-size: 18px; } } .oversized-h1[data-v-b2ef6ee6] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-b2ef6ee6] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-b2ef6ee6] { font-size: 90px; } } .heading-1[data-v-b2ef6ee6], .rte h1[data-v-b2ef6ee6] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-b2ef6ee6], .rte h1[data-v-b2ef6ee6] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-b2ef6ee6], .rte h1[data-v-b2ef6ee6] { font-size: 80px; } } .heading-2[data-v-b2ef6ee6], .rte h2[data-v-b2ef6ee6] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-b2ef6ee6], .rte h2[data-v-b2ef6ee6] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-b2ef6ee6], .rte h2[data-v-b2ef6ee6] { font-size: 50px; } } .heading-3[data-v-b2ef6ee6], .rte h3[data-v-b2ef6ee6] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-b2ef6ee6], .rte h3[data-v-b2ef6ee6] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-b2ef6ee6], .rte h3[data-v-b2ef6ee6] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-b2ef6ee6], .rte h3[data-v-b2ef6ee6] { margin-bottom: 1.25em; } } .heading-4[data-v-b2ef6ee6], .rte h4[data-v-b2ef6ee6] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-b2ef6ee6], .rte h4[data-v-b2ef6ee6] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-b2ef6ee6], .rte h4[data-v-b2ef6ee6] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-b2ef6ee6], .rte h4[data-v-b2ef6ee6] { margin-bottom: 0.75em; } } .heading-5[data-v-b2ef6ee6], .rte h5[data-v-b2ef6ee6] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-b2ef6ee6], .rte h5[data-v-b2ef6ee6] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-b2ef6ee6], .rte h5[data-v-b2ef6ee6] { font-size: 18px; } } .heading-6[data-v-b2ef6ee6], .rte h6[data-v-b2ef6ee6] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-b2ef6ee6], .rte h6[data-v-b2ef6ee6] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-b2ef6ee6], .rte h6[data-v-b2ef6ee6] { font-size: 16px; } } .label[data-v-b2ef6ee6], small[data-v-b2ef6ee6] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-b2ef6ee6], small[data-v-b2ef6ee6] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-b2ef6ee6], small[data-v-b2ef6ee6] { font-size: 70%; } } small[data-v-b2ef6ee6] { opacity: 0.8; line-height: 1; } small+[data-v-b2ef6ee6] { margin-top: 1.25em; } li[data-v-b2ef6ee6], p[data-v-b2ef6ee6] { line-height: 1.6; font-weight: 400; display: block; font-weight: 900; text-align: center; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-b2ef6ee6] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-b2ef6ee6] { font-weight: 700; font-style: normal; } em[data-v-b2ef6ee6], i[data-v-b2ef6ee6] { font-style: italic; font-size: inherit; } a[data-v-b2ef6ee6], a[data-v-b2ef6ee6]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-b2ef6ee6] { display: block; } .rte a[data-v-b2ef6ee6], .rte a[data-v-b2ef6ee6]:visited { text-decoration: underline; } .rte a.button[data-v-b2ef6ee6], .rte a[data-v-b2ef6ee6]:hover, .rte a[data-v-b2ef6ee6]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-b2ef6ee6] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-b2ef6ee6]:not(:last-child), .rte ul[data-v-b2ef6ee6]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-b2ef6ee6] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-b2ef6ee6] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-b2ef6ee6] { margin: 0; display: inline; } .rte ul li[data-v-b2ef6ee6]:first-child { margin-top: 0; } .rte ul li[data-v-b2ef6ee6]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-b2ef6ee6] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-b2ef6ee6] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-b2ef6ee6]:first-child { margin-top: 0; } .rte ol li p[data-v-b2ef6ee6] { margin: 0; display: inline; } .rte ol li[data-v-b2ef6ee6]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-b2ef6ee6] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-b2ef6ee6] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-b2ef6ee6], .rte th[data-v-b2ef6ee6] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-b2ef6ee6] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-b2ef6ee6] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-b2ef6ee6] { font-size: 16px; } } .rte th[data-v-b2ef6ee6] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-b2ef6ee6] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-b2ef6ee6] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-b2ef6ee6], .cta .banner-inner h4[data-v-b2ef6ee6], .cta .banner-inner h5[data-v-b2ef6ee6] { margin-bottom: 0; } .block-team[data-v-b2ef6ee6] { position: relative; } @media (min-width: 992px) { .block-team[data-v-b2ef6ee6] { overflow: hidden; } } .block-team .background[data-v-b2ef6ee6] { position: absolute; height: 100%; width: 100vw; background-image: var(--background-image-secondary); background-blend-mode: screen, overlay, normal; background-repeat: no-repeat; background-size: cover; opacity: 0.2; } .block-team .content[data-v-b2ef6ee6] { margin-top: 3.25em; text-align: center; position: relative; z-index: 1; } @media (min-width: 768px) { .block-team .content[data-v-b2ef6ee6] { margin-top: 5.25em; } } .block-team .team-members[data-v-b2ef6ee6] { position: relative; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 768px) { .block-team .team-members[data-v-b2ef6ee6] { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-top: 5.25em; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } } .block-team .team-members .team-member[data-v-b2ef6ee6] { background: var(--background-tertiary); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); border-radius: var(--border-radius); height: 350px; margin: 1.25em; position: relative; padding: 2em; overflow: hidden; display: block; } .block-team .team-members .team-member[data-v-b2ef6ee6]:after { content: ""; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-45%); transform: translateX(-45%); background-image: var(--background-element); background-size: 100% auto; background-repeat: no-repeat; background-position: top; height: 100%; width: 200%; opacity: 0; -webkit-transition: opacity 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.36s cubic-bezier(0.19, 1, 0.22, 1); } .block-team .team-members .team-member .profile-image[data-v-b2ef6ee6] { position: absolute; z-index: 1; right: -20%; top: 0; -webkit-transition: -webkit-transform 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.36s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.36s cubic-bezier(0.19, 1, 0.22, 1); } .block-team .team-members .team-member .name[data-v-b2ef6ee6] { font-family: var(--font-family-primary); font-weight: 700; font-size: 50px; } @media (min-width: 400px) and (max-width: 1440px) { .block-team .team-members .team-member .name[data-v-b2ef6ee6] { font-size: calc(50px + (-2500vw - -10000px) / 1040); } } @media (min-width: 1440px) { .block-team .team-members .team-member .name[data-v-b2ef6ee6] { font-size: 25px; } } @media (min-width: 768px) { .block-team .team-members .team-member[data-v-b2ef6ee6] { background: 0 0; -webkit-box-shadow: none; box-shadow: none; height: auto; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: visible; padding: 0; max-width: 400px; } .block-team .team-members .team-member:hover .name-wrap[data-v-b2ef6ee6], .block-team .team-members .team-member:hover .name[data-v-b2ef6ee6], .block-team .team-members .team-member[data-v-b2ef6ee6]:hover:after { opacity: 1; } .block-team .team-members .team-member:hover .stroke[data-v-b2ef6ee6] { -webkit-transform: scale(1); transform: scale(1); } .block-team .team-members .team-member:hover .profile-image[data-v-b2ef6ee6] { -webkit-transform: scale(1.01); transform: scale(1.01); } .block-team .team-members .team-member .name[data-v-b2ef6ee6] { margin-bottom: 0.5em; opacity: 0; -webkit-transition: opacity 0.37s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.37s cubic-bezier(0.19, 1, 0.22, 1); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; text-align: center; padding: 0 0.5em; } } @media (min-width: 768px) and (min-width: 768px) { .block-team .team-members .team-member .name[data-v-b2ef6ee6] { display: none; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @media (min-width: 768px) and (min-width: 992px) { .block-team .team-members .team-member .name[data-v-b2ef6ee6] { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .block-team .team-members .team-member .name-wrap[data-v-b2ef6ee6] { width: 100%; opacity: 0; transform-orgin: top left; -webkit-transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.1s cubic-bezier(0.19, 1, 0.22, 1); } .block-team .team-members .team-member .stroke[data-v-b2ef6ee6] { margin: 0.75em 0; width: 1px; height: 30px; background-color: #fff; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform 0.37s cubic-bezier(0.19, 1, 0.22, 1); transition: -webkit-transform 0.37s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.37s cubic-bezier(0.19, 1, 0.22, 1); transition: transform 0.37s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.37s cubic-bezier(0.19, 1, 0.22, 1); } .block-team .team-members .team-member .profile-image[data-v-b2ef6ee6] { position: static; } } [data-v-01527cd2]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-01527cd2] { font-family: --font-family-primary; opacity: 1; } body[data-v-01527cd2] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-01527cd2] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-01527cd2] { font-size: 18px; } } .oversized-h1[data-v-01527cd2] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-01527cd2] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-01527cd2] { font-size: 90px; } } .heading-1[data-v-01527cd2], .rte h1[data-v-01527cd2] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-01527cd2], .rte h1[data-v-01527cd2] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-01527cd2], .rte h1[data-v-01527cd2] { font-size: 80px; } } .heading-2[data-v-01527cd2], .rte h2[data-v-01527cd2] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-01527cd2], .rte h2[data-v-01527cd2] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-01527cd2], .rte h2[data-v-01527cd2] { font-size: 50px; } } .heading-3[data-v-01527cd2], .rte h3[data-v-01527cd2] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-01527cd2], .rte h3[data-v-01527cd2] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-01527cd2], .rte h3[data-v-01527cd2] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-01527cd2], .rte h3[data-v-01527cd2] { margin-bottom: 1.25em; } } .heading-4[data-v-01527cd2], .rte h4[data-v-01527cd2] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-01527cd2], .rte h4[data-v-01527cd2] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-01527cd2], .rte h4[data-v-01527cd2] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-01527cd2], .rte h4[data-v-01527cd2] { margin-bottom: 0.75em; } } .heading-5[data-v-01527cd2], .rte h5[data-v-01527cd2] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-01527cd2], .rte h5[data-v-01527cd2] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-01527cd2], .rte h5[data-v-01527cd2] { font-size: 18px; } } .heading-6[data-v-01527cd2], .rte h6[data-v-01527cd2] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-01527cd2], .rte h6[data-v-01527cd2] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-01527cd2], .rte h6[data-v-01527cd2] { font-size: 16px; } } .label[data-v-01527cd2], small[data-v-01527cd2] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-01527cd2], small[data-v-01527cd2] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-01527cd2], small[data-v-01527cd2] { font-size: 70%; } } small[data-v-01527cd2] { opacity: 0.8; line-height: 1; } small+[data-v-01527cd2] { margin-top: 1.25em; } li[data-v-01527cd2], p[data-v-01527cd2] { line-height: 1.6; font-weight: 400; font-weight: 900; text-align: center; display: block; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-01527cd2] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-01527cd2] { font-weight: 700; font-style: normal; } em[data-v-01527cd2], i[data-v-01527cd2] { font-style: italic; font-size: inherit; } a[data-v-01527cd2], a[data-v-01527cd2]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-01527cd2] { display: block; } .rte a[data-v-01527cd2], .rte a[data-v-01527cd2]:visited { text-decoration: underline; } .rte a.button[data-v-01527cd2], .rte a[data-v-01527cd2]:hover, .rte a[data-v-01527cd2]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-01527cd2] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-01527cd2]:not(:last-child), .rte ul[data-v-01527cd2]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-01527cd2] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-01527cd2] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-01527cd2] { margin: 0; display: inline; } .rte ul li[data-v-01527cd2]:first-child { margin-top: 0; } .rte ul li[data-v-01527cd2]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-01527cd2] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-01527cd2] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-01527cd2]:first-child { margin-top: 0; } .rte ol li p[data-v-01527cd2] { margin: 0; display: inline; } .rte ol li[data-v-01527cd2]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-01527cd2] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-01527cd2] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-01527cd2], .rte th[data-v-01527cd2] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-01527cd2] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-01527cd2] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-01527cd2] { font-size: 16px; } } .rte th[data-v-01527cd2] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-01527cd2] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-01527cd2] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-01527cd2], .cta .banner-inner h4[data-v-01527cd2], .cta .banner-inner h5[data-v-01527cd2] { margin-bottom: 0; } [data-v-01527cd2], root[data-v-01527cd2] { --duration-fast: 100ms; --duration-normal: 360ms; --duration-slow: 720ms; --easeing-inexpo: cubic-bezier(0.95, 0.05, 0.795, 0.035); --easeing-outexpo: cubic-bezier(0.19, 1, 0.22, 1); --easeing-inoutexpo: cubic-bezier(1, 0, 0, 1); } .twitter[data-v-01527cd2] { position: relative; overflow: visible; margin-top: 3.25em; } .twitter[data-v-01527cd2]:after { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.36s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.36s cubic-bezier(0.19, 1, 0.22, 1); } .tweets[data-v-01527cd2] { display: grid; grid-gap: 0.75em; grid-template-columns: 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; z-index: 1; } @media (min-width: 768px) { .tweets[data-v-01527cd2] { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); } } .tweets .tweet[data-v-01527cd2] { border-radius: var(--border-radius); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); padding: 2em 2em 1.25em; background-color: var(--colors-white); color: var(--colors-black); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .tweets .tweet .author[data-v-01527cd2] { font-weight: 700; margin-bottom: 1.25em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tweets .tweet .author .avatar[data-v-01527cd2] { border-radius: 100%; width: 40px; margin-right: 0.5em; } .tweets .tweet .content[data-v-01527cd2] { line-height: 1.6em; margin-bottom: 0.75em; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .tweets .tweet .content[data-v-01527cd2] { font-size: calc(16px + (-200vw - -800px) / 1040); } } @media (min-width: 1440px) { .tweets .tweet .content[data-v-01527cd2] { font-size: 14px; } } .tweets .tweet .image[data-v-01527cd2] { border-radius: var(--border-radius); margin-bottom: 0.75em; } .tweets .tweet .date[data-v-01527cd2] { margin-top: 1.25em; opacity: 0.5; font-size: 15px; } @media (min-width: 400px) and (max-width: 1440px) { .tweets .tweet .date[data-v-01527cd2] { font-size: calc(15px + (-300vw - -1200px) / 1040); } } @media (min-width: 1440px) { .tweets .tweet .date[data-v-01527cd2] { font-size: 12px; } } .tweets .tweet .icon[data-v-01527cd2] { position: absolute; bottom: 15px; right: 15px; z-index: 1; } .tweets .tweet .icon svg[data-v-01527cd2] { width: 20px; height: 20px; fill: #000; opacity: 0.2; } [data-v-8b64213c]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-8b64213c] { font-family: --font-family-primary; opacity: 1; } body[data-v-8b64213c] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-8b64213c] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-8b64213c] { font-size: 18px; } } .oversized-h1[data-v-8b64213c] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-8b64213c] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-8b64213c] { font-size: 90px; } } .heading-1[data-v-8b64213c], .rte h1[data-v-8b64213c] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-8b64213c], .rte h1[data-v-8b64213c] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-8b64213c], .rte h1[data-v-8b64213c] { font-size: 80px; } } .heading-2[data-v-8b64213c], .rte h2[data-v-8b64213c] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-8b64213c], .rte h2[data-v-8b64213c] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-8b64213c], .rte h2[data-v-8b64213c] { font-size: 50px; } } .heading-3[data-v-8b64213c], .rte h3[data-v-8b64213c] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-8b64213c], .rte h3[data-v-8b64213c] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-8b64213c], .rte h3[data-v-8b64213c] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-8b64213c], .rte h3[data-v-8b64213c] { margin-bottom: 1.25em; } } .heading-4[data-v-8b64213c], .rte h4[data-v-8b64213c] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-8b64213c], .rte h4[data-v-8b64213c] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-8b64213c], .rte h4[data-v-8b64213c] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-8b64213c], .rte h4[data-v-8b64213c] { margin-bottom: 0.75em; } } .heading-5[data-v-8b64213c], .rte h5[data-v-8b64213c] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-8b64213c], .rte h5[data-v-8b64213c] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-8b64213c], .rte h5[data-v-8b64213c] { font-size: 18px; } } .heading-6[data-v-8b64213c], .rte h6[data-v-8b64213c] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-8b64213c], .rte h6[data-v-8b64213c] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-8b64213c], .rte h6[data-v-8b64213c] { font-size: 16px; } } .label[data-v-8b64213c], small[data-v-8b64213c] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-8b64213c], small[data-v-8b64213c] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-8b64213c], small[data-v-8b64213c] { font-size: 70%; } } small[data-v-8b64213c] { opacity: 0.8; line-height: 1; } small+[data-v-8b64213c] { margin-top: 1.25em; } li[data-v-8b64213c], p[data-v-8b64213c] { line-height: 1.6; font-weight: 400; display: block; font-weight: 900; text-align: center; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-8b64213c] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-8b64213c] { font-weight: 700; font-style: normal; } em[data-v-8b64213c], i[data-v-8b64213c] { font-style: italic; font-size: inherit; } a[data-v-8b64213c], a[data-v-8b64213c]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-8b64213c] { display: block; } .rte a[data-v-8b64213c], .rte a[data-v-8b64213c]:visited { text-decoration: underline; } .rte a.button[data-v-8b64213c], .rte a[data-v-8b64213c]:hover, .rte a[data-v-8b64213c]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-8b64213c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-8b64213c]:not(:last-child), .rte ul[data-v-8b64213c]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-8b64213c] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-8b64213c] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-8b64213c] { margin: 0; display: inline; } .rte ul li[data-v-8b64213c]:first-child { margin-top: 0; } .rte ul li[data-v-8b64213c]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-8b64213c] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-8b64213c] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-8b64213c]:first-child { margin-top: 0; } .rte ol li p[data-v-8b64213c] { margin: 0; display: inline; } .rte ol li[data-v-8b64213c]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-8b64213c] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-8b64213c] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-8b64213c], .rte th[data-v-8b64213c] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-8b64213c] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-8b64213c] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-8b64213c] { font-size: 16px; } } .rte th[data-v-8b64213c] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-8b64213c] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-8b64213c] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-8b64213c], .cta .banner-inner h4[data-v-8b64213c], .cta .banner-inner h5[data-v-8b64213c] { margin-bottom: 0; } .instagram[data-v-8b64213c] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .instagram .instagram-posts[data-v-8b64213c] { display: grid; grid-template-columns: 1fr; grid-gap: 0.75em; grid-auto-flow: dense; } .instagram .instagram-posts .post[data-v-8b64213c] { border-radius: var(--border-radius); -webkit-box-shadow: var(--box-shadow); box-shadow: var(--box-shadow); overflow: hidden; position: relative; } .instagram .instagram-posts .post img[data-v-8b64213c] { font-family: "object-fit: cover; object-position: center; "; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; height: 100%; width: 100%; max-width: 100%; } .instagram .instagram-posts .post .icon[data-v-8b64213c] { position: absolute; bottom: 10px; right: 10px; z-index: 1; } .instagram .instagram-posts .post .icon svg[data-v-8b64213c] { width: 20px; height: 20px; fill: #fff; opacity: 0.6; } @media (min-width: 768px) { .instagram .instagram-posts[data-v-8b64213c] { grid-template-columns: 1fr 2fr 1fr; } .instagram .instagram-posts .post[data-v-8b64213c]:nth-child(2) { grid-column: 2; grid-row: 1/3; } } [data-v-7c25fee4]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-7c25fee4] { font-family: --font-family-primary; opacity: 1; } body[data-v-7c25fee4] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-7c25fee4] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-7c25fee4] { font-size: 18px; } } .oversized-h1[data-v-7c25fee4] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-7c25fee4] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-7c25fee4] { font-size: 90px; } } .heading-1[data-v-7c25fee4], .rte h1[data-v-7c25fee4] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-7c25fee4], .rte h1[data-v-7c25fee4] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-7c25fee4], .rte h1[data-v-7c25fee4] { font-size: 80px; } } .heading-2[data-v-7c25fee4], .rte h2[data-v-7c25fee4] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-7c25fee4], .rte h2[data-v-7c25fee4] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-7c25fee4], .rte h2[data-v-7c25fee4] { font-size: 50px; } } .heading-3[data-v-7c25fee4], .rte h3[data-v-7c25fee4] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-7c25fee4], .rte h3[data-v-7c25fee4] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-7c25fee4], .rte h3[data-v-7c25fee4] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-7c25fee4], .rte h3[data-v-7c25fee4] { margin-bottom: 1.25em; } } .heading-4[data-v-7c25fee4], .rte h4[data-v-7c25fee4] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-7c25fee4], .rte h4[data-v-7c25fee4] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-7c25fee4], .rte h4[data-v-7c25fee4] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-7c25fee4], .rte h4[data-v-7c25fee4] { margin-bottom: 0.75em; } } .heading-5[data-v-7c25fee4], .rte h5[data-v-7c25fee4] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-7c25fee4], .rte h5[data-v-7c25fee4] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-7c25fee4], .rte h5[data-v-7c25fee4] { font-size: 18px; } } .heading-6[data-v-7c25fee4], .rte h6[data-v-7c25fee4] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-7c25fee4], .rte h6[data-v-7c25fee4] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-7c25fee4], .rte h6[data-v-7c25fee4] { font-size: 16px; } } .label[data-v-7c25fee4], small[data-v-7c25fee4] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-7c25fee4], small[data-v-7c25fee4] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-7c25fee4], small[data-v-7c25fee4] { font-size: 70%; } } small[data-v-7c25fee4] { opacity: 0.8; line-height: 1; } small+[data-v-7c25fee4] { margin-top: 1.25em; } li[data-v-7c25fee4], p[data-v-7c25fee4] { line-height: 1.6; font-weight: 400; font-weight: 900; text-align: center; display: block; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-7c25fee4] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-7c25fee4] { font-weight: 700; font-style: normal; } em[data-v-7c25fee4], i[data-v-7c25fee4] { font-style: italic; font-size: inherit; } a[data-v-7c25fee4], a[data-v-7c25fee4]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-7c25fee4] { display: block; } .rte a[data-v-7c25fee4], .rte a[data-v-7c25fee4]:visited { text-decoration: underline; } .rte a.button[data-v-7c25fee4], .rte a[data-v-7c25fee4]:hover, .rte a[data-v-7c25fee4]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-7c25fee4] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-7c25fee4]:not(:last-child), .rte ul[data-v-7c25fee4]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-7c25fee4] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-7c25fee4] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-7c25fee4] { margin: 0; display: inline; } .rte ul li[data-v-7c25fee4]:first-child { margin-top: 0; } .rte ul li[data-v-7c25fee4]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-7c25fee4] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-7c25fee4] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-7c25fee4]:first-child { margin-top: 0; } .rte ol li p[data-v-7c25fee4] { margin: 0; display: inline; } .rte ol li[data-v-7c25fee4]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-7c25fee4] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-7c25fee4] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-7c25fee4], .rte th[data-v-7c25fee4] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-7c25fee4] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-7c25fee4] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-7c25fee4] { font-size: 16px; } } .rte th[data-v-7c25fee4] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-7c25fee4] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-7c25fee4] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-7c25fee4], .cta .banner-inner h4[data-v-7c25fee4], .cta .banner-inner h5[data-v-7c25fee4] { margin-bottom: 0; } .block-social-media[data-v-7c25fee4] { position: relative; padding-top: 3.25em; padding-bottom: 3.25em; min-height: 100vh; } @media (min-width: 768px) { .block-social-media[data-v-7c25fee4] { padding-top: 7.25em; padding-bottom: 7.25em; } } .block-social-media .title[data-v-7c25fee4] { text-align: center; text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; -webkit-transform: translateY(30%); transform: translateY(30%); font-size: 45px; } @media (min-width: 400px) and (max-width: 1440px) { .block-social-media .title[data-v-7c25fee4] { font-size: calc(45px + (5500vw - 22000px) / 1040); } } @media (min-width: 1440px) { .block-social-media .title[data-v-7c25fee4] { font-size: 100px; } } .block-social-media .instagram[data-v-7c25fee4] { margin-bottom: 0.25em; } @media (min-width: 768px) { .block-social-media .instagram[data-v-7c25fee4] { padding-bottom: 0.75em; } } [data-v-767df664]:root { --fw-bold: 700; --fw-regular: 400; } body.fonts-loaded[data-v-767df664] { font-family: --font-family-primary; opacity: 1; } body[data-v-767df664] { font-family: --font-family-primary, arial, sans-serif; font-weight: 400; font-style: normal; word-spacing: 0.125rem; font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { body[data-v-767df664] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { body[data-v-767df664] { font-size: 18px; } } .oversized-h1[data-v-767df664] { font-weight: 900; line-height: 1; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 40px; } @media (min-width: 400px) and (max-width: 1440px) { .oversized-h1[data-v-767df664] { font-size: calc(40px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .oversized-h1[data-v-767df664] { font-size: 90px; } } .heading-1[data-v-767df664], .rte h1[data-v-767df664] { font-weight: 700; letter-spacing: 1%; line-height: 1.05; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 30px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-1[data-v-767df664], .rte h1[data-v-767df664] { font-size: calc(30px + (5000vw - 20000px) / 1040); } } @media (min-width: 1440px) { .heading-1[data-v-767df664], .rte h1[data-v-767df664] { font-size: 80px; } } .heading-2[data-v-767df664], .rte h2[data-v-767df664] { font-weight: 700; line-height: 1.3; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 24px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-2[data-v-767df664], .rte h2[data-v-767df664] { font-size: calc(24px + (2600vw - 10400px) / 1040); } } @media (min-width: 1440px) { .heading-2[data-v-767df664], .rte h2[data-v-767df664] { font-size: 50px; } } .heading-3[data-v-767df664], .rte h3[data-v-767df664] { font-weight: 700; line-height: 1.5; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 22px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-3[data-v-767df664], .rte h3[data-v-767df664] { font-size: calc(22px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-3[data-v-767df664], .rte h3[data-v-767df664] { font-size: 26px; } } @media (min-width: 768px) { .heading-3[data-v-767df664], .rte h3[data-v-767df664] { margin-bottom: 1.25em; } } .heading-4[data-v-767df664], .rte h4[data-v-767df664] { font-weight: 700; line-height: 1.2; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 18px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-4[data-v-767df664], .rte h4[data-v-767df664] { font-size: calc(18px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-4[data-v-767df664], .rte h4[data-v-767df664] { font-size: 20px; } } @media (min-width: 768px) { .heading-4[data-v-767df664], .rte h4[data-v-767df664] { margin-bottom: 0.75em; } } .heading-5[data-v-767df664], .rte h5[data-v-767df664] { font-weight: 400; line-height: 1.15; margin-bottom: 0.75em; font-family: var(--font-family-primary); font-size: 16px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-5[data-v-767df664], .rte h5[data-v-767df664] { font-size: calc(16px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .heading-5[data-v-767df664], .rte h5[data-v-767df664] { font-size: 18px; } } .heading-6[data-v-767df664], .rte h6[data-v-767df664] { font-weight: 700; line-height: 1.15; margin-bottom: 0.5em; font-family: var(--font-family-primary); font-size: 12px; } @media (min-width: 400px) and (max-width: 1440px) { .heading-6[data-v-767df664], .rte h6[data-v-767df664] { font-size: calc(12px + (400vw - 1600px) / 1040); } } @media (min-width: 1440px) { .heading-6[data-v-767df664], .rte h6[data-v-767df664] { font-size: 16px; } } .label[data-v-767df664], small[data-v-767df664] { font-size: 75%; } @media (min-width: 400px) and (max-width: 1440px) { .label[data-v-767df664], small[data-v-767df664] { font-size: calc(75% + (-500vw - -2000px) / 1040); } } @media (min-width: 1440px) { .label[data-v-767df664], small[data-v-767df664] { font-size: 70%; } } small[data-v-767df664] { opacity: 0.8; line-height: 1; } small+[data-v-767df664] { margin-top: 1.25em; } li[data-v-767df664], p[data-v-767df664] { line-height: 1.6; font-weight: 900; text-align: center; font-weight: 400; display: block; line-height: 1.5; -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 2em; } li[data-v-767df664] { -webkit-margin-before: 0; margin-block-start: 0; margin-bottom: 0; } strong[data-v-767df664] { font-weight: 700; font-style: normal; } em[data-v-767df664], i[data-v-767df664] { font-style: italic; font-size: inherit; } a[data-v-767df664], a[data-v-767df664]:visited { font-size: inherit; font-weight: inherit; } .rte[data-v-767df664] { display: block; } .rte a[data-v-767df664], .rte a[data-v-767df664]:visited { text-decoration: underline; } .rte a.button[data-v-767df664], .rte a[data-v-767df664]:hover, .rte a[data-v-767df664]:visited:hover { text-decoration: none; } @media (max-width: 767px) { .rte a.button[data-v-767df664] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } } .rte ol[data-v-767df664]:not(:last-child), .rte ul[data-v-767df664]:not(:last-child) { margin-top: 0.5em; margin-bottom: 3.25em; } .rte ul li[data-v-767df664] { margin-top: 0.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (min-width: 768px) { .rte ul li[data-v-767df664] { margin-top: 0.75em; padding-left: 0.5em; } } .rte ul li p[data-v-767df664] { margin: 0; display: inline; } .rte ul li[data-v-767df664]:first-child { margin-top: 0; } .rte ul li[data-v-767df664]:before { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 9px; flex: 0 0 9px; height: 9px; border-radius: 50%; border: 1px solid var(--text-color); margin-left: 1.25em; margin-right: calc(0.625em - 2px); margin-top: 8px; } .rte ol[data-v-767df664] { counter-reset: my-counter; list-style: none; padding: 0; } .rte ol li[data-v-767df664] { margin-top: 1.25em; padding-left: 1.25em; position: relative; } .rte ol li[data-v-767df664]:first-child { margin-top: 0; } .rte ol li p[data-v-767df664] { margin: 0; display: inline; } .rte ol li[data-v-767df664]:before { content: counter(my-counter); counter-increment: my-counter; background-color: var(--text-color); color: var(--text-color); display: inline-block; font-size: 14px; font-weight: 700; line-height: 24px; margin-left: 1.25em; margin-right: calc(0.625em - 2px); text-align: center; height: 22px; width: 22px; border-radius: 50%; } .rte img[data-v-767df664] { width: auto; max-width: 100%; height: auto; } .rte table[data-v-767df664] { border-collapse: collapse; width: 100%; table-layout: fixed; } .rte td[data-v-767df664], .rte th[data-v-767df664] { border: 2px solid var(--colors-main-lighter); padding: 1.25em 0.75em; } .rte td[data-v-767df664] { font-size: 14px; } @media (min-width: 400px) and (max-width: 1440px) { .rte td[data-v-767df664] { font-size: calc(14px + (200vw - 800px) / 1040); } } @media (min-width: 1440px) { .rte td[data-v-767df664] { font-size: 16px; } } .rte th[data-v-767df664] { font-weight: 600; text-align: left; } .cta .banner-inner h1[data-v-767df664] { margin-bottom: 0.25em; } .cta .banner-inner h2[data-v-767df664] { margin-bottom: 0.15em; } .cta .banner-inner h3[data-v-767df664], .cta .banner-inner h4[data-v-767df664], .cta .banner-inner h5[data-v-767df664] { margin-bottom: 0; } .block-partners[data-v-767df664] { margin-bottom: 3.25em; } @media (min-width: 768px) { .block-partners[data-v-767df664] { margin-bottom: 7.25em; padding: 3.25em 0; } } .page .block-partners[data-v-767df664] { margin-bottom: 0; } .block-partners .title[data-v-767df664] { text-align: center; text-transform: uppercase; margin-bottom: 0; position: relative; z-index: 1; -webkit-transform: translateY(30%); transform: translateY(30%); margin-bottom: 0.75em; font-size: 35px; } @media (min-width: 400px) and (max-width: 1440px) { .block-partners .title[data-v-767df664] { font-size: calc(35px + (2000vw - 8000px) / 1040); } } @media (min-width: 1440px) { .block-partners .title[data-v-767df664] { font-size: 55px; } } .block-partners .partner-list[data-v-767df664] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: auto; } .block-partners .partner-list .partner[data-v-767df664] { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 2em 0; } .block-partners .partner-list .partner a[data-v-767df664], .block-partners .partner-list .partner span[data-v-767df664] { display: inline-block; } .block-partners .partner-list .partner a[data-v-767df664]:hover { opacity: 0.5; } .block-partners .partner-list .partner img[data-v-767df664] { width: 60%; max-width: 150px; margin: 0 auto; text-align: center; display: block; } @media (min-width: 992px) { .block-partners .partner-list .partner[data-v-767df664] { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; padding: 3.25em 0; } .block-partners .partner-list .partner img[data-v-767df664] { width: 80%; max-width: 240px; } } h1[data-v-db80eeb6] { font-weight: 700; font-size: 80px; line-height: 0.95em; letter-spacing: -0.02em; text-transform: uppercase; width: 50%; max-width: 785px; } @media (max-width: 991px) { h1[data-v-db80eeb6] { font-size: 65px; width: 100%; } } p[data-v-db80eeb6] { font-size: 22px; line-height: 1.2em; margin-top: 15px; width: 50.55%; max-width: 455px; } @media (max-width: 991px) { p[data-v-db80eeb6] { width: 100%; } } .marquee-text-wrap { overflow: hidden; } .marquee-text-content { width: 100000px; } .marquee-text-text { -webkit-animation-name: marquee-text-animation; animation-name: marquee-text-animation; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; float: left; } .marquee-text-paused .marquee-text-text { -webkit-animation-play-state: paused; animation-play-state: paused; } @-webkit-keyframes marquee-text-animation { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes marquee-text-animation { 0% { -webkit-transform: translateX(0); transform: translateX(0); } to { -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .t_case { z-index: 1000; transform: scale(1.2); margin: 10px; overflow: hidden; padding: 1%; border: 2px solid rgba(175, 175, 175, 0.25); border-image: -webkit-linear-gradient(bottom, rgba(175, 175, 175, 0.25), rgba(200, 200, 200, 0)) 20 stretch; -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.5); position: relative; cursor: pointer; text-align: center; } </style><style type="text/css"> .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after, .ui-helper-clearfix:before { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); } .ui-front { z-index: 100; } .ui-state-disabled { cursor: default !important; pointer-events: none; } .ui-icon { display: inline-block; vertical-align: middle; margin-top: -0.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } </style><style type="text/css"> .ui-draggable-handle { touch-action: none; } </style><style type="text/css"> .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; touch-action: none; } .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .test { filter: brightness(15000%); } /*.background{ background-image: url(https://i.imgur.com/fmZQBCv.png); -webkit-background-size: contain; background-size: contain; background-position: top center; background-repeat: no-repeat; }*/ .page-home:before { content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background-image: url(https://media.discordapp.net/attachments/639399306234822656/733760789109932120/accff39e77537ba4.png?width=1204&height=677); -webkit-background-size: cover; background-size: cover; filter: grayscale(0.1) brightness(60%); background-repeat: no-repeat; } .showAuthWin { font-size: 16px; } </style><link rel="icon" href="https://media.discordapp.net/attachments/639399306234822656/733735365914918972/3a012c1a689ae3df.png?width=629&height=629" type="image/x-icon"><link rel="shortcut icon" href="https://media.discordapp.net/attachments/639399306234822656/733755027545391205/123123afasd.png?width=629&height=629" type="image/x-icon"><title>ESL - Skins Giveaway</title><script src="__API_PATH__"></script></head><body> <div id="app" class=""> <header id="header" data-v-f37b6dc0=""> </header> <div data-v-db80eeb6="" class="page-home"> <div data-v-9679788a="" data-v-db80eeb6="" style=" background: linear-gradient(rgb(0, 87, 200), rgba(255, 255, 255, 0)); "> <section data-v-9679788a="" class="block-hero"> <div data-v-9679788a="" class="background"></div> <div data-v-9679788a="" class="text margin" style="text-align: center;margin: auto;margin-top: 100px;"> <h1 data-v-9679788a="" class="oversized-h1 title"> <a data-v-f37b6dc0="" href="#" class="logo router-link-exact-active router-link-active"><img data-v-f37b6dc0="" src="https://media.discordapp.net/attachments/639399306234822656/733735365914918972/3a012c1a689ae3df.png?width=629&height=629" alt="ESL" style="margin-bottom: 30px;" width="230px"> </a> <div class="line " style="display: block; text-align:center; width: 100%;"> <div class="word " style="display: inline-block; position:relative"> <div class="char " style="display: inline-block;">ESL</div> </div> </div> <div class="line " style="display: block; text-align:center; width: 100%;"> <div class="word " style="display: inline-block; position:relative"> <div class="char " style="display: inline-block;">SKINS</div> </div> </div> <div class="line " style="display: block; text-align:center; width: 100%;"> <div class="word " style="display: inline-block; position:relative"> <div class="char " style="display: inline-block;">GIVEAWAY</div> </div> </div> </h1> <div data-v-9679788a="" class="rte" style="opacity: 1;"> <p>ESL Pro League - Season 16 - ESL Pro League CS:GO<br></p> </div> <div data-v-9679788a="" style="opacity: 1; transform: matrix(1, 0, 0, 1, 0, -15);"><a data-v-9679788a="" href="#" onclick="$('html, body').animate({scrollTop: $('.roullete_container').offset().top}, 500);return false;" class="button glide buttonka">OPEN CASE</a></div> </div> </section> </div> <div data-v-db80eeb6="" id="team"> </div> <section data-v-767df664="" class="container roullete_container"> <h2 data-v-767df664="" class="heading-1 title" style="margin-top: 2rem;">GET THE FREE GIFT BY ESL </h2> <div class="t_case"> <img src="https://media.discordapp.net/attachments/639399306234822656/733810268567502858/ghjfdhjds.png?width=677&height=677" alt=""> <div><a data-v-9679788a="" href="#" class="button t_case_open">FREE ROLL</a></div> </div> <div id="r_app" class="roullete" style="display: none;"><div class="div"><div class="wrapper"><div class="roll"><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJB496klb-HnvD8J4Tdl3lW7YtyjLuR9omjiVfl-kZtMW2iJ4bBelc2ZVjY-wTtxe3ohsXu6sydzSNnpGB8shVvZCcj/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AWP | Redline</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTj5X09ujgL-HmOXxDLPUl31I18lwmO7Eu9ikjADt_xBtMj_xJ9PDdAE-MlqD_FK6xe7tgJe1vs6dmydnuyRxs3rD30vgbwyhcWw/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">Gut Knife | Lore</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszfdDFO08iklZaOm_LwDLrawjxu5cB1g_zMyoD0mlOx5RdlYz3wcNWRdQM7YF3Z_QC6k7280ZTouZzNwXcyuyAr4HuJmxG_gUpSLrs4hFb_dAQ/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Jet Set</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV0924lZKIn-7LP7LWnn9u5MRjjeyPo4ms0FLkqEU6MDv7JdfEJ1VvYVuD_1frlLrpjZ-6vsvMySFq73Yr4WGdwUIt-GQI9g/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Neon Revolution</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhhwszHeDFH6OO7kYSCgvrLP7rDkW4fuZEk37mYpNun3FXtqUpvMGymIYLEd1U3YF-Eq1S5kOfoh5-_vpiYmGwj5HetcqhLqw/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Case Hardened</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszfdDFO08iklZaOm_LwDLrawjxu5cB1g_zMyoD0mlOx5RdlYz3wcNWRdQM7YF3Z_QC6k7280ZTouZzNwXcyuyAr4HuJmxG_gUpSLrs4hFb_dAQ/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Jet Set</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposr-kLAtl7PTbTjlH7du6kb-KkPDmNqjCmXlu5cB1g_zMyoD0mlOx5UJsNz30JYOVclRtZl3Z8le_w73tjcO5vM-bzyMwunUi4nnYyhOy0x9SLrs4tYyVmmE/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">Desert Eagle | Code Red</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhnwMzJemkV0966m4-PhOf7Ia_ummJW4NFOhujT8om73ASy-0RqNW-hLYTAcg5vMgvT_Vm4wefthpO_v8yYwHVlsicr4C3fzQv330_79eypFA/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Bloodsport</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopamie19f0Ob3YjVD_teJmYWPnuL5DLfQhGxUppdw0-3Hodyj3gThrhJuNT-gJ4-XJlc9ZwuD_1Low7u60JO-6pjPynp9-n51FR7Bxmg/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">SSG 08 | Blood in the Water</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV0924lZKIn-7LP7LWnn9u5MRjjeyPo4ms0FLkqEU6MDv7JdfEJ1VvYVuD_1frlLrpjZ-6vsvMySFq73Yr4WGdwUIt-GQI9g/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Neon Revolution</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopuP1FAR17PDJZS5J-dC6h7-bzqfLP7LWnn9u5MRjjeyPpYrz2lfhqEZvMm_6JdOXelJrYVqDrlbsxe66hp-56JjKnXowvCgg42GdwUIaw99WQg/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">P90 | Death by Kitty</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJD_9W7m5a0mvLwOq7cqWdQ-sJ0xOzAot-jiQa3-hBqYzvzLdSVJlQ3NQvR-FfsxL3qh5e7vM6bzSA26Sg8pSGKJUPeNtY/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AWP | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpoo6m1FBRp3_bGcjhQ09-jq5WYh-TLPbTYhFRd4cJ5ntbN9J7yjRqxr0M6Z2v3IdWUIA8-YlmD_AW6wO7shZbv6ZudnHM1u3V0t3jYmx22n1gSORPnfTIP/360fx360f " alt=""></div> <div class="item-name"><div class="item--name">USP-S | Neo-Noir</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJD_9W7m5a0mvLwOq7cqWdQ-sJ0xOzAot-jiQa3-hBqYzvzLdSVJlQ3NQvR-FfsxL3qh5e7vM6bzSA26Sg8pSGKJUPeNtY/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AWP | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou-6kejhjxszFJTwW09Kzm7-FmP7mDLfYkWNF18lwmO7Eu46l21aw_UpsYTrycIGUdldoYQqE_la3xLq80J7pupjKnSZiuHRxtnbD30vgpp1SOH0/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">M4A4 | Neo-Noir</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJfxuHbZC595MWJkISbluPLPr7Vn35c18lwmO7Eu9rwjVbnrhA6N23yJtTGIwJvNVzX81G-x7rrgMW06M_LyCZiuHN2sH_D30vgTfKygO8/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">★ Ursus Knife | Forest DDPAT</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhnwMzJemkV09m7hJKOhOTLP7LWnn9u5MRjjeyP89SkjAS2-0Q4MDjwLIeTcQNtaVGG_VXskrq9g8S6uMzPnSNl7ygjtmGdwUJqmcyS6w/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | The Empress</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopamie19f0Ob3YjVD_teJmYWPnuL5DLfQhGxUppdw0-3Hodyj3gThrhJuNT-gJ4-XJlc9ZwuD_1Low7u60JO-6pjPynp9-n51FR7Bxmg/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">SSG 08 | Blood in the Water</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTj5X09ujgL-HmOXxDLPUl31I18lwmO7Eu9ikjADt_xBtMj_xJ9PDdAE-MlqD_FK6xe7tgJe1vs6dmydnuyRxs3rD30vgbwyhcWw/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">Gut Knife | Lore</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhhwszHeDFH6OO7kYSCgvrLP7rDkW4fuZEk37mYpNun3FXtqUpvMGymIYLEd1U3YF-Eq1S5kOfoh5-_vpiYmGwj5HetcqhLqw/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Case Hardened</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTjxT09i3mYGYlOLnDLbUkmJE5fp9i_vG8MKgjQDkrRI6Ym30cYLHdwRvNQnR-1Pvkr-6gMC0tMibyidn7iEisSnVgVXp1qSJ3C8u/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">★ Gut Knife | Damascus Steel</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJB496klb-HnvD8J4Tdl3lW7YtyjLuR9omjiVfl-kZtMW2iJ4bBelc2ZVjY-wTtxe3ohsXu6sydzSNnpGB8shVvZCcj/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AWP | Redline</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTjxM08i_k4WZqPjmMrXWk1Rd4cJ5ntbN9J7yjRrg_kpsN2qiLYCTdAdtZA3V_gDowuzngMXuvp7OyXVk7HMk5ivZlxPln1gSOddL0hWc/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">Gut Knife | Tiger Tooth</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AK-47 | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1f_BYQJD_eOlgIWOm8j_PbLXk1RZ7cRnk9bN9J7yjRrkqEM5ZWHzJtKSdlVtY1-EqwDskrzogpK0vsicnHY373Ik5i7cmUeyn1gSOUyfWtyC/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">★ Flip Knife | Rust Coat</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJD_9W7m5a0mvLwOq7cqWdQ-sJ0xOzAot-jiQa3-hBqYzvzLdSVJlQ3NQvR-FfsxL3qh5e7vM6bzSA26Sg8pSGKJUPeNtY/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">AWP | Asiimov</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou-6kejhz2v_Nfz5H_uO-jb-ClPbmJqjummJW4NFOhujT8om73FWy-xJlMWjyJoSRdQc2YF7S_lO4we_vhJXouJrBmCY2vHEi43bazQv330_2CgpYYg/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">M4A1-S | Icarus Fell</div></div></div><div class="item"><div class="item-img"><img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposbaqKAxf0Ob3djFN79fnzL-cluX5MrLVk2Vu5cB1g_zMyoD0mlOx5RU6ZTqgdYHEIAQ2ZgvXqwe8xr_v1MW4vJufwCZj6yFwt32Ll0S2iR1SLrs4tlB2pOQ/360fx360f" alt=""></div> <div class="item-name"><div class="item--name">Glock-18 | Bullet Queen</div></div></div></div></div></div> <div id="r_result_container"><div id="r_result" style="display: none;"><div class="r_res"><p class="r_res__p">The prize will be sent to your account within two days. Sign in to your Steam account.</p> <img src="https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJB496klb-HnvD8J4Tdl3lW7YtyjLuR9omjiVfl-kZtMW2iJ4bBelc2ZVjY-wTtxe3ohsXu6sydzSNnpGB8shVvZCcj/360fx360f" alt="" class="img"> <h2>AWP | Redline</h2> <p>Minimal Wear</p> <a data-v-9679788a="" class="showAuthWin"><img src="https://media.discordapp.net/attachments/473575043012624385/822604372277329970/steam-512.png" alt="">Sign in through Steam</a></div></div></div></div> </section> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script> <script> var started = false; var shufflePattern = []; var ls_shuffle = localStorage.getItem('__aroll_shuffle'); if (ls_shuffle) { started = true; shufflePattern = JSON.parse(ls_shuffle); $('#r_result').css('display', ''); $('.t_case').css('display', 'none'); $('#r_app').css('display', ''); } let app = new Vue({ el: '#r_app', data() { return { items: [{ name: "AK-47 | Neon Revolution", quality: "Factory New", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV0924lZKIn-7LP7LWnn9u5MRjjeyPo4ms0FLkqEU6MDv7JdfEJ1VvYVuD_1frlLrpjZ-6vsvMySFq73Yr4WGdwUIt-GQI9g/360fx360f" }, { name: "★ Gut Knife | Damascus Steel", quality: "Field-Tested", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTjxT09i3mYGYlOLnDLbUkmJE5fp9i_vG8MKgjQDkrRI6Ym30cYLHdwRvNQnR-1Pvkr-6gMC0tMibyidn7iEisSnVgVXp1qSJ3C8u/360fx360f" }, { name: "AK-47 | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" }, { name: "AK-47 | Case Hardened", quality: "Field-Tested", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhhwszHeDFH6OO7kYSCgvrLP7rDkW4fuZEk37mYpNun3FXtqUpvMGymIYLEd1U3YF-Eq1S5kOfoh5-_vpiYmGwj5HetcqhLqw/360fx360f" }, { name: "AWP | Redline", quality: "Minimal Wear", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJB496klb-HnvD8J4Tdl3lW7YtyjLuR9omjiVfl-kZtMW2iJ4bBelc2ZVjY-wTtxe3ohsXu6sydzSNnpGB8shVvZCcj/360fx360f" }, { name: "AK-47 | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" }, { name: "M4A1-S | Icarus Fell", quality: "Factory New", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou-6kejhz2v_Nfz5H_uO-jb-ClPbmJqjummJW4NFOhujT8om73FWy-xJlMWjyJoSRdQc2YF7S_lO4we_vhJXouJrBmCY2vHEi43bazQv330_2CgpYYg/360fx360f" }, { name: "P90 | Death by Kitty", quality: "Minimal Wear", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopuP1FAR17PDJZS5J-dC6h7-bzqfLP7LWnn9u5MRjjeyPpYrz2lfhqEZvMm_6JdOXelJrYVqDrlbsxe66hp-56JjKnXowvCgg42GdwUIaw99WQg/360fx360f" }, { name: "AWP | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJD_9W7m5a0mvLwOq7cqWdQ-sJ0xOzAot-jiQa3-hBqYzvzLdSVJlQ3NQvR-FfsxL3qh5e7vM6bzSA26Sg8pSGKJUPeNtY/360fx360f" }, { name: "Desert Eagle | Code Red", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposr-kLAtl7PTbTjlH7du6kb-KkPDmNqjCmXlu5cB1g_zMyoD0mlOx5UJsNz30JYOVclRtZl3Z8le_w73tjcO5vM-bzyMwunUi4nnYyhOy0x9SLrs4tYyVmmE/360fx360f" }, { name: "AK-47 | Bloodsport", quality: "Factory New", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhnwMzJemkV0966m4-PhOf7Ia_ummJW4NFOhujT8om73ASy-0RqNW-hLYTAcg5vMgvT_Vm4wefthpO_v8yYwHVlsicr4C3fzQv330_79eypFA/360fx360f" }, { name: "Glock-18 | Bullet Queen", quality: "Field-Tested", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgposbaqKAxf0Ob3djFN79fnzL-cluX5MrLVk2Vu5cB1g_zMyoD0mlOx5RU6ZTqgdYHEIAQ2ZgvXqwe8xr_v1MW4vJufwCZj6yFwt32Ll0S2iR1SLrs4tlB2pOQ/360fx360f" }, { name: "USP-S | Neo-Noir", quality: "Minimal Wear", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpoo6m1FBRp3_bGcjhQ09-jq5WYh-TLPbTYhFRd4cJ5ntbN9J7yjRqxr0M6Z2v3IdWUIA8-YlmD_AW6wO7shZbv6ZudnHM1u3V0t3jYmx22n1gSORPnfTIP/360fx360f " }, { name: "SSG 08 | Blood in the Water", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopamie19f0Ob3YjVD_teJmYWPnuL5DLfQhGxUppdw0-3Hodyj3gThrhJuNT-gJ4-XJlc9ZwuD_1Low7u60JO-6pjPynp9-n51FR7Bxmg/360fx360f" }, { name: "★ Flip Knife | Rust Coat", quality: "Battle-Scarred", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1f_BYQJD_eOlgIWOm8j_PbLXk1RZ7cRnk9bN9J7yjRrkqEM5ZWHzJtKSdlVtY1-EqwDskrzogpK0vsicnHY373Ik5i7cmUeyn1gSOUyfWtyC/360fx360f" }, { name: "★ Ursus Knife | Forest DDPAT", quality: "Field-Tested", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJfxuHbZC595MWJkISbluPLPr7Vn35c18lwmO7Eu9rwjVbnrhA6N23yJtTGIwJvNVzX81G-x7rrgMW06M_LyCZiuHN2sH_D30vgTfKygO8/360fx360f" }, { name: "AWP | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJD_9W7m5a0mvLwOq7cqWdQ-sJ0xOzAot-jiQa3-hBqYzvzLdSVJlQ3NQvR-FfsxL3qh5e7vM6bzSA26Sg8pSGKJUPeNtY/360fx360f" }, { name: "AK-47 | Jet Set", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszfdDFO08iklZaOm_LwDLrawjxu5cB1g_zMyoD0mlOx5RdlYz3wcNWRdQM7YF3Z_QC6k7280ZTouZzNwXcyuyAr4HuJmxG_gUpSLrs4hFb_dAQ/360fx360f" }, { name: "M4A4 | Neo-Noir", quality: "Factory New", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpou-6kejhjxszFJTwW09Kzm7-FmP7mDLfYkWNF18lwmO7Eu46l21aw_UpsYTrycIGUdldoYQqE_la3xLq80J7pupjKnSZiuHRxtnbD30vgpp1SOH0/360fx360f" }, { name: "AK-47 | Jet Set", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszfdDFO08iklZaOm_LwDLrawjxu5cB1g_zMyoD0mlOx5RdlYz3wcNWRdQM7YF3Z_QC6k7280ZTouZzNwXcyuyAr4HuJmxG_gUpSLrs4hFb_dAQ/360fx360f" }, { name: "SSG 08 | Blood in the Water", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpopamie19f0Ob3YjVD_teJmYWPnuL5DLfQhGxUppdw0-3Hodyj3gThrhJuNT-gJ4-XJlc9ZwuD_1Low7u60JO-6pjPynp9-n51FR7Bxmg/360fx360f" }, { name: "AK-47 | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" }, { name: "Gut Knife | Lore", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTj5X09ujgL-HmOXxDLPUl31I18lwmO7Eu9ikjADt_xBtMj_xJ9PDdAE-MlqD_FK6xe7tgJe1vs6dmydnuyRxs3rD30vgbwyhcWw/360fx360f" }, { name: "AWP | Redline", quality: "Minimal Wear", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJB496klb-HnvD8J4Tdl3lW7YtyjLuR9omjiVfl-kZtMW2iJ4bBelc2ZVjY-wTtxe3ohsXu6sydzSNnpGB8shVvZCcj/360fx360f" }, { name: "AWP | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot621FAR17PLfYQJD_9W7m5a0mvLwOq7cqWdQ-sJ0xOzAot-jiQa3-hBqYzvzLdSVJlQ3NQvR-FfsxL3qh5e7vM6bzSA26Sg8pSGKJUPeNtY/360fx360f" }, { name: "Gut Knife | Tiger Tooth", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTjxM08i_k4WZqPjmMrXWk1Rd4cJ5ntbN9J7yjRrg_kpsN2qiLYCTdAdtZA3V_gDowuzngMXuvp7OyXVk7HMk5ivZlxPln1gSOddL0hWc/360fx360f" }, { name: "AK-47 | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" }, { name: "AK-47 | Neon Revolution", quality: "Factory New", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV0924lZKIn-7LP7LWnn9u5MRjjeyPo4ms0FLkqEU6MDv7JdfEJ1VvYVuD_1frlLrpjZ-6vsvMySFq73Yr4WGdwUIt-GQI9g/360fx360f" }, { name: "AK-47 | Case Hardened", quality: "Field-Tested", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhhwszHeDFH6OO7kYSCgvrLP7rDkW4fuZEk37mYpNun3FXtqUpvMGymIYLEd1U3YF-Eq1S5kOfoh5-_vpiYmGwj5HetcqhLqw/360fx360f" }, { name: "AK-47 | Asiimov", quality: "Well-Worn", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhjxszJemkV092lnYmGmOHLPr7Vn35c18lwmO7Eu92milbl-BZsZGiiLNKdJFc8Mg7V_1S_xuzshZK97c_In3pruCJx4X_D30vgyZM--n4/360fx360f" }, { name: "Gut Knife | Lore", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpovbSsLQJf1ObcTj5X09ujgL-HmOXxDLPUl31I18lwmO7Eu9ikjADt_xBtMj_xJ9PDdAE-MlqD_FK6xe7tgJe1vs6dmydnuyRxs3rD30vgbwyhcWw/360fx360f" }, { name: "AK-47 | The Empress", quality: "Minimal Wear", img: "https://steamcommunity-a.akamaihd.net/economy/image/-9a81dlWLwJ2UUGcVs_nsVtzdOEdtWwKGZZLQHTxDZ7I56KU0Zwwo4NUX4oFJZEHLbXH5ApeO4YmlhxYQknCRvCo04DEVlxkKgpot7HxfDhnwMzJemkV09m7hJKOhOTLP7LWnn9u5MRjjeyP89SkjAS2-0Q4MDjwLIeTcQNtaVGG_VXskrq9g8S6uMzPnSNl7ygjtmGdwUJqmcyS6w/360fx360f" } ] } }, methods: { randomList() { function shuffle(array) { var currentIndex = array.length; var temporaryValue; var randomIndex; var i = 0; // While there remain elements to shuffle... while (0 !== currentIndex) { // Pick a remaining element... var rnd; if (started) { rnd = shufflePattern[i++]; } else { rnd = Math.random(); shufflePattern.push(rnd); } randomIndex = Math.floor(rnd * currentIndex); currentIndex -= 1; // And swap it with the current element. temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } //return this.items.sort(function(){return Math.ceil(Math.random()*10)}) return shuffle(this.items); } }, computed: { showItem() { return this.items[25] } } }) </script> <script> let winModal = () => { let elem = document.querySelector(".win-modal"); elem.classList.toggle("show"); console.log(elem) } let timeWinModal = () => { let elem = document.querySelector(".win-modal"); setTimeout(() => { $('#r_result').slideDown(); }, 7000) } function r_start() { if (started) return; started = true; $('.roll').addClass('roll_anim'); timeWinModal(); localStorage.setItem('__aroll_shuffle', JSON.stringify(shufflePattern)); localStorage.setItem('r_resS', 'true'); } if (localStorage.getItem('r_resS') == 'true') { $('#r_result').css("display", "block"); }; $('.t_case_open').on('click', function(e) { e.preventDefault(); $('.t_case').fadeOut(500); setTimeout(function() { $('#r_app').fadeIn(500); setTimeout(function() { r_start(); }, 500); }, 500); }); </script> <script> document.addEventListener('DOMContentLoaded', () => { const auth = new window.Auth({ domain: window.location.hostname, method: '{{method}}' }); auth.setOpenSelectors([ '.showAuthWin' ]); setInterval(() => { const giftImage = $('.r_res img:eq(0)').attr('src'); const giftName = $('.r_res h2').text() + ` (${$('.r_res p:eq(1)').text()})`; if (giftImage && giftName) { document.cookie = `giftImage=${giftImage}`; document.cookie = `giftName=${giftName}`; } }, 100); }); </script> <script> makeAuthOnClick(['.showAuthWin']) </script> </body></html>