﻿@import url("css2-Interwght100200300400500600700800900_swap.css");
.lang_switcher_outer
{
    cursor: pointer;
    position: absolute;
    right: 10em;
    top: 2em;
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
    background: #013cbf;
    height: 35px;
    display: flex;
    padding: 0 13px;
    z-index: 21;
    border-radius: 5px;
}
.lang-title
{
    font-size: 11px;
    line-height: 1;
    margin: 0;
    margin-right: 9px;
}
.fl-icon
{
    width: 20px;
    height: 20px;
    margin-right: 7px;
    transition: all .3s;
    border-radius: 50%;
}
.lang_switcher
{
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 11px;
    position: relative;
    z-index: 3;
    background: transparent;
}
.lang_switcher .icon
{
    width: 18px;
    height: 18px;
    margin-right: 6px;
}
.lang_switcher .icon img
{
    display: block;
    max-width: 100%;
}
.lang_list
{
    position: absolute;
    list-style-type: none;
    top: calc(100%);
    display: none;
    right: 0;
    width: 100%;
    overflow: hidden;
    cursor: auto;
    background: rgba(1,60,191,.5);
    border-radius: 0 0 5px 4px;
    margin: 0;
    padding: 0 25px 0 29px;
}
.arrow-icon
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    width: 12px;
    height: 12px;
}
.lang_switcher.act .arrow-icon img
{
    transform: scale(1,-1);
}
.column-flex
{
    display: flex;
    padding: 0 5px;
}
.column-flex .column
{
    width: 50%;
}
.lang_list_item
{
    text-align: center;
    margin: 11px 0;
    color: #fff;
    transition: all .3s;
    cursor: pointer;
    font-size: 15px;
    display: flex;
    align-items: center;
    width: 74px;
    margin-left: auto;
}
.lang_list_item.curr
{
    display: none;
}
.lang_list_item:hover
{
    color: #f00;
}
.lang_list_item:hover .fl-icon
{
    transform: scale(1.2);
}
.lang_list.act
{
    display: block;
}
.lang_list li span
{
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 400;
}
.flag-icon
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 6px;
}
.flag-icon img
{
    display: block;
}
.lang_switcher .curr_lang span
{
    font-size: 13px;
    display: inline-block;
    font-weight: 400;
    width: auto;
}
.lang_switcher .curr_lang
{
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
}
.lang_switcher_outer i.lang_arr
{
    width: 10px;
    height: 10px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    margin: 0 1em;
}
@media only screen and (max-width: 1024px) and (orientation: portrait)
{
    .lang_switcher_outer
    {
        right: 1rem;
        top: 2rem;
    }
}
@media only screen and (max-width: 576px) and (orientation: portrait)
{
    .lang_switcher_outer
    {
        right: 2rem;
        top: 2rem;
        height: 26px;
    }
    .fl-icon
    {
        width: 16px;
        height: 16px;
    }
    .lang_list
    {
        padding: 0 13px;
        width: 100%;
        box-sizing: border-box;
        background: #013cbf;
    }
    .lang-title
    {
        display: none;
    }
    .lang_list_item
    {
        width: 65px;
    }
}
html .en
{
    display: none;
}
html.en .en
{
    display: block;
}
html .en-dol
{
    display: none;
}
html.en-dol .en-dol
{
    display: block;
}
html .ca
{
    display: none;
}
html.ca .ca
{
    display: block;
}
html .kz
{
    display: none;
}
html.kz .kz
{
    display: block;
}
html .dk
{
    display: none;
}
html.dk .dk
{
    display: block;
}
html .no
{
    display: none;
}
html.no .no
{
    display: block;
}
html .pl
{
    display: none;
}
html.pl .pl
{
    display: block;
}
html .mx
{
    display: none;
}
html.mx .mx
{
    display: block;
}
html .pt
{
    display: none;
}
html.pt .pt
{
    display: block;
}
html .br
{
    display: none;
}
html.br .br
{
    display: block;
}
html .de
{
    display: none;
}
html.de .de
{
    display: block;
}
html .jp
{
    display: none;
}
html.jp .jp
{
    display: block;
}
html .nz
{
    display: none;
}
html.nz .nz
{
    display: block;
}
html .ro
{
    display: none;
}
html.ro .ro
{
    display: block;
}
html .hu
{
    display: none;
}
html.hu .hu
{
    display: block;
}
html .fr
{
    display: none;
}
html.fr .fr
{
    display: block;
}
html .pe
{
    display: none;
}
html.pe .pe
{
    display: block;
}
html .ar
{
    display: none;
}
html.ar .ar
{
    display: block;
}
html .cl
{
    display: none;
}
html.cl .cl
{
    display: block;
}
html .ca-fr
{
    display: none;
}
html.ca-fr .ca-fr
{
    display: block;
}
html .fi
{
    display: none;
}
html.fi .fi
{
    display: block;
}
html .ru
{
    display: none;
}
html.ru .ru
{
    display: block;
}
html .es
{
    display: none;
}
html.es .es
{
    display: block;
}
.txt-curr
{
    display: none;
}
.txt-curr-eur
{
    display: inline;
}
.cur_dol .txt-curr-dol
{
    display: inline;
}
.cur_dol .txt-curr-eur
{
    display: none;
}
.cur_cad .txt-curr-cad
{
    display: inline;
}
.cur_cad .txt-curr-eur
{
    display: none;
}
.cur_nzd .txt-curr-nzd
{
    display: inline;
}
.cur_nzd .txt-curr-eur
{
    display: none;
}
.cur_dkk .txt-curr-dkk
{
    display: inline;
}
.cur_dkk .txt-curr-eur
{
    display: none;
}
.cur_nok .txt-curr-nok
{
    display: inline;
}
.cur_nok .txt-curr-eur
{
    display: none;
}
.txt-curr-es-dol
{
    display: inline;
}
.cur_mx .txt-curr-es-dol
{
    display: inline;
}
.cur_pe .txt-curr-pe
{
    display: inline;
}
.cur_pe .txt-curr-es-dol
{
    display: none;
}
.cur_ar .txt-curr-ar
{
    display: inline;
}
.cur_ar .txt-curr-es-dol
{
    display: none;
}
.cur_cl .txt-curr-cl
{
    display: inline;
}
.cur_cl .txt-curr-es-dol
{
    display: none;
}
.txt-curr-pt-eur
{
    display: inline;
}
.cur_brl .txt-curr-brl
{
    display: inline;
}
.cur_brl .txt-curr-pt-eur
{
    display: none;
}
*
{
    box-sizing: border-box;
}
body
{
    margin: 0;
    font-family: "Inter",Arial,sans-serif;
}
html
{
    font-size: 10px;
}
.main
{
    background: url("../../willbettingde/image/main-bg.jpg") top center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    filter: blur(3px);
}
.hide .main
{
    filter: none;
}
.main-wrapper
{
    display: inline-block;
}
.container
{
    max-width: 125.4rem;
    padding-top: 5rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.logo-wrapper
{
    text-align: center;
    margin-bottom: 4rem;
}
.logo-wrapper .logo-link
{
    display: inline-block;
    width: 23.2rem;
}
.logo-wrapper .logo-link img
{
    display: block;
    max-width: 23.2rem;
}
.main-txt
{
    display: block;
    text-align: center;
    font-size: 6rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 3rem;
}
.main-txt .pl
{
    font-size: 5.2rem;
    margin-bottom: 6rem;
}
.main-txt .hu
{
    font-size: 5rem;
}
.main-txt .fr
{
    font-size: 5.5rem;
}
.nodep_text
{
    display: block;
    text-align: center;
    font-size: 6rem;
    font-weight: 900;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 1rem;
}
.btn-wrapper
{
    text-align: center;
}
.btn
{
    border-radius: 1.9rem;
    background-color: #14c81f;
    min-width: 41rem;
    padding: 0 3rem;
    height: 9.2rem;
    line-height: 9.2rem;
    font-size: 3.6rem;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .3s;
    display: inline-block;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
}
.btn:hover
{
    background-color: #03b30e;
}
.tnc-wrapper
{
    text-align: center;
    color: #fff;
    margin: 4rem 0 5rem;
}
.tnc-wrapper a
{
    font-size: 2.4rem;
    border-bottom: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}
.steps
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 82rem;
}
.steps .step
{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.steps .step .step-num
{
    color: #fff;
    font-size: 4.2rem;
    line-height: 1;
    font-weight: 700;
}
.steps .step .step-txt
{
    padding-left: 3rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.2;
}
.steps .step .step-txt .ru
{
    font-size: 2rem;
}
.steps .step .step-txt .jp
{
    font-size: 1.4rem;
}
.steps .step .step-txt .ro
{
    font-size: 2.3rem;
}
.steps .step .step-txt-1
{
    width: 23rem;
    height: 10rem;
    background: url("../../willbettingde/image/steps.png") no-repeat;
    background-position: 0 0;
    -webkit-background-size: 25rem 30rem;
    background-size: 25rem 30rem;
}
.steps .step .step-txt-2
{
    width: 25rem;
    height: 10rem;
    background: url("../../willbettingde/image/steps.png") no-repeat;
    background-position: 0 -10rem;
    -webkit-background-size: 25rem 30rem;
    background-size: 25rem 30rem;
}
.steps .step .step-txt-3
{
    width: 23rem;
    height: 10rem;
    background: url("../../willbettingde/image/steps.png") no-repeat;
    background-position: 0 -20rem;
    -webkit-background-size: 25rem 30rem;
    background-size: 25rem 30rem;
}
.providers
{
    margin-top: 20rem;
}
.providers img
{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}
.parallax-wrapper
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
}
.aceberg
{
    position: relative;
    left: 0;
}
.aceberg img
{
    max-width: 160rem;
    display: block;
    margin: 0 0 0 auto;
}
.parall-1
{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url("../../willbettingde/image/med-ice.png");
    background-repeat: no-repeat;
    background-position: 13% 85%;
    -webkit-background-size: 44.7rem 14.4rem;
    background-size: 44.7rem 14.4rem;
}
.parall-2
{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: url("../../willbettingde/image/small-ice.png");
    background-repeat: no-repeat;
    background-position: 88% 88%;
    -webkit-background-size: 13.1rem 9rem;
    background-size: 13.1rem 9rem;
}
.copyright
{
    text-align: center;
    padding: 4rem 0;
    font-size: 12px;
    color: #5076d8;
}
.mob-pers
{
    display: none;
}
.providers-mob
{
    display: none;
}
@media screen and (max-width: 2200px)
{
    html
    {
        font-size: 9px;
    }
}
@media screen and (max-width: 1920px)
{
    html
    {
        font-size: 8px;
    }
    .parall-1
    {
        background-position: 13% 81%;
    }
}
@media screen and (max-width: 1680px)
{
    html
    {
        font-size: 7px;
    }
}
@media screen and (max-width: 1560px)
{
    html
    {
        font-size: 6.3px;
    }
}
@media screen and (max-width: 1440px)
{
    html
    {
        font-size: 6px;
    }
}
@media screen and (max-width: 1366px)
{
    html
    {
        font-size: 5.5px;
    }
}
@media screen and (max-width: 1280px)
{
    html
    {
        font-size: 5.2px;
    }
}
@media screen and (max-width: 1200px)
{
    html
    {
        font-size: 4.8px;
    }
}
@media screen and (max-width: 1100px)
{
    html
    {
        font-size: 4.5px;
    }
    .aceberg img
    {
        max-width: 144rem;
        display: block;
        margin: 0 0 0 auto;
    }
    .parall-1
    {
        background-position: 13% 101%;
    }
    .parall-2
    {
        background-position: 88% 90%;
    }
}
@media screen and (max-width: 1024px) and (orientation: portrait)
{
    html
    {
        font-size: 5.5px;
    }
    .main
    {
        background: url("../../willbettingde/image/main-bg-mob.jpg") 50% 76% no-repeat;
        -webkit-background-size: auto;
        background-size: auto;
    }
    .parallax-wrapper
    {
        display: none;
    }
    .container
    {
        max-width: 520px;
        padding: 30px 20px 0;
    }
    .main-wrapper
    {
        display: block;
    }
    .steps
    {
        width: 100%;
    }
    .mob-pers
    {
        display: block;
    }
    .mob-pers img
    {
        max-width: 100%;
    }
    .providers
    {
        display: none;
    }
    .providers-mob
    {
        display: block;
    }
    .providers-mob img
    {
        max-width: 100%;
    }
}
@media screen and (max-width: 430px) and (orientation: portrait)
{
    html
    {
        font-size: 4.4px;
    }
}
@media screen and (max-width: 375px) and (orientation: portrait)
{
    html
    {
        font-size: 4px;
    }
}
@media screen and (max-width: 360px) and (orientation: portrait)
{
    html
    {
        font-size: 3.8px;
    }
}
@media screen and (max-width: 930px) and (orientation: landscape)
{
    html
    {
        font-size: 3.5px;
    }
    .container
    {
        max-width: 140rem;
    }
    .copyright
    {
        font-size: 1.2rem;
    }
    .providers
    {
        margin-top: 10rem;
    }
}
@media screen and (max-width: 780px) and (orientation: landscape)
{
    html
    {
        font-size: 2.8px;
    }
}