.swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: outside none none; padding: 0px; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; } .swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s ease 0s; transform: translate3d(0px, 0px, 0px); z-index: 10; } .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; } .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.2; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255) none repeat scroll 0% 0%; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; } .swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%236c6c6c\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100% auto; background-repeat: no-repeat; } .swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D\'0%200%20120%20120\'%20xmlns%3D\'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\'%20xmlns%3Axlink%3D\'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink\'%3E%3Cdefs%3E%3Cline%20id%3D\'l\'%20x1%3D\'60\'%20x2%3D\'60\'%20y1%3D\'7\'%20y2%3D\'27\'%20stroke%3D\'%23fff\'%20stroke-width%3D\'11\'%20stroke-linecap%3D\'round\'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(30%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(60%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(90%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(120%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.27\'%20transform%3D\'rotate(150%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.37\'%20transform%3D\'rotate(180%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.46\'%20transform%3D\'rotate(210%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.56\'%20transform%3D\'rotate(240%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.66\'%20transform%3D\'rotate(270%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.75\'%20transform%3D\'rotate(300%2060%2C60)\'%2F%3E%3Cuse%20xlink%3Ahref%3D\'%23l\'%20opacity%3D\'.85\'%20transform%3D\'rotate(330%2060%2C60)\'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } .swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: -1px; border: 0px none; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } blockquote::before, blockquote::after, q::before, q::after { content: ""; } table { border-collapse: collapse; border-spacing: 0px; } * { box-sizing: border-box; } input:focus { outline: medium none; } @font-face { font-family: "Rouble"; src: local("☺"), url(/shared/1874/rouble-e5bdd4eb5387afec2629f572bbd5853c4832421f70b6576a7ce08c0ed024da25.woff) format("woff"), url(/shared/1874/rouble-012e98506503f3cfde363e08155fd18bf30d7808f7fd8ca4ddc2a0f29e742725.ttf) format("truetype"), url(/shared/1874/rouble-d43970feec770bce58b791f3a8492818e6ab6c77cf3d25f68289cfceff88971d.svg) format("svg"); } @font-face { font-family: "DaggerSquare"; src: local("☺"), url(/shared/1874/daggersquare-cde563338828ef170a9d6b9a368469bc42deba9fe8913ffbaca10c121e598cc4.woff) format("woff"), url(/shared/1874/daggersquare-b79485b33982094a8466c89765073a218fa8a15a447bded6e9c709c56e44c482.ttf) format("truetype"), url(/shared/1874/daggersquare-5446adec4ae468ee27d701e8bd7b72b08633d219e4a0b09d671b28f8fa3f7625.woff2) format("woff2"); } @font-face { font-family: "DaggerSquare Oblique"; src: local("☺"), url(/shared/1874/daggersquare_oblique-3305054ae07819004b13d57c19a5d49c70e82dc7bf5b5c2ee40ef7c5e0aa264a.woff) format("woff"), url(/shared/1874/daggersquare_oblique-6ebcff6c812fe617405f6d70ccb1bcd56ea1b6f85a8fc05b1180e5b8906864ca.ttf) format("truetype"), url(/shared/1874/daggersquare_oblique-7bd23190a8befb9e90669a7bbb3094683a052951f5d946b1b8cacc64125348eb.woff2) format("woff2"); } html { height: 100%; } body { height: 100%; min-width: 320px; display: flex; flex-direction: column; color: rgb(183, 176, 176); background-color: rgb(19, 20, 22); font: 400 14px/18px "Roboto Condensed",sans-serif; cursor: default; } a { text-decoration: none; color: rgb(183, 176, 176); } a:hover { text-decoration: underline; } button { background: transparent none repeat scroll 0% 0%; border: 0px none; font-family: "Roboto Condensed",sans-serif; } button:focus { outline: medium none; } .swiper-container { text-align: center; } .swiper-wrapper { display: inline-flex; width: auto; } .section { padding: 50px 0px 30px; } .section__title { display: flex; } .section--rec .game-group { padding-right: 30px; padding-left: 30px; } .section--hot-slots { position: relative; z-index: 1; } .section--live-casino .game-group { border: 1px solid rgb(255, 0, 0); } .accessory { width: 8%; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; min-width: 80px; margin-left: 1.5%; flex-shrink: 0; } .accessory[class*="bear"] { background-position-y: 100%; width: 13%; min-width: 130px; } .accessory--bear-recom { background-image: url(/shared/1874/bear-recom-bc5b72d8e13995d8229f531204ece2694b5e0da58685d022bb5173df94197d51.png); position: relative; } .accessory--bear-recom::before { content: ""; display: block; padding-bottom: 47.61%; } .accessory--bear-newgame { background-image: url(/shared/1874/bear-newgame-6b6650f9c3b2a3d909fdfe6894db72aa7cc18c68456a46e252c05b98a346eb7a.png); position: relative; } .accessory--bear-newgame::before { content: ""; display: block; padding-bottom: 47.61%; } .accessory--bear-hot { background-image: url(/shared/1874/bear-hot-c1c160815cff48d3304108248916839047c60f164c85647e8320eb1de8545140.png); position: relative; } .accessory--bear-hot::before { content: ""; display: block; padding-bottom: 47.61%; } .accessory--bear-casino { background-image: url(/shared/1874/bear-casino-993887b0ddd8556298ca16010462ebf1b3e378f85988925cda5bc2568e29e3ca.png); position: relative; } .accessory--bear-casino::before { content: ""; display: block; padding-bottom: 47.61%; } .accessory--fox-recom::before { content: ""; display: block; padding-bottom: 100%; } .accessory--fox-newgame::before { content: ""; display: block; padding-bottom: 100%; } .accessory--fox-hot::before { content: ""; display: block; padding-bottom: 100%; } .accessory--fox-casino::before { content: ""; display: block; padding-bottom: 100%; } .accessory--hare-recom::before { content: ""; display: block; padding-bottom: 100%; } .accessory--hare-newgame::before { content: ""; display: block; padding-bottom: 100%; } .accessory--hare-hot::before { content: ""; display: block; padding-bottom: 100%; } .accessory--hare-casino::before { content: ""; display: block; padding-bottom: 100%; } .arrow::before, .arrow::after { content: ""; position: absolute; height: 1px; right: 0px; top: 0px; width: 100%; } .arrow--right::before, .arrow--right::after { transform-origin: 100% 50% 0px; } .arrow--right::before { transform: rotateZ(45deg); } .arrow--right::after { transform: rotateZ(-45deg); } .arrow--lightblue::before, .arrow--lightblue::after { background-color: rgb(91, 222, 254); } .auth-box { background-image: linear-gradient(to top, rgb(23, 24, 26) 0%, rgb(4, 41, 82) 48%, rgb(19, 20, 22) 100%); position: absolute; display: flex; flex-direction: column; width: 100%; max-width: 420px; min-width: 320px; z-index: 9; top: 0px; right: 0px; transition: transform 0.35s ease 0s, opacity 0s ease 0.35s, -webkit-transform 0.35s ease 0s; transform: translateY(-110%); opacity: 0; } .auth-box--register { min-height: 420px; max-height: calc(100vh - 80px); overflow: auto; } .auth-box__title { color: rgb(255, 255, 255); font-size: 24px; line-height: 1; text-transform: uppercase; text-align: center; } .auth-box__header { padding: 0px 30px; height: 75px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; min-height: 40px; position: relative; align-items: center; justify-content: center; flex-shrink: 0; } .auth-box__content { padding: 20px 30px; flex-grow: 1; } .auth-box__social { margin: 30px 0px 20px; } .auth-box__social .social__caption { margin-bottom: 18px; font-size: 14px; } .auth-box__bottom { display: flex; justify-content: center; flex-direction: column; align-items: center; flex-shrink: 0; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 5% 0px; min-height: 55px; background: transparent linear-gradient(to bottom, rgba(23, 24, 26, 0) 0%, rgb(19, 20, 22) 60%) repeat scroll 0% 0%; } .auth-box__bottom .btn { padding: 0px 7%; margin-bottom: 5px; } .auth-box .field__holder { line-height: 1.3; display: flex; align-items: center; } .auth-box .checkbox { margin-top: 10px; } .auth-box .checkbox-group, .auth-box .radio-group { padding: 6% 0px 7%; flex-wrap: wrap; } .auth-box .captcha-block { display: none; } .btn { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; max-width: 100%; height: 50px; max-height: 50px; position: relative; color: rgb(255, 255, 255); white-space: nowrap; border-radius: 4px; background-color: transparent; cursor: pointer; font: 400 20px/1.3 "Roboto Condensed",sans-serif; text-align: center; text-transform: uppercase; padding: 0px 60px; overflow: hidden; border-width: 1px; border-style: solid; transition: transform 0.25s ease 0s, box-shadow 0.25s ease 0s, -webkit-transform 0.25s ease 0s, -webkit-box-shadow 0.25s ease 0s; outline: medium none; } .btn::before { content: ""; position: absolute; left: 50%; top: 50%; height: 0px; width: 150%; z-index: 0; transition: all 0.35s ease 0s; transform: translateX(-50%) translateY(-50%) rotate(25deg) translateZ(0px); } .btn:hover { color: rgb(255, 255, 255); text-decoration: none; } .btn:hover .btn__inner { color: rgb(255, 255, 255); transition-delay: 0s; } .btn:hover::before { height: 450%; } .btn__inner { z-index: 1; transition: all 0.25s ease 0.15s; cursor: pointer; } .btn--green { border-color: rgb(1, 213, 93); color: rgb(1, 213, 93); } .btn--green::before { background-color: rgb(1, 213, 93); } .btn--green:hover { box-shadow: 0px 0px 18px rgba(1, 213, 93, 0.5), 0px 0px 0px 1px rgb(1, 213, 93) inset; } .btn--red { border-color: rgb(238, 27, 27); color: rgb(238, 27, 27); } .btn--red::before { background-color: rgb(238, 27, 27); } .btn--red:hover { box-shadow: 0px 0px 18px rgba(238, 27, 27, 0.5), 0px 0px 0px 1px rgb(238, 27, 27) inset; } .btn--red .btn__inner { color: rgb(238, 27, 27); } .btn--red-inv { color: rgb(255, 255, 255); border-color: rgb(238, 27, 27); } .btn--red-inv::before { background-color: rgb(238, 27, 27); height: 450%; } .btn--red-inv:hover { box-shadow: 0px 0px 18px rgba(238, 27, 27, 0.5); } .btn--red-inv:hover::before { height: 0px; } .btn--red-inv:hover .btn__inner { color: rgb(238, 27, 27); transition-delay: 0.15s; } .btn--red-inv .btn__inner { color: rgb(255, 255, 255); transition-delay: 0s; } .btn--yellow { border-color: rgb(240, 215, 0); color: rgb(240, 215, 0); } .btn--yellow::before { background-color: rgb(240, 215, 0); } .btn--yellow:hover { box-shadow: 0px 0px 18px rgba(240, 215, 0, 0.5), 0px 0px 0px 1px rgb(240, 215, 0) inset; } .btn--blue::before { background-color: rgb(0, 84, 166); } .card__more .close::before, .card__more .close::after { background-color: rgb(19, 20, 22); } .card__preview-inner::before { content: ""; display: block; padding-bottom: 76.66%; } .cashier-turnover.wrong .cashier-turnover__icon::before { background-image: url('undefined'); } .cashier-turnover__icon::before { content: ""; display: block; width: 30px; height: 30px; background: transparent url('undefined') no-repeat scroll 50% 50% / contain ; } .cashier__card::before { content: ""; display: block; padding-bottom: 42.85%; } .checkbox { display: flex; align-items: center; position: relative; color: rgb(225, 225, 225); font-weight: 300; line-height: 1; cursor: pointer; } .checkbox--margin-bottom { margin-bottom: 20px; } .checkbox a { color: rgb(1, 213, 93); } .checkbox__label { position: relative; display: flex; cursor: pointer; align-items: center; } .checkbox__label input[type="checkbox"], .checkbox__label input[type="radio"] { display: none; } .checkbox__inner { width: 20px; height: 20px; border: 1px solid rgb(225, 225, 225); position: relative; flex-shrink: 0; } input[type="checkbox"]:checked + .checkbox__inner, .checkbox.active .checkbox__inner { border: 1px solid rgb(1, 213, 93); } .checkbox__inner::before { content: ""; position: absolute; width: 10px; height: 10px; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px; background-color: rgb(1, 213, 93); border-radius: 50%; transform: scale(0); transition: all 0.15s ease 0s; box-shadow: 0px 0px 1px 1px rgba(17, 168, 83, 0.44); } input[type="checkbox"]:checked + .checkbox__inner::before, .checkbox.active .checkbox__inner::before { transform: none; border-radius: 0px; } .checkbox__text { display: block; margin-left: 10px; } .checkbox-default input[type="checkbox"]:checked + .checkbox__inner::before { transform: scale(1); border-radius: 0px; } .choose-hero-reg__img::before { content: ""; display: block; padding-bottom: 123.68%; } .choose-hero-reg__item-input-wrap::after { content: ""; display: block; height: 1px; width: 100%; background-color: rgb(255, 255, 255); transition: all 0.35s ease 0s; } .choose-hero-reg__item-input-wrap.error::after { animation: 0.35s ease 0s normal none 1 running landing-error-border; background-color: rgb(238, 27, 27); } .choose-hero-reg .choose-hero__img::after { display: none; } .choose-hero-reg .swiper-button-prev::before, .choose-hero-reg .swiper-button-next::before { content: ""; display: block; padding-bottom: 213.33%; } .choose-hero-short__img::before { content: ""; display: block; padding-bottom: 123.68%; } .choose-hero-short__img::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; transform: translateY(100%); transition: all 0.25s ease 0s; background-image: linear-gradient(to top, rgb(20, 83, 47) 0%, rgba(0, 1, 0, 0.07) 99%, rgba(0, 0, 0, 0.07) 100%); } .choose-hero-short__item:hover .choose-hero-short__img::after { transform: none; } .choose-hero-short__item-input-wrap .field__holder::after { content: ""; display: block; height: 1px; width: 100%; background-color: rgb(255, 255, 255); transition: all 0.35s ease 0s; } .choose-hero-short__item-input-wrap .field__holder.warning-choose::after { animation: 0.35s ease 0s normal none 1 running landing-error-border; background-color: rgb(238, 27, 27); } .choose-hero-short__item-input-wrap .field__holder input::-moz-placeholder { color: rgb(255, 255, 255); } .choose-hero-short__item-input-wrap .field__holder input:hover::-moz-placeholder { color: rgb(255, 255, 255); } .choose-hero-short .swiper-button-prev::before, .choose-hero-short .swiper-button-next::before { content: ""; display: block; padding-bottom: 225%; } .choose-hero__item::before { content: ""; display: block; padding-bottom: 106.66%; } .choose-hero__item::after { content: ""; position: absolute; width: 100%; height: 120px; left: 0px; bottom: 0px; opacity: 0.7; background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, transparent 98%, transparent 100%); } .choose-hero--gradient:hover .choose-hero__image::after { transform: none; } .choose-hero--gradient .choose-hero__image::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; transition: all 0.35s ease 0s; transform: translateY(100%); z-index: 1; } .choose-hero--gradient-green .choose-hero__image::after { background-image: linear-gradient(to top, rgb(15, 43, 19) 0%, transparent 100%); } .choose-hero--gradient-purple .choose-hero__image::after { background-image: linear-gradient(to top, rgb(50, 25, 74) 0%, transparent 100%); } .choose-hero--gradient-blue .choose-hero__image::after { background-image: linear-gradient(to top, rgb(6, 48, 89) 0%, transparent 100%); } .circle { width: 21px; height: 21px; line-height: 18px; position: absolute; border-radius: 50%; font-size: 14px; text-align: center; border: 1px solid rgb(120, 126, 131); overflow: hidden; transition: all 0.25s ease 0s; display: flex; justify-content: center; align-items: center; } .close { position: absolute; height: 20px; width: 20px; z-index: 1; cursor: pointer; } .close:hover::before, .close:hover::after { background-color: rgb(238, 27, 27); } .close::before, .close::after { content: ""; position: absolute; width: 100%; height: 1px; background-color: rgb(204, 204, 204); left: 0px; top: 50%; transition: all 0.1s ease 0s; } .close::before { transform: rotateZ(45deg); } .close::after { transform: rotateZ(-45deg); } .close--field-error::before, .close--field-error::after { background-color: rgb(238, 27, 27); } .close--upload::before, .close--upload::after { background-color: rgb(238, 27, 27); } .coin--pulse::before { display: block; content: ""; position: absolute; top: -10px; left: -10px; width: 50px; height: 50px; border-radius: 50%; background: rgba(240, 215, 0, 0.8) none repeat scroll 0% 0%; animation: 3s ease-in-out 0s normal none infinite running pulsedCoin; transform-origin: 50% 50% 0px; } .content { margin: 0px auto; max-width: 1470px; width: 100%; height: 100%; } .content--perspective { perspective: 600px; } .content--header-slider { padding-bottom: 1.5%; height: 100%; display: flex; align-items: flex-end; justify-content: flex-start; } .counter { display: flex; align-items: center; justify-content: center; } .counter__timer::before { content: ""; display: block; padding-bottom: 100%; } .fast-form .field:not(.select) { min-width: auto; width: 100%; max-width: 100%; } .field-group--cashier .field:nth-child(n+3) { margin-top: 45px; } .footer { flex: 0 0 auto; background-color: rgb(19, 20, 22); padding-top: 5%; padding-bottom: 20px; } .footer__info { line-height: 1.3; text-align: center; padding: 40px 0px 20px; color: rgb(120, 126, 131); } .footer__info p + p { margin-top: 10px; } .footer__menu { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 15px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); white-space: nowrap; } .footer__menu-link { color: rgb(120, 126, 131); text-transform: uppercase; font-size: 14px; line-height: 1; margin: 20px 15px 0px; } .footer__menu-link:hover { color: rgb(1, 213, 93); text-decoration: none; } .footer__payment-list { max-width: 850px; margin: 0px auto; padding-bottom: 20px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .footer__payment { margin: 20px 10px 0px; height: 40px; background-image: url(/shared/1874/payments-42a522adec8ccf08c6c1b9992078496dc14e0d1727d779b1d7d96c8c8b513dc0.png); background-repeat: no-repeat; background-position-y: 0px; } .footer__payment a { display: block; height: 100%; } .footer__payment.footer__payment--visa { width: 54px; background-position-x: 0px; } .footer__payment.footer__payment--visa-e { width: 56px; background-position-x: -54px; } .footer__payment.footer__payment--mastercard { width: 45px; background-position-x: -110px; } .footer__payment.footer__payment--maestrocard { width: 45px; background-position-x: -155px; } .footer__payment.footer__payment--qiwi { width: 38px; background-position-x: -200px; } .footer__payment.footer__payment--yandex { width: 33px; background-position-x: -238px; } .footer__payment.footer__payment--alfa { width: 24px; background-position-x: -305px; } .footer__payment.footer__payment--skrill { width: 95px; background-position-x: -370px; } .footer__payment.footer__payment--moneta { width: 94px; background-position-x: -465px; } .footer__payment.footer__payment--sms { width: 51px; background-position-x: -679px; } .footer__payment.footer__payment--ideal { width: 44px; background-position-x: -986px; } .footer__developer-list { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border-top: 1px solid rgba(255, 255, 255, 0.1); } .footer__developer { margin: 20px 10px 0px; background-image: url(/shared/1874/developers-8942455eb4f4b210fbbf4731b8f6ddc948ffa2851d92c34f536901d76c35647d.png); display: inline-block; height: 53px; } .footer__developer.footer__developer--18plus { width: 44px; background-position: 0px 0px; } .footer__developer.footer__developer--netent { width: 81px; background-position: -44px 0px; } .footer__developer.footer__developer--netent:hover { background-position-y: 53px; } .footer__developer.footer__developer--microgaming { width: 124px; background-position: -125px 0px; } .footer__developer.footer__developer--microgaming:hover { background-position-y: 53px; } .footer__developer.footer__developer--playson { width: 140px; background-position: -249px 0px; } .footer__developer.footer__developer--playson:hover { background-position-y: 53px; } .footer__developer.footer__developer--booongo { width: 128px; background-position: -389px 0px; } .footer__developer.footer__developer--booongo:hover { background-position-y: 53px; } .footer__developer.footer__developer--betsoft { width: 82px; background-position: -517px 0px; } .footer__developer.footer__developer--betsoft:hover { background-position-y: 53px; } .footer__developer.footer__developer--quickspin { width: 124px; background-position: -599px 0px; } .footer__developer.footer__developer--quickspin:hover { background-position-y: 53px; } .footer__developer.footer__developer--yggdrasil { width: 139px; background-position: -723px 0px; } .footer__developer.footer__developer--yggdrasil:hover { background-position-y: 53px; } .footer__developer.footer__developer--redrake { width: 103px; background-position: -862px 0px; } .footer__developer.footer__developer--redrake:hover { background-position-y: 53px; } .footer__developer.footer__developer--endorphina { width: 89px; background-position: -965px 0px; } .footer__developer.footer__developer--endorphina:hover { background-position-y: 53px; } .footer__developer.footer__developer--booming { width: 95px; background-position: -1054px 0px; } .footer__developer.footer__developer--booming:hover { background-position-y: 53px; } .footer__developer.footer__developer--playngo { width: 100px; background-position: -1149px 0px; } .footer__developer.footer__developer--playngo:hover { background-position-y: 53px; } .footer__developer.footer__developer--nextgen { width: 135px; background-position: -1249px 0px; } .footer__developer.footer__developer--nextgen:hover { background-position-y: 53px; } .footer__developer.footer__developer--amatic { width: 98px; background-position: -1384px 0px; } .footer__developer.footer__developer--amatic:hover { background-position-y: 53px; } .footer__developer.footer__developer--novomatic { width: 145px; background-position: -1482px 0px; } .footer__developer.footer__developer--novomatic:hover { background-position-y: 53px; } .footer__developer.footer__developer--pushgaming { width: 181px; background-position: -1627px 0px; } .footer__developer.footer__developer--pushgaming:hover { background-position-y: 53px; } .footer__developer.footer__developer--betdigital { width: 129px; background-position: -1808px 0px; } .footer__developer.footer__developer--betdigital:hover { background-position-y: 53px; } .footer__developer.footer__developer--elk { width: 72px; background-position: -1937px 0px; } .footer__developer.footer__developer--elk:hover { background-position-y: 53px; } .footer__developer.footer__developer--thunderkick { width: 122px; background-position: -2009px 0px; } .footer__developer.footer__developer--thunderkick:hover { background-position-y: 53px; } .footer__developer.footer__developer--pragmatic { width: 100px; background-position: -2131px 0px; } .footer__developer.footer__developer--pragmatic:hover { background-position-y: 53px; } .footer__developer.footer__developer--1x2_gaming { width: 80px; background-position: -2231px 0px; } .footer__developer.footer__developer--1x2_gaming:hover { background-position-y: 53px; } .footer__developer.footer__developer--tomhorn { width: 113px; background-position: -2311px 0px; } .footer__developer.footer__developer--tomhorn:hover { background-position-y: 53px; } .footer__developer.footer__developer--iron_dog { width: 46px; background-position: -2460px 0px; } .footer__developer.footer__developer--iron_dog:hover { background-position-y: 53px; } .footer__developer.footer__developer--leap_gaming { width: 85px; background-position: -2506px 0px; } .footer__developer.footer__developer--leap_gaming:hover { background-position-y: 53px; } .footer__full-links { display: none; margin: 5px 0px; text-align: center; } .footer__full-links.get-full .footer__full-links__mobile { opacity: 0; position: absolute; pointer-events: none; } .game-group { display: flex; flex-wrap: wrap; padding: 3% 5.5% 4%; position: relative; } .game-group--1-row .game:nth-child(n+5) { display: none; } .game-group--2-row .game:nth-child(n+9) { display: none; } .game-group--grey { background-color: rgba(97, 147, 181, 0.1); } .game-group--green { background-color: rgba(76, 171, 114, 0.1); } .game-group--yellow { background-color: rgba(119, 114, 69, 0.1); } .game-group--orange { background-color: rgba(108, 33, 33, 0.1); } .game-group .game { margin-top: 20px; margin-right: 1.3%; } .game-group--2-2 .game:nth-child(2n) { margin-right: 0px; } .game-group--2-2 .game:nth-child(3n) { margin-right: 3%; } .game-group-title { width: 100%; text-transform: uppercase; font-size: 36px; color: rgb(255, 255, 255); line-height: 1; padding-bottom: 2%; } .game-group .see-all { position: absolute; bottom: 30px; right: 0px; padding-right: 1%; text-decoration: underline; cursor: pointer; } .game-mode__panel--demo .game-mode__item::after { display: none; } .game-mode__output::after { content: "="; position: absolute; top: 50%; left: -15px; margin-top: -10px; width: 10px; height: 10px; color: rgb(255, 255, 255); } @media not all, not all { } @media not all, not all { } .game-mode__item.locked::after { height: 100%; } .game-mode__item.active svg:not(.game-mode__icon--exchange) { stroke: rgb(1, 213, 93); } .game-mode__item.active svg.game-mode__icon--exchange:not(.game-mode__icon--exchange) { fill: rgb(1, 213, 93); } .game-mode__item.active[data-tab]::after { height: 0px; } .game-mode__item:hover svg:not(.game-mode__icon--exchange) { stroke: rgb(1, 213, 93); } .game-mode__item:hover svg.game-mode__icon--exchange:not(.game-mode__icon--exchange) { fill: rgb(1, 213, 93); } .game-progress::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; } .game-progress::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 40px; z-index: 1; } .game { position: relative; width: 24%; box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.5); } .game::before { content: ""; display: block; padding-bottom: 66.66%; } .game > * { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .game:hover { text-decoration: none; } .game:hover .game__outer::before { box-shadow: 0px 0px 100px 250px rgb(12, 5, 5) inset; } .game:hover .game__inner { opacity: 1; } .game:hover .game__name { text-decoration: none; } .game:hover .game__stats { opacity: 1; } .game:hover .icon-play svg { animation: 1.2s linear 0s normal none infinite running play_rotate; } .game:hover .icon-play__inner::after { transform: rotateZ(0deg) scale(1); transition-delay: 0.2s; opacity: 1; } .game .icon-play svg { transform-origin: 50.5% 49.5% 0px; } .game__outer { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .game__outer::before { content: ""; position: absolute; height: 500px; width: 500px; top: 50%; margin-top: -250px; left: 50%; margin-left: -250px; opacity: 0.7; border-radius: 50%; transition: all 0.25s ease 0s; z-index: 2; } .game__outer:hover { text-decoration: none; } .game__inner { display: flex; justify-content: center; flex-direction: column; align-items: center; height: 100%; position: relative; opacity: 0; z-index: 3; padding: 2% 20px; transition: all 0.25s ease 0s; } .game__stats { align-self: flex-start; flex-grow: 1; text-transform: uppercase; color: rgb(204, 204, 204); transition: all 0.25s ease 0s; opacity: 0; } .game__stats-table td { padding-top: 3px; } .game__stats .highlight, .game__stats .info-page h1, .info-page .game__stats h1 { padding-left: 15px; } .game__play { display: flex; flex-direction: column; justify-content: center; align-items: center; flex-grow: 5; width: 100%; transition: all 0.25s ease 0s; } .game__play-link { width: 100%; display: flex; } .game__play .icon-play { margin: 0px auto; display: block; width: 28%; } .game__play .icon-play__inner::after { transform: rotateZ(90deg) scale(3); opacity: 0; transition: all 0.4s ease 0s; } .game__play-demo { padding-top: 4%; font-size: 18px; color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: underline; } .game__play-demo:hover { text-decoration: none; } .game .icon-new { position: absolute; top: -12px; left: -12px; z-index: 3; } .game--personal::after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 100%; background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, transparent 98%, transparent 100%); opacity: 0.7; height: 50%; } .game--live-game:hover .game__name, .game--live-game:hover .game__bet-info { opacity: 0; } .game--live-game:hover .game__play { opacity: 1; } .game--live-game .game__inner { opacity: 1; padding: 20px; z-index: initial; } .game--live-game .game__play { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; opacity: 0; z-index: 3; } .game--live-game .game__name { transition: all 0.25s ease 0s; z-index: 1; } .game--live-game .game__bet-info { transition: all 0.25s ease 0s; } .game__bet-info { position: absolute; width: 100%; bottom: 0px; left: 0px; font-size: 18px; line-height: 1.3; padding: 5% 20px; color: rgb(255, 255, 255); background-color: rgba(19, 20, 22, 0.7); z-index: 1; } .game__bet-info .icon { margin-right: 5px; } .game__bet-table .icon { width: 1.5vw; min-width: 7px; max-width: 12px; height: 12px; } .game__bet-table td:first-child { padding-right: 5px; } .game__name { color: rgb(255, 201, 12); text-transform: uppercase; flex-grow: 1; align-self: flex-start; padding-right: 26%; font: 700 24px/1 "Roboto Condensed",sans-serif; } .game .game-icon, .game .game__img { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .game .game-icon-person, .game .game__img-person { position: absolute; bottom: 0px; right: 0px; z-index: 1; max-width: 100%; height: 95%; display: block; transform: translateZ(0px); } .game__custom-badge { position: absolute; background: rgb(1, 213, 93) none repeat scroll 0% 0%; top: auto; right: -15px; bottom: 0px; left: auto; padding: 2% 25px 2% 15px; height: auto; max-width: 100%; width: auto; z-index: 1; transform: skew(-40deg); } .game__custom-badge-text { font-size: 15px; font-weight: 700; text-align: right; font-family: "Roboto Condensed",sans-serif; color: rgb(0, 0, 0); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transform: skew(40deg); } .header { position: relative; z-index: 4; flex: 0 0 auto; } .header .btn { height: 2.5vw; min-height: 36px; } .header__top-wrapper { height: 5vw; min-height: 44px; max-height: 80px; } .header__top-line { padding: 0px 70px; background-color: rgb(19, 20, 22); z-index: 10; position: fixed; top: 0px; left: 0px; width: 100%; } .header__top-line > .content { z-index: 2; background-color: rgb(19, 20, 22); } .header__top-line .content { height: 5vw; min-height: 44px; max-height: 80px; display: flex; justify-content: space-between; position: relative; } .header__fixed-inner { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; max-height: 580px; padding: 0px 70px; } .header__fixed-inner .content { position: relative; height: 100%; } .header__fixed-wrapper { position: relative; } .header__fixed-wrapper::before { content: ""; display: block; padding-bottom: 30.2%; } .header__fixed-wrapper > * { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .header__fixed-content { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 2; pointer-events: none; } .header__fixed-content::before { content: ""; display: block; height: 5vw; min-height: 44px; max-height: 80px; } .header__left { display: flex; align-items: center; background-color: rgb(19, 20, 22); z-index: 1; transform: translateZ(0px); } .header__left .menu-burger { margin-right: 20px; } .header__left .logo { padding: 5px 0px; width: 8.5vw; min-width: 76px; transform: translateZ(0px); } .header__banner { position: relative; background: rgb(23, 24, 26) none repeat scroll 0% 0%; max-height: 580px; min-height: 340px; } .header__banner::before { content: ""; display: block; padding-bottom: 30.2%; } .header__banner > * { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .header__banner::before { pointer-events: none; } .header__banner .swiper-container { z-index: 0; } .header__banner-inner { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; max-width: 100%; z-index: 1; } .header__slider {  width: 100%; height: 100%; object-fit: cover; } .header__slider-inner { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; padding: 0px 70px; } .header__slider-image { position: absolute; width: 100%; top: 0px; left: 0px; object-fit: cover; display: block; margin: 0px auto; height: 100%; } .header__right { display: flex; justify-content: space-between; align-items: center; } .header__right .btn { min-width: 110px; padding: 0px 30px; } .header__right .btn + .btn { margin-left: 30px; } .header__right .icon { display: none; } @media not all, not all { } .header__support { cursor: pointer; margin-right: 30px; } .header__support:hover svg { stroke: rgb(1, 213, 93); } .highlight, .info-page h1 { font-weight: 700; } .highlight--white { color: rgb(255, 255, 255); } .highlight--green, .info-page h1 { color: rgb(1, 213, 93); } .hint { position: absolute; pointer-events: none; } .hint.active .circle + .hint__inner::before { width: 100%; height: 100%; } .hint .circle { overflow: visible; top: 0px; right: 0px; margin: 0px; z-index: 3; transition-delay: 0s; pointer-events: all; cursor: pointer; } .hint__content { width: 200px; pointer-events: none; } .hint__inner { position: relative; z-index: 9; opacity: 0; color: rgb(19, 20, 22); font-size: 12px; text-align: left; line-height: 1.2; } .hint__icon { transition: all 0.1s ease 0.25s; } .icon { display: inline-block; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; z-index: 2; } .icon__live--red { fill: rgb(255, 44, 0); transform: rotate(180deg); } .icon__live--green { fill: rgb(145, 220, 90); } .icon-card { width: 27px; height: 33px; } .icon-pocket { width: 34px; height: 30px; } .icon-cup { width: 34px; height: 32px; } .icon-clover { width: 30px; height: 30px; } .icon-star { width: 34px; height: 32px; } .icon-search { width: 20px; height: 20px; cursor: pointer; } .icon-new { width: 48px; height: 48px; } .icon-play { position: relative; max-width: 82px; } .icon-play::before { content: ""; display: block; padding-bottom: 100%; } .icon-play > * { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .icon-play svg { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .icon-play__inner { display: flex; justify-content: center; align-items: center; } .icon-play__inner::after { content: ""; background: transparent url('undefined') no-repeat scroll 50% 50% / contain ; display: block; width: 40%; height: 100%; } .icon-jackpot-arrow { max-width: 186px; width: 186px; height: 184px; background-image: url(/shared/1874/jackpot_arrow-e09b033528df8d7bfcfea295b035b726fb5db634db9126c07f438afccd6a11b0.svg); } .icon-jackpot-arrows { max-width: 488px; width: 488px; height: 78px; background-image: url(/shared/1874/jackpot_arrows-d3c0ff0d2e710a84a81778272c5d893c12781b610330fb9d50a7a7d3ad6c4770.svg); } .icon-register { width: 19px; height: 19px; } .icon-login { width: 20px; height: 19px; } .icon-info { color: rgb(43, 53, 61); } .icon-support-chat { width: 29px; height: 27px; stroke: rgb(255, 255, 255); display: block; fill: none; } .info-page tr:not(:first-child) { border-top: 1px solid rgb(225, 225, 225); } .info-page tr > :not(:first-child) { border-left: 1px solid rgb(225, 225, 225); } .info-page ul li::before { content: ""; top: 10px; left: 0px; position: absolute; display: block; flex-shrink: 0; width: 8px; height: 8px; background-color: rgb(1, 213, 93); } .field { width: 100%; position: relative; margin-top: 10px; display: flex; align-items: center; flex-wrap: wrap; } .field:first-child { margin-top: 0px; } .field input:focus::-moz-placeholder, .field input:focus:hover::-moz-placeholder { color: transparent; } .field input:focus:-moz-placeholder, .field input:focus:hover:-moz-placeholder { color: transparent; } .field input:focus { outline: medium none; color: rgb(120, 126, 131); } .field__holder { border: 1px solid rgb(191, 195, 198); border-radius: 4px; height: 2.5vw; max-height: 50px; min-height: 35px; line-height: 1.3; background-color: rgb(255, 255, 255); font-size: 14px; width: 100%; display: flex; position: relative; } .field__holder input { padding-left: 20px; border: 0px none; border-radius: 4px; background-color: transparent; flex-grow: 1; max-width: 100%; height: 100%; font: 400 14px/18px "Roboto Condensed",sans-serif; } .field__holder input::-moz-placeholder { color: rgb(157, 157, 157); } .field__holder input:-moz-placeholder { color: rgb(157, 157, 157); } .field__holder:hover { color: rgb(19, 20, 22); } .field__holder:hover input { color: rgb(19, 20, 22); } .field__holder:hover input::-moz-placeholder { color: rgb(19, 20, 22); } .field__holder:hover input:-moz-placeholder { color: rgb(19, 20, 22); } .field__holder--attention.field__holder input[type="text"]::-moz-placeholder, .field__holder--attention.field__holder input[type="password"]::-moz-placeholder, .field__holder--attention.field__holder input[type="email"]::-moz-placeholder, .field__holder--attention.field__holder .select__value::-moz-placeholder { color: rgb(150, 150, 2); } .field__holder--attention.field__holder input[type="text"]:hover::-moz-placeholder, .field__holder--attention.field__holder input[type="password"]:hover::-moz-placeholder, .field__holder--attention.field__holder input[type="email"]:hover::-moz-placeholder, .field__holder--attention.field__holder .select__value:hover::-moz-placeholder { color: rgb(150, 150, 2); } .field__holder--error.field__holder input[type="text"]::-moz-placeholder, .field__holder--error.field__holder input[type="password"]::-moz-placeholder, .field__holder--error.field__holder input[type="email"]::-moz-placeholder { color: rgb(238, 27, 27); } .field__holder--error.field__holder input[type="text"]:hover::-moz-placeholder, .field__holder--error.field__holder input[type="password"]:hover::-moz-placeholder, .field__holder--error.field__holder input[type="email"]:hover::-moz-placeholder { color: rgb(238, 27, 27); } .field__holder--fast-form::-moz-placeholder { color: rgb(91, 222, 254); } .field__holder--fast-form:hover::-moz-placeholder { color: rgb(91, 222, 254); } .field .hint { top: 50%; margin-top: -10px; right: 20px; } .jackpot { font-family: "DaggerSquare Oblique",sans-serif; text-transform: uppercase; } .jackpot .icon-jackpot-arrows { margin-left: auto; display: block; height: auto; position: relative; } .jackpot .icon-jackpot-arrows::before { content: ""; display: block; padding-bottom: 15.98%; } .jackpot .see-all { font-family: "Roboto Condensed",sans-serif; position: absolute; top: 0px; padding-top: 6.5%; right: 0px; color: rgb(252, 175, 23); text-transform: uppercase; font-weight: 400; z-index: 2; } .jackpot .see-all::after { content: ""; display: inline-block; vertical-align: middle; margin: 0px; border-width: 7px 7px 0px; border-style: solid solid none; border-color: rgb(252, 175, 23) transparent currentcolor; } .jackpot .see-all::after { margin-top: -3px; margin-left: 10px; border-left-width: 5px; border-right-width: 5px; } .jackpot .icon-jackpot-arrow { left: 0px; bottom: 0px; width: 120px; height: auto; position: absolute; } .jackpot .icon-jackpot-arrow::before { content: ""; display: block; padding-bottom: 98.92%; } .jackpot .icon { z-index: 2; } .jackpot .content { position: relative; padding-top: 6.5%; } .jackpot__title { font-size: 80px; color: rgb(238, 27, 27); z-index: 2; line-height: 1; display: block; padding-left: 11%; position: relative; text-shadow: 3px 0px 0px rgb(0, 0, 0); } .jackpot__counter { position: relative; font-size: 174px; line-height: 0.7; z-index: 1; white-space: nowrap; } .jackpot__bottom { padding-top: 50px; } .jackpot__total { width: 100%; padding-left: 11%; color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: -3px; text-shadow: 5px 0px 0px rgb(0, 0, 0); position: relative; display: flex; align-items: flex-end; } .jackpot__total::before, .jackpot__total::after { content: ""; display: block; position: absolute; top: 50%; border-radius: 50%; left: 50%; } .jackpot__total::before { opacity: 0.5; width: 500px; height: 400px; margin-top: -200px; margin-left: -250px; transform: scale(1, 1.3); background: transparent radial-gradient(ellipse at center center , rgb(46, 96, 210), transparent 65%) repeat scroll 0% 0%; } .jackpot__total::after { margin-top: -190px; margin-left: -80px; width: 1000px; height: 370px; opacity: 0.5; transform: rotateZ(10deg); background: radial-gradient(ellipse at center center , rgb(211, 129, 15), transparent 35%) repeat scroll 0% 0%, transparent radial-gradient(ellipse at center center , rgb(238, 27, 27), transparent 65%) repeat scroll 0% 0%; } .jackpot__currency { font-size: 99px; line-height: 0.7; margin-right: 20px; position: relative; z-index: 1; } .jackpot__currency::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; margin-top: -300px; margin-left: -400px; width: 1000px; height: 600px; opacity: 0.5; background: transparent radial-gradient(ellipse at center center , rgb(238, 27, 27), transparent 70%) repeat scroll 0% 0%; border-radius: 50%; } .jackpot__currency-inner { position: relative; } .lang-list { display: flex; justify-content: center; } .lang-list .country { width: 40px; height: 24px; font-size: 0px; line-height: 1; } .lang-list .country:not(:first-child) { margin-left: 20px; } .lang-list svg { width: 100%; height: 100%; } .list--numbered .list__item::before { content: counter(counter, decimal) ":"; margin-right: 5px; } .logo { max-width: 132px; max-height: 56px; flex-shrink: 0; } .logo a { display: block; height: 100%; } .logo img { height: 100%; width: 100%; display: block; } @media not all, not all { } @media not all, not all { } .lottery__cube--finished .status-indicator__icon::before { background-color: rgba(238, 27, 27, 0.3); animation: 0s ease 0s normal none 1 running none; } .lottery__cube--finished .status-indicator__icon::after { background-color: rgb(238, 27, 27); } @media not all, not all { } @media not all, not all { } @media not all, not all { } .lottery__slider-prev::before, .lottery__slider-next::before { content: ""; display: block; padding-bottom: 200%; } .lottery__progress::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; background-color: rgba(19, 20, 22, 0.9); } .lottery__rules-wrapper::before, .lottery__rules-wrapper::after { content: ""; position: absolute; width: 100%; height: 20px; left: 0px; z-index: 1; } .lottery__rules-wrapper::before { background: transparent linear-gradient(to bottom, rgb(19, 20, 22), transparent) repeat scroll 0% 0%; top: 0px; } .lottery__rules-wrapper::after { background: transparent linear-gradient(to top, rgb(19, 20, 22), transparent) repeat scroll 0% 0%; bottom: 0px; } .lottery__own-tickets-close::before, .lottery__own-tickets-close::after { background-color: rgb(238, 27, 27); } .main-content { flex: 1 0 auto; display: flex; flex-direction: column; padding: 0px 70px; z-index: 1; overflow: hidden; } .main-content--index-bg { background-color: transparent; background-image: url(/shared/1874/navi-bg-3956c1fa9911d9b19fa2de6d6b8d38708066187ff38f7620867eb4f4f6a4c2f0.png), url(/shared/1874/main-bg-24aeef7351906bc309d38ea7b4035d5faee0d2d29a5f139e3527613ce056875b.png); background-repeat: no-repeat, no-repeat; background-attachment: scroll, scroll; background-clip: border-box, border-box; background-origin: padding-box, padding-box; background-position: 0px 1160px, 0px 0px; background-size: 100% auto; overflow: hidden; padding-top: 20px; } .menu-burger { width: 22px; height: 23px; cursor: pointer; background: transparent url(/shared/1874/menu-burger-8a5eb166799afc2f91e7adf6c21965f4e966d1b8599d303bc58804475176042e.svg) no-repeat scroll 50% 50%; display: none; } .menu-games { height: 80px; text-transform: uppercase; display: flex; align-items: center; font-size: 18px; color: rgb(255, 255, 255); position: relative; white-space: nowrap; } .menu-games a { color: rgb(255, 255, 255); } .menu-games__left { display: flex; align-items: flex-end; overflow: hidden; padding-right: 40px; flex-grow: 1; } .menu-games__list { overflow: hidden; text-overflow: ellipsis; padding-right: 10px; } .menu-games__list a { padding: 0px 20px; display: inline-block; } .menu-games__list a:first-child { padding-left: 0px; } .menu-games__filter { margin-top: 5px; } .menu-games__filter-title { position: relative; cursor: pointer; padding-right: 20px; } .menu-games__filter-title::before { content: ""; display: inline-block; vertical-align: middle; margin: 0px; border-width: 9px 9px 0px; border-style: solid solid none; border-color: rgb(255, 255, 255) transparent currentcolor; } .menu-games__filter-title.active::before { transform: rotateZ(180deg); } .menu-games__filter-title::before { position: absolute; border-right-width: 6px; border-left-width: 6px; right: 0px; top: 50%; margin-top: -5px; transition: all 0.25s ease 0s; transform-origin: 50% 40% 0px; } .menu-games__filter-content { display: flex; flex-wrap: wrap; position: relative; font-size: 16px; left: 0px; transition: all 0.5s ease 0s; max-height: 0px; height: 100%; padding-bottom: 10px; } .menu-games__filter-content.active .checkbox:nth-child(1) { transition-delay: 0.02s; } .menu-games__filter-content.active .checkbox:nth-child(2) { transition-delay: 0.04s; } .menu-games__filter-content.active .checkbox:nth-child(3) { transition-delay: 0.06s; } .menu-games__filter-content.active .checkbox:nth-child(4) { transition-delay: 0.08s; } .menu-games__filter-content.active .checkbox:nth-child(5) { transition-delay: 0.1s; } .menu-games__filter-content.active .checkbox:nth-child(6) { transition-delay: 0.12s; } .menu-games__filter-content.active .checkbox:nth-child(7) { transition-delay: 0.14s; } .menu-games__filter-content.active .checkbox:nth-child(8) { transition-delay: 0.16s; } .menu-games__filter-content.active .checkbox:nth-child(9) { transition-delay: 0.18s; } .menu-games__filter-content.active .checkbox:nth-child(10) { transition-delay: 0.2s; } .menu-games__filter-content.active .checkbox:nth-child(11) { transition-delay: 0.22s; } .menu-games__filter-content.active .checkbox:nth-child(12) { transition-delay: 0.24s; } .menu-games__filter-content.active .checkbox:nth-child(13) { transition-delay: 0.26s; } .menu-games__filter-content.active .checkbox:nth-child(14) { transition-delay: 0.28s; } .menu-games__filter-content.active .checkbox:nth-child(15) { transition-delay: 0.3s; } .menu-games__filter-content.active .checkbox:nth-child(16) { transition-delay: 0.32s; } .menu-games__filter-content.active .checkbox:nth-child(17) { transition-delay: 0.34s; } .menu-games__filter-content.active .checkbox:nth-child(18) { transition-delay: 0.36s; } .menu-games__filter-content.active .checkbox:nth-child(19) { transition-delay: 0.38s; } .menu-games__filter-content.active .checkbox:nth-child(20) { transition-delay: 0.4s; } .menu-games__filter-content.active .checkbox:nth-child(21) { transition-delay: 0.42s; } .menu-games__filter-content.active .checkbox:nth-child(22) { transition-delay: 0.44s; } .menu-games__filter-content.active .checkbox:nth-child(23) { transition-delay: 0.46s; } .menu-games__filter-content.active .checkbox:nth-child(24) { transition-delay: 0.48s; } .menu-games__filter-content.active .checkbox:nth-child(25) { transition-delay: 0.5s; } .menu-games__filter-content.active .checkbox:nth-child(26) { transition-delay: 0.52s; } .menu-games__filter-content.active .checkbox:nth-child(27) { transition-delay: 0.54s; } .menu-games__filter-content.active .checkbox:nth-child(28) { transition-delay: 0.56s; } .menu-games__filter-content.active .checkbox:nth-child(29) { transition-delay: 0.58s; } .menu-games__filter-content.active .checkbox:nth-child(30) { transition-delay: 0.6s; } .menu-games__filter-content.active .checkbox:nth-child(31) { transition-delay: 0.62s; } .menu-games__filter-content.active .checkbox:nth-child(32) { transition-delay: 0.64s; } .menu-games__filter-content.active .checkbox:nth-child(33) { transition-delay: 0.66s; } .menu-games__filter-content.active .checkbox:nth-child(34) { transition-delay: 0.68s; } .menu-games__filter-content.active .checkbox:nth-child(35) { transition-delay: 0.7s; } .menu-games__filter-content.active .checkbox:nth-child(36) { transition-delay: 0.72s; } .menu-games__filter-content.active .checkbox:nth-child(37) { transition-delay: 0.74s; } .menu-games__filter-content.active .checkbox:nth-child(38) { transition-delay: 0.76s; } .menu-games__filter-content.active .checkbox:nth-child(39) { transition-delay: 0.78s; } .menu-games__filter-content.active .checkbox:nth-child(40) { transition-delay: 0.8s; } .menu-games__filter-content.active .checkbox:nth-child(41) { transition-delay: 0.82s; } .menu-games__filter-content.active .checkbox:nth-child(42) { transition-delay: 0.84s; } .menu-games__filter-content.active .checkbox:nth-child(43) { transition-delay: 0.86s; } .menu-games__filter-content.active .checkbox:nth-child(44) { transition-delay: 0.88s; } .menu-games__filter-content.active .checkbox:nth-child(45) { transition-delay: 0.9s; } .menu-games__filter-content.active .checkbox:nth-child(46) { transition-delay: 0.92s; } .menu-games__filter-content.active .checkbox:nth-child(47) { transition-delay: 0.94s; } .menu-games__filter-content.active .checkbox:nth-child(48) { transition-delay: 0.96s; } .menu-games__filter-content.active .checkbox:nth-child(49) { transition-delay: 0.98s; } .menu-games__filter-content.active .checkbox:nth-child(50) { transition-delay: 1s; } .menu-games__filter-content::before { content: ""; position: absolute; width: calc(100% + 20px); left: -10px; top: 0px; height: 100%; background-color: rgb(23, 24, 26); } .menu-games__filter-content .checkbox { margin: 10px 35px 10px 0px; transition: all 0.25s ease 0s; transform: translateX(-5px); opacity: 0; } .notification-box--red .close--notification-box::before, .notification-box--red .close--notification-box::after { background-color: rgb(238, 27, 27); } .notification-box--green .close--notification-box::before, .notification-box--green .close--notification-box::after { background-color: rgb(1, 213, 93); } .offer-item__image::before { content: ""; display: block; padding-bottom: 43.52%; } .offer-item__description ul li::before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 8px; height: 8px; background-color: rgb(0, 210, 98); } .offer-item__description-close::before, .offer-item__description-close::after { background-color: rgb(0, 210, 98); } .offer-item__description-text tr:not(:first-child), .offer-item__text tr:not(:first-child) { border-top: 1px solid rgb(225, 225, 225); } .offer-item__description-text tr > :not(:first-child), .offer-item__text tr > :not(:first-child) { border-left: 1px solid rgb(225, 225, 225); } .offers h1::before, .offers h1::after { background-color: rgb(103, 213, 255); } .page-menu { position: absolute; top: 0px; left: 0px; height: 100%; min-height: 340px; display: flex; flex-direction: column; justify-content: center; transition: all 0.25s ease 0s; } .page-menu__link-text { flex-grow: 1; z-index: 2; display: flex; align-items: stretch; overflow: hidden; } .page-menu__link-text-inner { transition: all 0.25s ease 0s; width: 100%; display: flex; align-items: center; padding: 0px 20px 0px 10px; background-color: rgba(19, 20, 22, 0.8); transform: translateX(-100%); } .page-menu__link { flex-grow: 1; display: flex; align-items: stretch; max-height: 70px; color: rgb(255, 255, 255); font-weight: 300; font-size: 20px; text-transform: uppercase; white-space: nowrap; transition: all 0.25s ease 0s; } .page-menu__icon-wrap { background-color: rgba(19, 20, 22, 0.8); width: 70px; flex-shrink: 0; pointer-events: all; text-align: center; align-self: stretch; display: flex; align-items: center; justify-content: center; z-index: 3; } h1::before, h1::after, .page-title::before, .page-title::after { content: ""; display: block; height: 1px; flex-grow: 1; opacity: 0.5; background-color: rgb(255, 255, 255); } h1::before, .page-title::before { margin-right: 15px; } h1::after, .page-title::after { margin-left: 15px; } h1--left::before, .page-title--left::before { display: none; } h1.blue::before, h1.blue::after, h1--blue::before, h1--blue::after, .page-title.blue::before, .page-title.blue::after, .page-title--blue::before, .page-title--blue::after { background-color: rgb(103, 213, 255); } .popup-choose-hero .choose-hero__img::after { display: none; } .popup-choose-hero .swiper-button-next::before, .popup-choose-hero .swiper-button-prev::before { content: ""; display: block; padding-bottom: 188.88%; } .notification.notification-flash .title::after { display: none; } .notification.notification-flash .btn::before { z-index: -1; } .notification.notification-flash .btn.disabler::before { background-color: rgb(238, 27, 27); } .notification.notification-flash .btn.installer::before { background-color: rgb(1, 213, 93); } .popup-password { padding: 40px 75px; } .popup-password__caption { color: rgb(1, 213, 93); font: 300 28px/1 "Roboto Condensed",sans-serif; text-transform: uppercase; letter-spacing: 0.28px; } .popup-password__text { display: none; margin-top: 40px; color: rgb(255, 255, 255); text-align: left; font: 300 20px/28px "Roboto Condensed",sans-serif; letter-spacing: 0.2px; } .popup-password__actions { margin-top: 40px; padding: 0px 25px; display: flex; justify-content: center; flex-wrap: wrap; } .popup-password__form { margin-top: 40px; } .popup-password__form .field__holder { max-width: 400px; margin: auto; } .popup-password .captcha { width: 240px; margin: 20px auto; display: none; } .popup { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; min-width: 320px; padding: 0px 20px; background-color: rgba(19, 20, 22, 0.8); text-align: center; line-height: 100vh; transform: scale(0); overflow: auto; opacity: 0; transition: all 0.25s ease 0.15s; z-index: 10; } .popup__inner { position: relative; display: inline-flex; flex-direction: column; vertical-align: middle; line-height: normal; transition: all 0.15s ease 0s; transform: scale(0); } .popup__inner--border-green { width: 735px; max-width: 100%; background-color: rgb(0, 0, 0); border: 1px solid rgb(1, 213, 93); } .popup__close { top: 15px; right: 15px; } .preloader-container { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; display: flex; justify-content: center; align-items: center; z-index: 99; } .preloader-container::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; background-color: rgb(19, 20, 22); } .preloader-container.fade-out { transition: all 0s ease 0.6s; z-index: -1; } .preloader-container.fade-out .preloader { transform: scale(0); opacity: 0; transition: all 0.45s ease 0.15s; } .preloader-container.fade-out::before { transform: scale(0); opacity: 0; transition: all 0.45s ease 0s; } .preloader { width: 150px; height: 100px; position: relative; z-index: 1; } .preloader::before { padding-bottom: 41.33%; } .preloader .preloader__wheel { width: 34px; height: 34px; position: absolute; right: 5px; bottom: 0px; transform-origin: center center 0px; animation-timing-function: ease-out; animation-duration: 2.5s; animation-fill-mode: forwards; } .preloader .preloader__smoke { position: absolute; right: 10px; bottom: 0px; width: 10px; transform-origin: left bottom 0px; animation-timing-function: ease-out; animation-duration: 2s; animation-fill-mode: forwards; } .preloader .preloader__drift-in { position: absolute; right: 9px; bottom: 0px; width: 143px; height: 66px; opacity: 0; animation-timing-function: ease-in; animation-duration: 1.5s; animation-fill-mode: forwards; } .preloader .preloader__cas-wheel { width: 100%; height: 62px; position: absolute; right: 0px; bottom: 0px; opacity: 0; animation-delay: 1s; animation-timing-function: ease-in; animation-duration: 1.5s; animation-fill-mode: forwards; } .profile-aside::after { content: ""; position: absolute; width: 100%; height: 100%; object-fit: cover; background-color: rgb(25, 27, 30); right: 100%; top: 0px; left: initial; } .profile-aside::before { content: ""; position: absolute; top: 0px; right: 0px; height: 100%; width: 1px; background-color: rgba(255, 255, 255, 0.1); border-left: 1px solid rgb(19, 20, 22); } .profile-aside__link:hover::before { background-color: rgb(255, 44, 0); box-shadow: 0px 0px 1px 1px rgba(255, 9, 9, 0.44); } .profile-aside__link::before, .profile-aside__link::after { content: ""; position: absolute; border-radius: 50%; top: 50%; } .profile-aside__link::before { background-color: rgb(112, 112, 112); width: 8px; height: 8px; left: 3px; margin-top: -4px; } .profile-aside__link-wrap.active .profile-aside__link::before { background-color: rgb(255, 44, 0); box-shadow: 0px 0px 1px 1px rgba(255, 9, 9, 0.44); } .profile-aside__link-wrap.active .profile-aside__link::after { width: 14px; height: 14px; left: 0px; margin-top: -7px; box-shadow: 0px 0px 0px 1px rgb(167, 29, 1); } .profile-data__row + .profile-data__row::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.1); border-top: 1px solid rgb(19, 20, 22); } .profile-data__row--lightbox + .profile-data__row--lightbox::before, .profile-data__row--lightbox + .profile-data__row--lightbox::after { width: 98%; left: 1%; } .profile-data__invite::after { content: ""; display: block; min-height: 36px; height: 50px; margin-top: 20px; } .profile-data__caption--border::after { content: ""; height: 1px; flex-grow: 1; background-color: rgb(255, 255, 255); display: block; opacity: 0.3; margin: 0px 0px 3px 10px; } .profile-data__progress::before { content: ""; position: absolute; width: calc(100% - 2px); height: 18px; top: 1px; left: 1px; border-radius: 10px; background-color: rgb(43, 43, 43); } .progress::before { content: ""; position: absolute; width: calc(100% - 2px); height: 18px; top: 1px; left: 1px; border-radius: 10px; background-color: rgb(43, 43, 43); } .radio-group { display: flex; align-items: center; flex-wrap: wrap; padding: 25px 0px 35px; margin-top: 25px; } .radio-group--cashier-deposit .radio--cashier-deposit:nth-child(n+3) { margin-top: 13px; } .radio-group__title { margin-right: 20px; display: block; color: rgb(254, 254, 254); } .radio { display: flex; align-items: center; line-height: 1; margin: 5px 0px; color: rgb(225, 225, 225); } .radio--margin-right { margin-right: 20px; } .radio--margin-right:last-of-type { margin-right: 0px; } .radio--smaller .radio__text::before { top: 6px; width: 20px; height: 20px; } .radio--smaller .radio__text::after { height: 10px; width: 10px; top: 12px; left: 6px; } .radio--cashier-deposit .radio__text::before { border-color: rgb(154, 154, 154); } .radio__label { align-items: center; position: relative; display: flex; cursor: pointer; } .radio__label input[type="radio"] { display: none; } .radio__label input[type="radio"]:checked + .radio__inner::before { transform: scale(1); } .radio__label input[type="radio"]:checked + .radio__inner { border: 1px solid rgb(1, 213, 93); } .radio__inner { border: 1px solid rgb(255, 255, 255); width: 26px; height: 26px; display: flex; justify-content: center; align-items: center; border-radius: 50%; flex-shrink: 0; } .radio__inner::before { content: ""; display: block; height: 12px; width: 12px; background-color: rgb(1, 213, 93); border-radius: 50%; transform: scale(0); transition: all 0.15s ease 0s; box-shadow: 0px 0px 1px 1px rgba(17, 168, 83, 0.44); } .radio__text { display: block; margin-left: 10px; } .rec-game { position: relative; width: 32%; border-radius: 8px; box-shadow: 0px 0px 18px rgba(255, 255, 255, 0.21); border: 1px solid rgba(255, 255, 255, 0.5); overflow: hidden; background-color: rgb(19, 20, 22); } .rec-game::before { content: ""; display: block; padding-bottom: 106.66%; } .rec-game > * { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; } .rec-game + .rec-game { margin-left: 2%; } .rec-game::after { content: ""; position: absolute; width: 100%; height: 120px; left: 0px; bottom: 0px; opacity: 0.7; background-image: linear-gradient(to top, rgb(0, 0, 0) 0%, transparent 98%, transparent 100%); } .rec-game:hover .rec-game__character-text { opacity: 0; } .rec-game:hover .rec-game__character .btn { transform: none; } .rec-game--gradient:hover .rec-game__image::after { transform: none; } .rec-game--gradient .rec-game__image::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; transition: all 0.35s ease 0s; transform: translateY(100%); z-index: 1; } .rec-game--gradient-green .rec-game__image::after { background-image: linear-gradient(to top, rgb(15, 43, 19) 0%, transparent 100%); } .rec-game--gradient-purple .rec-game__image::after { background-image: linear-gradient(to top, rgb(50, 25, 74) 0%, transparent 100%); } .rec-game--gradient-blue .rec-game__image::after { background-image: linear-gradient(to top, rgb(6, 48, 89) 0%, transparent 100%); } .rec-game__info { text-align: left; } .rec-game__image { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; border-radius: 8px; overflow: hidden; } .rec-game__image img { width: 100%; height: 100%; display: block; } .rec-game__title { margin-bottom: 10px; display: block; text-transform: uppercase; font: 700 28px/1 "Roboto Condensed",sans-serif; } .rec-game__character { display: flex; align-items: flex-end; position: absolute; width: 100%; bottom: 0px; left: 0px; z-index: 1; } .rec-game__character-text { position: absolute; bottom: 30px; left: 30px; transition: all 0.15s ease 0s; font: italic 700 30px/1.1 "Roboto Condensed",sans-serif; text-transform: uppercase; } .rec-game__character-text--orange { color: rgb(252, 149, 0); } .rec-game__character-text--blue { color: rgb(0, 238, 255); } .rec-game__character-text--yellow { color: rgb(69, 168, 1); } .rec-game__character .btn { z-index: 1; left: 30px; padding: 0px 10%; transform: translateY(100px); bottom: 40px; min-height: 30px; } .rec-game__notion { padding: 20px; position: absolute; height: auto; top: 15px; left: 15px; color: rgb(237, 242, 254); font-size: 20px; line-height: 1.2; font-weight: 300; border-radius: 8px; border-style: solid; border-width: 1px 2px 2px; max-width: 60%; width: 100%; z-index: 2; } .rec-game__notion--blue { border-color: rgba(91, 222, 254, 0.88); background-color: rgba(3, 13, 25, 0.3); box-shadow: 0px 0px 13px rgba(20, 175, 142, 0.55); } .rec-game__notion--yellow { border-color: rgba(231, 143, 4, 0.88); background-color: rgba(29, 6, 5, 0.3); box-shadow: 0px 0px 13px rgba(228, 155, 22, 0.55); } .rec-game__notion--orange { border-color: rgba(188, 123, 9, 0.88); background-color: rgba(28, 24, 5, 0.3); box-shadow: 0px 0px 13px rgba(89, 95, 36, 0.55); } .search { display: flex; align-items: center; justify-content: flex-end; position: relative; min-width: 20px; transition: all 0.25s ease 0s; flex-shrink: 0; } .search-inner { overflow: hidden; width: 0px; transition: all 0.25s ease 0s; } .search-inner input { background-color: transparent; width: 100%; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(255, 255, 255); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; color: rgb(255, 255, 255); height: 27px; } .search .icon { top: 5px; right: 0px; position: absolute; } .slider-sec .swiper-slide::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; background: rgb(19, 20, 22) none repeat scroll 0% 0%; opacity: 0.7; } .slider-sec__image::before { content: ""; display: block; padding-bottom: 56.15%; } .slider-sec__line--win-up-to .slider-sec__bullet::before { content: ""; display: block; padding-bottom: 100%; } .slider-sec__line--time-left .slider-sec__bullet::before { content: ""; display: block; padding-bottom: 100%; } .slider-sec__line--time-left .slider-sec__bullet:nth-child(2) { background: transparent url(/shared/1874/timer-circle2-49d6c8efdfd2491b62a101c3d581245e5f058f7c3339d34b4ad635b33416c7c3.svg) repeat scroll 50% 50%; } .slider-sec__line--time-left .slider-sec__bullet:nth-child(3) { background: transparent url(/shared/1874/timer-circle3-b822a22fa862a40cc540ad1b80bd0498b7452d042810f097fdac5870c70f0646.svg) repeat scroll 50% 50%; } .slider-sec__ticket::before { content: ""; display: block; padding-bottom: 68.96%; } .see-all { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 14px; line-height: 1.1; position: relative; white-space: nowrap; } .see-all:hover { text-decoration: none; } .select.active .select__value::before { transform: rotateZ(180deg); } .select--flag .select__value::before { display: none; } .select__value::before { content: ""; display: inline-block; vertical-align: middle; margin: 0px; border-width: 9px 9px 0px; border-style: solid solid none; border-color: rgb(204, 204, 204) transparent currentcolor; } .select__value::before { border-right-width: 6px; border-left-width: 6px; position: absolute; right: 20px; top: 50%; transform-origin: 50% 40% 0px; margin-top: -4px; transition: all 0.25s ease 0s; } .slide-box { background-color: rgba(19, 20, 22, 0.7); position: relative; padding: 50px 20px; color: rgb(255, 255, 255); width: 33vw; max-width: 590px; text-align: center; } .slide-box__title { font: 700 34px/1.3 "Roboto Condensed",sans-serif; text-transform: uppercase; } .slide-box__text { text-shadow: -25px 0px 74px rgba(0, 0, 0, 0.3); font-size: 28px; line-height: 1; margin-top: 20px; } .slide-box .btn { margin-top: 20px; padding: 0px 7%; } .social { display: flex; flex-flow: column wrap; position: relative; } .social__icons { display: flex; } .social__icon { height: 25px; width: 28px; margin-right: 15px; fill: rgb(255, 255, 255); cursor: pointer; transition: fill 0.15s ease-in 0s; } .social__icon:hover { fill: rgb(238, 27, 27); } .spoiler:nth-last-of-type(1) { margin-bottom: 25px; } .spoiler-title::after { content: ""; width: 8px; height: 14px; margin-right: 20px; display: block; cursor: pointer; background: transparent url(/shared/1874/spoiler-arrow--red-a6f203a041db54bb89a81b3074de7984cfbf49442f1dfcb2a9688c563a10efcb.svg) no-repeat scroll 50% 50% / contain ; transform: rotateZ(180deg); } .spoiler.opened.white .spoiler-title::after { transform: rotateZ(90deg); background-image: url(/shared/1874/spoiler-arrow--dark-cad675f71259a9f97dae435a5b57aa7ef64ec43bd5d32ebce58ba640129e03f0.svg); } .spoiler.opened .spoiler-title::after { transform: rotateZ(90deg); background-image: url(/shared/1874/spoiler-arrow--white-6bfeccac9594c91158b340759dc8bfd96f8af9c553e142c5366a7234702ac3bd.svg); } .spoiler ul li::before { background-color: rgb(238, 27, 27); } .status-indicator--red .status-indicator__icon::before { animation: 0s ease 0s normal none 1 running none; } .status-indicator__icon::before, .status-indicator__icon::after { content: ""; display: block; border-radius: 50%; position: absolute; } .status-indicator__icon::before { width: 100%; height: 100%; top: 0px; left: 0px; animation: 2s ease 0s normal none infinite running indicator; } .lottery__cube--process .status-indicator__icon::before { background-color: rgba(1, 213, 93, 0.3); } .lottery__cube--finished .status-indicator__icon::before { background-color: rgba(238, 27, 27, 0.3); } .status-indicator__icon::after { width: 60%; height: 60%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .lottery__cube--process .status-indicator__icon::after { background-color: rgba(1, 213, 93, 0.55); } .lottery__cube--finished .status-indicator__icon::after { background-color: rgba(238, 27, 27, 0.55); } .status-indicator__icon--green::before { background-color: rgba(1, 213, 93, 0.3); } .status-indicator__icon--green::after { background-color: rgb(1, 213, 93); box-shadow: 0px 0px 5px 1px rgba(1, 213, 93, 0.55); } .status-indicator__icon--yellow::before { background-color: rgba(240, 215, 0, 0.3); } .status-indicator__icon--yellow::after { background-color: rgb(240, 215, 0); box-shadow: 0px 0px 5px 1px rgba(240, 215, 0, 0.55); } .status-indicator__icon--red::before { background-color: rgba(238, 27, 27, 0.3); } .status-indicator__icon--red::after { background-color: rgb(238, 27, 27); box-shadow: 0px 0px 5px 1px rgba(238, 27, 27, 0.55); } .subnavigation { background-color: rgb(23, 24, 26); position: relative; z-index: 1; } .swiper-pagination { z-index: 1; } .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; border-radius: 0px; background-color: transparent; transition: all 0.1s ease 0s; cursor: pointer; } .swiper-pagination--red .swiper-pagination-bullet { border: 1px solid rgb(238, 27, 27); } .swiper-pagination--red .swiper-pagination-bullet-active { background-color: rgb(238, 27, 27); } .swiper-pagination--red .swiper-pagination-bullet:hover { box-shadow: 0px 0px 2px 1px rgb(238, 27, 27); } .table__userpic::before { content: ""; display: block; padding-bottom: 100%; } .table--primary .tbody .tr:nth-child(2n+1) { background-color: rgb(243, 243, 243); } .table--flex .th, .table--flex .td:not(.td__xs) { display: flex; align-items: center; } .ticket::before { content: ""; display: block; padding-bottom: 53.97%; } .title { font-size: 45px; text-transform: uppercase; font-weight: 300; line-height: 1.2; display: flex; padding-bottom: 2%; align-items: flex-end; width: 100%; text-shadow: 0px 0px 3px rgb(0, 0, 0); color: rgb(19, 20, 22); } .title::after { content: ""; display: block; height: 1px; flex-grow: 1; opacity: 0.5; margin: 0px 0px 5px 7px; background-color: rgb(255, 255, 255); } .title--blue { text-shadow: 1px 1px 0px rgb(91, 198, 254), -1px -1px 0px rgb(91, 198, 254), -1px 1px 0px rgb(91, 198, 254), 1px -1px 0px rgb(91, 198, 254); } .title--blue::after { background-color: rgb(103, 213, 255); } .title--green { text-shadow: 1px 1px 0px rgb(0, 228, 71), -1px -1px 0px rgb(0, 228, 71), -1px 1px 0px rgb(0, 228, 71), 1px -1px 0px rgb(0, 228, 71); } .title--green::after { background-color: rgb(0, 228, 71); } .title--yellow { text-shadow: 1px 1px 0px rgb(255, 230, 60), -1px -1px 0px rgb(255, 230, 60), -1px 1px 0px rgb(255, 230, 60), 1px -1px 0px rgb(255, 230, 60); } .title--yellow::after { background-color: rgb(255, 230, 60); } .title--orange { text-shadow: 1px 1px 0px rgb(245, 40, 7), -1px -1px 0px rgb(245, 40, 7), -1px 1px 0px rgb(245, 40, 7), 1px -1px 0px rgb(245, 40, 7); } .title--orange::after { background-color: rgb(245, 40, 7); } .tourney-page__subtitle::after { content: ""; display: block; height: 1px; flex-grow: 1; background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%; margin-left: 20px; } .tourney-page__rules-text p:not(:first-child) { margin-top: 10px; } .tourney-page__details-item:not(:first-child) { margin-top: 70px; } .tourney-page__details-item-key::after { content: ""; display: block; margin: 0px 10px; flex-grow: 1; height: 1px; background-color: rgba(255, 255, 255, 0.3); } .tourney-preview__image::before { content: ""; display: block; padding-bottom: 43.47%; } .tourney-preview__image[data-status]::after { content: attr(data-status); display: flex; justify-content: center; align-items: center; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%; text-transform: uppercase; font-size: 32px; color: rgb(255, 255, 255); } .tourneys__row:not(:last-child) { margin-bottom: 4%; } .upload__loader::before, .upload__loader::after { content: ""; height: 100%; width: 30%; display: block; position: relative; } .upload__loader::before { background: transparent linear-gradient(to right, rgb(25, 27, 30), rgba(255, 255, 255, 0)) repeat scroll 0% 0%; } .upload__loader::after { background: transparent linear-gradient(to left, rgb(25, 27, 30), rgba(255, 255, 255, 0)) repeat scroll 0% 0%; } .upload .select__value::before { right: 0px; } .user-profile__link + .user-profile__link:not(.user-profile__link--exit) { margin-top: 20px; } .landing .header__top-line::after { content: ""; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; object-fit: cover; background: rgb(19, 20, 22) none repeat scroll 0% 0%; z-index: 1; } .landing .header__fixed-wrapper::before { display: none; } .landing .menu-games::before { content: ""; position: absolute; height: 100%; top: 0px; object-fit: cover; width: 100%; left: 0px; background-color: rgb(28, 28, 28); transition: all 0.25s ease 0s; } .landing .menu-games .menu-games__item:nth-child(1) { transition-delay: 0.05s; z-index: 19; } .landing .menu-games .menu-games__item:nth-child(2) { transition-delay: 0.1s; z-index: 18; } .landing .menu-games .menu-games__item:nth-child(3) { transition-delay: 0.15s; z-index: 17; } .landing .menu-games .menu-games__item:nth-child(4) { transition-delay: 0.2s; z-index: 16; } .landing .menu-games .menu-games__item:nth-child(5) { transition-delay: 0.25s; z-index: 15; } .landing .menu-games .menu-games__item:nth-child(6) { transition-delay: 0.3s; z-index: 14; } .landing .menu-games .menu-games__item:nth-child(7) { transition-delay: 0.35s; z-index: 13; } .landing .menu-games .menu-games__item:nth-child(8) { transition-delay: 0.4s; z-index: 12; } .landing .menu-games .menu-games__item:nth-child(9) { transition-delay: 0.45s; z-index: 11; } .landing .menu-games .menu-games__item:nth-child(10) { transition-delay: 0.5s; z-index: 10; } .landing .menu-games .menu-games__item:nth-child(11) { transition-delay: 0.55s; z-index: 9; } .landing .menu-games .menu-games__item:nth-child(12) { transition-delay: 0.6s; z-index: 8; } .landing .menu-games .menu-games__item:nth-child(13) { transition-delay: 0.65s; z-index: 7; } .landing .menu-games .menu-games__item:nth-child(14) { transition-delay: 0.7s; z-index: 6; } .landing .menu-games .menu-games__item:nth-child(15) { transition-delay: 0.75s; z-index: 5; } .landing .menu-games .menu-games__item:nth-child(16) { transition-delay: 0.8s; z-index: 4; } .landing .menu-games .menu-games__item:nth-child(17) { transition-delay: 0.85s; z-index: 3; } .landing .menu-games .menu-games__item:nth-child(18) { transition-delay: 0.9s; z-index: 2; } .landing .menu-games .menu-games__item:nth-child(19) { transition-delay: 0.95s; z-index: 1; } .landing .menu-games .menu-games__item:nth-child(20) { transition-delay: 1s; z-index: 0; } @media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { } @media not all, only screen and (min--moz-device-pixel-ratio: 2), not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { } /* ::::: https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:500&subset=cyrillic ::::: */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fcrc4esa.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fabc4esa.woff2) format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fcbc4esa.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fbxc4esa.woff2) format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fcxc4esa.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fchc4esa.woff2) format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: local("Roboto Medium"), local("Roboto-Medium"), url(/shared/1874/kfolcnqeu92fr1mmeu9fbbc4.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgckyb8td.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgcayb8td.woff2) format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgcgyb8td.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgccyb8td.woff2) format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgcsyb8td.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgcoyb8td.woff2) format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 300; src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-33mzgcqybw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-19-7drs5.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-19a7drs5.woff2) format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-1967drs5.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-19g7drs5.woff2) format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-1927drs5.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-19y7drs5.woff2) format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url(/shared/1874/ievl2zhzi2ecn5jzbjeets9weq8-19k7dq.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megckyb8td.woff2) format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megcayb8td.woff2) format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megcgyb8td.woff2) format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megccyb8td.woff2) format("woff2"); unicode-range: U+370-3FF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megcsyb8td.woff2) format("woff2"); unicode-range: U+102-103, U+110-111, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megcoyb8td.woff2) format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url(/shared/1874/ievi2zhzi2ecn5jzbjeets9weq8-32megcqybw.woff2) format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @media only screen and (max-width: 1140px) {   .rec-game__notion {     font-size: 16px;   }   .rec-game__title {     font: 700 20px/1 "Roboto Condensed",sans-serif;   }   .game {     width: 45%;   }   .rec-game {     width: 48%;   }   .rec-game--personage-yellow {     margin: 10px 0 !important;   }   .game-group {     justify-content: center;   } } @media only screen and (max-width: 720px) {   .rec-game {     width: 100%;   }   .rec-game--personage-blue {     margin: 10px 0 !important;   }   .main-content {     padding: 0px 10px;   }   .game {     width: 100%;   }   .slide-box {     width: 100vw;   }   .content--header-slider {     justify-content: flex-start;     padding-bottom: 0;   }   .content {     margin: 0;   }   .header__slider-inner {     padding: 0;   }   .btn.btn--yellow {     display: none;   } }