@import url("in_css_e5820903fbc544d66b00a7272a4c2559.static.com");

@font-face {
    font-family: Rubik-normal;
    src: url(http://Rubik-normal.996e689d.woff2)
}

@font-face {
    font-family: Rubik-light;
    src: url(http://Rubik-light.a0a71076.woff2)
}

@font-face {
    font-family: Din-light;
    src: url(http://DINPro-CondensedLight.332676a5.woff2)
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

body {
    overflow: hidden;
    font-family: Rubik-normal
}

.container {
    max-width: 1800px;
    color: var(--color_1)
}

.container,
.container_fluide {
    width: 90%;
    margin: 0 auto
}

.text_center {
    text-align: center
}

.hide {
    opacity: 0
}

iframe,
img {
    max-width: 100%
}

.content p {
    font-weight: 200;
    line-height: 150%;
    margin-bottom: 15px
}

.content ul {
    margin-left: 40px;
    margin-bottom: 20px;
    font-weight: 200
}

.content ul li {
    margin-bottom: 10px
}

.content h2,
h3,
h4,
h5 {
    margin-bottom: 30px
}

.display_block {
    display: block !important
}

@media (orientation:landscape) {
    body {
        overflow: auto;
        position: relative
    }
}

@media screen and (max-width:767px) {
    body {
        overflow: auto
    }
}

@import url("in_css_fea1ee367ffaae619645449d5e1bd7a1.static.com");

:root {
    --time-animate: 8s
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.container {
    max-width: 1365px;
    width: 1365px;
    margin: 0 auto
}

@media (max-width:1279px) {
    .container {
        width: 100%
    }
}

.text_center {
    text-align: center
}

.hide {
    opacity: 0
}

iframe,
img {
    max-width: 100%
}

.display_block {
    display: block !important
}

.overflow-hidden {
    overflow: hidden !important
}

body {
    font-family: Roboto, sans-serif;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    background: #971310 url(http://background.aa9f8212.jpg) 50% no-repeat;
    background-color: #971310;
    -webkit-background-size: cover;
    background-size: cover;
    display: flex;
    flex-direction: column;
    position: relative
}

@media (min-width:768px) {
    body::before {
        content: "";
        position: fixed;
        inset: -20px;
        background: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url("https://betwinner.1winn-uz.site/wp-content/uploads/2026/08/Screenshot-2026-08-21-130859-1.webp") 50% no-repeat;
        background-size: cover;
        filter: blur(4px);
        z-index: -1;
        pointer-events: none
    }
}

@media only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    body {
        background: #beb0b0 url(http://background@2x.8b1d5016.jpg) 50% no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media (max-width:1023px) and (orientation:landscape) {

    body,
    html {
        overflow: visible
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    html {
        height: -webkit-fill-available
    }

    body {
        height: auto;
        min-height: 100vh;
        min-height: -webkit-fill-available;
        margin-bottom: env(safe-area-inset-bottom);
        background-color: #b0a9a9;
        --ion-safe-area-top: env(safe-area-inset-top);
        --ion-safe-area-bottom: env(safe-area-inset-bottom)
    }

    body::before {
        content: "";
        position: fixed;
        inset: -20px;
        background: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url("https://ik.imagekit.io/v3c8xxz93/Screenshot%202026-08-26%20145334.png") center top no-repeat;
        background-color: #050505;
        background-size: cover;
        filter: blur(2px);
        z-index: -1;
        pointer-events: none
    }
}

@media (max-width:359px) {

    body,
    html {
        overflow: visible;
        overflow-x: hidden
    }

    body {
        height: auto
    }
}

.header {
    position: relative;
    display: flex;
    padding-top: 25px;
    justify-content: center;
    flex-shrink: 0
}

.header__logo {
    width: 205px;
    /* height: 140px; */
    position: relative;
    z-index: 1
}

@media (max-width:767px) {
    .header__logo {
        width: 150px;
    /* height: 180px; */
    }
}

.main {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%
}

@media (max-width:767px) {
    .main {
        flex: 1
    }
}

@media (max-width:767px) and (orientation:landscape) {
    .main {
        height: auto
    }
}

@media (max-width:359px) {
    .main {
        height: auto
    }
}

.main__title {
    margin-top: -40px;
    text-align: center;
    font-family: Rubik-normal;
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 57px;
    color: #fff
}

@media (max-width:1366px) {
    .main__title {
        margin-top: 0
    }
}

@media (max-width:1023px) {
    .main__title {
        font-size: 42px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .main__title {
        margin-top: -22px;
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 20px
    }
}

.main__container {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: 525px;
    transform: translate(20px, -10px)
}

@media (max-width:1189px) {
    .main__container {
        transform: translateY(-10px)
    }
}

@media (max-width:1179px) {
    .main__container {
        height: 480px
    }
}

@media (max-width:1179px) and (orientation:landscape) {
    .main__container {
        height: auto
    }
}

@media (max-width:1023px) {
    .main__container {
        flex-direction: column;
        align-items: center;
        margin-top: 20px
    }
}

@media (max-width:767px) {
    .main__container {
        height: auto;
        justify-content: center
    }
}

@media (max-width:359px) {
    .main__container {
        height: auto
    }
}

.main__prize {
    position: relative;
    right: 200px;
    top: 80px
}

@media (max-width:1189px) {
    .main__prize {
        right: 120px;
        top: 120px;
        width: 300px
    }
}

@media (max-width:1023px) {
    .main__prize {
        display: none
    }
}

.main__left {
    position: relative;
    top: 70px;
    left: 128px
}

@media (max-width:1189px) {
    .main__left {
        left: 70px
    }
}

@media (max-width:1279px) {
    .main__left {
        left: 100px
    }
}

@media (max-width:1023px) {
    .main__left {
        display: none
    }
}

.main__wheel {
    width: 545px;
    height: 550px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%) scale(.9)
}

@media (max-width:1189px) {
    .main__wheel {
        width: 460px;
        height: 465px
    }
}

@media (max-width:1023px) {
    .main__wheel {
        transform: translate(0);
        order: 0;
        position: relative;
        left: 0
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .main__wheel {
        width: 375px;
        height: 423px;
        transform: translate(15px)
    }
}

.wheel__subtitle {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 90%;
    text-align: center;
    font-family: Rubik-normal;
    font-weight: 700;
    font-size: 24px;
    color: #000;
    background: #ffe600;
    padding: 8px 22px;
    border-radius: 999px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .45);
    white-space: nowrap;
    cursor: pointer;
    animation: ctaPopWiggle 2.4s ease-in-out infinite
}

@keyframes ctaPopWiggle {
    0% {
        transform: translateX(-50%) scale(1) rotate(0deg)
    }

    6% {
        transform: translateX(-50%) scale(1.12) rotate(-4deg)
    }

    12% {
        transform: translateX(-50%) scale(1.15) rotate(4deg)
    }

    18% {
        transform: translateX(-50%) scale(1.1) rotate(-3deg)
    }

    24% {
        transform: translateX(-50%) scale(1.12) rotate(3deg)
    }

    30% {
        transform: translateX(-50%) scale(1) rotate(0deg)
    }

    100% {
        transform: translateX(-50%) scale(1) rotate(0deg)
    }
}

@media (max-width:1189px) {
    .wheel__subtitle {
        font-size: 20px;
        bottom: -40px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__subtitle {
        font-size: 22px;
        bottom: -42px;
        padding: 12px 30px;
        white-space: nowrap
    }
}

.main__actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: translateY(-20px)
}

@media (max-width:1189px) {
    .main__actions {
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: translateY(-10px);
        margin-top: 20px
    }
}

@media (max-width:1179px) and (orientation:landscape) {
    .main__actions {
        margin-top: 10px
    }
}

.main__actions--register {
    background: #ffe600;
    border-radius: 4px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 240px;
    min-height: 48px;
    color: #4e4d5e;
    text-decoration: none;
    border: none;
    position: relative
}

.main__actions--register.loader:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(http://loader.3ad43c15.svg) 50% no-repeat #ffe600;
    top: 0;
    left: 0;
    border-radius: 4px
}

.main__actions--register:hover {
    cursor: pointer
}

.main__actions--login {
    font-family: Roboto;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    color: #fff;
    margin-top: 16px;
    position: relative
}

.main__actions--login:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    left: 0;
    bottom: -1px
}

@media (max-width:768px) {
    .main__actions--login {
        margin-top: 6px
    }
}

.text-money {
    color: #ffe600;
    font-size: 37px
}

@media (max-width:767px) {
    .text-money {
        font-size: 36px;
        line-height: 42px
    }
}

.text-yellow {
    color: #ffe600
}

.wheel {
    position: relative;
    width: 100%;
    height: 100%
}

.wheel__content {
    width: 504px;
    height: 510px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

@media (max-width:1189px) {
    .wheel__content {
        width: 460px;
        height: 465px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__content {
        width: 361px;
        height: 368px
    }
}

.wheel__drum {
    position: absolute;
    width: 436px;
    height: 436px;
    display: block;
    top: 40px;
    left: 50%;
    transform: translate(-50%)
}

@media (max-width:1189px) {
    .wheel__drum {
        width: 400px;
        height: 400px;
        top: 35px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__drum {
        width: 308px;
        height: 308px;
        top: 19px;
        margin-left: -13px
    }

    .wheel__drum img {
        width: 100%
    }
}

.wheel__drum.active {
    animation: var(--time-animate) wheel_rotate cubic-bezier(.1, .7, 0, 1.04) forwards
}

.wheel__podium {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width:767px) {
    .wheel__podium {
        display: block
    }
}

.wheel__podium-present {
    display: none;
    position: absolute;
    z-index: 2;
    width: 140px;
    bottom: 20px;
    left: -20px;
    right: 0
}

@media (max-width:767px) {
    .wheel__podium-present {
        display: block
    }
}

.wheel__border {
    width: 504px;
    height: 509px;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0
}

@media (max-width:1189px) {
    .wheel__border {
        width: 460px;
        height: 465px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__border {
        width: 340px;
        height: 351px
    }
}

.wheel__arrow {
    display: block;
    width: 101px;
    height: 75px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    z-index: 5
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__arrow {
        margin-left: -9px;
        margin-top: -3px;
        width: 69px;
        height: 52px
    }
}

.wheel__spin {
    position: absolute;
    display: block;
    width: 123px;
    height: 123px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    cursor: pointer;
    transition: opacity .24s ease
}

@media (max-width:1023px) {
    .wheel__spin {
        width: 100px;
        height: 100px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__spin {
        width: 84px;
        height: 84px;
        margin-left: -13px;
        margin-top: -9px
    }
}

.wheel__spin:before {
    content: "";
    display: block;
    background: url(whell_spin.webp) 50% 50% no-repeat;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out
}

@media only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .wheel__spin:before {
        background: url(whell_spin.webp) 50% 50% no-repeat;
        -webkit-background-size: contain !important;
        background-size: contain !important
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__spin:before {
        background: url(whell_spin.webp) 50% 50% no-repeat;
        -webkit-background-size: contain !important;
        background-size: contain !important
    }
}

@media only screen and (max-width:767px) and (min-device-pixel-ratio:2),
only screen and (max-width:767px) and (min-resolution:2dppx),
only screen and (max-width:767px) and (min-resolution:192dpi),
only screen and (max-width:844px) and (orientation:landscape) and (min-device-pixel-ratio:2),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:2dppx),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:192dpi) {
    .wheel__spin:before {
        background: url(whell_spin.webp) 50% 50% no-repeat;
        -webkit-background-size: contain !important;
        background-size: contain !important
    }
}

.wheel__spin:hover:before {
    background-image: url(whell_spin.webp)
}

@media only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .wheel__spin:hover:before {
        background: url(whell_spin.webp) 50% 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__spin:hover:before {
        background: url(whell_spin.webp) 50% 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }
}

@media only screen and (max-width:767px) and (min-device-pixel-ratio:2),
only screen and (max-width:767px) and (min-resolution:2dppx),
only screen and (max-width:767px) and (min-resolution:192dpi),
only screen and (max-width:844px) and (orientation:landscape) and (min-device-pixel-ratio:2),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:2dppx),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:192dpi) {
    .wheel__spin:hover:before {
        background: url(whell_spin.webp) 50% 50% no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }
}

.wheel__lights {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

@media (max-width:1024px) {
    .wheel__lights {
        width: 465px;
        height: 470px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__lights {
        width: 100%;
        height: 100%
    }
}

.wheel__lights-lamp {
    width: 10px;
    height: 99%;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -5px
}

@media (max-width:1024px) {
    .wheel__lights-lamp {
        top: 2px;
        margin-left: -8px
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__lights-lamp {
        width: 8px;
        top: -9px;
        margin-left: -15px
    }
}

.wheel__lights-lamp:after,
.wheel__lights-lamp:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 50%;
    border-radius: 50%
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {

    .wheel__lights-lamp:after,
    .wheel__lights-lamp:before {
        top: 20px
    }
}

.wheel__lights-lamp:before {
    background: radial-gradient(38.3% 38.34% at 49.98% 50.04%, hsla(0, 0%, 69.4%, 0) 0, hsla(0, 0%, 100%, .77) 100%) no-repeat 50% 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__lights-lamp:before {
        width: 8px;
        height: 8px;
        margin-top: 1px;
        margin-left: -6px;
        background-size: 100% 100%
    }
}

.wheel__lights-lamp:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.9' d='M18.108 4.141c3.23 4.474 2.224 10.723-2.25 13.967-4.473 3.23-10.723 2.224-13.966-2.25-3.23-4.473-2.224-10.723 2.25-13.966 4.485-3.23 10.735-2.224 13.966 2.25z' fill='url(%23paint0_radial)'/%3E%3Cpath d='M14.477 7.772a5.008 5.008 0 01-2.245 6.704 4.996 4.996 0 01-6.697-2.248c-1.25-2.463-.234-5.473 2.245-6.704a4.996 4.996 0 016.697 2.248z' fill='url(%23paint1_radial)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='rotate(-35.853 20.466 -10.461) scale(10.0003)'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.554' stop-color='%23FFEEB0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='paint1_radial' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(3.82981 -3.21804 3.2187 3.8306 9.998 10.004)'%3E%3Cstop stop-color='%23FFD000'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat 50% 50%;
    width: 20px;
    height: 20px;
    margin-top: -5px;
    margin-left: -10px
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .wheel__lights-lamp:after {
        width: 12px;
        height: 12px;
        margin-top: -2px;
        margin-left: -8px;
        background-size: 100% 100%
    }
}

.wheel__lights-lamp:nth-child(odd):after {
    animation: wheelLightsOdd 1.5s ease infinite backwards
}

.wheel__lights-lamp:nth-child(2n):after {
    animation: wheelLightsEven 1.5s ease infinite backwards
}

.wheel__lights-lamp:first-child {
    transform: rotate(0deg)
}

.wheel__lights-lamp:nth-child(2) {
    transform: rotate(15deg)
}

.wheel__lights-lamp:nth-child(3) {
    transform: rotate(30deg)
}

.wheel__lights-lamp:nth-child(4) {
    transform: rotate(45deg)
}

.wheel__lights-lamp:nth-child(5) {
    transform: rotate(60deg)
}

.wheel__lights-lamp:nth-child(6) {
    transform: rotate(75deg)
}

.wheel__lights-lamp:nth-child(7) {
    transform: rotate(90deg)
}

.wheel__lights-lamp:nth-child(8) {
    transform: rotate(105deg)
}

.wheel__lights-lamp:nth-child(9) {
    transform: rotate(120deg)
}

.wheel__lights-lamp:nth-child(10) {
    transform: rotate(135deg)
}

.wheel__lights-lamp:nth-child(11) {
    transform: rotate(150deg)
}

.wheel__lights-lamp:nth-child(12) {
    transform: rotate(165deg)
}

.wheel__lights-lamp:nth-child(13) {
    transform: rotate(180deg)
}

.wheel__lights-lamp:nth-child(14) {
    transform: rotate(195deg)
}

.wheel__lights-lamp:nth-child(15) {
    transform: rotate(210deg)
}

.wheel__lights-lamp:nth-child(16) {
    transform: rotate(225deg)
}

.wheel__lights-lamp:nth-child(17) {
    transform: rotate(240deg)
}

.wheel__lights-lamp:nth-child(18) {
    transform: rotate(255deg)
}

.wheel__lights-lamp:nth-child(19) {
    transform: rotate(270deg)
}

.wheel__lights-lamp:nth-child(20) {
    transform: rotate(285deg)
}

.wheel__lights-lamp:nth-child(21) {
    transform: rotate(300deg)
}

.wheel__lights-lamp:nth-child(22) {
    transform: rotate(315deg)
}

.wheel__lights-lamp:nth-child(23) {
    transform: rotate(330deg)
}

.wheel__lights-lamp:nth-child(24) {
    transform: rotate(345deg)
}

.wheel_animate {
    animation: rotate-shake 2s ease-in-out infinite
}

.arrow_animate {
    animation: arrow-animate 2s linear infinite
}

.spin_animate {
    animation: spin-animate 2s ease-in infinite
}

main {
    position: relative;
    flex: 1;
    display: flex;
    justify-content: center
}

footer {
    padding: 28px 0 0;
    flex-shrink: 0
}

@media (max-width:1365px) {
    footer {
        padding: 0
    }
}

.footer_link {
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-decoration-line: underline;
    color: #ffe600
}

.footer_link a {
    display: block;
    color: #ffe600
}

.overlay {
    width: 440px;
    height: 430px;
    background: url(http://overlay.3cff21a2.png) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%) rotate(180deg);
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    transition: 1s
}

@media only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .overlay {
        background: url(http://overlay@2x.6e25c75f.png) 50% 50% no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .overlay {
        width: 250px;
        height: 255px;
        background: url(http://overlay_mob.e79ce213.png) 50% 50% no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

@media only screen and (max-width:767px) and (min-device-pixel-ratio:2),
only screen and (max-width:767px) and (min-resolution:2dppx),
only screen and (max-width:767px) and (min-resolution:192dpi),
only screen and (max-width:844px) and (orientation:landscape) and (min-device-pixel-ratio:2),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:2dppx),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:192dpi) {
    .overlay {
        background: url(http://overlay_mob@2x.f19353ac.png) 50% 50% no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    }
}

.show {
    opacity: 1
}

.shine {
    width: 555px;
    height: 555px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(http://shine.5508d30f.png) no-repeat;
    background-position: 50% calc(50% + 15px);
    -webkit-background-size: contain;
    background-size: contain
}

@media only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:2dppx),
only screen and (min-resolution:192dpi) {
    .shine {
        background-image: url(http://shine@2x.3ebba006.png);
        -webkit-background-size: contain;
        background-size: contain
    }
}

@media (max-width:767px),
(max-width:844px) and (orientation:landscape) {
    .shine {
        width: 100%;
        height: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        background-image: url(http://shine_mob.1d0f7d7a.png);
        background-position: 50% calc(50% - 17px)
    }
}

@media only screen and (max-width:767px) and (min-device-pixel-ratio:2),
only screen and (max-width:767px) and (min-resolution:2dppx),
only screen and (max-width:767px) and (min-resolution:192dpi),
only screen and (max-width:844px) and (orientation:landscape) and (min-device-pixel-ratio:2),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:2dppx),
only screen and (max-width:844px) and (orientation:landscape) and (min-resolution:192dpi) {
    .shine {
        background-image: url(http://shine_mob@2x.bce6ce2e.png)
    }
}

.lp__overlay {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    background: rgba(0, 0, 0, .55);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    transition: 1s;
    display: none
}

.lp__win {
    font-family: Rubik-normal;
    width: 328px;
    height: 585px;
    background: radial-gradient(50% 50% at 50% 50%, #3c3c42 0, #0a0a0c 100%);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .05);
    border-radius: 12px;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    align-items: center
}

.lp__title {
    font-size: 32px;
    line-height: 38px
}

.lp__sub-title,
.lp__title {
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #fff
}

.lp__sub-title {
    font-size: 24px;
    line-height: 28px;
    margin-top: 16px
}

.lp__prize {
    font-size: 44px;
    line-height: 71px
    margin-top: 12px;
    color: #e9e9ec;
}

.lp__fs,
.lp__prize {
    font-style: normal;
    font-weight: 700;
    text-align: center;
    color: #c7c7cd;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.lp__fs {
    font-size: 44px;
    line-height: 34px;
    color: #fff;
}.lp__fs span {
    font-size: 24px;
}
.lp__img{margin-top:-60px}.lp__win a{text-decoration:none}.lp__btn{background:#ffe600;border-radius:999px;font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;width:240px;min-height:48px;color:#000;text-decoration:none;margin-top:20px;border:none;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.45)}.lp__btn:hover{cursor:pointer}.lp__btn.loader:before{content:"";position:absolute;width:100%;height:100%;z-index:2;background:url(http://loader.3ad43c15.svg) 50% no-repeat #ffe600;top:0;left:0;border-radius:999px}.display_flex{display:flex!important}.form-btn{display:block;text-decoration:none;text-align:center;padding:15px 24px;width:240px;background:#ffe600;border-radius:4px;font-family:Roboto;font-style:normal;font-weight:700;font-size:16px;line-height:19px;border:0;opacity:0;color:#4e4d5e;cursor:pointer;-webkit-transition:all .15s ease-in-out,color .15s ease-in-out;transition:all .15s ease-in-out,color .15s ease-in-out}.form-btn.btn-show{opacity:1}.form-btn:hover{background:#fd0}.attention{display:flex;align-items:center;justify-content:center;height:75px;background:#fff;font-family:Din-light;font-style:normal;font-weight:300;font-size:35px;line-height:100%;text-align:center;text-transform:uppercase;color:#717171}@media (max-width:1365px){.attention{font-size:28px;height:54px;font-size:17px}}@-webkit-keyframes rotate-shake{0%{transform:translateX(-50%) translateY(0) rotate(-3deg)}50%{transform:translateX(-50%) translateY(0) rotate(3deg)}to{transform:translateX(-50%) translateY(0) rotate(-3deg)}}@keyframes rotate-shake{0%{transform:translateX(-50%) translateY(0) rotate(-3deg)}50%{transform:translateX(-50%) translateY(0) rotate(3deg)}to{transform:translateX(-50%) translateY(0) rotate(-3deg)}}@keyframes wheelLightsOdd{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes wheelLightsEven{0%{opacity:1}50%{opacity:0}to{opacity:1}}@-webkit-keyframes spin-animate{0%{transform:translateX(-50%) translateY(-50%) scale(1)}50%{transform:translateX(-50%) translateY(-50%) scale(1.15)}to{transform:translateX(-50%) translateY(-50%) scale(1)}}@-webkit-keyframes arrow-animate{0%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(5px) scale(1.15)}to{transform:translateX(-50%) translateY(0) scale(1)}}@keyframes arrow-animate{0%{transform:translateX(-50%) translateY(0) scale(1)}50%{transform:translateX(-50%) translateY(5px) scale(1.15)}to{transform:translateX(-50%) translateY(0) scale(1)}}@keyframes wheel_rotate{0%{transform:translate(-50%) rotate(-60deg)}to{transform:translate(-50%) rotate(1259.5deg)}}@-webkit-keyframes wheel_rotate{0%{transform:translate(-50%) rotate(-60deg)}to{transform:translate(-50%) rotate(1259.5deg)}}.jq-checkbox{top:-1px;width:18px;height:18px;background:#367e0a;vertical-align:middle;cursor:pointer;border-radius:3px;overflow:visible!important}.jq-checkbox.checked .jq-checkbox__div{width:18px;height:17px;margin:-3px 0 0 3px!important;position:absolute;top:4px;left:0}.jq-checkbox.focused{border:1px solid #08c}.jq-checkbox.disabled{opacity:.55;filter:alpha(opacity=55)}.jq-radio{width:20px;height:20px;border-radius:50%;border:1px solid #d47c00;background:#eee1b3;vertical-align:middle;cursor:pointer;margin-right:2px;margin-top:-2px;position:relative}.jq-radio:before{width:10px;height:10px;background:#d47c00;content:"";position:absolute;top:5px;left:5px;border-radius:100%}.jq-radio.checked{border:1px solid #367e0a}.jq-radio.checked:before{width:10px;height:10px;background:#367e0a;content:"";position:absolute;top:5px;left:5px;border-radius:100%}.jq-radio.checked .jq-radio__div{width:6px;height:6px;margin:2px 0 0 2px;border-radius:50%;background:0 none}.jq-radio.focused{border:1px solid #08c}.jq-radio.disabled{opacity:.55;filter:alpha(opacity=55)}.jq-file{width:270px;box-shadow:0 1px 2px rgba(0,0,0,.1);border-radius:4px}.jq-file input{cursor:pointer;height:auto;line-height:1em}.jq-file__name{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:32px;padding:0 80px 0 10px;color:#333;font:14px/30px Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;border:1px solid;border-color:#ccc #ccc #b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1;background:#fff}.focused .jq-file__name{border:1px solid #5794bf}.jq-file__browse{position:absolute;top:1px;right:1px;padding:0 10px;border-left:1px solid #ccc;border-radius:0 4px 4px 0;background:#f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);color:#333;text-shadow:1px 1px #fff;font-family:Tahoma,sans-serif}.jq-file:hover .jq-file__browse{background-color:#e6e6e6;background-position:0 -10px}.jq-file:active .jq-file__browse{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}.jq-file.disabled .jq-file__name{color:#888}.jq-file.disabled,.jq-file.disabled .jq-file__browse{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-selectbox{vertical-align:top;cursor:pointer;width:100%}.jq-selectbox__select{height:40px;background:#deeaee;color:#888792;font-size:14px;width:100%;border-radius:10px;text-align:left;line-height:40px;padding:0 10px;font-family:Rubik-normal Condensed,sans-serif;-webkit-transition:all .2s;transition:all .2s}.jq-selectbox.disabled .jq-selectbox__select{background:#bebebe;color:#9eceb1}.jq-selectbox.disabled .jq-selectbox__select .jq-selectbox__trigger .jq-selectbox__trigger-arrow{border-top:5px solid #000}.jq-selectbox__select-text{display:block;width:90%!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jq-selectbox .placeholder{color:#888}.jq-selectbox__trigger{position:absolute;top:18px;right:0;width:34px;height:10px}.jq-selectbox__trigger-arrow{position:absolute;top:0;right:12px;width:0;height:0;overflow:hidden;width:9px;height:6px}.jq-selectbox:hover .jq-selectbox__trigger-arrow{opacity:1;filter:alpha(opacity=100)}.jq-selectbox.disabled .jq-selectbox__trigger-arrow{opacity:.3;filter:alpha(opacity=30)}.jq-selectbox__dropdown{top:44px;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;background:#fff none repeat scroll 0 0;border:1px solid #e8e8e8;border-radius:5px;font-family:Rubik-normal Condensed,sans-serif;font-size:14px;z-index:20;text-align:left}.jq-selectbox__search{margin:5px;display:none}.jq-selectbox__search input{-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin:0;padding:0 10px;line-height:36px;outline:none;border-radius:3px;color:#fff;-webkit-appearance:textfield}.jq-selectbox__search input::-webkit-search-cancel-button,.jq-selectbox__search input::-webkit-search-decoration{-webkit-appearance:none}.jq-selectbox__not-found{margin:5px;padding:5px 8px 6px;background:#f0f0f0;font-size:13px}.jq-selectbox ul{margin:0;padding:0}.jq-selectbox li{min-height:18px;padding:5px 10px 6px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-o-user-select:none;white-space:nowrap;color:#6c7a89}.jq-selectbox li.selected,.jq-selectbox li:hover{background-color:#bababa;color:#fff}.jq-selectbox li:first-child.selected,.jq-selectbox li:first-child:hover{border-radius:2px 2px 0 0}.jq-selectbox li:last-child.selected,.jq-selectbox li:last-child:hover{border-radius:0 0 2px 2px}.jq-selectbox li.disabled{color:#aaa}.jq-selectbox li.disabled:hover{background:none}.jq-selectbox li.optgroup{font-weight:700}.jq-selectbox li.optgroup:hover{background:none;color:#231f20;cursor:default}.jq-selectbox li.option{padding-left:25px}.jq-select-multiple{-moz-box-sizing:border-box;box-sizing:border-box;padding:1px;border:1px solid;border-color:#ccc #ccc #b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);background:#fff;color:#333;font:14px/18px Arial,sans-serif;cursor:default}.jq-select-multiple.focused{border:1px solid #5794bf}.jq-select-multiple.disabled{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.jq-select-multiple ul{margin:0;padding:0}.jq-select-multiple li{padding:3px 9px 4px;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;white-space:nowrap}.jq-select-multiple li:first-child{border-radius:3px 3px 0 0}.jq-select-multiple li:last-child{border-radius:0 0 3px 3px}.jq-select-multiple li.selected{background:#08c;color:#fff}.jq-select-multiple li.disabled{color:#aaa}.jq-select-multiple.disabled li.selected,.jq-select-multiple li.selected.disabled{background:#ccc;color:#fff}.jq-select-multiple li.optgroup{font-weight:700}.jq-select-multiple li.option{padding-left:25px}input[type=email].styler,input[type=number].styler,input[type=password] .styler,input[type=search].styler,input[type=tel].styler,input[type=text].styler,input[type=url].styler,textarea.styler{padding:7px 9px;border:1px solid;border-color:#ccc #ccc #b3b3b3;border-radius:4px;box-shadow:inset 1px 1px #f1f1f1,0 1px 2px rgba(0,0,0,.1);color:#333;font:14px Arial,sans-serif}input[type=search].styler{-webkit-appearance:none}textarea.styler{overflow:auto}input[type=email] .styler:hover,input[type=number].styler:hover,input[type=password].styler:hover,input[type=search] .styler:hover,input[type=tel].styler:hover,input[type=text].styler:hover,input[type=url] .styler:hover,textarea.styler:hover{border-color:#b3b3b3}input[type=email] .styler:focus,input[type=number].styler:focus,input[type=password] .styler:focus,input[type=search].styler:focus,input[type=tel].styler:focus,input[type=text] .styler:focus,input[type=url].styler:focus,textarea.styler:focus{border-color:#b3b3b3 #ccc #ccc;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);outline:none}button.styler,input[type=button].styler,input[type=reset].styler,input[type=submit] .styler{overflow:visible;padding:7px 11px;outline:none;border:1px solid;border-color:#ccc #ccc #b3b3b3;border-radius:4px;background:#f1f1f1 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAIAAABi9+OQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpi+v//PxM2zMDAQEtxgAADAF2uTe9L4getAAAAAElFTkSuQmCC) repeat-x;box-shadow:inset 1px -1px #f1f1f1,inset -1px 0 #f1f1f1,0 1px 2px rgba(0,0,0,.1);color:#333;text-shadow:1px 1px #fff;font:14px Arial,sans-serif;cursor:pointer}button.styler::-moz-focus-inner,input[type=button].styler::-moz-focus-inner,input[type=reset] .styler::-moz-focus-inner,input[type=submit].styler::-moz-focus-inner{padding:0;border:0}button.styler:after{content:""}button.styler:not([disabled]):hover,input[type=button] .styler:not([disabled]):hover,input[type=reset].styler:hover,input[type=submit] .styler:not([disabled]):hover{background-color:#e6e6e6;background-position:0 -10px}button.styler:not([disabled]):active,input[type=button].styler:not([disabled]):active,input[type=reset].styler:active,input[type=submit] .styler:not([disabled]):active{background:#f5f5f5;box-shadow:inset 1px 1px 3px #ddd}button.styler[disabled],input[type=button].styler[disabled],input[type=submit] .styler[disabled]{border-color:#ccc;background:#f5f5f5;box-shadow:none;color:#888}.registration{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:12px;max-width:940px;width:100%;background-color:#fff;overflow:hidden}.popup{position:fixed;display:none;font-family:Roboto,sans-serif;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:999;backdrop-filter:blur(8px)}.popup.activate{display:block!important}.popup .form{display:flex;width:100%;flex-flow:row nowrap}.popup-form{width:100%;padding:16px;min-width:365px}.popup-form,.popup-form input{background:#fff}.popup-form__title{font-size:24px;line-height:28px;font-weight:700;text-align:center;color:#4e4d5e;margin-bottom:24px}.popup-form .tabs{display:flex;flex-flow:row nowrap;margin-top:12px;margin-bottom:16px}.popup-form .tabs span{max-width:50%;width:100%;font-weight:700;font-size:14px;line-height:22px;text-align:center;padding:9px 0;text-transform:uppercase;color:#d20032;border-bottom:2px solid rgba(78,77,94,.1);cursor:pointer}.popup-form .tabs .active{color:#4e4d5e;border-bottom:2px solid #4e4d5e}.popup-form .label{margin-bottom:16px}.popup-form label{font-size:12px;font-weight:400;line-height:16px;color:#4e4d5e}.popup-form .label input{width:100%;height:40px;padding:0 8px;border:1px solid #b3b3b3;border-radius:4px;font-size:14px}.popup-form .error{font-size:12px;line-height:14px;color:#d20032}.label-select-val{display:flex;flex-flow:row nowrap;justify-content:space-between;color:#4e4d5e}.label-select-val .jq-radio{width:20px;height:20px}.form-btn,.popup-btn{position:relative;display:inline-block;min-width:240px;width:100%;color:#4e4d5e;background:#ffe600;transition:background .3s ease;padding:15px;font-weight:700;font-size:16px;line-height:19px;border-radius:4px;border:none;cursor:pointer}.popup-btn.loader:before{content:"";position:absolute;width:100%;height:100%;z-index:2;background:url(http://loader.3ad43c15.svg) 50% no-repeat #ffe600;top:0;left:0;border-radius:4px}.form-btn:hover,.popup-btn:hover{background:#fd0}.popup-politics{color:#4e4d5e;font-size:12px;line-height:14px;text-align:center;max-width:290px;margin:0 auto 32px}.popup-politics a{color:#d20032;text-decoration:none;cursor:pointer}.social-block{font-size:12px;line-height:14px;color:#4e4d5e;text-align:center}.social-block p{position:relative}.social-block p:after,.social-block p:before{position:absolute;content:"";height:1px;max-width:100px;width:100%;background-color:#d1d5e1;top:50%;transform:translateY(-50%)}.social-block p:before{left:0}.social-block p:after{right:0}.popup-login{font-weight:400;font-size:16px;line-height:22px;color:#4e4d5e;text-align:center;margin-top:52px}.popup-login a{color:#d20032;text-decoration:none}.popup-form__img{display:none}.popup-form__img img{width:100%}.popup-form__banner{max-width:580px;max-height:660px}.social-list{display:flex;flex-flow:row nowrap;margin:12px auto 0;justify-content:center;align-items:center}.social-list li:not(:last-child){margin-right:16px}@media (min-width:320px) and (max-width:1020px){.popup-form__banner{display:none}.popup-form__img{display:block}.registration{max-width:365px}}@media screen and (max-width:1023px) and (orientation:landscape){.popup.activate{overflow:scroll}.registration{margin-top:100px}}.footeWrapper{display:flex;padding:0 6px 7px}.footerRight{display:flex}.footerLeft{font-weight:300;font-size:10px;line-height:12px;color:#fff;opacity:.8;max-width:65%;font-family:Roboto,sans-serif}.footerLeft,.logoItem{display:flex;align-items:center}.logoItem{height:40px;padding-left:5px;padding-right:5px}@media (min-width:320px) and (max-width:767px){.footeWrapper{flex-direction:column-reverse}.footerLeft,.footerRight{min-width:100%}.footerLeft{font-size:6px;line-height:7px}}@media screen and (min-width:768px) and (max-width:1365px){.footeWrapper{flex-direction:column-reverse}.footerLeft,.footerRight{min-width:100%}.footerRight{justify-content:center}.footerLeft{font-size:10px;text-align:center;margin-top:10px}}
/*# sourceMappingURL=/style.944de99a.css.map */