@font-face{
    font-family:GothamProMed;
    src:url(../fonts/GothamProMed.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamProMed.otf) format("opentype"),url(../fonts/GothamProMed.woff) format("woff"),url(../fonts/GothamProMed.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:GothamProBlack;
    src:url(../fonts/GothamProBlack.eot?#iefix) format("embedded-opentype"),url(../fonts/GothamProBlack.otf) format("opentype"),url(../fonts/GothamProBlack.woff) format("woff"),url(../fonts/GothamProBlack.ttf) format("truetype");
    font-weight:400;
    font-style:normal
}
*{
    margin:0;
    padding:0
}
img{
    width:100%;
    height:auto;
    display:block
}
a{
    color:inherit;
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
html{
    height:100%
}
.page{
    font-family:Roboto,Arial,sans-serif;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    line-height:1.15;
    -webkit-tap-highlight-color:transparent;
    font-size:10px;
    background:url(../img/Casino.jpg);
    height:100%;
    background-repeat: no-repeat;
    background-size: cover;
    overflow-x: scroll;
}
.blur_wrap{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    top:0;
    filter:blur(5px);
    width:100%;
    min-height:100%;
    z-index:5
}
.layout{
    min-height:100vh;
    position:relative;
    z-index:2;
    overflow-x:hidden
}
.mob{
    display:none
}
html.hide{
    display:block
}
html.hide .blur_wrap{
    background:0 0;
    position:relative;
    filter:none
}
.preloader{
    width:5em;
    height:5em;
    position:absolute;
    z-index:6
}
html.en .en{
    display:block
}
html .en{
    display:none
}
html.ru .ru{
    display:block
}
html .ru{
    display:none
}
html.de .de{
    display:block
}
html .de{
    display:none
}
html.pl .pl{
    display:block
}
html .pl{
    display:none
}
html.no .no{
    display:block
}
html .no{
    display:none
}
html.dk .dk{
    display:block
}
html .dk{
    display:none
}
html.cz .cz{
    display:block
}
html .cz{
    display:none
}
html.ro .ro{
    display:block
}
html .ro{
    display:none
}
html.ee .ee{
    display:block
}
html .ee{
    display:none
}
html.lv .lv{
    display:block
}
html .lv{
    display:none
}
html.lt .lt{
    display:block
}
html .lt{
    display:none
}
html.gr .gr{
    display:block
}
html .gr{
    display:none
}
html.hu .hu{
    display:block
}
html .hu{
    display:none
}
html.jp .jp{
    display:block
}
html .jp{
    display:none
}
html.pt .pt{
    display:block
}
html .pt{
    display:none
}
html.es .es{
    display:block
}
html .es{
    display:none
}
.lang_switcher_outer{
    position:absolute;
    font-family:Roboto,Arial,sans-serif;
    top:2em;
    right:3em;
    width:14.5em;
    height:3.5em;
    z-index:3;
    cursor:pointer;
    color:#fff;
    text-transform:uppercase;
    font-weight:400
}
.lang_switcher_outer .lang_switcher{
    user-select:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    display:block;
    cursor:pointer;
    border-radius:1.3em;
    position:relative;
    padding-bottom:1.75em;
    z-index:3;
    background:#00beee
}
.lang_switcher_outer .lang_switcher .curr_lang{
    position:relative;
    display:inline-block;
    top:.5em;
    margin:0 .5em 0 0
}
.lang_switcher_outer .lang_switcher .curr_lang span{
    font-size:1.3em;
    padding:.35em 0 0 0;
    display:inline-block
}
.lang_switcher_outer .lang_switcher .curr_lang em{
    top:.4em;
    margin:0 .5em 0 0
}
.lang_switcher_outer i{
    background:url(../img/lang-arr.png) 0 0 no-repeat;
    background-size:contain;
    width:1.3em;
    position:absolute;
    height:.8em;
    right:1em;
    top:1.25em
}
.lang_switcher_outer p{
    font-size:1.1em;
    position:relative;
    color:#fff;
    top:.4em;
    text-transform:none;
    display:inline-block;
    width:50%;
    text-align:center
}
.lang_flag{
    display:inline-block;
    width:1.6em;
    height:1.6em;
    background-image:url(../img/flags.png);
    background-size:1.6em 32em;
    margin:0 .7em 0 1.1em;
    position:relative;
    top:.25em
}
.lang_flag.flag_en{
    background-position:0 0
}
.lang_flag.flag_ru{
    background-position:0 -1.6em
}
.lang_flag.flag_pt{
    background-position:0 -3.2em
}
.lang_flag.flag_es{
    background-position:0 -4.8em
}
.lang_flag.flag_hu{
    background-position:0 -6.4em
}
.lang_flag.flag_ro{
    background-position:0 -8em
}
.lang_flag.flag_fi{
    background-position:0 -9.6em
}
.lang_flag.flag_de{
    background-position:0 -12.8em
}
.lang_flag.flag_pl{
    background-position:0 -14.4em
}
.lang_flag.flag_dk{
    background-position:0 -16em
}
.lang_flag.flag_no{
    background-position:0 -17.6em
}
.lang_flag.flag_fr{
    background-position:0 -19.2em
}
.lang_flag.flag_jp{
    background-position:0 -11.2em
}
.lang_flag.flag_cz{
    background-position:0 -20.8em
}
.lang_flag.flag_gr{
    background-position:0 -22.4em
}
.lang_flag.flag_no{
    background-position:0 -24em
}
.lang_flag.flag_es{
    background-position:0 -25.6em
}
.lang_flag.flag_ee{
    background-position:0 -27.2em
}
.lang_flag.flag_lv{
    background-position:0 -28.8em
}
.lang_flag.flag_lt{
    background-position:0 -30.4em
}
.lang_list{
    position:absolute;
    list-style-type:none;
    top:2.5em;
    display:none;
    right:0;
    width:8.2em;
    border-radius:0 0 1em 1em;
    overflow:hidden;
    cursor:auto
}
.lang_list.act{
    display:block
}
.lang_list li{
    background:#1e70ee;
    height:3em;
    cursor:pointer
}
.lang_list li span{
    font-size:1.3em;
    padding:.5em 0 0 0;
    display:inline-block
}
.lang_list li.curr{
    pointer-events:none;
    background:#00beee
}
.lang_list li:hover{
    background:#00beee
}
.lang_list li:first-of-type{
    padding-top:1.25em
}
.logo_wrap{
    position:absolute;
    z-index:5;
    left:50%;
    transform:translateX(-50%);
    top:3em
}
.logo{
    width:17.5em;
    height:10.2em;
    margin:0 auto
}
.container{
    padding:12em 0 0 0;
    overflow:hidden;
    height:100vh;
}
.game_wrap{
    position:relative;
    width:100em;
    margin:0 auto;
    min-height:75em
}
.txt_1{
    text-align:center;
    color:#fff;
    font-weight: 600;
    font-size:5.2em;
    font-family:GothamProBlack,Roboto,Arial,sans-serif;
    position: relative;
    bottom: 30px;
}
.txt_1 .cz,.txt_1 .gr,.txt_1 .lt,.txt_1 .lv,.txt_1 .pl,.txt_1 .ro{
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    font-weight:700
}
#game_2 .txt_1{
    padding:0 2em
}
.wheel_wrap{
    width:100em;
    height:100em;
    position:relative;
    font-size:75%;
    margin:0 auto
}
.wheel_spinner{
    margin:0 auto;
    width:70em;
    height:70em;
    position:relative;
    transform-origin:50%
}
.wheel_spinner.wheel_spinner_animated{
    animation:2s spinner ease-in-out infinite
}
.wheel_spinner.wheel_spinner_animated_1{
    animation:4s spinTo1 ease-in-out forwards
}
.wheel_win_frame{
    background: url(../img/wheel-win-frame.png) 0 0 no-repeat;
    width: 10em;
    height: 15em;
    background-size: contain;
    position: absolute;
    top: -5em;
    left: 51%;
    transform: translateX(-50%);
    z-index: 3;
}
.wheel_btn{
    cursor: pointer;
    position: absolute;
    top: 25em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    background: url(../img/wheel-btn.png) 50% -23em no-repeat;
    background-size: 22em 44em;
    width: 10em;
    height: 10em;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 4em 0;
    font-size: 116%;s
}
.wheel_btn:hover{
    background-position:50% 0
}
.wheel_btn.disabled{
    pointer-events:none
}
.wheel_btn span{
    color:#fff;
    text-transform:uppercase;
    font-size:2.6em;
    line-height:1;
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    font-weight:700
}
html.cz .wheel_btn,html.ee .wheel_btn,html.hu .wheel_btn,html.ro .wheel_btn,html.ru .wheel_btn{
    padding:9.75em 0
}
html.cz .wheel_btn span,html.ee .wheel_btn span,html.hu .wheel_btn span,html.ro .wheel_btn span,html.ru .wheel_btn span{
    font-size:3.5em
}
.bonus_wrap{
    width:15.6em;
    height:14.7em;
    box-sizing:border-box;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    border:.2em solid #00beee;
    border-radius:1.2em;
    background:#000;
    padding:2em 0 0 0;
    left:-12em;
    display:none
}
.bonus_wrap div{
    margin:0 0 1.5em 0;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    flex-direction:row
}
.bonus_wrap div em{
    font-style:normal;
    color:#fff;
    font-family:GothamProMed,Roboto,Arial,sans-serif;
    font-size:2.7em;
    position:relative;
    top:-.1em;
    display:inline-block
}
.bonus_wrap img{
    margin:0 1.2em 0 0;
    display:inline-block
}
.bonus_wrap strong{
    color:#fff000;
    font-size:2.65em;
    font-family:GothamProBlack,Roboto,Arial,sans-serif
}
.bonus_wrap strong .jp{
    font-size:80%
}
.bonus_wrap.bonus_1{
    top:7em
}
.bonus_wrap.bonus_1 img{
    width:2.6em;
    height:2.5em
}
.bonus_wrap.bonus_2{
    top:24.5em
}
.bonus_wrap.bonus_2 img{
    width:3.6em;
    height:2.6em
}
.bonus_wrap.bonus_2 strong .no{
    font-size:85%
}
#game_2{
    display:none
}
.scratches_wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    flex-direction:row
}
.scratch_outer{
    background:url(../img/scratch-bg.png) 0 0 no-repeat;
    background-size:contain;
    width:49.8em;
    height:34.7em;
    position:relative;
    cursor:pointer;
    margin:0 -4em -8em
}
.scratch_outer.scratch_outer_hover .scratch_hover{
    animation:opacity .35s ease-in-out forwards
}
.scratch_outer.used{
    cursor:auto
}
.scratch_outer.used .scratch_action,.scratch_outer.used .scratch_hover{
    display:none
}
.scratch_outer.used .scratch_bonus,.scratch_outer.used .scratch_txt,.scratch_outer.used .scratch_used{
    opacity:1;
    display:block
}
.scratch_outer.scratch_outer_action_1 .scratch_action{
    animation:opacity .35s ease-in-out forwards;
    display:block
}
.scratch_outer.scratch_outer_action_1 .scratch_bonus{
    animation:opacity .7s ease-in-out forwards;
    display:block
}
.scratch_outer.scratch_outer_action_1 .scratch_txt{
    animation:opacity 1.05s ease-in-out forwards;
    display:block
}
.scratch_outer.scratch_outer_action_1 .scratch_hover{
    display:none
}
.scratch_hover{
    position:absolute;
    left:0;
    top:0;
    opacity:0;
    background:url(../img/scratch-hover.png) 0 0 no-repeat;
    width:49.8em;
    height:34.7em;
    background-size:contain;
    transition:.5s ease opacity;
    z-index:2
}
.scratch_hover.scratch_hover_mouseleave{
    animation:opacity-reverse .35s ease-in-out forwards
}
.scratch_action{
    position:absolute;
    display:none;
    width:35.4em;
    height:20.3em;
    left:7.2em;
    top:7.2em;
    z-index:3
}
.scratch_used{
    position:absolute;
    display:none;
    width:35.4em;
    height:20.3em;
    left:7.2em;
    top:7.2em;
    z-index:3
}
.scratch_bonus{
    width:35.7em;
    height:20.3em;
    z-index:2;
    left:7.2em;
    top:7.2em;
    text-align:center;
    opacity:0;
    position:absolute;
    box-sizing:border-box
}
.scratch_bonus div{
    width:100%;
    height:100%
}
.scratch_txt{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:10.5em;
    opacity:0;
    z-index:3
}
.x_img{
    width:24.3em;
    height:13.1em
}
.elem_cur_brl,.elem_cur_cl,.elem_cur_pe{
    display:none
}
html.cur_pe .elem_cur_ar,html.cur_pe .elem_cur_cl{
    display:none
}
html.cur_pe .elem_cur_pe{
    display:inline-block
}
html.cur_cl .elem_cur_ar,html.cur_cl .elem_cur_pe{
    display:none
}
html.cur_cl .elem_cur_cl{
    display:inline-block
}
html.cur_brl .elem_cur_pt{
    display:none
}
html.cur_brl .elem_cur_brl{
    display:inline-block
}
@keyframes opacity{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes opacity-reverse{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
@keyframes spinner{
    0%{
        transform:rotate(-53deg)
    }
    50%{
        transform:rotate(-46deg)
    }
    100%{
        transform:rotate(-53deg)
    }
}
@keyframes spinTo1{
    0%{
        transform:rotate(-53deg)
    }
    70%{
        transform:rotate(724deg)
    }
    80%{
        transform:rotate(714deg)
    }
    100%{
        transform:rotate(720deg)
    }
}
.popup_overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    background:rgba(0,0,0,.75);
    z-index:4;
    display:none
}
.popup_window{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    top:4em;
    width:62em;
    box-sizing:border-box;
    min-height:55em;
    border-radius:1.2em;
    overflow:hidden;
    border:.8em solid #fff;
    background:#191a24;
    padding:3em 4.25em;
    text-align:center;
    display:none;
    font-size:100%
}
.popup_window#popup_window_2,.popup_window#popup_window_3{
    padding:3em 2em
}
.popup_window#popup_window_3{
    font-size:85%
}
.popup_txt_1{
    color:#fff;
    text-transform:uppercase;
    font-family:GothamProBlack,Roboto,Arial,sans-serif;
    font-size:4.8em;
    margin:0 0 .25em 0
}
.popup_txt_1 .pl{
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    font-weight:700
}
.popup_anim{
    margin:0 auto 1em;
    width:36em;
    height:36em
}
.popup_btn{
    min-width:32em;
    height:8.5em;
    border-radius:1em;
    overflow:hidden;
    text-decoration:none;
    margin:0 auto;
    background-color:#898989;
    transition:.2s ease box-shadow;
    text-align:center;
    cursor:pointer;
    box-sizing:border-box;
    padding:1.7em 1em;
    max-width:50em;
    white-space:nowrap
}
.popup_btn span{
    font-size:4.4em;
    text-transform:uppercase;
    color:#fff;
    font-weight:700;
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    white-space:nowrap
}
.popup_btn.cz,.popup_btn.de,.popup_btn.hu,.popup_btn.ro{
    padding:2.2em 1em
}
.popup_btn.cz span,.popup_btn.de span,.popup_btn.hu span,.popup_btn.ro span{
    font-size:3.4em
}
.popup_txt_2{
    color:#fff;
    text-transform:uppercase;
    font-family:GothamProBlack,Roboto,Arial,sans-serif;
    font-size:4.8em;
    margin:0 0 .25em 0
}
.popup_txt_2 strong{
    color:#fff000;
    display:block
}
.popup_txt_2 .cz,.popup_txt_2 .gr,.popup_txt_2 .jp,.popup_txt_2 .lt,.popup_txt_2 .lv,.popup_txt_2 .ro{
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    font-weight:700
}
.popup_img{
    margin:2.5em auto;
    width:38.6em;
    height:29em
}
.popup_txt_3{
    text-align:center;
    text-transform:uppercase;
    color:#fff;
    font-family:GothamProBlack,Roboto,Arial,sans-serif;
    font-size:4.8em
}
.popup_txt_3 strong{
    color:#fff000
}
.popup_txt_3 .cz,.popup_txt_3 .gr,.popup_txt_3 .hu,.popup_txt_3 .jp,.popup_txt_3 .lt,.popup_txt_3 .lv,.popup_txt_3 .ro{
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    font-weight:700
}
.popup_bonuses{
    display:flex;
    flex-direction:row;
    justify-content:center;
    flex-wrap:wrap;
    padding:2.5em 0
}
.popup_bonuses .bonus_wrap{
    position:static;
    margin:0 1.4em
}
.popup_txt_4{
    text-align:center;
    color:#fff;
    font-family:GothamProMed,Roboto,Arial,sans-serif;
    font-size:4.8em;
    line-height:1;
    margin:0 0 .15em 0
}
.popup_txt_4 .gr{
    font-family:'Open Sans',Roboto,Arial,sans-serif;
    font-weight:700
}
.popup_code_txt{
    text-align:center;
    display:inline-block;
    font-size:4.8em;
    color:#fff000;
    font-family:GothamProBlack,Roboto,Arial,sans-serif;
    position:relative;
    text-transform:uppercase;
    margin:0 0 .35em 0
}
.popup_code_txt:after{
    position:absolute;
    right:-.75em;
    top:-.05em;
    font-family:GothamProMed,Roboto,Arial,sans-serif;
    content:']';
    font-size:inherit;
    color:#fff
}
.popup_code_txt:before{
    position:absolute;
    left:-.75em;
    top:-.05em;
    font-family:GothamProMed,Roboto,Arial,sans-serif;
    content:'[';
    font-size:inherit;
    color:#fff
}
@media (max-width:1280px){
    .page{
        font-size:9px
    }
}
@media (max-width:1140px){
    .page{
        font-size:8.75px
    }
}
@media (max-width:1100px){
    .page{
        font-size:8px
    }
}
@media (max-width:1000px){
    .page{
        font-size:7px
    }
}
@media (max-width:880px){
    .page{
        font-size:6.5px
    }
}
@media (max-width:820px){
    .page{
        font-size:6px
    }
}
@media (max-width:930px) and (orientation:landscape){
    .page{
        font-size:4.75px;
       
    }
    .lang_switcher_outer{
        font-size:7px
    }
}
@media (max-width:812px) and (orientation:landscape){
    .page{
        font-size:4.5px
    }
}
@media (max-width:736px) and (orientation:landscape){
    .page{
        font-size:4.25px
    }
}
@media (max-width:667px) and (orientation:landscape){
    .page{
        font-size:4px
    }
}
@media (max-width:568px) and (orientation:landscape){
    .page{
        font-size:3.75px
    }
}
@media (max-width:650px) and (orientation:portrait){
    .page{
        font-size:10px;
        background:url(../img/bg-mob.jpg) 50% -45px no-repeat #898989;
        background-size:650px
    }
    .game_wrap{
        width:100%
    }
    .wheel_wrap{
        font-size:60%
    }
    .scratches_wrap{
        font-size:70%
    }
    .popup_window{
        font-size:85%;
        top:26em
    }
    .txt_1{
        padding:0 1em;
        text-align:center;
        max-width:55%;
        margin:0 auto;
    }
    .bonus_wrap{
        bottom:4em;
        z-index:4
    }
    .bonus_wrap.bonus_1{
        left:8em;
        top:auto
    }
    .bonus_wrap.bonus_2{
        right:8em;
        top:auto;
        left:auto;
        z-index:4
    }
    .lang_switcher_outer{
        font-size:7.5px;
        width:8.5em;
        right:1em;
        top:1em
    }
    .lang_switcher_outer p{
        display:none
    }
    .lang_switcher_outer .lang_switcher .curr_lang{
        margin:0 .5em 0 1em
    }
    .logo{
        width:26.8em;
        height:15.5em
    }
    .container{
        padding:22em 0 0 0
    }
}
@media (max-width:605px) and (orientation:portrait){
    .page{
        font-size:9px;
        background-size:605px
    }
}
@media (max-width:555px) and (orientation:portrait){
    .page{
        font-size:8px;
        background-size:555px
    }
}
@media (max-width:495px) and (orientation:portrait){
    .page{
        font-size:7px;
        background-size:495px
    }
}
@media (max-width:425px) and (orientation:portrait){
    .page{
        font-size:6px;
        background-size:425px
    }
}
@media (max-width:375px) and (orientation:portrait){
    .page{
        font-size:5px;
        background-size:375px
    }
    .wheel_wrap{
        font-size:64%
    }
}


/*modal last*/

.input_1{
    border-radius: 8px;
    background-color: rgb(255, 255, 255);
    box-shadow: inset 0px 0px 6.6px 0.6px rgba(24, 22, 25, 0.45);
    font-size: 16px;
    letter-spacing: 0.6px;
    position: relative;
    padding-top: 15px;
    padding-bottom: 15px;
    color: black;
    font-weight: 500;
    width: 100%;
    padding-left: 15px;
}
.modal-footer{
    justify-content: center;
    display: block;
    border:0px;
}
.last_btn{
    background-color: orange;
    border: oldlace;
    height: 50px;
    width: 100%;
    font-size: 20px;
    font-weight: 800;
    box-shadow: inset 0px 0px 6.7px 0.6px rgba(24, 22, 25, 0.45);
    border-radius: 5px;
}
.last_btn{
    color: #fff;
}

.btn-secondary:hover {
    color: #fff;
    background-color: orange;
    border-color: orange;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: orange;
    border-color: orange;
}
.modal-backdrop.show {
    opacity: 0;
    display: none;
}