File: //var/www/quadcode/frontend/dist/whiteLabel.99422c86661fc6d80fe9.css
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap);
.custom-select-container{
position:relative;
box-sizing:border-box
}
.custom-select-container *{
box-sizing:border-box
}
.custom-select-container.is-disabled{
opacity:.333
}
.custom-select-opener{
background-color:#ccc;
padding:.5em;
display:block;
cursor:pointer;
width:100%
}
.custom-select-container select{
visibility:hidden;
position:absolute;
top:0;
left:0
}
.custom-select-panel{
max-height:0;
transition:max-height .5s ease-out,overflow-y .1s .5s;
overflow:hidden;
background-color:#e9e9e9;
position:absolute;
top:100%;
z-index:1;
width:100%
}
.custom-select-container.is-open .custom-select-panel{
max-height:10.7em;
overflow-y:auto
}
.custom-select-option{
padding:.5em
}
.custom-select-option.has-focus{
background-color:#add8e6
}
.custom-select-option.is-selected::before{
content:"✔";
padding-right:.5em
}
.custom-select-optgroup>.custom-select-option{
padding-left:2em
}
.custom-select-optgroup::before{
content:attr(data-label);
display:block;
padding:.5em;
color:#888
}
.iti{
position:relative;
display:inline-block
}
.iti *{
box-sizing:border-box
}
.iti__hide{
display:none
}
.iti__v-hide{
visibility:hidden
}
.iti input.iti__tel-input,.iti input.iti__tel-input[type=text],.iti input.iti__tel-input[type=tel]{
position:relative;
z-index:0;
margin-top:0 !important;
margin-bottom:0 !important;
padding-right:36px;
margin-right:0
}
.iti__flag-container{
position:absolute;
top:0;
bottom:0;
right:0;
padding:1px
}
.iti__selected-flag{
z-index:1;
position:relative;
display:flex;
align-items:center;
height:100%;
padding:0 6px 0 8px
}
.iti__arrow{
margin-left:6px;
width:0;
height:0;
border-left:3px solid rgba(0,0,0,0);
border-right:3px solid rgba(0,0,0,0);
border-top:4px solid #555
}
[dir=rtl] .iti__arrow{
margin-right:6px;
margin-left:0
}
.iti__arrow--up{
border-top:none;
border-bottom:4px solid #555
}
.iti__dropdown-content{
position:absolute;
z-index:2;
margin-left:-1px;
box-shadow:1px 1px 4px rgba(0,0,0,.2);
background-color:#fff;
border:1px solid #ccc;
max-height:200px;
overflow-y:scroll;
-webkit-overflow-scrolling:touch
}
.iti__dropdown-content--dropup{
bottom:100%;
margin-bottom:-1px
}
.iti__search-input{
width:100%;
border-width:0
}
.iti__country-list{
list-style:none;
padding:0;
margin:0
}
.iti--flexible-dropdown-width .iti__country-list{
white-space:nowrap
}
@media(max-width: 500px){
.iti--flexible-dropdown-width .iti__country-list{
white-space:normal
}
}
.iti__flag-box{
display:inline-block;
width:20px
}
.iti__divider{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px solid #ccc
}
.iti__country{
display:flex;
align-items:center;
padding:5px 10px;
outline:none
}
.iti__dial-code{
color:#999
}
.iti__country.iti__highlight{
background-color:rgba(0,0,0,.05)
}
.iti__flag-box,.iti__country-name{
margin-right:6px
}
[dir=rtl] .iti__flag-box,[dir=rtl] .iti__country-name{
margin-right:0;
margin-left:6px
}
.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=text],.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--separate-dial-code input.iti__tel-input,.iti--separate-dial-code input.iti__tel-input[type=text],.iti--separate-dial-code input.iti__tel-input[type=tel]{
padding-right:6px;
padding-left:52px;
margin-left:0
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--separate-dial-code input.iti__tel-input,[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text],[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel]{
padding-right:52px;
padding-left:6px;
margin-right:0
}
.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{
right:auto;
left:0
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container,[dir=rtl] .iti--separate-dial-code .iti__flag-container{
right:0;
left:auto
}
.iti--allow-dropdown .iti__flag-container:hover{
cursor:pointer
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{
background-color:rgba(0,0,0,.05)
}
.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover{
cursor:default
}
.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag{
background-color:rgba(0,0,0,0)
}
.iti--separate-dial-code .iti__selected-flag{
background-color:rgba(0,0,0,.05)
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{
margin-left:6px
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{
margin-left:0;
margin-right:6px
}
.iti--container{
position:absolute;
top:-1000px;
left:-1000px;
z-index:1060;
padding:1px
}
.iti--container:hover{
cursor:pointer
}
.iti--fullscreen-popup.iti--container{
background-color:rgba(0,0,0,.5);
top:0;
bottom:0;
left:0;
right:0;
position:fixed;
padding:30px;
display:flex;
flex-direction:column;
justify-content:center
}
.iti--fullscreen-popup.iti--container.iti--country-search{
justify-content:flex-start
}
.iti--fullscreen-popup .iti__dropdown-content{
max-height:100%;
position:relative
}
.iti--fullscreen-popup .iti__country{
padding:10px 10px;
line-height:1.5em
}
.iti__flag{
width:20px
}
.iti__flag.iti__be{
width:18px
}
.iti__flag.iti__ch{
width:15px
}
.iti__flag.iti__mc{
width:19px
}
.iti__flag.iti__ne{
width:18px
}
.iti__flag.iti__np{
width:13px
}
.iti__flag.iti__va{
width:15px
}
@media(min-resolution: 2x){
.iti__flag{
background-size:5762px 15px
}
}
.iti__flag.iti__ac{
height:10px;
background-position:0px 0px
}
.iti__flag.iti__ad{
height:14px;
background-position:-22px 0px
}
.iti__flag.iti__ae{
height:10px;
background-position:-44px 0px
}
.iti__flag.iti__af{
height:14px;
background-position:-66px 0px
}
.iti__flag.iti__ag{
height:14px;
background-position:-88px 0px
}
.iti__flag.iti__ai{
height:10px;
background-position:-110px 0px
}
.iti__flag.iti__al{
height:15px;
background-position:-132px 0px
}
.iti__flag.iti__am{
height:10px;
background-position:-154px 0px
}
.iti__flag.iti__ao{
height:14px;
background-position:-176px 0px
}
.iti__flag.iti__aq{
height:14px;
background-position:-198px 0px
}
.iti__flag.iti__ar{
height:13px;
background-position:-220px 0px
}
.iti__flag.iti__as{
height:10px;
background-position:-242px 0px
}
.iti__flag.iti__at{
height:14px;
background-position:-264px 0px
}
.iti__flag.iti__au{
height:10px;
background-position:-286px 0px
}
.iti__flag.iti__aw{
height:14px;
background-position:-308px 0px
}
.iti__flag.iti__ax{
height:13px;
background-position:-330px 0px
}
.iti__flag.iti__az{
height:10px;
background-position:-352px 0px
}
.iti__flag.iti__ba{
height:10px;
background-position:-374px 0px
}
.iti__flag.iti__bb{
height:14px;
background-position:-396px 0px
}
.iti__flag.iti__bd{
height:12px;
background-position:-418px 0px
}
.iti__flag.iti__be{
height:15px;
background-position:-440px 0px
}
.iti__flag.iti__bf{
height:14px;
background-position:-460px 0px
}
.iti__flag.iti__bg{
height:12px;
background-position:-482px 0px
}
.iti__flag.iti__bh{
height:12px;
background-position:-504px 0px
}
.iti__flag.iti__bi{
height:12px;
background-position:-526px 0px
}
.iti__flag.iti__bj{
height:14px;
background-position:-548px 0px
}
.iti__flag.iti__bl{
height:14px;
background-position:-570px 0px
}
.iti__flag.iti__bm{
height:10px;
background-position:-592px 0px
}
.iti__flag.iti__bn{
height:10px;
background-position:-614px 0px
}
.iti__flag.iti__bo{
height:14px;
background-position:-636px 0px
}
.iti__flag.iti__bq{
height:14px;
background-position:-658px 0px
}
.iti__flag.iti__br{
height:14px;
background-position:-680px 0px
}
.iti__flag.iti__bs{
height:10px;
background-position:-702px 0px
}
.iti__flag.iti__bt{
height:14px;
background-position:-724px 0px
}
.iti__flag.iti__bv{
height:15px;
background-position:-746px 0px
}
.iti__flag.iti__bw{
height:14px;
background-position:-768px 0px
}
.iti__flag.iti__by{
height:10px;
background-position:-790px 0px
}
.iti__flag.iti__bz{
height:12px;
background-position:-812px 0px
}
.iti__flag.iti__ca{
height:10px;
background-position:-834px 0px
}
.iti__flag.iti__cc{
height:10px;
background-position:-856px 0px
}
.iti__flag.iti__cd{
height:15px;
background-position:-878px 0px
}
.iti__flag.iti__cf{
height:14px;
background-position:-900px 0px
}
.iti__flag.iti__cg{
height:14px;
background-position:-922px 0px
}
.iti__flag.iti__ch{
height:15px;
background-position:-944px 0px
}
.iti__flag.iti__ci{
height:14px;
background-position:-961px 0px
}
.iti__flag.iti__ck{
height:10px;
background-position:-983px 0px
}
.iti__flag.iti__cl{
height:14px;
background-position:-1005px 0px
}
.iti__flag.iti__cm{
height:14px;
background-position:-1027px 0px
}
.iti__flag.iti__cn{
height:14px;
background-position:-1049px 0px
}
.iti__flag.iti__co{
height:14px;
background-position:-1071px 0px
}
.iti__flag.iti__cp{
height:14px;
background-position:-1093px 0px
}
.iti__flag.iti__cq{
height:12px;
background-position:-1115px 0px
}
.iti__flag.iti__cr{
height:12px;
background-position:-1137px 0px
}
.iti__flag.iti__cu{
height:10px;
background-position:-1159px 0px
}
.iti__flag.iti__cv{
height:12px;
background-position:-1181px 0px
}
.iti__flag.iti__cw{
height:14px;
background-position:-1203px 0px
}
.iti__flag.iti__cx{
height:10px;
background-position:-1225px 0px
}
.iti__flag.iti__cy{
height:14px;
background-position:-1247px 0px
}
.iti__flag.iti__cz{
height:14px;
background-position:-1269px 0px
}
.iti__flag.iti__de{
height:12px;
background-position:-1291px 0px
}
.iti__flag.iti__dg{
height:10px;
background-position:-1313px 0px
}
.iti__flag.iti__dj{
height:14px;
background-position:-1335px 0px
}
.iti__flag.iti__dk{
height:15px;
background-position:-1357px 0px
}
.iti__flag.iti__dm{
height:10px;
background-position:-1379px 0px
}
.iti__flag.iti__do{
height:14px;
background-position:-1401px 0px
}
.iti__flag.iti__dz{
height:14px;
background-position:-1423px 0px
}
.iti__flag.iti__ea{
height:14px;
background-position:-1445px 0px
}
.iti__flag.iti__ec{
height:14px;
background-position:-1467px 0px
}
.iti__flag.iti__ee{
height:13px;
background-position:-1489px 0px
}
.iti__flag.iti__eg{
height:14px;
background-position:-1511px 0px
}
.iti__flag.iti__eh{
height:10px;
background-position:-1533px 0px
}
.iti__flag.iti__er{
height:10px;
background-position:-1555px 0px
}
.iti__flag.iti__es{
height:14px;
background-position:-1577px 0px
}
.iti__flag.iti__et{
height:10px;
background-position:-1599px 0px
}
.iti__flag.iti__eu{
height:14px;
background-position:-1621px 0px
}
.iti__flag.iti__ez{
height:14px;
background-position:-1643px 0px
}
.iti__flag.iti__fi{
height:12px;
background-position:-1665px 0px
}
.iti__flag.iti__fj{
height:10px;
background-position:-1687px 0px
}
.iti__flag.iti__fk{
height:10px;
background-position:-1709px 0px
}
.iti__flag.iti__fm{
height:11px;
background-position:-1731px 0px
}
.iti__flag.iti__fo{
height:15px;
background-position:-1753px 0px
}
.iti__flag.iti__fr{
height:14px;
background-position:-1775px 0px
}
.iti__flag.iti__fx{
height:14px;
background-position:-1797px 0px
}
.iti__flag.iti__ga{
height:15px;
background-position:-1819px 0px
}
.iti__flag.iti__gb{
height:10px;
background-position:-1841px 0px
}
.iti__flag.iti__gd{
height:12px;
background-position:-1863px 0px
}
.iti__flag.iti__ge{
height:14px;
background-position:-1885px 0px
}
.iti__flag.iti__gf{
height:14px;
background-position:-1907px 0px
}
.iti__flag.iti__gg{
height:14px;
background-position:-1929px 0px
}
.iti__flag.iti__gh{
height:14px;
background-position:-1951px 0px
}
.iti__flag.iti__gi{
height:10px;
background-position:-1973px 0px
}
.iti__flag.iti__gl{
height:14px;
background-position:-1995px 0px
}
.iti__flag.iti__gm{
height:14px;
background-position:-2017px 0px
}
.iti__flag.iti__gn{
height:14px;
background-position:-2039px 0px
}
.iti__flag.iti__gp{
height:14px;
background-position:-2061px 0px
}
.iti__flag.iti__gq{
height:14px;
background-position:-2083px 0px
}
.iti__flag.iti__gr{
height:14px;
background-position:-2105px 0px
}
.iti__flag.iti__gs{
height:10px;
background-position:-2127px 0px
}
.iti__flag.iti__gt{
height:13px;
background-position:-2149px 0px
}
.iti__flag.iti__gu{
height:11px;
background-position:-2171px 0px
}
.iti__flag.iti__gw{
height:10px;
background-position:-2193px 0px
}
.iti__flag.iti__gy{
height:12px;
background-position:-2215px 0px
}
.iti__flag.iti__hk{
height:14px;
background-position:-2237px 0px
}
.iti__flag.iti__hm{
height:10px;
background-position:-2259px 0px
}
.iti__flag.iti__hn{
height:10px;
background-position:-2281px 0px
}
.iti__flag.iti__hr{
height:10px;
background-position:-2303px 0px
}
.iti__flag.iti__ht{
height:12px;
background-position:-2325px 0px
}
.iti__flag.iti__hu{
height:10px;
background-position:-2347px 0px
}
.iti__flag.iti__ic{
height:14px;
background-position:-2369px 0px
}
.iti__flag.iti__id{
height:14px;
background-position:-2391px 0px
}
.iti__flag.iti__ie{
height:10px;
background-position:-2413px 0px
}
.iti__flag.iti__il{
height:15px;
background-position:-2435px 0px
}
.iti__flag.iti__im{
height:10px;
background-position:-2457px 0px
}
.iti__flag.iti__in{
height:14px;
background-position:-2479px 0px
}
.iti__flag.iti__io{
height:10px;
background-position:-2501px 0px
}
.iti__flag.iti__iq{
height:14px;
background-position:-2523px 0px
}
.iti__flag.iti__ir{
height:12px;
background-position:-2545px 0px
}
.iti__flag.iti__is{
height:15px;
background-position:-2567px 0px
}
.iti__flag.iti__it{
height:14px;
background-position:-2589px 0px
}
.iti__flag.iti__je{
height:12px;
background-position:-2611px 0px
}
.iti__flag.iti__jm{
height:10px;
background-position:-2633px 0px
}
.iti__flag.iti__jo{
height:10px;
background-position:-2655px 0px
}
.iti__flag.iti__jp{
height:14px;
background-position:-2677px 0px
}
.iti__flag.iti__ke{
height:14px;
background-position:-2699px 0px
}
.iti__flag.iti__kg{
height:12px;
background-position:-2721px 0px
}
.iti__flag.iti__kh{
height:13px;
background-position:-2743px 0px
}
.iti__flag.iti__ki{
height:10px;
background-position:-2765px 0px
}
.iti__flag.iti__km{
height:12px;
background-position:-2787px 0px
}
.iti__flag.iti__kn{
height:14px;
background-position:-2809px 0px
}
.iti__flag.iti__kp{
height:10px;
background-position:-2831px 0px
}
.iti__flag.iti__kr{
height:14px;
background-position:-2853px 0px
}
.iti__flag.iti__kw{
height:10px;
background-position:-2875px 0px
}
.iti__flag.iti__ky{
height:10px;
background-position:-2897px 0px
}
.iti__flag.iti__kz{
height:10px;
background-position:-2919px 0px
}
.iti__flag.iti__la{
height:14px;
background-position:-2941px 0px
}
.iti__flag.iti__lb{
height:14px;
background-position:-2963px 0px
}
.iti__flag.iti__lc{
height:10px;
background-position:-2985px 0px
}
.iti__flag.iti__li{
height:12px;
background-position:-3007px 0px
}
.iti__flag.iti__lk{
height:10px;
background-position:-3029px 0px
}
.iti__flag.iti__lr{
height:11px;
background-position:-3051px 0px
}
.iti__flag.iti__ls{
height:14px;
background-position:-3073px 0px
}
.iti__flag.iti__lt{
height:12px;
background-position:-3095px 0px
}
.iti__flag.iti__lu{
height:12px;
background-position:-3117px 0px
}
.iti__flag.iti__lv{
height:10px;
background-position:-3139px 0px
}
.iti__flag.iti__ly{
height:10px;
background-position:-3161px 0px
}
.iti__flag.iti__ma{
height:14px;
background-position:-3183px 0px
}
.iti__flag.iti__mc{
height:15px;
background-position:-3205px 0px
}
.iti__flag.iti__md{
height:10px;
background-position:-3226px 0px
}
.iti__flag.iti__me{
height:10px;
background-position:-3248px 0px
}
.iti__flag.iti__mf{
height:14px;
background-position:-3270px 0px
}
.iti__flag.iti__mg{
height:14px;
background-position:-3292px 0px
}
.iti__flag.iti__mh{
height:11px;
background-position:-3314px 0px
}
.iti__flag.iti__mk{
height:10px;
background-position:-3336px 0px
}
.iti__flag.iti__ml{
height:14px;
background-position:-3358px 0px
}
.iti__flag.iti__mm{
height:14px;
background-position:-3380px 0px
}
.iti__flag.iti__mn{
height:10px;
background-position:-3402px 0px
}
.iti__flag.iti__mo{
height:14px;
background-position:-3424px 0px
}
.iti__flag.iti__mp{
height:10px;
background-position:-3446px 0px
}
.iti__flag.iti__mq{
height:14px;
background-position:-3468px 0px
}
.iti__flag.iti__mr{
height:14px;
background-position:-3490px 0px
}
.iti__flag.iti__ms{
height:10px;
background-position:-3512px 0px
}
.iti__flag.iti__mt{
height:14px;
background-position:-3534px 0px
}
.iti__flag.iti__mu{
height:14px;
background-position:-3556px 0px
}
.iti__flag.iti__mv{
height:14px;
background-position:-3578px 0px
}
.iti__flag.iti__mw{
height:14px;
background-position:-3600px 0px
}
.iti__flag.iti__mx{
height:12px;
background-position:-3622px 0px
}
.iti__flag.iti__my{
height:10px;
background-position:-3644px 0px
}
.iti__flag.iti__mz{
height:14px;
background-position:-3666px 0px
}
.iti__flag.iti__na{
height:14px;
background-position:-3688px 0px
}
.iti__flag.iti__nc{
height:10px;
background-position:-3710px 0px
}
.iti__flag.iti__ne{
height:15px;
background-position:-3732px 0px
}
.iti__flag.iti__nf{
height:10px;
background-position:-3752px 0px
}
.iti__flag.iti__ng{
height:10px;
background-position:-3774px 0px
}
.iti__flag.iti__ni{
height:12px;
background-position:-3796px 0px
}
.iti__flag.iti__nl{
height:14px;
background-position:-3818px 0px
}
.iti__flag.iti__no{
height:15px;
background-position:-3840px 0px
}
.iti__flag.iti__np{
height:15px;
background-position:-3862px 0px
}
.iti__flag.iti__nr{
height:10px;
background-position:-3877px 0px
}
.iti__flag.iti__nu{
height:10px;
background-position:-3899px 0px
}
.iti__flag.iti__nz{
height:10px;
background-position:-3921px 0px
}
.iti__flag.iti__om{
height:10px;
background-position:-3943px 0px
}
.iti__flag.iti__pa{
height:14px;
background-position:-3965px 0px
}
.iti__flag.iti__pe{
height:14px;
background-position:-3987px 0px
}
.iti__flag.iti__pf{
height:14px;
background-position:-4009px 0px
}
.iti__flag.iti__pg{
height:15px;
background-position:-4031px 0px
}
.iti__flag.iti__ph{
height:10px;
background-position:-4053px 0px
}
.iti__flag.iti__pk{
height:14px;
background-position:-4075px 0px
}
.iti__flag.iti__pl{
height:13px;
background-position:-4097px 0px
}
.iti__flag.iti__pm{
height:14px;
background-position:-4119px 0px
}
.iti__flag.iti__pn{
height:10px;
background-position:-4141px 0px
}
.iti__flag.iti__pr{
height:14px;
background-position:-4163px 0px
}
.iti__flag.iti__ps{
height:10px;
background-position:-4185px 0px
}
.iti__flag.iti__pt{
height:14px;
background-position:-4207px 0px
}
.iti__flag.iti__pw{
height:13px;
background-position:-4229px 0px
}
.iti__flag.iti__py{
height:11px;
background-position:-4251px 0px
}
.iti__flag.iti__qa{
height:8px;
background-position:-4273px 0px
}
.iti__flag.iti__re{
height:14px;
background-position:-4295px 0px
}
.iti__flag.iti__ro{
height:14px;
background-position:-4317px 0px
}
.iti__flag.iti__rs{
height:14px;
background-position:-4339px 0px
}
.iti__flag.iti__ru{
height:14px;
background-position:-4361px 0px
}
.iti__flag.iti__rw{
height:14px;
background-position:-4383px 0px
}
.iti__flag.iti__sa{
height:14px;
background-position:-4405px 0px
}
.iti__flag.iti__sb{
height:10px;
background-position:-4427px 0px
}
.iti__flag.iti__sc{
height:10px;
background-position:-4449px 0px
}
.iti__flag.iti__sd{
height:10px;
background-position:-4471px 0px
}
.iti__flag.iti__se{
height:13px;
background-position:-4493px 0px
}
.iti__flag.iti__sg{
height:14px;
background-position:-4515px 0px
}
.iti__flag.iti__sh{
height:10px;
background-position:-4537px 0px
}
.iti__flag.iti__si{
height:10px;
background-position:-4559px 0px
}
.iti__flag.iti__sj{
height:15px;
background-position:-4581px 0px
}
.iti__flag.iti__sk{
height:14px;
background-position:-4603px 0px
}
.iti__flag.iti__sl{
height:14px;
background-position:-4625px 0px
}
.iti__flag.iti__sm{
height:15px;
background-position:-4647px 0px
}
.iti__flag.iti__sn{
height:14px;
background-position:-4669px 0px
}
.iti__flag.iti__so{
height:14px;
background-position:-4691px 0px
}
.iti__flag.iti__sr{
height:14px;
background-position:-4713px 0px
}
.iti__flag.iti__ss{
height:10px;
background-position:-4735px 0px
}
.iti__flag.iti__st{
height:10px;
background-position:-4757px 0px
}
.iti__flag.iti__su{
height:10px;
background-position:-4779px 0px
}
.iti__flag.iti__sv{
height:12px;
background-position:-4801px 0px
}
.iti__flag.iti__sx{
height:14px;
background-position:-4823px 0px
}
.iti__flag.iti__sy{
height:14px;
background-position:-4845px 0px
}
.iti__flag.iti__sz{
height:14px;
background-position:-4867px 0px
}
.iti__flag.iti__ta{
height:10px;
background-position:-4889px 0px
}
.iti__flag.iti__tc{
height:10px;
background-position:-4911px 0px
}
.iti__flag.iti__td{
height:14px;
background-position:-4933px 0px
}
.iti__flag.iti__tf{
height:14px;
background-position:-4955px 0px
}
.iti__flag.iti__tg{
height:13px;
background-position:-4977px 0px
}
.iti__flag.iti__th{
height:14px;
background-position:-4999px 0px
}
.iti__flag.iti__tj{
height:10px;
background-position:-5021px 0px
}
.iti__flag.iti__tk{
height:10px;
background-position:-5043px 0px
}
.iti__flag.iti__tl{
height:10px;
background-position:-5065px 0px
}
.iti__flag.iti__tm{
height:14px;
background-position:-5087px 0px
}
.iti__flag.iti__tn{
height:14px;
background-position:-5109px 0px
}
.iti__flag.iti__to{
height:10px;
background-position:-5131px 0px
}
.iti__flag.iti__tr{
height:14px;
background-position:-5153px 0px
}
.iti__flag.iti__tt{
height:12px;
background-position:-5175px 0px
}
.iti__flag.iti__tv{
height:10px;
background-position:-5197px 0px
}
.iti__flag.iti__tw{
height:14px;
background-position:-5219px 0px
}
.iti__flag.iti__tz{
height:14px;
background-position:-5241px 0px
}
.iti__flag.iti__ua{
height:14px;
background-position:-5263px 0px
}
.iti__flag.iti__ug{
height:14px;
background-position:-5285px 0px
}
.iti__flag.iti__uk{
height:10px;
background-position:-5307px 0px
}
.iti__flag.iti__um{
height:11px;
background-position:-5329px 0px
}
.iti__flag.iti__un{
height:14px;
background-position:-5351px 0px
}
.iti__flag.iti__us{
height:11px;
background-position:-5373px 0px
}
.iti__flag.iti__uy{
height:14px;
background-position:-5395px 0px
}
.iti__flag.iti__uz{
height:10px;
background-position:-5417px 0px
}
.iti__flag.iti__va{
height:15px;
background-position:-5439px 0px
}
.iti__flag.iti__vc{
height:14px;
background-position:-5456px 0px
}
.iti__flag.iti__ve{
height:14px;
background-position:-5478px 0px
}
.iti__flag.iti__vg{
height:10px;
background-position:-5500px 0px
}
.iti__flag.iti__vi{
height:14px;
background-position:-5522px 0px
}
.iti__flag.iti__vn{
height:14px;
background-position:-5544px 0px
}
.iti__flag.iti__vu{
height:12px;
background-position:-5566px 0px
}
.iti__flag.iti__wf{
height:14px;
background-position:-5588px 0px
}
.iti__flag.iti__ws{
height:10px;
background-position:-5610px 0px
}
.iti__flag.iti__xk{
height:15px;
background-position:-5632px 0px
}
.iti__flag.iti__ye{
height:14px;
background-position:-5654px 0px
}
.iti__flag.iti__yt{
height:14px;
background-position:-5676px 0px
}
.iti__flag.iti__za{
height:14px;
background-position:-5698px 0px
}
.iti__flag.iti__zm{
height:14px;
background-position:-5720px 0px
}
.iti__flag.iti__zw{
height:10px;
background-position:-5742px 0px
}
.iti__flag{
height:15px;
box-shadow:0px 0px 1px 0px #888;
background-image:url(assets/1952df896c6a79bb730c.png?1);
background-repeat:no-repeat;
background-color:#dbdbdb;
background-position:20px 0
}
@media(min-resolution: 2x){
.iti__flag{
background-image:url(assets/276410ffdcdd2ff8dca2.png?1)
}
}
.iti__flag.iti__np{
background-color:rgba(0,0,0,0)
}
html,body,*{
box-sizing:border-box;
margin:0;
padding:0;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
ul{
list-style:none
}
a{
color:inherit;
text-decoration:none
}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{
-webkit-appearance:none;
margin:0
}
html{
scroll-behavior:smooth
}
body{
background:#060606;
font-family:"Inter",sans-serif;
overflow-x:hidden
}
#root{
overflow:hidden;
width:100%
}
.container{
width:100%;
max-width:1312px;
margin-inline:auto
}
@media(max-width: 1919px){
.container{
padding:0 95px;
max-width:1311px
}
}
@media(max-width: 1365px){
.container{
padding:0 32px;
max-width:1175px
}
}
@media(max-width: 1023px){
.container{
padding:0 32px;
max-width:959px
}
}
@media(max-width: 719px){
.container{
padding:0 26px;
max-width:655px
}
}
@media(max-width: 479px){
.container{
padding:0 16px
}
}
@media(max-width: 1919px){
.prop-trading-whitelabel .container{
padding:0 68px
}
}
@media(max-width: 1365px){
.prop-trading-whitelabel .container{
padding:0 32px
}
}
@media(max-width: 719px){
.prop-trading-whitelabel .container{
padding:0 26px
}
}
@media(max-width: 479px){
.prop-trading-whitelabel .container{
padding:0 16px
}
}
.prop-trading-whitelabel .header .container{
padding:0 !important
}
@media(max-width: 1023px){
.prop-trading-whitelabel .header .container{
padding-left:32px !important;
padding-right:32px !important
}
}
@media(max-width: 719px){
.prop-trading-whitelabel .header .container{
padding-left:26px !important;
padding-right:26px !important
}
}
@media(max-width: 479px){
.prop-trading-whitelabel .header .container{
padding-left:16px !important;
padding-right:16px !important
}
}
.header{
position:fixed;
top:0;
left:0;
right:0;
padding:16px 24px;
z-index:100;
backdrop-filter:blur(8px)
}
@media(max-width: 1023px){
.header{
padding-left:0;
padding-right:0
}
}
.header .container{
width:100%;
max-width:1872px
}
.header .headerWrapper{
display:flex;
align-items:center;
justify-content:space-between
}
@media(max-width: 479px){
.header .headerItem>img{
display:block;
width:140px;
height:auto
}
}
.header:before{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:-1;
opacity:0;
transform:translateY(-100%);
transition:.3s cubic-bezier(0.65, 0.05, 0.36, 1)
}
.header.active:before{
opacity:1;
transform:translateY(0)
}
.footer{
padding:56px 0
}
@media(max-width: 479px){
.footer{
padding:40px 0
}
}
.footer .footerWrapper{
display:flex;
align-items:flex-start;
gap:170px
}
@media(max-width: 1919px){
.footer .footerWrapper{
gap:132px
}
}
@media(max-width: 1365px){
.footer .footerWrapper{
gap:80px
}
}
@media(max-width: 1023px){
.footer .footerWrapper{
flex-direction:column;
gap:32px
}
}
@media(max-width: 479px){
.footer .footerWrapper{
gap:24px
}
}
.footer .footerSocial{
max-width:167px
}
@media(max-width: 1023px){
.footer .footerSocial{
display:flex;
align-items:center;
justify-content:space-between;
width:100%;
max-width:none
}
}
@media(max-width: 719px){
.footer .footerSocial{
flex-direction:column
}
}
@media(max-width: 1023px){
.footer .footerSocial img{
width:165px
}
}
@media(max-width: 719px){
.footer .footerSocial img{
margin-bottom:32px
}
}
@media(max-width: 479px){
.footer .footerSocial img{
margin-bottom:24px
}
}
.footer .footerSocial .social{
margin-top:20px
}
@media(max-width: 1023px){
.footer .footerSocial .social{
margin-top:0
}
}
.footer .footerLinks{
display:flex;
align-items:center;
gap:40px
}
.footer .footerLinks a{
transition:all .3s ease
}
.footer .footerLinks a:hover{
color:#fc9892
}
@media(max-width: 1023px){
.footer .footerLinks{
gap:32px;
justify-content:center
}
}
@media(max-width: 719px){
.footer .footerLinks{
flex-direction:column;
gap:24px;
margin-bottom:32px
}
}
.footer .footerLink{
display:block;
color:#f15e5b;
font-size:14px;
font-weight:400;
line-height:20px;
margin-bottom:32px
}
@media(max-width: 719px){
.footer .footerLink{
margin-bottom:0
}
}
.footer .footerText{
font-size:11px;
font-weight:400;
line-height:14px;
color:#9a9a9a;
margin-bottom:16px
}
@media(max-width: 1919px){
.footer .footerText{
line-height:15px
}
}
@media(max-width: 1023px){
.footer .footerText{
text-align:center
}
}
@media(max-width: 479px){
.footer .footerText{
font-size:10px;
line-height:14px
}
}
.footer .footerCopyright{
font-size:11px;
font-weight:400;
line-height:14px;
color:#9a9a9a
}
@media(max-width: 1919px){
.footer .footerCopyright{
line-height:15px
}
}
@media(max-width: 1023px){
.footer .footerCopyright{
text-align:center
}
}
@media(max-width: 479px){
.footer .footerCopyright{
font-size:10px;
line-height:14px
}
}
.social{
display:flex;
align-items:center;
gap:16px
}
.social .socialItem{
display:flex
}
.social .socialItem svg path{
transition:.3s cubic-bezier(0.65, 0.05, 0.36, 1)
}
.social .socialItem:hover svg path{
stroke:#f5716c
}
.social .socialItem:hover svg path.fill{
stroke:rgba(0,0,0,0);
fill:#f5716c
}
.social .socialItem:active svg path{
stroke:#a60000
}
.social .socialItem:active svg path.fill{
stroke:rgba(0,0,0,0);
fill:#a60000
}
@media(max-width: 1023px){
.menu{
display:none
}
}
.menu .menuItems{
display:flex;
align-items:center;
gap:24px
}
@media(max-width: 1919px){
.menu .menuItems{
gap:0
}
}
.menu .menuItem{
display:flex
}
.menu .menuItemLink{
display:block;
color:#9a9a9a;
padding:8px 20px;
position:relative;
font-size:16px;
font-weight:400;
line-height:24px
}
.menu .menuItemLink:before{
content:"";
position:absolute;
inset:0;
border-radius:8px;
padding:1px;
background:linear-gradient(181.55deg, rgba(255, 255, 255, 0.59) -8.27%, rgba(255, 255, 255, 0.15) 106.14%);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
pointer-events:none;
opacity:0
}
.menu .menuItemLink:hover{
color:#fff
}
.menu .menuItemLink:hover:before{
opacity:1
}
.button{
display:block;
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
padding:8px 24px;
font-size:16px;
font-weight:500;
line-height:24px;
color:#fff;
background:linear-gradient(0deg, #D90629, #D90629),linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16));
background:var(--primary-accent-114, #D90629);
box-shadow:0 2px 24px 0 rgba(217,6,41,.6),0 1px 0 0 hsla(0,0%,100%,.24) inset;
border-radius:8px;
cursor:pointer;
transition:.3s cubic-bezier(0.65, 0.05, 0.36, 1);
position:relative
}
.button::before{
content:"";
display:block;
width:calc(100% - 2px);
height:calc(100% - 2px);
border:1px solid hsla(0,0%,100%,.16);
border-radius:inherit;
position:absolute;
top:0;
left:0;
z-index:2
}
@media(max-width: 1023px){
.button{
font-size:15px
}
}
@media(max-width: 479px){
.button{
font-size:14px;
padding:7px 11px
}
}
.button.big{
padding:19px 40px;
font-size:24px;
font-weight:500;
line-height:32px;
border-radius:12px
}
@media(max-width: 1023px){
.button.big{
padding:20px 40px;
font-size:21px;
line-height:28px
}
}
@media(max-width: 479px){
.button.big{
width:100%;
text-align:center;
padding:17px 32px;
font-size:19px
}
}
.button:hover{
background:var(--primary-accent-13557, #EC474A);
box-shadow:0 2px 32px 0 rgba(217,6,41,.8),0 1px 0 0 hsla(0,0%,100%,.4) inset
}
.button:active{
background:var(--primary-accent-7186, #7D0000);
box-shadow:0 2px 24px 0 rgba(217,6,41,.6);
color:hsla(0,0%,100%,.6)
}
.button.icon{
display:flex;
align-items:center;
justify-content:center;
gap:12px
}
.button.black{
border-radius:8px;
box-shadow:0 2px 16px -11px rgba(217,6,41,.6),0 1px 0 0 #505050 inset;
background:rgba(0,0,0,0);
color:#fff;
gap:4px
}
.button.black svg path{
transition:.3s cubic-bezier(0.65, 0.05, 0.36, 1)
}
.button.black:hover{
background:#ec474a;
box-shadow:0 2px 32px 0 rgba(217,6,41,.8),0 1px 0 0 hsla(0,0%,100%,.4) inset
}
.button.black:hover svg path{
stroke:#fff
}
.button.black:active{
background:#7d0000;
box-shadow:0 2px 24px 0 rgba(217,6,41,.6),0 1px 0 0 hsla(0,0%,100%,0) inset
}
.button.loading{
pointer-events:none;
background:var(--primary-accent-114, #D90629) !important;
box-shadow:0 2px 24px 0 rgba(217,6,41,.6),0 1px 0 0 hsla(0,0%,100%,.24) inset !important;
opacity:.4
}
.blockHero{
padding-top:171px;
padding-bottom:120px;
background-image:linear-gradient(152.08deg, rgba(60, 16, 23, 0.33) -3.76%, #060606 calc(52.46% + 1px));
background-repeat:no-repeat;
background-size:contain
}
@media(max-width: 1919px){
.blockHero{
padding-top:152px
}
}
@media(max-width: 1365px){
.blockHero{
padding-top:184px
}
}
@media(max-width: 1023px){
.blockHero{
padding-bottom:112px
}
}
@media(max-width: 719px){
.blockHero{
padding-bottom:80px
}
}
@media(max-width: 479px){
.blockHero{
padding-top:128px;
background-size:100% 316px;
background-repeat:no-repeat
}
}
@media(max-width: 1023px){
.blockHero .container{
position:relative
}
}
@media(max-width: 479px){
.blockHero .container{
max-width:316px
}
}
.blockHero .blockHeroWrapper{
display:flex;
align-items:flex-start;
margin-bottom:150px;
gap:66px
}
@media(max-width: 1919px){
.blockHero .blockHeroWrapper{
gap:9px;
margin-bottom:112px
}
}
@media(max-width: 1365px){
.blockHero .blockHeroWrapper{
margin-bottom:114px
}
}
@media(max-width: 1023px){
.blockHero .blockHeroWrapper{
flex-direction:column
}
}
@media(max-width: 479px){
.blockHero .blockHeroWrapper{
margin-bottom:56px
}
}
@media(max-width: 479px){
.blockHero0 .container{
max-width:initial
}
}
@media(max-width: 479px){
.blockHero0 .blockHeroContentTitle{
max-width:284px;
margin-inline:auto
}
}
@media(max-width: 479px){
.blockHero0 #blockHeroImage{
max-width:284px;
margin-inline:auto;
position:relative;
display:block
}
}
@media(max-width: 479px){
.blockHero2 .container{
max-width:initial
}
}
.blockHero2 .blockHeroWrapper{
flex-direction:column;
align-items:center;
margin-bottom:80px
}
.blockHero2 .blockHeroWrapper::before{
content:"";
display:block;
width:1694px;
height:100%;
background-image:url(assets/01ab1eea1ce7de314b63.png);
background-size:contain;
background-repeat:no-repeat;
position:absolute;
top:0;
left:50%;
transform:translate(-50%, 0)
}
@media(max-width: 1023px){
.blockHero2 .blockHeroWrapper::before{
display:none
}
}
@media(max-width: 719px){
.blockHero2 .blockHeroWrapper{
margin-bottom:72px
}
}
@media(max-width: 479px){
.blockHero2 .blockHeroWrapper{
margin-bottom:48px
}
}
.blockHero .blockHeroContent{
width:100%;
max-width:640px;
padding-top:60px
}
@media(max-width: 1919px){
.blockHero .blockHeroContent{
max-width:576px;
padding-top:32px
}
}
@media(max-width: 1365px){
.blockHero .blockHeroContent{
max-width:386px;
padding-top:0
}
}
@media(max-width: 1023px){
.blockHero .blockHeroContent{
max-width:none
}
}
.blockHero2 .blockHeroContent{
max-width:1088px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center
}
@media(max-width: 1919px){
.blockHero2 .blockHeroContent{
max-width:976px
}
}
@media(max-width: 1365px){
.blockHero2 .blockHeroContent{
max-width:796px
}
}
.blockHero3{
padding-top:217px
}
@media(max-width: 1919px){
.blockHero3{
padding-top:179px
}
}
@media(max-width: 1023px){
.blockHero3{
padding-top:183px
}
}
@media(max-width: 479px){
.blockHero3{
padding-top:125px
}
}
.blockHero3 .blockHeroContent{
max-width:640px;
padding-top:32px
}
@media(max-width: 1919px){
.blockHero3 .blockHeroContent{
padding-top:0;
max-width:576px
}
}
@media(max-width: 1023px){
.blockHero3 .blockHeroContent{
max-width:none
}
}
.blockHero3 .blockHeroWrapper{
margin-bottom:125px
}
@media(max-width: 1919px){
.blockHero3 .blockHeroWrapper{
margin-bottom:104px
}
}
@media(max-width: 1365px){
.blockHero3 .blockHeroWrapper{
margin-bottom:115px
}
}
@media(max-width: 479px){
.blockHero3 .blockHeroWrapper{
margin-bottom:56px
}
}
.blockHero .blockHeroContentTitle{
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0);
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.01em;
margin-bottom:24px
}
@media(max-width: 1023px){
.blockHero .blockHeroContentTitle{
text-align:center;
font-size:40px;
line-height:48px;
letter-spacing:-0.4px;
margin-bottom:623px
}
}
@media(max-width: 719px){
.blockHero .blockHeroContentTitle{
margin-bottom:492px
}
}
@media(max-width: 479px){
.blockHero .blockHeroContentTitle{
font-size:34px;
letter-spacing:-0.34px;
margin-bottom:350px
}
}
.blockHero .blockHeroContentTitle>span{
text-decoration:underline #e72c39 1px;
text-underline-offset:6px
}
.blockHero2 .blockHeroContentTitle{
font-size:58px;
line-height:72px
}
@media(max-width: 1919px){
.blockHero2 .blockHeroContentTitle{
font-size:58px
}
}
@media(max-width: 1023px){
.blockHero2 .blockHeroContentTitle{
margin-bottom:0
}
}
@media(max-width: 719px){
.blockHero2 .blockHeroContentTitle{
font-size:52px;
line-height:64px
}
}
@media(max-width: 479px){
.blockHero2 .blockHeroContentTitle{
font-size:40px;
line-height:48px
}
}
.blockHero .blockHeroContentSubtitle{
color:#9a9a9a;
font-size:20px;
font-weight:400;
line-height:30px;
margin-bottom:40px
}
@media(max-width: 1023px){
.blockHero .blockHeroContentSubtitle{
text-align:center;
font-size:18px;
line-height:26px;
margin-bottom:32px
}
}
@media(max-width: 479px){
.blockHero .blockHeroContentSubtitle{
font-size:17px;
margin-bottom:24px
}
}
@media(max-width: 1023px){
.blockHero .button{
margin-inline:auto
}
}
@media(max-width: 479px){
.blockHero .button{
width:100%
}
}
.blockHero .blockHeroTheme{
position:relative;
width:100%;
max-width:606px;
max-height:487px
}
@media(max-width: 1919px){
.blockHero .blockHeroTheme{
min-width:606px;
min-height:487px;
margin-right:-15px
}
}
@media(max-width: 1365px){
.blockHero .blockHeroTheme{
margin-right:-30px;
margin-top:37px
}
}
@media(max-width: 1023px){
.blockHero .blockHeroTheme{
position:absolute;
margin-top:0;
margin-right:0;
top:175px;
left:50%;
transform:translateX(-50%)
}
}
@media(max-width: 719px){
.blockHero .blockHeroTheme{
top:262px;
max-width:none;
min-width:0;
min-height:0;
max-height:none;
width:97%
}
}
@media(max-width: 479px){
.blockHero .blockHeroTheme{
width:95%;
top:306px
}
}
.blockHero .blockHeroTheme:after{
content:"";
position:absolute;
top:114px;
left:150px;
border-radius:264.118px;
background:#d90629;
filter:blur(120px);
transform:translate3d(0, 0, 0);
width:264.118px;
height:173.896px;
z-index:0;
pointer-events:none
}
@media(max-width: 479px){
.blockHero .blockHeroTheme:after{
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%27316%27 height=%27602%27 viewBox=%270 0 316 602%27 fill=%27none%27%3E%3Cg filter=%27url%28%23filter0_f_668_83168%29%27%3E%3Cellipse cx=%27153.5%27 cy=%27301%27 rx=%2793.5%27 ry=%2761%27 fill=%27%23D90629%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_f_668_83168%27 x=%27-180%27 y=%270%27 width=%27667%27 height=%27602%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27BackgroundImageFix%27 result=%27shape%27/%3E%3CfeGaussianBlur stdDeviation=%27120%27 result=%27effect1_foregroundBlur_668_83168%27/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:100%;
background-color:rgba(0,0,0,0);
width:calc(100% + 32px);
height:783px;
left:-16px;
filter:none;
border-radius:0;
top:50%;
transform:translateY(-50%)
}
}
@media(max-width: 375px){
.blockHero .blockHeroTheme:after{
height:600px
}
}
.blockHero .blockHeroImg{
width:100%;
height:auto;
position:absolute;
z-index:1;
opacity:0;
transition:.3s ease-in-out
}
.blockHero .blockHeroImg.active{
opacity:1;
-webkit-animation:.3s active ease;
animation:.3s active ease
}
@-webkit-keyframes active{
from{
opacity:0
}
to{
opacity:1
}
}
@keyframes active{
from{
opacity:0
}
to{
opacity:1
}
}
.blockHero .blockHeroImg.hide{
opacity:0;
-webkit-animation:.3s hide ease;
animation:.3s hide ease
}
@-webkit-keyframes hide{
from{
opacity:1
}
to{
opacity:0
}
}
@keyframes hide{
from{
opacity:1
}
to{
opacity:0
}
}
.blockHero .blockHeroThemeImagePhone{
position:absolute;
bottom:83px;
right:3px;
z-index:1
}
.blockHero .blockHeroThemeItems{
position:absolute;
bottom:-50px;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:16px;
z-index:1
}
@media(max-width: 1919px){
.blockHero .blockHeroThemeItems{
bottom:-35px
}
}
@media(max-width: 1365px){
.blockHero .blockHeroThemeItems{
bottom:-52px
}
}
@media(max-width: 719px){
.blockHero .blockHeroThemeItems{
bottom:-42px
}
}
@media(max-width: 479px){
.blockHero .blockHeroThemeItems{
bottom:-50px
}
}
.blockHero .blockHeroThemeItem{
position:relative;
width:32px;
height:32px;
border-radius:6px;
box-shadow:0 1px 0 0 hsla(0,0%,100%,.24) inset;
border:1px solid hsla(0,0%,100%,.16);
cursor:pointer
}
.blockHero .blockHeroThemeItem::before{
content:"";
display:block;
width:calc(100% + 8px);
height:calc(100% + 8px);
border-radius:8px;
background:linear-gradient(#060606, #060606) padding-box,linear-gradient(rgba(255, 255, 255, 0.5882352941), rgba(255, 255, 255, 0.1490196078)) border-box;
border:1px solid rgba(0,0,0,0);
position:absolute;
top:-5px;
left:-5px;
z-index:-1;
opacity:0;
visibility:hidden;
transition:all .3s ease
}
.blockHero .blockHeroThemeItem:hover::before{
opacity:1;
visibility:visible
}
.blockHero .blockHeroThemeItem.active{
pointer-events:none
}
.blockHero .blockHeroThemeItem.active:hover::before{
display:none
}
.blockHero .blockHeroThemeItem.active:after{
content:"";
width:48px;
height:48px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
background-image:url(assets/fb20150105c2058ed0ec.svg);
background-repeat:no-repeat;
background-size:contain
}
.blockHero .blockHeroThemeLoader{
opacity:0;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
z-index:3;
pointer-events:none;
border-radius:24px;
background:#fff;
width:150px;
height:22px;
padding:6px;
transition:.3s ease-in-out
}
.blockHero .blockHeroThemeLoader:after{
content:"";
position:absolute;
top:3px;
left:3px;
right:3px;
bottom:3px;
border-radius:24px;
border:1px solid #d90629
}
.blockHero .blockHeroThemeLoaderProgress{
width:0;
height:100%;
border-radius:24px;
background:#d90629;
transition:.3s ease-in-out
}
.blockHero .blockHeroThemeItem1{
background:linear-gradient(180deg, #19202D 0%, #2C364E 100%)
}
.blockHero .blockHeroThemeItem2{
background:linear-gradient(180deg, #111216 0%, #1A1E22 100%)
}
.blockHero .blockHeroThemeItem3{
background:#000
}
.blockHero .blockHeroThemeItem4{
background:linear-gradient(180deg, #C6CACD 0%, #E8E8E8 100%)
}
.blockHero .blockHeroList{
display:flex;
align-items:flex-start;
gap:64px;
position:relative;
z-index:2
}
@media(max-width: 719px){
.blockHero .blockHeroList{
flex-wrap:wrap;
gap:24px
}
}
.blockHero .blockHeroListItem{
width:100%;
max-width:211px
}
@media(max-width: 1023px){
.blockHero .blockHeroListItem{
max-width:112px
}
}
@media(max-width: 719px){
.blockHero .blockHeroListItem{
max-width:none;
width:calc((100% - 24px)/2)
}
}
@media(max-width: 479px){
.blockHero .blockHeroListItem{
width:100%
}
}
@media(max-width: 1023px){
.blockHero .blockHeroListItem:last-of-type{
max-width:144px
}
}
@media(max-width: 719px){
.blockHero .blockHeroListItem:last-of-type{
max-width:none
}
}
.blockHero .blockHeroListItemTitle{
background:linear-gradient(180deg, #FFFFFF 8.93%, #AFAFAF 117.32%);
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0);
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.01em
}
@media(max-width: 1023px){
.blockHero .blockHeroListItemTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockHero .blockHeroListItemTitle{
text-align:center;
font-size:34px;
letter-spacing:-0.34px
}
}
.blockHero .blockHeroListItemSubtitle{
color:#9a9a9a;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockHero .blockHeroListItemSubtitle{
font-size:15px
}
}
@media(max-width: 479px){
.blockHero .blockHeroListItemSubtitle{
text-align:center;
font-size:14px
}
}
.blockHero2 .blockBecomeImages{
display:flex;
align-items:flex-end;
gap:38px;
margin-top:112px
}
.blockHero2 .blockBecomeImages::before{
content:"";
display:block;
width:100%;
height:705px;
background-image:url(assets/09865c2d0ac78707cd78.png);
background-repeat:repeat-x;
background-position:50% 50%;
position:absolute;
bottom:-550px;
left:0
}
@media(max-width: 1023px){
.blockHero2 .blockBecomeImages::before{
display:none
}
}
@media(max-width: 1919px){
.blockHero2 .blockBecomeImages{
gap:25px
}
.blockHero2 .blockBecomeImages::before{
bottom:-375px
}
}
@media(max-width: 1365px){
.blockHero2 .blockBecomeImages{
gap:20px
}
.blockHero2 .blockBecomeImages::before{
bottom:-480px
}
}
@media(max-width: 1023px){
.blockHero2 .blockBecomeImages{
gap:14px;
margin-top:72px
}
}
@media(max-width: 719px){
.blockHero2 .blockBecomeImages{
flex-direction:column
}
}
@media(max-width: ){
.blockHero2 .blockBecomeImages{
flex-wrap:wrap;
gap:40px;
margin-top:48px
}
}
.blockHero2 .blockBecomeImageDesktop{
width:100%;
max-width:1044px;
border-radius:4px;
z-index:2
}
@media(max-width: 1919px){
.blockHero2 .blockBecomeImageDesktop{
max-width:935px
}
}
@media(max-width: 1365px){
.blockHero2 .blockBecomeImageDesktop{
min-width:764px
}
}
@media(max-width: 1023px){
.blockHero2 .blockBecomeImageDesktop{
min-width:522px;
max-width:764px
}
}
@media(max-width: 719px){
.blockHero2 .blockBecomeImageDesktop{
max-width:100%;
min-width:initial
}
}
.blockHero2 .blockBecomeImageMobile{
display:none;
width:calc(100% + 116px);
margin-top:72px;
position:relative;
left:58px
}
@media(max-width: 719px){
.blockHero2 .blockBecomeImageMobile{
display:block
}
}
.blockHero2 .blockBecomeVideoMobile{
width:220px;
height:-webkit-max-content;
height:-moz-max-content;
height:max-content;
border:9px solid #323950;
background-color:#323950;
border-radius:16px;
position:relative;
z-index:2
}
.blockHero2 .blockBecomeVideoMobile video{
width:100%;
border-radius:8px
}
@media(max-width: 1919px){
.blockHero2 .blockBecomeVideoMobile{
width:197px
}
}
@media(max-width: 1365px){
.blockHero2 .blockBecomeVideoMobile{
min-width:161px;
border:7px solid #323950
}
}
@media(max-width: 1023px){
.blockHero2 .blockBecomeVideoMobile{
min-width:110px;
max-width:160px;
border:5px solid #323950
}
}
@media(max-width: 719px){
.blockHero2 .blockBecomeVideoMobile{
display:none
}
}
.blockHero3 .blockHeroTheme{
right:-15px
}
@media(max-width: 1919px){
.blockHero3 .blockHeroTheme{
right:-2px
}
}
@media(max-width: 1365px){
.blockHero3 .blockHeroTheme{
margin-top:70px;
margin-right:-42px;
right:0
}
}
@media(max-width: 1023px){
.blockHero3 .blockHeroTheme{
margin-top:0
}
}
@media(max-width: 719px){
.blockHero3 .blockHeroTheme{
top:273px
}
}
@media(max-width: 479px){
.blockHero3 .blockHeroTheme{
top:316px
}
}
@media(max-width: 1023px){
.blockHero3 .blockHeroContentTitle{
margin-bottom:552px
}
}
@media(max-width: 719px){
.blockHero3 .blockHeroContentTitle{
margin-bottom:440px
}
}
@media(max-width: 479px){
.blockHero3 .blockHeroContentTitle{
margin-bottom:293px
}
}
@media(max-width: 1023px){
.blockHero3 .blockHeroList{
gap:16px
}
}
@media(max-width: 719px){
.blockHero3 .blockHeroList{
gap:24px
}
}
.blockOffer{
padding-top:120px;
padding-bottom:120px
}
@media(max-width: 1023px){
.blockOffer{
padding-top:112px;
padding-bottom:112px
}
}
@media(max-width: 719px){
.blockOffer{
padding-top:80px
}
}
@media(max-width: 479px){
.blockOffer{
padding-bottom:80px
}
}
.blockOffer .container{
position:relative
}
.blockOffer .container:after{
content:"";
position:absolute;
border-radius:1442px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
width:1442px;
height:156px;
bottom:-22px;
right:-903px
}
@media(max-width: 1919px){
.blockOffer .container:after{
bottom:10px;
right:-1036px
}
}
@media(max-width: 1365px){
.blockOffer .container:after{
width:816px;
height:156px;
bottom:66px;
right:-521px
}
}
.blockOffer .blockOfferHeader{
position:relative;
margin-bottom:97px
}
@media(max-width: 1023px){
.blockOffer .blockOfferHeader{
margin-bottom:89px
}
}
@media(max-width: 719px){
.blockOffer .blockOfferHeader{
margin-bottom:81px
}
}
@media(max-width: 479px){
.blockOffer .blockOfferHeader{
margin-bottom:57px
}
}
.blockOffer .blockOfferHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
bottom:-25px;
left:50%;
transform:translateX(-50%)
}
@media(max-width: 479px){
.blockOffer .blockOfferHeader:after{
bottom:-17px
}
}
.blockOffer .blockOfferTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0)
}
@media(max-width: 1023px){
.blockOffer .blockOfferTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockOffer .blockOfferTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockOffer .blockOfferGrid{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
-moz-column-gap:40px;
column-gap:40px;
row-gap:56px;
margin-bottom:32px
}
@media(max-width: 1919px){
.blockOffer .blockOfferGrid{
margin-bottom:0
}
}
@media(max-width: 1023px){
.blockOffer .blockOfferGrid{
margin-bottom:16px
}
}
@media(max-width: 719px){
.blockOffer .blockOfferGrid{
flex-wrap:wrap;
gap:40px;
margin-bottom:0
}
}
.blockOffer .blockOfferItem{
width:calc((100% - 80px)/3)
}
@media(max-width: 719px){
.blockOffer .blockOfferItem{
width:100%
}
}
.blockOffer .blockOfferItemIcon{
width:48px;
height:48px;
display:block;
margin-bottom:16px
}
.blockOffer .blockOfferItemTitle{
color:#fff;
font-size:24px;
font-weight:600;
line-height:32px;
margin-bottom:16px
}
@media(max-width: 1023px){
.blockOffer .blockOfferItemTitle{
font-size:21px;
line-height:28px
}
}
@media(max-width: 479px){
.blockOffer .blockOfferItemTitle{
font-size:19px
}
}
.blockOffer .blockOfferItemText{
color:#9a9a9a;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockOffer .blockOfferItemText{
font-size:15px
}
}
@media(max-width: 479px){
.blockOffer .blockOfferItemText{
font-size:14px
}
}
.blockOffer .blockOfferItemText>span{
color:#fff;
text-decoration:underline #e72c39 1px;
text-underline-offset:6px
}
.blockOffer3 .blockOfferGrid{
margin-bottom:0
}
.blockSolution{
padding-top:120px;
padding-bottom:120px
}
@media(max-width: 1023px){
.blockSolution{
padding-top:112px;
padding-bottom:112px
}
}
@media(max-width: 479px){
.blockSolution{
padding-top:80px;
padding-bottom:80px
}
}
.blockSolution .blockSolutionHeader{
position:relative;
margin-bottom:97px
}
@media(max-width: 1023px){
.blockSolution .blockSolutionHeader{
margin-bottom:89px
}
}
@media(max-width: 719px){
.blockSolution .blockSolutionHeader{
margin-bottom:66px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionHeader{
margin-bottom:39px
}
}
.blockSolution .blockSolutionHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
bottom:-25px;
left:50%;
transform:translateX(-50%)
}
@media(max-width: 479px){
.blockSolution .blockSolutionHeader:after{
bottom:-17px
}
}
.blockSolution .blockSolutionTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0);
margin-bottom:8px
}
@media(max-width: 1023px){
.blockSolution .blockSolutionTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockSolution .blockSolutionSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockSolution .blockSolutionSubtitle{
font-size:15px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionSubtitle{
font-size:14px
}
}
.blockSolution .blockSolutionContent{
position:relative
}
.blockSolution .blockSolutionContent:after{
content:"";
position:absolute;
width:284px;
height:284px;
border-radius:284px;
opacity:.44;
background:#494949;
filter:blur(85px);
transform:translate3d(-50%, 0, 0);
top:19px;
left:50%;
z-index:-1
}
@media(max-width: 1023px){
.blockSolution .blockSolutionContent:after{
top:-36px
}
}
@media(max-width: 719px){
.blockSolution .blockSolutionContent:after{
width:102px;
height:102px;
top:35px
}
}
.blockSolution .blockSolutionImg{
width:800px;
display:flex;
margin-inline:auto
}
@media(max-width: 1365px){
.blockSolution .blockSolutionImg{
width:634px
}
}
@media(max-width: 1023px){
.blockSolution .blockSolutionImg{
width:441px
}
}
@media(max-width: 719px){
.blockSolution .blockSolutionImg{
width:428px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionImg{
width:100%
}
}
.blockSolution .blockSolutionItems{
display:flex;
align-items:flex-start;
justify-content:space-between;
margin-top:-50px;
padding:0 25px
}
@media(max-width: 1919px){
.blockSolution .blockSolutionItems{
padding:0
}
}
@media(max-width: 1365px){
.blockSolution .blockSolutionItems{
margin-top:-35px
}
}
@media(max-width: 1023px){
.blockSolution .blockSolutionItems{
margin-top:-15px
}
}
@media(max-width: 719px){
.blockSolution .blockSolutionItems{
gap:16px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionItems{
margin-top:-11px
}
}
.blockSolution .blockSolutionItem{
width:100%;
max-width:476px
}
@media(max-width: 1365px){
.blockSolution .blockSolutionItem{
max-width:386px
}
}
@media(max-width: 1023px){
.blockSolution .blockSolutionItem{
max-width:264px
}
}
@media(max-width: 719px){
.blockSolution .blockSolutionItem{
max-width:206px
}
}
.blockSolution .blockSolutionItemTitle{
color:#fff;
text-align:center;
font-size:28px;
font-weight:700;
line-height:40px;
letter-spacing:-0.28px;
margin-bottom:24px
}
@media(max-width: 1023px){
.blockSolution .blockSolutionItemTitle{
font-size:24px;
line-height:32px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionItemTitle{
font-size:22px;
line-height:28px
}
}
.blockSolution .blockSolutionItemSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockSolution .blockSolutionItemSubtitle{
font-size:15px
}
}
@media(max-width: 479px){
.blockSolution .blockSolutionItemSubtitle{
font-size:14px
}
}
.blockSolution3 .blockSolutionImg{
width:958px
}
@media(max-width: 1919px){
.blockSolution3 .blockSolutionImg{
width:860px
}
}
@media(max-width: 1365px){
.blockSolution3 .blockSolutionImg{
width:710px
}
}
@media(max-width: 1023px){
.blockSolution3 .blockSolutionImg{
width:73%
}
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionImg{
width:100%
}
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionContent{
display:flex;
flex-direction:column;
background-image:url("data:image/svg+xml,%3Csvg width=%272%27 height=%27879%27 viewBox=%270 0 2 879%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 0L1.00004 879%27 stroke=%27url%28%23paint0_linear_989_10386%29%27 stroke-dasharray=%272 2%27/%3E%3Cdefs%3E%3ClinearGradient id=%27paint0_linear_989_10386%27 x1=%271%27 y1=%2710.3238%27 x2=%270.999991%27 y2=%27881.458%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27 stop-opacity=%270%27/%3E%3Cstop offset=%270.505208%27 stop-color=%27white%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27 stop-opacity=%270.44%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position-y:319px
}
}
@media(max-width: 479px){
.blockSolution3 .blockSolutionContent{
background-position-y:93px;
background-size:2px 1476px
}
}
.blockSolution3 .blockSolutionPicture{
order:1
}
.blockSolution3 .blockSolutionList{
display:flex;
align-items:flex-start;
gap:40px
}
@media(max-width: 1023px){
.blockSolution3 .blockSolutionList{
gap:24px
}
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionList{
flex-direction:column;
gap:48px
}
}
.blockSolution3 .blockSolutionList1{
margin-bottom:16px
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionList1{
order:2;
margin-bottom:0;
margin-top:32px
}
}
.blockSolution3 .blockSolutionList2{
margin-top:16px
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionList2{
order:3;
margin-top:48px
}
}
.blockSolution3 .blockSolutionListItem{
width:calc((100% - 80px)/3)
}
@media(max-width: 1023px){
.blockSolution3 .blockSolutionListItem{
width:calc((100% - 48px)/3)
}
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionListItem{
width:100%;
padding-left:75px;
background-image:url("data:image/svg+xml,%3Csvg width=%2751%27 height=%2725%27 viewBox=%270 0 51 25%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cg filter=%27url%28%23filter0_di_989_10167%29%27%3E%3Crect x=%2745%27 y=%274%27 width=%2713%27 height=%2713%27 rx=%276.5%27 transform=%27rotate%2890 45 4%29%27 fill=%27%23E72C39%27/%3E%3Crect x=%2744.5%27 y=%274.5%27 width=%2712%27 height=%2712%27 rx=%276%27 transform=%27rotate%2890 44.5 4.5%29%27 stroke=%27url%28%23paint0_linear_989_10167%29%27/%3E%3C/g%3E%3Cpath d=%27M32.0002 11.0512L7.16639e-07 11.0438%27 stroke=%27url%28%23paint1_linear_989_10167%29%27 stroke-dasharray=%272 2%27/%3E%3Cdefs%3E%3Cfilter id=%27filter0_di_989_10167%27 x=%2726%27 y=%270%27 width=%2725%27 height=%2725%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%272%27/%3E%3CfeGaussianBlur stdDeviation=%273%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 0.905882 0 0 0 0 0.172549 0 0 0 0 0.223529 0 0 0 1 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_989_10167%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_989_10167%27 result=%27shape%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset dy=%271%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27arithmetic%27 k2=%27-1%27 k3=%271%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27shape%27 result=%27effect2_innerShadow_989_10167%27/%3E%3C/filter%3E%3ClinearGradient id=%27paint0_linear_989_10167%27 x1=%2755.9379%27 y1=%270.388891%27 x2=%2745.8626%27 y2=%277.18774%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27%23E72C39%27 stop-opacity=%270.41%27/%3E%3Cstop offset=%271%27 stop-color=%27%23E72C39%27 stop-opacity=%270.1%27/%3E%3C/linearGradient%3E%3ClinearGradient id=%27paint1_linear_989_10167%27 x1=%273.47828%27 y1=%279.49872%27 x2=%2732.0021%27 y2=%279.95464%27 gradientUnits=%27userSpaceOnUse%27%3E%3Cstop stop-color=%27white%27 stop-opacity=%270.21%27/%3E%3Cstop offset=%271%27 stop-color=%27white%27/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:12px 7px
}
}
.blockSolution3 .blockSolutionListItemTitle{
color:#fff;
text-align:center;
font-size:28px;
font-weight:700;
line-height:40px;
letter-spacing:-0.28px;
margin-bottom:24px
}
@media(max-width: 1023px){
.blockSolution3 .blockSolutionListItemTitle{
font-size:24px;
line-height:32px
}
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionListItemTitle{
text-align:left;
margin-bottom:16px
}
}
@media(max-width: 479px){
.blockSolution3 .blockSolutionListItemTitle{
font-size:22px;
line-height:28px
}
}
.blockSolution3 .blockSolutionListItemSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockSolution3 .blockSolutionListItemSubtitle{
font-size:15px
}
}
@media(max-width: 719px){
.blockSolution3 .blockSolutionListItemSubtitle{
text-align:left
}
}
@media(max-width: 479px){
.blockSolution3 .blockSolutionListItemSubtitle{
font-size:14px
}
}
.blockTrust{
padding-top:120px;
padding-bottom:120px
}
@media(max-width: 1023px){
.blockTrust{
padding-top:112px;
padding-bottom:112px
}
}
@media(max-width: 479px){
.blockTrust{
padding-top:80px;
padding-bottom:80px
}
}
.blockTrust .container{
display:flex;
flex-direction:column;
align-items:center
}
.blockTrust .blockTrustHeader{
position:relative;
margin-bottom:49px
}
@media(max-width: 1023px){
.blockTrust .blockTrustHeader{
margin-bottom:64px
}
}
@media(max-width: 719px){
.blockTrust .blockTrustHeader{
margin-bottom:89px
}
}
@media(max-width: 479px){
.blockTrust .blockTrustHeader{
margin-bottom:57px
}
}
.blockTrust .blockTrustHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
bottom:-25px;
left:50%;
transform:translateX(-50%)
}
@media(max-width: 479px){
.blockTrust .blockTrustHeader:after{
bottom:-17px
}
}
.blockTrust .blockTrustTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0)
}
@media(max-width: 1023px){
.blockTrust .blockTrustTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockTrust .blockTrustTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockTrust .blockTrustItems{
display:flex;
align-items:flex-start;
justify-content:center;
flex-wrap:wrap;
width:763px;
gap:98px
}
@media(max-width: 1919px){
.blockTrust .blockTrustItems{
width:763px;
gap:64px
}
}
@media(max-width: 1023px){
.blockTrust .blockTrustItems{
width:600px;
gap:10px;
position:relative
}
}
@media(max-width: 719px){
.blockTrust .blockTrustItems{
flex-wrap:wrap;
-moz-column-gap:60px;
column-gap:60px;
row-gap:56px;
height:auto
}
}
@media(max-width: 479px){
.blockTrust .blockTrustItems{
gap:40px
}
}
.blockTrust .blockTrustItem{
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
display:flex;
flex-direction:column;
align-items:center
}
.blockTrust .blockTrustItem.sabiotrade .blockTrustLogo{
width:100px;
height:100px;
display:flex
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.sabiotrade .blockTrustLogo{
display:none
}
}
.blockTrust .blockTrustItem.qcex,.blockTrust .blockTrustItem.quadcodeMarkets,.blockTrust .blockTrustItem.invetra{
padding-top:56px
}
.blockTrust .blockTrustItem.qcex .blockTrustLogo,.blockTrust .blockTrustItem.quadcodeMarkets .blockTrustLogo,.blockTrust .blockTrustItem.invetra .blockTrustLogo{
width:120px;
height:120px;
display:flex
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.qcex .blockTrustLogo,.blockTrust .blockTrustItem.quadcodeMarkets .blockTrustLogo,.blockTrust .blockTrustItem.invetra .blockTrustLogo{
display:none
}
}
.blockTrust .blockTrustItem.iqOption .blockTrustLogo{
width:180px;
height:180px;
display:flex
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.iqOption .blockTrustLogo{
display:none
}
}
@media(max-width: 719px){
.blockTrust .blockTrustItem.qcex{
position:unset;
order:4;
width:calc((100% - 60px)/2)
}
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.qcex{
width:100%
}
}
@media(max-width: 1023px){
.blockTrust .blockTrustItem.quadcodeMarkets .blockTrustLogo{
width:120px;
height:120px
}
}
@media(max-width: 719px){
.blockTrust .blockTrustItem.quadcodeMarkets{
position:unset;
order:2;
width:calc((100% - 60px)/2)
}
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.quadcodeMarkets{
width:100%;
order:3
}
}
@media(max-width: 1023px){
.blockTrust .blockTrustItem.invetra .blockTrustLogo{
width:120px;
height:120px
}
}
@media(max-width: 719px){
.blockTrust .blockTrustItem.invetra{
position:unset;
order:3;
width:calc((100% - 60px)/2)
}
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.invetra{
width:100%;
order:2
}
}
@media(max-width: 719px){
.blockTrust .blockTrustItem.sabiotrade{
position:unset;
order:5;
width:calc((100% - 60px)/2)
}
}
@media(max-width: 479px){
.blockTrust .blockTrustItem.sabiotrade{
width:100%
}
}
@media(max-width: 1023px){
.blockTrust .blockTrustItem.iqOption{
padding-top:30px
}
}
@media(max-width: 719px){
.blockTrust .blockTrustItem.iqOption{
padding-top:0;
position:unset;
transform:none;
order:1;
width:100%
}
}
@media(max-width: 479px){
.blockTrust .blockTrustItem .blockTrustIcon{
width:100%;
max-width:284px
}
}
.blockTrust .blockTrustLogo{
margin-bottom:32px
}
.blockPackage{
padding-top:120px;
padding-bottom:120px
}
@media(max-width: 1023px){
.blockPackage{
padding-top:112px;
padding-bottom:112px
}
}
@media(max-width: 479px){
.blockPackage{
padding-top:80px;
padding-bottom:80px
}
}
.blockPackage .blockPackageHeader{
position:relative;
margin-bottom:97px
}
@media(max-width: 1023px){
.blockPackage .blockPackageHeader{
margin-bottom:89px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageHeader{
margin-bottom:57px
}
}
.blockPackage .blockPackageHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
bottom:-25px;
left:50%;
transform:translateX(-50%)
}
@media(max-width: 479px){
.blockPackage .blockPackageHeader:after{
bottom:-17px
}
}
.blockPackage .blockPackageTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0)
}
@media(max-width: 1023px){
.blockPackage .blockPackageTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockPackage .blockPackageBlock{
margin-bottom:240px;
display:flex;
align-items:center;
justify-content:space-between;
gap:64px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlock{
flex-direction:column;
gap:40px;
margin-bottom:224px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageBlock{
margin-bottom:160px
}
}
.blockPackage .blockPackageBlock>.button{
display:none
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlock>.button{
display:flex;
margin:0 auto
}
}
.blockPackage .blockPackageBlock:last-of-type{
margin-bottom:0
}
.blockPackage .blockPackageBlockContent{
width:100%;
max-width:584px;
min-width:584px
}
@media(max-width: 1919px){
.blockPackage .blockPackageBlockContent{
max-width:448px;
min-width:448px
}
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlockContent{
max-width:346px;
min-width:346px
}
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContent{
max-width:none;
min-width:0
}
}
.blockPackage .blockPackageBlockContent .button{
margin-top:24px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContent .button{
display:none
}
}
.blockPackage .blockPackageBlockContentHeader{
position:relative;
margin-bottom:41px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContentHeader{
margin-bottom:33px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageBlockContentHeader{
margin-bottom:25px
}
}
.blockPackage .blockPackageBlockContentHeader>p{
color:#fff;
font-size:36px;
font-weight:700;
line-height:48px;
letter-spacing:-0.36px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContentHeader>p{
text-align:center;
font-size:32px;
line-height:40px;
letter-spacing:-0.32px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageBlockContentHeader>p{
font-size:28px;
letter-spacing:-0.28px
}
}
.blockPackage .blockPackageBlockContentHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
left:0;
bottom:-17px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContentHeader:after{
left:50%;
transform:translateX(-50%)
}
}
@media(max-width: 479px){
.blockPackage .blockPackageBlockContentHeader:after{
bottom:-9px
}
}
.blockPackage .blockPackageBlockContentSubtitle{
color:#9a9a9a;
font-size:16px;
font-weight:400;
line-height:24px;
margin-bottom:24px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContentSubtitle{
text-align:center;
font-size:15px;
margin-bottom:19px
}
}
@media(max-width: 719px){
.blockPackage .blockPackageBlockContentSubtitle{
margin-bottom:16px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageBlockContentSubtitle{
font-size:14px
}
}
.blockPackage .blockPackageBlockContentList li{
display:flex;
align-items:center;
gap:16px;
margin-bottom:23px
}
@media(max-width: 1919px){
.blockPackage .blockPackageBlockContentList li{
margin-bottom:24px
}
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlockContentList li{
margin-bottom:23px
}
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContentList li{
margin-bottom:16px
}
}
.blockPackage .blockPackageBlockContentList li>svg{
min-width:32px
}
.blockPackage .blockPackageBlockContentList li>p{
color:#fff;
font-size:20px;
font-weight:400;
line-height:30px
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockContentList li>p{
font-size:18px;
line-height:26px
}
}
@media(max-width: 479px){
.blockPackage .blockPackageBlockContentList li>p{
font-size:17px
}
}
.blockPackage .blockPackageBlockContentList li:last-of-type{
margin-bottom:0
}
.blockPackage .blockPackageBlockImages{
width:664px;
height:auto;
position:relative
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlockImages{
width:550px
}
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlockImages{
margin:0 auto
}
}
@media(max-width: 719px){
.blockPackage .blockPackageBlockImages{
width:100%
}
}
.blockPackage .blockPackageBlockImages>img{
display:block;
width:100%;
height:auto
}
.blockPackage .blockPackageBlock1 .blockPackageBlockImages:after{
content:"";
position:absolute;
width:422px;
height:276px;
border-radius:422px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
top:13px;
left:69px;
z-index:-1
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlock1 .blockPackageBlockImages:after{
top:11px;
left:auto;
right:-43px
}
}
.blockPackage .blockPackageBlock1 .blockPackageBlockImages>img{
width:100%;
height:auto
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlock2{
align-items:flex-start
}
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlock2{
flex-direction:column-reverse;
justify-content:center
}
}
.blockPackage .blockPackageBlock2 .blockPackageBlockImages:after{
content:"";
position:absolute;
width:422px;
height:276px;
border-radius:422px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
top:50px;
left:69px;
z-index:-1
}
.blockPackage .blockPackageBlock2 .blockPackageBlockImages>img{
width:100%;
height:auto
}
.blockPackage .blockPackageBlock3 .blockPackageBlockImages:after{
content:"";
position:absolute;
width:422px;
height:276px;
border-radius:422px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
top:50px;
left:69px;
z-index:-1
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlock3 .blockPackageBlockImages:after{
top:-51px;
left:auto;
right:-43px
}
}
.blockPackage .blockPackageBlock3 .blockPackageBlockImages>img{
width:100%;
height:auto
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlock4{
flex-direction:column-reverse;
justify-content:center
}
}
.blockPackage .blockPackageBlock4 .blockPackageBlockImages:after{
content:"";
position:absolute;
width:422px;
height:276px;
border-radius:422px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
top:50px;
left:69px;
z-index:-1
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlock4 .blockPackageBlockImages:after{
top:-38px
}
}
.blockPackage .blockPackageBlock4 .blockPackageBlockImages>img{
width:100%;
height:auto
}
.blockPackage .blockPackageBlock5 .blockPackageBlockImages:after{
content:"";
position:absolute;
width:422px;
height:276px;
border-radius:422px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
top:50px;
left:69px;
z-index:-1
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlock5 .blockPackageBlockImages:after{
top:63px;
left:auto;
right:-63px
}
}
.blockPackage .blockPackageBlock5 .blockPackageBlockImages>img{
width:100%;
height:auto
}
@media(max-width: 1023px){
.blockPackage .blockPackageBlock6{
flex-direction:column-reverse;
justify-content:center
}
}
.blockPackage .blockPackageBlock6 .blockPackageBlockImages:after{
content:"";
position:absolute;
width:422px;
height:276px;
border-radius:422px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
top:50px;
left:69px;
z-index:-1
}
@media(max-width: 1365px){
.blockPackage .blockPackageBlock6 .blockPackageBlockImages:after{
top:-42px
}
}
.blockPackage .blockPackageBlock6 .blockPackageBlockImages>img{
width:100%;
height:auto
}
.blockBecome{
padding-top:120px;
padding-bottom:120px;
position:relative
}
@media(max-width: 1023px){
.blockBecome{
padding-top:112px;
padding-bottom:112px
}
}
@media(max-width: 479px){
.blockBecome{
padding-top:80px;
padding-bottom:80px
}
}
.blockBecome .blockBecomeHeader{
position:relative;
margin-bottom:97px
}
@media(max-width: 1023px){
.blockBecome .blockBecomeHeader{
margin-bottom:89px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeHeader{
margin-bottom:65px
}
}
.blockBecome .blockBecomeHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
bottom:-25px;
left:50%;
transform:translateX(-50%)
}
.blockBecome .blockBecomeTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0);
margin-bottom:8px
}
@media(max-width: 1023px){
.blockBecome .blockBecomeTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockBecome .blockBecomeSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockBecome .blockBecomeSubtitle{
font-size:15px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeSubtitle{
font-size:14px
}
}
.blockBecome .blockBecomeGrid{
display:flex;
align-items:flex-start;
gap:40px;
margin-bottom:72px
}
@media(max-width: 1023px){
.blockBecome .blockBecomeGrid{
flex-wrap:wrap;
row-gap:24px;
margin-bottom:64px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeGrid{
margin-bottom:40px
}
}
.blockBecome .blockBecomeItem{
width:calc((100% - 40px)/3)
}
@media(max-width: 1023px){
.blockBecome .blockBecomeItem{
width:calc((100% - 40px)/2)
}
}
@media(max-width: 719px){
.blockBecome .blockBecomeItem{
width:100%
}
}
@media(max-width: 1919px){
.blockBecome .blockBecomeItem:last-of-type{
max-width:344px
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeItem:last-of-type{
max-width:none;
width:100%
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeItem:last-of-type .blockBecomeList{
-moz-column-gap:40px;
column-gap:40px;
row-gap:24px;
display:flex;
flex-wrap:wrap
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeItem:last-of-type .blockBecomeListItem{
width:calc((100% - 40px)/2);
margin-bottom:0
}
}
@media(max-width: 719px){
.blockBecome .blockBecomeItem:last-of-type .blockBecomeListItem{
width:100%
}
}
.blockBecome .blockBecomeListItem{
display:flex;
align-items:center;
margin-bottom:24px;
gap:16px
}
.blockBecome .blockBecomeListItem:last-of-type{
margin-bottom:0
}
.blockBecome .blockBecomeListItemText{
color:#fff;
font-size:20px;
font-weight:400;
line-height:30px
}
@media(max-width: 1023px){
.blockBecome .blockBecomeListItemText{
font-size:18px;
line-height:26px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeListItemText{
font-size:17px
}
}
.blockBecome .blockBecomeListItemLine{
display:flex;
width:100%;
position:relative
}
.blockBecome .blockBecomeListItemLine>svg{
width:100%;
height:auto
}
.blockBecome .blockBecomeListItemLine:after{
content:"";
width:3px;
height:3px;
border-radius:1px;
border:1px solid hsla(0,0%,100%,.41);
background:#fff;
box-shadow:0 1px 0 0 hsla(0,0%,100%,.25) inset,0 2px 6px 0 #fff;
position:absolute;
top:50%;
right:0;
transform:translateY(-50%)
}
.blockBecome .blockBecomeListItemCount{
color:#fff;
text-align:right;
font-size:20px;
font-weight:600;
line-height:30px
}
@media(max-width: 1023px){
.blockBecome .blockBecomeListItemCount{
font-size:18px;
line-height:26px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeListItemCount{
font-size:17px
}
}
.blockBecome .blockBecomeImages{
position:relative;
display:flex;
align-items:flex-end;
gap:24px
}
@media(max-width: 1365px){
.blockBecome .blockBecomeImages{
gap:20px
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeImages{
gap:13px
}
}
@media(max-width: 719px){
.blockBecome .blockBecomeImages{
gap:8px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeImages{
flex-wrap:wrap;
gap:40px
}
}
.blockBecome .blockBecomeImageDesktop{
width:100%;
max-width:1092px;
border-radius:4px
}
@media(max-width: 1919px){
.blockBecome .blockBecomeImageDesktop{
max-width:976px
}
}
@media(max-width: 1365px){
.blockBecome .blockBecomeImageDesktop{
max-width:796px
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeImageDesktop{
max-width:544px
}
}
@media(max-width: 719px){
.blockBecome .blockBecomeImageDesktop{
max-width:355px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeImageDesktop{
max-width:none
}
}
.blockBecome .blockBecomeImageMobile{
width:100%;
max-width:196px
}
@media(max-width: 1919px){
.blockBecome .blockBecomeImageMobile{
max-width:176px
}
}
@media(max-width: 1365px){
.blockBecome .blockBecomeImageMobile{
max-width:143px
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeImageMobile{
max-width:98px
}
}
@media(max-width: 719px){
.blockBecome .blockBecomeImageMobile{
max-width:64px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeImageMobile{
max-width:none
}
}
.blockBecome .blockBecomeBg{
position:absolute;
z-index:-1;
width:100%;
max-height:872px;
left:0;
right:0;
bottom:0
}
@media(max-width: 1919px){
.blockBecome .blockBecomeBg{
max-height:620px;
bottom:120px
}
}
@media(max-width: 1365px){
.blockBecome .blockBecomeBg{
height:620px;
width:1366px;
left:50%;
transform:translateX(-50%);
bottom:55px
}
}
@media(max-width: 1023px){
.blockBecome .blockBecomeBg{
left:-171px;
bottom:-56px;
transform:none
}
}
@media(max-width: 719px){
.blockBecome .blockBecomeBg{
width:941px;
height:427px;
left:-263px;
bottom:46px
}
}
@media(max-width: 479px){
.blockBecome .blockBecomeBg{
display:none
}
}
.blockBecome .blockHeroTheme{
position:relative;
width:100%;
max-width:606px
}
@media(max-width: 1919px){
.blockBecome .blockHeroTheme{
min-width:606px;
margin-right:-15px
}
}
@media(max-width: 1365px){
.blockBecome .blockHeroTheme{
margin-right:-30px;
margin-top:37px
}
}
@media(max-width: 1023px){
.blockBecome .blockHeroTheme{
position:absolute;
margin-top:0;
margin-right:0;
top:175px;
left:50%;
transform:translateX(-50%)
}
}
@media(max-width: 719px){
.blockBecome .blockHeroTheme{
top:262px;
max-width:none;
min-width:0;
width:97%
}
}
@media(max-width: 479px){
.blockBecome .blockHeroTheme{
width:95%;
top:306px
}
}
.blockBecome .blockHeroImg{
width:100%;
height:auto;
position:absolute;
z-index:1;
opacity:0
}
.blockBecome .blockHeroImg.active{
opacity:1;
-webkit-animation:.3s active ease;
animation:.3s active ease
}
@keyframes active{
from{
opacity:0
}
to{
opacity:1
}
}
.blockBecome .blockHeroImg.hide{
opacity:0;
-webkit-animation:.3s hide ease;
animation:.3s hide ease
}
@keyframes hide{
from{
opacity:1
}
to{
opacity:0
}
}
.blockBecome .blockHeroThemeItems{
position:absolute;
bottom:-50px;
left:50%;
transform:translateX(-50%);
display:flex;
align-items:center;
gap:16px;
z-index:1
}
@media(max-width: 1919px){
.blockBecome .blockHeroThemeItems{
bottom:-35px
}
}
@media(max-width: 1365px){
.blockBecome .blockHeroThemeItems{
bottom:-52px
}
}
@media(max-width: 719px){
.blockBecome .blockHeroThemeItems{
bottom:-42px
}
}
@media(max-width: 479px){
.blockBecome .blockHeroThemeItems{
bottom:-50px
}
}
.blockBecome .blockHeroThemeItem,.blockBecome .blockHeroThemeItemM{
position:relative;
width:32px;
height:32px;
border-radius:6px;
border:1px solid hsla(0,0%,100%,.16);
box-shadow:0 1px 0 0 hsla(0,0%,100%,.24) inset;
cursor:pointer
}
.blockBecome .blockHeroThemeItem::before,.blockBecome .blockHeroThemeItemM::before{
content:"";
display:block;
width:calc(100% + 8px);
height:calc(100% + 8px);
border-radius:8px;
background:linear-gradient(#060606, #060606) padding-box,linear-gradient(rgba(255, 255, 255, 0.5882352941), rgba(255, 255, 255, 0.1490196078)) border-box;
border:1px solid rgba(0,0,0,0);
position:absolute;
top:-5px;
left:-5px;
z-index:-1;
opacity:0;
visibility:hidden;
transition:all .3s ease
}
.blockBecome .blockHeroThemeItem:hover::before,.blockBecome .blockHeroThemeItemM:hover::before{
opacity:1;
visibility:visible
}
.blockBecome .blockHeroThemeItem.active:hover::before,.blockBecome .blockHeroThemeItemM.active:hover::before{
display:none
}
.blockBecome .blockHeroThemeItem.active:after,.blockBecome .blockHeroThemeItemM.active:after{
content:"";
width:48px;
height:48px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
background-image:url(assets/fb20150105c2058ed0ec.svg);
background-repeat:no-repeat;
background-size:contain
}
.blockBecome .blockHeroThemeItem1{
background:linear-gradient(180deg, #19202D 0%, #2C364E 100%)
}
.blockBecome .blockHeroThemeItem2{
background:linear-gradient(180deg, #111216 0%, #1A1E22 100%)
}
.blockBecome .blockHeroThemeItem3{
background:#000
}
.blockBecome .blockHeroThemeItem4{
background:linear-gradient(180deg, #C6CACD 0%, #E8E8E8 100%)
}
.blockBecome2 .blockBecomeBg{
display:none
}
.blockBecome2 .blockHeroThemes{
display:flex;
justify-content:center;
position:relative;
top:72px
}
@media(max-width: 479px){
.blockBecome2 .blockHeroThemes{
flex-direction:column-reverse;
align-items:center;
top:24px
}
}
.blockBecome2 .blockHeroThemes .blockHeroTheme{
width:100%
}
.blockBecome2 .blockHeroThemes .blockHeroTheme:first-child{
min-width:initial;
max-width:165px;
position:absolute;
top:50%;
left:50%;
transform:translate(-300%, -50%);
z-index:2
}
@media(max-width: 1365px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:first-child{
position:relative;
top:90px;
left:initial;
transform:initial
}
}
@media(max-width: 1023px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:first-child{
left:20px
}
}
@media(max-width: 719px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:first-child{
max-width:164px;
top:75px;
left:10px
}
}
@media(max-width: 479px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:first-child{
min-width:147px;
top:0;
left:0;
margin-top:144px
}
}
.blockBecome2 .blockHeroThemes .blockHeroTheme:last-child{
min-width:initial;
max-width:680px
}
@media(max-width: 1023px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:last-child{
max-width:679px;
position:relative;
top:initial;
left:initial;
transform:initial
}
}
@media(max-width: 719px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:last-child{
max-width:500px;
min-width:326px
}
}
@media(max-width: 479px){
.blockBecome2 .blockHeroThemes .blockHeroTheme:last-child{
max-width:326px;
min-width:284px
}
}
.blockBecome2 .blockHeroThemes .blockHeroThemeItems{
top:-50px;
bottom:initial
}
@media(max-width: 479px){
.blockBecome2 .blockHeroThemes .blockHeroThemeItems{
top:initial;
bottom:-50px
}
}
.blockBecome3 .blockBecomeImages{
width:746px;
height:auto;
margin-inline:auto;
position:relative
}
@media(max-width: 1023px){
.blockBecome3 .blockBecomeImages{
width:544px
}
}
@media(max-width: 719px){
.blockBecome3 .blockBecomeImages{
width:100%
}
}
.blockBecome3 .blockBecomeImages:before{
content:"";
width:100%;
height:504px;
display:block;
position:absolute;
background:linear-gradient(180deg, rgba(6, 6, 6, 0) 4.27%, rgba(6, 6, 6, 0.72) 29.19%, #060606 64.68%)
}
@media(max-width: 719px){
.blockBecome3 .blockBecomeImages:before{
height:289px
}
}
@media(max-width: 479px){
.blockBecome3 .blockBecomeImages:before{
height:172px
}
}
.blockBecome3 .blockBecomeImages>img{
width:100%;
height:auto;
display:block
}
.blockBecome3 .blockBecomeGrid{
margin-top:-213px;
margin-bottom:0;
position:relative;
z-index:1
}
@media(max-width: 1023px){
.blockBecome3 .blockBecomeGrid{
margin-top:-112px
}
}
@media(max-width: 719px){
.blockBecome3 .blockBecomeGrid{
margin-top:-95px
}
}
@media(max-width: 479px){
.blockBecome3 .blockBecomeGrid{
margin-top:-72px
}
}
.blockBecome3 .blockBecomeBg{
bottom:280px
}
@media(max-width: 1023px){
.blockBecome3 .blockBecomeBg{
left:-322px
}
}
@media(max-width: 719px){
.blockBecome3 .blockBecomeBg{
bottom:715px;
left:-200px
}
}
.blockBegin{
padding-top:120px;
padding-bottom:120px
}
@media(max-width: 1023px){
.blockBegin{
padding-top:112px;
padding-bottom:112px
}
}
@media(max-width: 479px){
.blockBegin{
padding-top:80px;
padding-bottom:80px
}
}
.blockBegin .blockBeginHeader{
position:relative;
margin-bottom:97px
}
@media(max-width: 1023px){
.blockBegin .blockBeginHeader{
margin-bottom:89px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginHeader{
margin-bottom:57px
}
}
.blockBegin .blockBeginHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
bottom:-25px;
left:50%;
transform:translateX(-50%)
}
@media(max-width: 479px){
.blockBegin .blockBeginHeader:after{
bottom:-17px
}
}
.blockBegin .blockBeginTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0);
margin-bottom:8px
}
@media(max-width: 1023px){
.blockBegin .blockBeginTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockBegin .blockBeginSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockBegin .blockBeginSubtitle{
font-size:15px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginSubtitle{
font-size:14px
}
}
.blockBegin .blockBeginGrid{
display:flex;
align-items:flex-start;
gap:40px;
margin-bottom:114px
}
@media(max-width: 1023px){
.blockBegin .blockBeginGrid{
flex-wrap:wrap;
margin-bottom:106px
}
}
@media(max-width: 719px){
.blockBegin .blockBeginGrid{
margin-bottom:90px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginGrid{
margin-bottom:40px
}
}
.blockBegin .blockBeginItem{
width:calc((100% - 120px)/4)
}
@media(max-width: 1023px){
.blockBegin .blockBeginItem{
width:calc((100% - 40px)/2)
}
}
@media(max-width: 719px){
.blockBegin .blockBeginItem{
width:100%
}
}
.blockBegin .blockBeginItemIcon{
width:48px;
height:48px;
display:block;
margin-bottom:16px
}
.blockBegin .blockBeginItemTitle{
color:#fff;
font-size:24px;
font-weight:600;
line-height:32px;
margin-bottom:16px
}
@media(max-width: 1023px){
.blockBegin .blockBeginItemTitle{
font-size:21px;
line-height:28px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginItemTitle{
font-size:19px
}
}
@media(max-width: 1023px){
.blockBegin .blockBeginItemTitle br{
display:none
}
}
.blockBegin .blockBeginItemText{
color:#9a9a9a;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockBegin .blockBeginItemText{
font-size:15px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginItemText{
font-size:14px
}
}
.blockBegin .blockBeginInner{
position:relative;
display:flex;
align-items:flex-start;
padding:0 170px;
gap:24px
}
@media(max-width: 1919px){
.blockBegin .blockBeginInner{
padding:0 100px
}
}
@media(max-width: 1365px){
.blockBegin .blockBeginInner{
padding:0
}
}
@media(max-width: 1023px){
.blockBegin .blockBeginInner{
gap:16px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginInner{
flex-direction:column-reverse;
gap:50px
}
}
.blockBegin .blockBeginInnerLogo{
position:absolute;
left:86px;
top:-35px;
z-index:2
}
@media(max-width: 1365px){
.blockBegin .blockBeginInnerLogo{
left:98px
}
}
@media(max-width: 1023px){
.blockBegin .blockBeginInnerLogo{
left:25px
}
}
@media(max-width: 719px){
.blockBegin .blockBeginInnerLogo{
width:165px;
left:20px;
top:-23px
}
.blockBegin .blockBeginInnerLogo>img{
width:100%
}
}
@media(max-width: 479px){
.blockBegin .blockBeginInnerLogo{
top:-21px;
left:52px
}
}
.blockBegin .blockBeginBlock1{
position:relative;
width:calc((100% - 24px)/2)
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlock1{
width:calc((100% - 16px)/2)
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlock1{
width:100%
}
}
.blockBegin .blockBeginBlock1 .blockBeginBlock1C{
overflow:hidden;
position:relative;
padding:64px 32px 32px 32px;
border-radius:24px;
border:1px solid rgba(231,44,57,.24);
background:rgba(231,44,57,.08);
box-shadow:0 1px 0 0 rgba(255,111,117,.62) inset,0 4px 32px 0 rgba(231,44,57,.2)
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlock1 .blockBeginBlock1C{
padding:64px 24px 24px 24px
}
}
.blockBegin .blockBeginBlock1 .blockBeginBlock1C:after{
content:"";
position:absolute;
right:-616px;
top:-157px;
border-radius:734px;
opacity:.7;
background:#d90629;
filter:blur(160px);
transform:translate3d(0, 0, 0);
width:734px;
height:486px;
z-index:-1
}
.blockBegin .blockBeginBlock1 .button{
margin-top:31px;
width:100%
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlock1 .button{
margin-top:24px
}
}
@media(max-width: 719px){
.blockBegin .blockBeginBlock1 .button{
white-space:nowrap
}
}
@media(max-width: 719px){
.blockBegin .blockBeginBlock1 .button>svg{
display:none
}
}
@media(max-width: 719px){
.blockBegin .blockBeginBlock1 .blockBeginBlockHeader{
width:90px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlock1 .blockBeginBlockHeader{
width:100%
}
}
.blockBegin .blockBeginBlock1Bg{
position:absolute;
top:0;
right:0;
z-index:-1
}
.blockBegin .blockBeginBlock2{
margin-top:33px;
width:calc((100% - 24px)/2);
border-radius:24px;
border:1px solid hsla(0,0%,100%,.1);
background:hsla(0,0%,100%,.05);
box-shadow:0 1px 0 0 hsla(0,0%,100%,.25) inset;
padding:32px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlock2{
width:calc((100% - 16px)/2);
padding:32px 24px 24px 24px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlock2{
width:100%
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlock2{
margin-top:0
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlock2 .blockBeginBlockHeader{
width:158px
}
}
.blockBegin .blockBeginBlockHeader{
margin-bottom:65px;
position:relative
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockHeader{
margin-bottom:49px
}
}
.blockBegin .blockBeginBlockHeader>p{
color:#fff;
font-size:28px;
font-style:normal;
font-weight:400;
line-height:40px;
letter-spacing:-0.28px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockHeader>p{
font-size:24px;
line-height:32px;
letter-spacing:-0.24px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlockHeader>p{
font-size:22px;
line-height:28px
}
}
.blockBegin .blockBeginBlockHeader:after{
content:"";
position:absolute;
width:64px;
height:1px;
background:#e72c39;
left:0;
bottom:-33px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockHeader:after{
bottom:-25px
}
}
.blockBegin .blockBeginBlockContent{
margin-bottom:16px
}
.blockBegin .blockBeginBlockContent>p{
color:#fff;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockContent>p{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlockContent>p{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockBegin .blockBeginBlockContent>span{
display:block;
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockContent>span{
font-size:15px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlockContent>span{
font-size:14px
}
}
.blockBegin .blockBeginBlockLists{
display:flex;
align-items:flex-start;
gap:16px
}
@media(max-width: 719px){
.blockBegin .blockBeginBlockLists{
flex-wrap:wrap
}
}
.blockBegin .blockBeginBlockList{
width:calc((100% - 16px)/2)
}
@media(max-width: 719px){
.blockBegin .blockBeginBlockList{
width:100%
}
}
.blockBegin .blockBeginBlockList>li{
display:flex;
align-items:center;
margin-bottom:16px
}
.blockBegin .blockBeginBlockList>li>svg{
min-width:32px;
margin-right:8px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockList>li>svg{
min-width:24px;
width:24px;
height:24px
}
}
.blockBegin .blockBeginBlockList>li>p{
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 1023px){
.blockBegin .blockBeginBlockList>li>p{
font-size:15px
}
}
@media(max-width: 479px){
.blockBegin .blockBeginBlockList>li>p{
font-size:14px
}
}
.blockBegin .blockBeginBlockList>li>p>span{
color:#9a9a9a
}
.blockBegin .blockBeginBlockList>li:last-of-type{
margin-bottom:0
}
.blockKickstart{
padding-top:138px;
padding-bottom:160px;
position:relative
}
@media(max-width: 719px){
.blockKickstart{
padding-top:112px
}
}
@media(max-width: 479px){
.blockKickstart{
padding-top:80px;
padding-bottom:96px
}
}
.blockKickstart .container{
position:relative
}
@media(max-width: 479px){
.blockKickstart .container{
padding:0
}
}
.blockKickstart .container:after{
content:"";
position:absolute;
border-radius:1442px;
opacity:.44;
background:#d90629;
filter:blur(165px);
transform:translate3d(0, 0, 0);
z-index:-1;
width:1442px;
height:156px;
bottom:-46px;
left:-642px
}
@media(max-width: 1365px){
.blockKickstart .container:after{
left:-958px
}
}
.blockKickstart .blockKickstartHeader{
position:relative;
margin-bottom:72px
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartHeader{
margin-bottom:64px
}
}
@media(max-width: 479px){
.blockKickstart .blockKickstartHeader{
margin-bottom:24px
}
}
.blockKickstart .blockKickstartTitle{
text-align:center;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px;
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0)
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.blockKickstart .blockKickstartTitle{
font-size:34px;
letter-spacing:-0.34px
}
}
.blockKickstart .blockKickstartTitle>span{
text-decoration:underline #e72c39 1px;
text-underline-offset:6px
}
.blockKickstart .blockKickstartSteps{
display:flex;
align-items:flex-start;
gap:40px;
margin-bottom:72px
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartSteps{
gap:0;
margin-bottom:64px
}
}
@media(max-width: 719px){
.blockKickstart .blockKickstartSteps{
flex-wrap:wrap
}
}
@media(max-width: 479px){
.blockKickstart .blockKickstartSteps{
margin-bottom:40px
}
}
.blockKickstart .blockKickstartStep{
position:relative;
padding-top:21px;
width:calc((100% - 160px)/5)
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartStep{
width:20%
}
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStep{
width:100%;
display:flex;
align-items:center;
gap:33px;
padding:21px
}
}
@media(max-width: 479px){
.blockKickstart .blockKickstartStep{
padding-right:0
}
}
.blockKickstart .blockKickstartStep:after{
content:"";
position:absolute;
right:-112px;
top:63px;
width:3px;
height:3px;
border-radius:1px;
border:1px solid hsla(0,0%,100%,.41);
background:#fff;
box-shadow:0 1px 0 0 hsla(0,0%,100%,.25) inset,0 2px 6px 0 #fff
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartStep:after{
right:-94px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartStep:after{
right:-49%
}
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartStep:after{
right:-26%
}
}
@media(max-width: 768px){
.blockKickstart .blockKickstartStep:after{
right:-21%
}
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStep:after{
right:auto;
left:63px;
top:auto;
bottom:-23px
}
}
.blockKickstart .blockKickstartStep:last-of-type{
padding-top:0
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStep:last-of-type{
padding-left:0;
padding-bottom:0;
gap:12px
}
}
.blockKickstart .blockKickstartStep:last-of-type .blockKickstartStepNumber{
color:#fff;
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.48px
}
.blockKickstart .blockKickstartStep:last-of-type .blockKickstartStepCircle{
margin-bottom:12px;
z-index:1
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStep:last-of-type .blockKickstartStepCircle{
margin:0
}
}
.blockKickstart .blockKickstartStep:last-of-type:after{
display:none
}
.blockKickstart .blockKickstartStep.last:after{
right:-92px;
z-index:2
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartStep.last:after{
right:-74px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartStep.last:after{
right:-37%
}
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartStep.last:after{
right:-14%
}
}
@media(max-width: 768px){
.blockKickstart .blockKickstartStep.last:after{
right:-5%
}
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStep.last:after{
bottom:-3px
}
}
.blockKickstart .blockKickstartStepCircle{
position:relative;
display:flex;
align-items:center;
justify-content:center;
margin-bottom:33px;
z-index:-1
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStepCircle{
margin-bottom:0
}
}
.blockKickstart .blockKickstartStepCircle img{
background:#060606
}
.blockKickstart .blockKickstartStepNumber{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
color:#5f5f5f;
text-align:center;
font-size:28px;
font-weight:400;
line-height:40px;
letter-spacing:-0.28px
}
.blockKickstart .blockKickstartStepLine{
z-index:-2;
display:flex;
position:absolute;
width:76%;
top:64px;
left:160px;
height:3px;
overflow-x:hidden
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartStepLine{
left:72%
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartStepLine{
left:73%
}
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartStepLine{
width:53%
}
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStepLine{
width:40px;
transform:rotate(90deg);
left:45px;
top:auto;
bottom:-4px
}
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartStepLine svg{
width:-webkit-max-content;
width:-moz-max-content;
width:max-content
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartStepLine svg{
width:-webkit-max-content;
width:-moz-max-content;
width:max-content
}
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartStepLine svg{
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
position:absolute;
left:50%;
transform:translateX(-50%);
top:0
}
}
.blockKickstart .blockKickstartStepText{
color:#fff;
text-align:center;
font-size:20px;
font-weight:400;
line-height:30px
}
@media(max-width: 1023px){
.blockKickstart .blockKickstartStepText{
font-size:18px;
line-height:26px
}
}
@media(max-width: 719px){
.blockKickstart .blockKickstartStepText{
text-align:left
}
}
@media(max-width: 479px){
.blockKickstart .blockKickstartStepText{
font-size:17px
}
}
.blockKickstart .blockKickstartNetflix{
pointer-events:none;
position:absolute;
top:304px;
left:-151px;
width:282px;
height:282px
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartNetflix{
top:364px;
left:-172px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartNetflix{
display:none
}
}
.blockKickstart .blockKickstartAmazon{
pointer-events:none;
position:absolute;
right:-171px;
top:399px;
width:365px;
height:365px
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartAmazon{
right:-182px;
top:459px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartAmazon{
display:none
}
}
.blockKickstart .blockKickstartTesla{
pointer-events:none;
position:absolute;
left:76px;
bottom:297px;
width:167px;
height:167px
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartTesla{
left:55px;
bottom:237px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartTesla{
display:none
}
}
.blockKickstart .blockKickstartApple{
pointer-events:none;
position:absolute;
right:7px;
bottom:145px;
width:225.64px;
height:225.64px;
-o-object-fit:cover;
object-fit:cover
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartApple{
right:75px;
bottom:175px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartApple{
display:none
}
}
.blockKickstart .blockKickstartSpotify{
pointer-events:none;
position:absolute;
left:-10px;
bottom:132px;
width:65px;
height:65px
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartSpotify{
left:-31px;
bottom:72px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartSpotify{
display:none
}
}
.blockKickstart .blockKickstartEurusd{
pointer-events:none;
position:absolute;
right:-185px;
bottom:-94px;
width:340px;
height:340px;
-o-object-fit:cover;
object-fit:cover
}
@media(max-width: 1919px){
.blockKickstart .blockKickstartEurusd{
right:-118px;
bottom:-49px
}
}
@media(max-width: 1365px){
.blockKickstart .blockKickstartEurusd{
display:none
}
}
.formField{
position:relative;
max-width:560px;
min-height:636px;
margin-inline:auto
}
@media(max-width: 479px){
.formField{
min-height:480px
}
}
.formField .formFieldTitle{
color:#fff;
text-align:center;
font-size:28px;
font-weight:600;
line-height:40px;
letter-spacing:-0.28px;
margin-bottom:24px
}
@media(max-width: 1023px){
.formField .formFieldTitle{
font-size:24px;
line-height:32px
}
}
@media(max-width: 479px){
.formField .formFieldTitle{
font-size:22px;
line-height:28px;
width:90%;
margin-inline:auto
}
}
.formField .formFieldItem{
margin-bottom:20px
}
@media(max-width: 479px){
.formField .formFieldItem{
margin-bottom:16px
}
}
.formField .formFieldItem.last{
margin-top:24px;
margin-bottom:24px
}
.formField .formFieldItemError{
margin-top:4px;
color:#e72c39;
font-size:12px;
font-weight:400;
line-height:18px;
letter-spacing:.01px
}
.formField .button{
width:100%
}
.formField.border{
padding:56px
}
@media(max-width: 1023px){
.formField.border{
padding-bottom:64px
}
}
@media(max-width: 719px){
.formField.border{
padding:32px
}
}
@media(max-width: 479px){
.formField.border{
padding:16px
}
}
.formField.border .formFieldBorderLeftTop{
position:absolute;
pointer-events:none;
left:0;
top:0;
display:flex
}
.formField.border .formFieldBorderLeftBottom{
position:absolute;
pointer-events:none;
left:0;
bottom:0;
display:flex
}
.formField.border .formFieldBorderRightTop{
position:absolute;
pointer-events:none;
right:0;
top:0;
display:flex
}
.formField.border .formFieldBorderRightBottom{
position:absolute;
pointer-events:none;
right:0;
bottom:0;
display:flex
}
.formField .formFieldMessage{
display:none;
position:absolute;
padding:56px;
top:0;
left:0;
right:0;
bottom:0;
flex-direction:column;
align-items:center;
justify-content:center;
z-index:1;
gap:24px
}
.formField .formFieldMessage .formFieldMessageIcon{
display:flex
}
.formField .formFieldMessage .formFieldMessageTitle{
color:#fff;
text-align:center;
font-size:28px;
font-weight:600;
line-height:40px;
letter-spacing:-0.28px
}
.formField .formFieldMessage .formFieldMessageSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px
}
.inputField{
display:block;
width:100%;
position:relative
}
.inputField .inputFieldIcon{
position:absolute;
pointer-events:none;
left:16px;
top:50%;
transform:translateY(-50%);
display:flex;
align-items:center;
justify-content:center
}
.inputField .inputFieldIcon svg{
width:32px;
height:32px
}
.inputField .inputFieldIcon svg path{
transition:all .3s ease
}
.inputField .custom-select-opener>span,.inputField .inputFieldLabel{
position:absolute;
top:50%;
transform:translateY(-50%);
left:58px;
color:#9a9a9a;
font-size:16px;
font-weight:400;
line-height:24px;
pointer-events:none;
will-change:transform;
transition:.3s cubic-bezier(0.65, 0.05, 0.36, 1)
}
@media(max-width: 1023px){
.inputField .custom-select-opener>span,.inputField .inputFieldLabel{
font-size:15px
}
}
@media(max-width: 479px){
.inputField .custom-select-opener>span,.inputField .inputFieldLabel{
font-size:14px
}
}
.inputField .custom-select-opener>span{
top:65%;
color:#fff
}
.inputField .inputFieldInput{
padding:27px 16px 9px 58px;
width:100%;
border-radius:8px;
border:1px solid #3b3b3b;
border-top:none;
background:#060606;
box-shadow:0 1px 0 0 #5a5a5a inset;
outline:none;
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px
}
.inputField .inputFieldInput:-webkit-autofill{
-webkit-box-shadow:0 0 0 50px #060606 inset !important;
-webkit-text-fill-color:#fff !important
}
@media(max-width: 1023px){
.inputField .inputFieldInput{
font-size:15px
}
}
@media(max-width: 479px){
.inputField .inputFieldInput{
font-size:14px;
padding:20px 16px 3px 58px
}
}
.inputField .inputFieldSelect{
border-radius:8px;
border:1px solid #3b3b3b;
background:#060606;
background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.46852 11.3799C7.74789 11.7059 8.25211 11.7059 8.53148 11.3799L13.0095 6.15555C13.3987 5.70148 13.0761 5 12.478 5H3.52195C2.92391 5 2.60127 5.70148 2.99047 6.15555L7.46852 11.3799Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:96.6% center;
outline:none;
padding:27px 16px 9px 58px;
width:100%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:#fff;
font-size:16px;
font-weight:400;
line-height:24px
}
@media(max-width: 479px){
.inputField .inputFieldSelect{
font-size:14px;
padding:20px 16px 3px 58px
}
}
.inputField .inputFieldSelect:required:invalid{
color:red !important
}
.inputField .inputFieldSelect option{
color:#fff;
padding:0
}
.inputField .inputFieldSelect option[value=""][disabled]{
display:none
}
.inputField:hover .inputFieldInput{
background:#131313
}
.inputField:hover .inputFieldSelect{
background:#131313;
background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.46852 11.3799C7.74789 11.7059 8.25211 11.7059 8.53148 11.3799L13.0095 6.15555C13.3987 5.70148 13.0761 5 12.478 5H3.52195C2.92391 5 2.60127 5.70148 2.99047 6.15555L7.46852 11.3799Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:96.6% center
}
.inputField .inputFieldInput:focus{
border:1px solid #9a9a9a;
box-shadow:none;
background:#060606
}
.inputField .inputFieldSelect:focus{
border:1px solid #9a9a9a;
background:#060606;
background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.46852 11.3799C7.74789 11.7059 8.25211 11.7059 8.53148 11.3799L13.0095 6.15555C13.3987 5.70148 13.0761 5 12.478 5H3.52195C2.92391 5 2.60127 5.70148 2.99047 6.15555L7.46852 11.3799Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:96.6% center
}
.inputField .is-open~.custom-select-opener>span{
top:9px;
transform:none;
font-size:12px;
line-height:18px
}
@media(max-width: 479px){
.inputField .is-open~.custom-select-opener>span{
font-size:10px;
line-height:12px;
top:6px
}
}
.inputField.focus .inputFieldLabel{
top:9px;
transform:none;
font-size:12px;
line-height:18px
}
@media(max-width: 479px){
.inputField.focus .inputFieldLabel{
font-size:10px;
line-height:12px;
top:6px
}
}
.inputField.focus .inputFieldIcon svg path{
stroke:#fff
}
.inputField.error svg path{
stroke:#8f0000
}
.inputField.error .inputFieldInput,.inputField.error .inputFieldSelect{
border:1px solid #8f0000;
border-top:none;
box-shadow:0 1px 0 0 #a12929 inset;
background:#060606
}
.inputField.error .custom-select-opener{
border:1px solid #8f0000;
border-top:none;
box-shadow:0 1px 0 0 #a12929 inset
}
.custom-select-container{
width:100%;
height:60px;
z-index:3
}
.custom-select-opener{
height:60px;
border-radius:8px;
border:1px solid #3b3b3b;
border-top:none;
box-shadow:0 1px 0 0 #5a5a5a inset;
background-color:rgba(0,0,0,0);
background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.46852 11.3799C7.74789 11.7059 8.25211 11.7059 8.53148 11.3799L13.0095 6.15555C13.3987 5.70148 13.0761 5 12.478 5H3.52195C2.92391 5 2.60127 5.70148 2.99047 6.15555L7.46852 11.3799Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
background-size:16px 16px;
background-repeat:no-repeat;
background-position:96.6% center
}
.custom-select-panel{
transition-duration:0s !important
}
.custom-select-container.is-open .custom-select-panel{
max-height:350px;
background-color:#05060a;
border-radius:8px;
border:1px solid #9a9a9a;
color:#9a9a9a;
padding:8px 0
}
.custom-select-opener:focus{
outline:none;
border-color:#9a9a9a;
border-top:1px solid #9a9a9a;
box-shadow:none
}
.custom-select-opener span{
text-overflow:ellipsis;
display:block;
overflow:hidden
}
.custom-select-option{
line-height:24px;
padding:8px 16px;
margin:8px 0;
align-items:center;
gap:8px
}
.custom-select-option:first-child{
display:none
}
.custom-select-option.has-focus{
background-color:rgba(0,0,0,0);
color:#fff;
cursor:pointer
}
.custom-select-option.is-selected{
background-color:#1c1c1c;
color:#fff
}
.custom-select-option.is-selected::before{
display:none
}
.inputField.error .checkboxIcon{
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4C0.5 2.067 2.067 0.5 4 0.5Z%27 stroke=%27%23E72C39%27/%3E%3C/svg%3E")
}
.inputField.error .checkbox:hover .checkboxIcon{
width:20px;
height:20px;
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4C0.5 2.067 2.067 0.5 4 0.5Z%27 fill=%27%2305060A%27 stroke=%27%23E72C39%27/%3E%3C/svg%3E");
top:0;
left:0
}
.checkbox{
display:flex;
align-items:flex-start;
gap:12px
}
.checkbox .checkboxInput{
position:absolute;
visibility:hidden
}
.checkbox .checkboxInput:checked+.checkboxIcon{
width:20px;
height:20px;
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z%27 fill=%27%23E72C39%27/%3E%3Cpath d=%27M15.5 6.50049L8.5 13.5002L5 10.0005%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");
top:0;
left:0
}
.checkbox .checkboxIcon{
width:20px;
height:20px;
display:block;
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M4 0.5H16C17.933 0.5 19.5 2.067 19.5 4V16C19.5 17.933 17.933 19.5 16 19.5H4C2.067 19.5 0.5 17.933 0.5 16V4C0.5 2.067 2.067 0.5 4 0.5Z%27 fill=%27%2305060A%27 stroke=%27%23797979%27/%3E%3C/svg%3E");
background-size:contain;
background-repeat:no-repeat;
background-position:50% 50%;
cursor:pointer;
position:absolute;
top:0;
left:0
}
.checkbox:hover .checkboxIcon{
width:60px;
height:60px;
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2760%27 height=%2760%27 viewBox=%270 0 60 60%27 fill=%27none%27%3E%3Cg filter=%27url%28%23filter0_d_670_89517%29%27%3E%3Cpath d=%27M36 20H24C21.7909 20 20 21.7909 20 24V36C20 38.2091 21.7909 40 24 40H36C38.2091 40 40 38.2091 40 36V24C40 21.7909 38.2091 20 36 20Z%27 fill=%27%23131313%27/%3E%3Cpath d=%27M24 20.5H36C37.933 20.5 39.5 22.067 39.5 24V36C39.5 37.933 37.933 39.5 36 39.5H24C22.067 39.5 20.5 37.933 20.5 36V24C20.5 22.067 22.067 20.5 24 20.5Z%27 stroke=%27%23797979%27/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=%27filter0_d_670_89517%27 x=%270%27 y=%270%27 width=%2760%27 height=%2760%27 filterUnits=%27userSpaceOnUse%27 color-interpolation-filters=%27sRGB%27%3E%3CfeFlood flood-opacity=%270%27 result=%27BackgroundImageFix%27/%3E%3CfeColorMatrix in=%27SourceAlpha%27 type=%27matrix%27 values=%270 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0%27 result=%27hardAlpha%27/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation=%2710%27/%3E%3CfeComposite in2=%27hardAlpha%27 operator=%27out%27/%3E%3CfeColorMatrix type=%27matrix%27 values=%270 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.24 0%27/%3E%3CfeBlend mode=%27normal%27 in2=%27BackgroundImageFix%27 result=%27effect1_dropShadow_670_89517%27/%3E%3CfeBlend mode=%27normal%27 in=%27SourceGraphic%27 in2=%27effect1_dropShadow_670_89517%27 result=%27shape%27/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
top:-20px;
left:-20px
}
.checkbox:hover .checkboxInput:checked+.checkboxIcon{
background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 viewBox=%270 0 20 20%27 fill=%27none%27%3E%3Cpath d=%27M16 0H4C1.79086 0 0 1.79086 0 4V16C0 18.2091 1.79086 20 4 20H16C18.2091 20 20 18.2091 20 16V4C20 1.79086 18.2091 0 16 0Z%27 fill=%27%23F15E5B%27/%3E%3Cpath d=%27M15.5 6.50049L8.5 13.5002L5 10.0005%27 stroke=%27white%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") !important
}
.checkbox .checkboxText{
color:#fff;
font-size:14px;
font-weight:400;
line-height:20px;
display:block;
margin-left:32px
}
.checkbox .checkboxText>a{
color:#f15e5b
}
.blockReviews{
padding-top:186px;
padding-bottom:166px
}
@media(max-width: 1023px){
.blockReviews{
padding-top:150px
}
}
@media(max-width: 719px){
.blockReviews{
padding-bottom:442px
}
}
@media(max-width: 479px){
.blockReviews{
padding-top:120px
}
}
.blockReviews .blockReviewsWrapper{
max-width:776px;
margin-inline:auto;
display:flex;
align-items:flex-start;
gap:40px;
position:relative
}
@media(max-width: 1023px){
.blockReviews .blockReviewsWrapper{
gap:32px
}
}
@media(max-width: 719px){
.blockReviews .blockReviewsWrapper{
align-items:center
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsWrapper{
gap:16px;
align-items:flex-start
}
}
.blockReviews .blockReviewsImage{
width:200px;
min-width:200px;
height:200px;
background:hsla(0,0%,100%,.05);
position:relative;
border-radius:24px
}
@media(max-width: 1023px){
.blockReviews .blockReviewsImage{
width:164px;
min-width:164px;
height:164px
}
}
@media(max-width: 719px){
.blockReviews .blockReviewsImage{
width:124px;
min-width:124px;
height:124px
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsImage{
width:96px;
min-width:96px;
height:96px
}
}
.blockReviews .blockReviewsImage:after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:24px;
width:100%;
height:100%;
box-shadow:0 1px 0 0 hsla(0,0%,100%,.25) inset;
z-index:1
}
.blockReviews .blockReviewsImage>img{
display:block;
width:100%;
height:100%;
-o-object-fit:cover;
object-fit:cover;
-o-object-position:center;
object-position:center;
border-radius:24px;
border:1px solid hsla(0,0%,100%,.1)
}
.blockReviews .blockReviewsName{
color:#fff;
font-size:28px;
font-weight:600;
line-height:40px;
letter-spacing:-0.28px
}
@media(max-width: 1023px){
.blockReviews .blockReviewsName{
font-size:24px;
line-height:32px
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsName{
font-size:22px;
line-height:28px
}
}
.blockReviews .blockReviewsDesc{
color:#9a9a9a;
font-size:16px;
font-weight:400;
line-height:24px;
margin-bottom:8px
}
@media(max-width: 1023px){
.blockReviews .blockReviewsDesc{
font-size:15px
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsDesc{
font-size:14px
}
}
.blockReviews .blockReviewsLinks{
display:flex;
align-items:flex-start;
margin-bottom:24px
}
@media(max-width: 719px){
.blockReviews .blockReviewsLinks{
margin-bottom:0
}
}
.blockReviews .blockReviewsArticle{
display:flex;
align-items:flex-start;
gap:49px
}
@media(max-width: 719px){
.blockReviews .blockReviewsArticle{
position:absolute;
left:0;
top:calc(100% + 34px)
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsArticle{
top:calc(100% + 24px);
gap:33px
}
}
.blockReviews .blockReviewsArticleText{
color:#fff;
font-size:20px;
font-weight:400;
line-height:30px;
position:relative
}
@media(max-width: 1023px){
.blockReviews .blockReviewsArticleText{
font-size:18px;
line-height:26px
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsArticleText{
font-size:17px
}
}
.blockReviews .blockReviewsArticleText:before{
content:"";
display:flex;
position:absolute;
top:0;
bottom:0;
width:1px;
height:100%;
left:-29px;
background:#e72c39
}
@media(max-width: 479px){
.blockReviews .blockReviewsArticleText:before{
left:-16px
}
}
@media(max-width: 479px){
.blockReviews .blockReviewsArticleImage{
width:32px;
min-width:32px;
height:24px
}
.blockReviews .blockReviewsArticleImage img{
width:100%;
height:auto;
display:flex
}
}
.popupForm{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
width:100vw;
z-index:100;
background:#060606;
opacity:0;
pointer-events:none;
transition:.4s ease-in-out;
display:flex;
align-items:center;
justify-content:center
}
@media(max-width: 479px){
.popupForm{
align-items:flex-start
}
}
.popupForm .popupFormClose{
position:absolute;
top:32px;
right:32px;
cursor:pointer;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
border-radius:24px;
background:#131313;
box-shadow:0 1px 0 0 hsla(0,0%,100%,.25) inset;
display:flex;
width:44px;
height:44px;
justify-content:center;
align-items:center
}
@media(max-width: 1023px){
.popupForm .popupFormClose{
top:24px;
right:24px
}
}
@media(max-width: 479px){
.popupForm .popupFormClose{
top:16px;
right:16px
}
}
.popupForm .popupFormClose:before{
content:"";
position:absolute;
border:1px solid hsla(0,0%,100%,.1);
width:43px;
height:43px;
border-radius:24px;
z-index:1
}
@media(max-width: 479px){
.popupForm .popupFormInner{
overflow:scroll;
height:100vh;
width:100vw
}
}
@media(max-width: 479px){
.popupForm .popupFormContent{
padding:16px
}
}
.popupForm .popupFormContent .formField{
min-height:493px
}
@media(max-width: 479px){
.popupForm .popupFormContent .formField{
padding:0 !important
}
}
@media(max-width: 479px){
.popupForm .popupFormContent .formField .formFieldBorderLeftTop,.popupForm .popupFormContent .formField .formFieldBorderLeftBottom,.popupForm .popupFormContent .formField .formFieldBorderRightTop,.popupForm .popupFormContent .formField .formFieldBorderRightBottom{
display:none
}
}
@media(max-width: 479px){
.popupForm .popupFormContent .formField .formFieldMessage{
padding:0
}
}
.popupForm .popupFormTitle{
background:linear-gradient(180deg, #FFF 8.93%, #AFAFAF 117.32%);
background-clip:text;
-webkit-background-clip:text;
-webkit-text-fill-color:rgba(0,0,0,0);
font-size:48px;
font-weight:700;
line-height:56px;
letter-spacing:-0.01em;
text-align:center;
margin-bottom:8px
}
@media(max-width: 1023px){
.popupForm .popupFormTitle{
font-size:40px;
line-height:48px;
letter-spacing:-0.4px
}
}
@media(max-width: 479px){
.popupForm .popupFormTitle{
font-size:34px;
letter-spacing:-0.34px;
text-align:left;
max-width:224px
}
}
.popupForm .popupFormSubtitle{
color:#9a9a9a;
text-align:center;
font-size:16px;
font-weight:400;
line-height:24px;
margin-bottom:40px
}
@media(max-width: 479px){
.popupForm .popupFormSubtitle{
text-align:left;
max-width:224px;
margin-bottom:24px
}
}
.popupForm.open{
opacity:1;
pointer-events:all
}
.one-time-invitation-form-message{
width:100%;
align-items:center;
justify-content:center;
text-align:center;
display:flex;
flex-direction:column;
background:#fff;
position:relative;
max-width:377px;
border-radius:16px;
padding:70px
}
@media(max-width: ){
.one-time-invitation-form-message{
max-width:271px;
padding:46px
}
}
@media(max-width: 719px){
.one-time-invitation-form-message{
max-width:100%;
padding:30px
}
}
.one-time-invitation-form-message__inner{
flex:1;
display:flex;
flex-direction:column;
font-weight:700;
font-size:24px;
line-height:26.4px
}
@media(max-width: ){
.one-time-invitation-form-message__inner{
font-size:18px;
line-height:19.8px
}
}
@media(max-width: 719px){
.one-time-invitation-form-message__inner{
font-size:14px;
line-height:15.4px
}
}
.one-time-invitation-form-message__icon{
display:flex;
justify-content:center;
margin-bottom:24px;
width:72px;
height:72px
}
@media(max-width: 1919px){
.one-time-invitation-form-message__icon{
width:49px;
height:49px
}
}
@media(max-width: 1919px){
.one-time-invitation-form-message__icon{
width:38px;
height:38px
}
}
.one-time-invitation-form-message__title{
margin-bottom:16px;
color:#141414
}
.one-time-invitation-form-message__text{
color:#141414
}
.one-time-invitation-form-message__actions{
display:flex;
align-items:flex-end;
flex:1
}
.one-time-invitation-form-message .button{
margin:40px auto 0;
width:100%
}
.one-time-invitation-form-message--inmodal{
margin-top:125px
}
@media(max-width: 1023px){
.one-time-invitation-form-message--inmodal{
margin-top:123px
}
}
@media(max-width: ){
.one-time-invitation-form-message--inmodal{
margin-top:20px
}
}
.iti__flag{
background-image:url(assets/66d87ec58c673653ea70.png)
}
@media(min-resolution: 192dpi){
.iti__flag{
background-image:url(assets/66d87ec58c673653ea70.png)
}
}
.iti__flag-box{
width:-webkit-max-content;
width:-moz-max-content;
width:max-content
}
.iti__flag{
border-radius:100%
}
.iti{
width:100%;
z-index:10;
display:flex;
justify-content:flex-end
}
.iti .iti__selected-dial-code{
color:#fff;
margin:0 !important;
width:40px
}
.iti .iti__country-list{
background:#05060a;
border-radius:8px;
border:1px solid #9a9a9a;
top:100%;
max-width:400px;
min-width:400px;
min-height:304px;
overflow-x:hidden;
padding:8px 0
}
@media(max-width: 719px){
.iti .iti__country-list{
top:initial;
max-width:none;
min-width:auto;
min-height:auto
}
}
.iti .iti__country-list::-webkit-scrollbar{
width:4px;
background:rgba(0,0,0,0)
}
.iti .iti__country-list::-webkit-scrollbar-thumb{
background:#3b3b3b;
border-radius:4px
}
.iti .iti__country{
padding:12px 16px
}
.iti .iti__country .iti__flag-box{
margin-right:10px
}
.iti .iti__country:hover{
background:#1c1c1c
}
.iti .iti__country:hover .iti__country-name{
color:#fff
}
.iti .iti__country.iti__active{
background:#131313
}
.iti .iti__country.iti__active .iti__country-name{
color:#9a9a9a
}
.iti .iti__country-name{
color:#9a9a9a;
display:inline-flex;
white-space:initial
}
.iti .iti__dial-code{
color:#fff
}
.iti .iti__arrow{
border:none;
width:16px;
height:16px;
background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.46852 11.3799C7.74789 11.7059 8.25211 11.7059 8.53148 11.3799L13.0095 6.15555C13.3987 5.70148 13.0761 5 12.478 5H3.52195C2.92391 5 2.60127 5.70148 2.99047 6.15555L7.46852 11.3799Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
background-repeat:no-repeat;
background-position:center center;
background-size:contain;
margin:0 !important
}
.iti .iti__arrow--up{
background-image:url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M7.46852 4.62006C7.74789 4.29413 8.25211 4.29413 8.53148 4.62006L13.0095 9.84445C13.3987 10.2985 13.0761 11 12.478 11H3.52195C2.92391 11 2.60127 10.2985 2.99047 9.84445L7.46852 4.62006Z%27 fill=%27white%27/%3E%3C/svg%3E%0A")
}
.iti .iti__selected-flag{
padding-left:16px;
padding-right:16px;
gap:10px;
justify-content:space-between
}
@media(max-width: 479px){
.iti .iti__selected-flag{
gap:5px
}
}
.iti .iti__flag-container{
width:140px;
border-radius:8px;
border:1px solid hsla(0,0%,100%,.2);
border-top:0;
background:#060606;
box-shadow:0 1px 0 0 #5a5a5a inset
}
@media(max-width: 479px){
.iti .iti__flag-container{
width:120px
}
}
.iti .inputFieldInput{
padding:27px 16px 9px 58px !important;
margin-left:148px;
width:calc(100% - 148px)
}
@media(max-width: 1023px){
.iti .inputFieldInput{
font-size:15px
}
}
@media(max-width: 479px){
.iti .inputFieldInput{
font-size:14px;
padding:20px 16px 3px 54px !important;
margin-left:128px !important;
width:calc(100% - 128px)
}
}
.iti.iti--container{
z-index:101
}
@media(max-width: 719px){
.iti.iti--container{
width:auto
}
}
.formFieldItemPhone .inputField:hover .inputFieldInput{
background:#060606 !important
}
.formFieldItemPhone .inputField:hover .iti__flag-container{
background:#060606 !important
}
.formFieldItemPhone .inputField .iti .inputFieldInput:hover{
background:#131313 !important
}
.formFieldItemPhone .inputField .iti .iti__flag-container:hover{
background:#131313 !important
}
.formFieldItemPhone .inputField .iti .iti__flag-container:hover+.inputFieldInput{
background:#060606 !important
}
.formFieldItemPhone .inputFieldIcon{
z-index:11;
left:164px
}
@media(max-width: 479px){
.formFieldItemPhone .inputFieldIcon{
left:140px
}
}
.formFieldItemPhone .inputFieldLabel{
z-index:11;
left:206px
}
@media(max-width: 479px){
.formFieldItemPhone .inputFieldLabel{
left:182px
}
}
.iti__flag{
background-size:7675px 25px;
height:24px !important;
width:24px !important
}
.iti__flag.iti__ac{
background-position:0 0
}
.iti__flag.iti__ad{
background-position:-24px 0px
}
.iti__flag.iti__ae{
background-position:-48px 0px
}
.iti__flag.iti__af{
background-position:-72px 0px
}
.iti__flag.iti__ag{
background-position:-96px 0px
}
.iti__flag.iti__ai{
background-position:-120px 0px
}
.iti__flag.iti__al{
background-position:-144px 0px
}
.iti__flag.iti__am{
background-position:-168px 0px
}
.iti__flag.iti__ao{
background-position:-192px 0px
}
.iti__flag.iti__aq{
background-position:-216px 0px
}
.iti__flag.iti__ar{
background-position:-240px 0px
}
.iti__flag.iti__as{
background-position:-264px 0px
}
.iti__flag.iti__at{
background-position:-288px 0px
}
.iti__flag.iti__au{
background-position:-312px 0px
}
.iti__flag.iti__aw{
background-position:-336px 0px
}
.iti__flag.iti__ax{
background-position:-360px 0px
}
.iti__flag.iti__az{
background-position:-384px 0px
}
.iti__flag.iti__ba{
background-position:-408px 0px
}
.iti__flag.iti__bb{
background-position:-432px 0px
}
.iti__flag.iti__bd{
background-position:-456px 0px
}
.iti__flag.iti__be{
background-position:-480px 0px
}
.iti__flag.iti__bf{
background-position:-504px 0px
}
.iti__flag.iti__bg{
background-position:-528px 0px
}
.iti__flag.iti__bh{
background-position:-552px 0px
}
.iti__flag.iti__bi{
background-position:-576px 0px
}
.iti__flag.iti__bj{
background-position:-600px 0px
}
.iti__flag.iti__bl{
background-position:-624px 0px
}
.iti__flag.iti__bm{
background-position:-648px 0px
}
.iti__flag.iti__bn{
background-position:-672px 0px
}
.iti__flag.iti__bo{
background-position:-696px 0px
}
.iti__flag.iti__bq{
background-position:-720px 0px
}
.iti__flag.iti__br{
background-position:-744px 0px
}
.iti__flag.iti__bs{
background-position:-768px 0px
}
.iti__flag.iti__bt{
background-position:-792px 0px
}
.iti__flag.iti__bv{
background-position:-816px 0px
}
.iti__flag.iti__bw{
background-position:-840px 0px
}
.iti__flag.iti__by{
background-position:-864px 0px
}
.iti__flag.iti__bz{
background-position:-888px 0px
}
.iti__flag.iti__ca{
background-position:-912px 0px
}
.iti__flag.iti__cc{
background-position:-936px 0px
}
.iti__flag.iti__cd{
background-position:-960px 0px
}
.iti__flag.iti__cf{
background-position:-984px 0px
}
.iti__flag.iti__cg{
background-position:-1008px 0px
}
.iti__flag.iti__ch{
background-position:-1032px 0px
}
.iti__flag.iti__ci{
background-position:-1056px 0px
}
.iti__flag.iti__ck{
background-position:-1080px 0px
}
.iti__flag.iti__cl{
background-position:-1104px 0px
}
.iti__flag.iti__cm{
background-position:-1128px 0px
}
.iti__flag.iti__cn{
background-position:-1152px 0px
}
.iti__flag.iti__co{
background-position:-1176px 0px
}
.iti__flag.iti__cp{
background-position:-1200px 0px
}
.iti__flag.iti__cr{
background-position:-1224px 0px
}
.iti__flag.iti__cu{
background-position:-1248px 0px
}
.iti__flag.iti__cv{
background-position:-1272px 0px
}
.iti__flag.iti__cw{
background-position:-1296px 0px
}
.iti__flag.iti__cx{
background-position:-1320px 0px
}
.iti__flag.iti__cy{
background-position:-1344px 0px
}
.iti__flag.iti__cz{
background-position:-1368px 0px
}
.iti__flag.iti__de{
background-position:-1392px 0px
}
.iti__flag.iti__dg{
background-position:-1416px 0px
}
.iti__flag.iti__dj{
background-position:-1440px 0px
}
.iti__flag.iti__dk{
background-position:-1464px 0px
}
.iti__flag.iti__dm{
background-position:-1488px 0px
}
.iti__flag.iti__do{
background-position:-1512px 0px
}
.iti__flag.iti__dz{
background-position:-1536px 0px
}
.iti__flag.iti__ea{
background-position:-1560px 0px
}
.iti__flag.iti__ec{
background-position:-1584px 0px
}
.iti__flag.iti__ee{
background-position:-1608px 0px
}
.iti__flag.iti__eg{
background-position:-1632px 0px
}
.iti__flag.iti__eh{
background-position:-1656px 0px
}
.iti__flag.iti__er{
background-position:-1680px 0px
}
.iti__flag.iti__es{
background-position:-1704px 0px
}
.iti__flag.iti__et{
background-position:-1728px 0px
}
.iti__flag.iti__eu{
background-position:-1752px 0px
}
.iti__flag.iti__fi{
background-position:-1776px 0px
}
.iti__flag.iti__fj{
background-position:-1800px 0px
}
.iti__flag.iti__fk{
background-position:-1824px 0px
}
.iti__flag.iti__fm{
background-position:-1848px 0px
}
.iti__flag.iti__fo{
background-position:-1872px 0px
}
.iti__flag.iti__fr{
background-position:-1896px 0px
}
.iti__flag.iti__ga{
background-position:-1920px 0px
}
.iti__flag.iti__gb{
background-position:-1944px 0px
}
.iti__flag.iti__gd{
background-position:-1968px 0px
}
.iti__flag.iti__ge{
background-position:-1992px 0px
}
.iti__flag.iti__gf{
background-position:-2016px 0px
}
.iti__flag.iti__gg{
background-position:-2040px 0px
}
.iti__flag.iti__gh{
background-position:-2064px 0px
}
.iti__flag.iti__gi{
background-position:-2088px 0px
}
.iti__flag.iti__gl{
background-position:-2112px 0px
}
.iti__flag.iti__gm{
background-position:-2136px 0px
}
.iti__flag.iti__gn{
background-position:-2160px 0px
}
.iti__flag.iti__gp{
background-position:-2184px 0px
}
.iti__flag.iti__gq{
background-position:-2208px 0px
}
.iti__flag.iti__gr{
background-position:-2232px 0px
}
.iti__flag.iti__gs{
background-position:-2256px 0px
}
.iti__flag.iti__gt{
background-position:-2280px 0px
}
.iti__flag.iti__gu{
background-position:-2304px 0px
}
.iti__flag.iti__gw{
background-position:-2328px 0px
}
.iti__flag.iti__gy{
background-position:-2352px 0px
}
.iti__flag.iti__hk{
background-position:-2376px 0px
}
.iti__flag.iti__hm{
background-position:-2400px 0px
}
.iti__flag.iti__hn{
background-position:-2424px 0px
}
.iti__flag.iti__hr{
background-position:-2448px 0px
}
.iti__flag.iti__ht{
background-position:-2472px 0px
}
.iti__flag.iti__hu{
background-position:-2496px 0px
}
.iti__flag.iti__ic{
background-position:-2520px 0px
}
.iti__flag.iti__id{
background-position:-2544px 0px
}
.iti__flag.iti__ie{
background-position:-2568px 0px
}
.iti__flag.iti__il{
background-position:-2592px 0px
}
.iti__flag.iti__im{
background-position:-2616px 0px
}
.iti__flag.iti__in{
background-position:-2640px 0px
}
.iti__flag.iti__io{
background-position:-2664px 0px
}
.iti__flag.iti__iq{
background-position:-2688px 0px
}
.iti__flag.iti__ir{
background-position:-2712px 0px
}
.iti__flag.iti__is{
background-position:-2736px 0px
}
.iti__flag.iti__it{
background-position:-2760px 0px
}
.iti__flag.iti__je{
background-position:-2784px 0px
}
.iti__flag.iti__jm{
background-position:-2808px 0px
}
.iti__flag.iti__jo{
background-position:-2832px 0px
}
.iti__flag.iti__jp{
background-position:-2856px 0px
}
.iti__flag.iti__ke{
background-position:-2880px 0px
}
.iti__flag.iti__kg{
background-position:-2904px 0px
}
.iti__flag.iti__kh{
background-position:-2928px 0px
}
.iti__flag.iti__ki{
background-position:-2952px 0px
}
.iti__flag.iti__km{
background-position:-2976px 0px
}
.iti__flag.iti__kn{
background-position:-3000px 0px
}
.iti__flag.iti__kp{
background-position:-3024px 0px
}
.iti__flag.iti__kr{
background-position:-3048px 0px
}
.iti__flag.iti__kw{
background-position:-3072px 0px
}
.iti__flag.iti__ky{
background-position:-3096px 0px
}
.iti__flag.iti__kz{
background-position:-3120px 0px
}
.iti__flag.iti__la{
background-position:-3144px 0px
}
.iti__flag.iti__lb{
background-position:-3168px 0px
}
.iti__flag.iti__lc{
background-position:-3192px 0px
}
.iti__flag.iti__li{
background-position:-3216px 0px
}
.iti__flag.iti__lk{
background-position:-3240px 0px
}
.iti__flag.iti__lr{
background-position:-3264px 0px
}
.iti__flag.iti__ls{
background-position:-3288px 0px
}
.iti__flag.iti__lt{
background-position:-3312px 0px
}
.iti__flag.iti__lu{
background-position:-3336px 0px
}
.iti__flag.iti__lv{
background-position:-3360px 0px
}
.iti__flag.iti__ly{
background-position:-3384px 0px
}
.iti__flag.iti__ma{
background-position:-3408px 0px
}
.iti__flag.iti__mc{
background-position:-3432px 0px
}
.iti__flag.iti__md{
background-position:-3456px 0px
}
.iti__flag.iti__me{
background-position:-3480px 0px
}
.iti__flag.iti__mf{
background-position:-3504px 0px
}
.iti__flag.iti__mg{
background-position:-3528px 0px
}
.iti__flag.iti__mh{
background-position:-3552px 0px
}
.iti__flag.iti__mk{
background-position:-3576px 0px
}
.iti__flag.iti__ml{
background-position:-3600px 0px
}
.iti__flag.iti__mm{
background-position:-3624px 0px
}
.iti__flag.iti__mn{
background-position:-3648px 0px
}
.iti__flag.iti__mo{
background-position:-3672px 0px
}
.iti__flag.iti__mp{
background-position:-3696.5px 0px
}
.iti__flag.iti__mq{
background-position:-3720px 0px
}
.iti__flag.iti__mr{
background-position:-3744px 0px
}
.iti__flag.iti__ms{
background-position:-3768px 0px
}
.iti__flag.iti__mt{
background-position:-3792px 0px
}
.iti__flag.iti__mu{
background-position:-3816px 0px
}
.iti__flag.iti__mv{
background-position:-3840px 0px
}
.iti__flag.iti__mw{
background-position:-3864px 0px
}
.iti__flag.iti__mx{
background-position:-3888px 0px
}
.iti__flag.iti__my{
background-position:-3912px 0px
}
.iti__flag.iti__mz{
background-position:-3936px 0px
}
.iti__flag.iti__na{
background-position:-3960px 0px
}
.iti__flag.iti__nc{
background-position:-3984px 0px
}
.iti__flag.iti__ne{
background-position:-4008px 0px
}
.iti__flag.iti__nf{
background-position:-4032px 0px
}
.iti__flag.iti__ng{
background-position:-4056px 0px
}
.iti__flag.iti__ni{
background-position:-4080px 0px
}
.iti__flag.iti__nl{
background-position:-4104px 0px
}
.iti__flag.iti__no{
background-position:-4128.5px 0px
}
.iti__flag.iti__np{
background-position:-4152px 0px
}
.iti__flag.iti__nr{
background-position:-4176px 0px
}
.iti__flag.iti__nu{
background-position:-4200px 0px
}
.iti__flag.iti__nz{
background-position:-4224px 0px
}
.iti__flag.iti__om{
background-position:-4248.5px 0px
}
.iti__flag.iti__pa{
background-position:-4272px 0px
}
.iti__flag.iti__pe{
background-position:-4296.5px 0px
}
.iti__flag.iti__pf{
background-position:-4320px 0px
}
.iti__flag.iti__pg{
background-position:-4344.5px 0px
}
.iti__flag.iti__ph{
background-position:-4368.5px 0px
}
.iti__flag.iti__pk{
background-position:-4392px 0px
}
.iti__flag.iti__pl{
background-position:-4416px 0px
}
.iti__flag.iti__pm{
background-position:-4440px 0px
}
.iti__flag.iti__pn{
background-position:-4466px 0px
}
.iti__flag.iti__pr{
background-position:-4488px 0px
}
.iti__flag.iti__ps{
background-position:-4512px 0px
}
.iti__flag.iti__pt{
background-position:-4536px 0px
}
.iti__flag.iti__pw{
background-position:-4560px 0px
}
.iti__flag.iti__py{
background-position:-4585.5px 0px
}
.iti__flag.iti__qa{
background-position:-4608px 0px
}
.iti__flag.iti__re{
background-position:-4632px 0px
}
.iti__flag.iti__ro{
background-position:-4656px 0px
}
.iti__flag.iti__rs{
background-position:-4680px 0px
}
.iti__flag.iti__ru{
background-position:-4704px 0px
}
.iti__flag.iti__rw{
background-position:-4728px 0px
}
.iti__flag.iti__sa{
background-position:-4752px 0px
}
.iti__flag.iti__sb{
background-position:-4776px 0px
}
.iti__flag.iti__sc{
background-position:-4800px 0px
}
.iti__flag.iti__sd{
background-position:-4824px 0px
}
.iti__flag.iti__se{
background-position:-4848.5px 0px
}
.iti__flag.iti__sg{
background-position:-4872px 0px
}
.iti__flag.iti__sh{
background-position:-4896px 0px
}
.iti__flag.iti__si{
background-position:-4920px 0px
}
.iti__flag.iti__sj{
background-position:-4944px 0px
}
.iti__flag.iti__sk{
background-position:-4968px 0px
}
.iti__flag.iti__sl{
background-position:-4992px 0px
}
.iti__flag.iti__sm{
background-position:-5016px 0px
}
.iti__flag.iti__sn{
background-position:-5040px 0px
}
.iti__flag.iti__so{
background-position:-5064px 0px
}
.iti__flag.iti__sr{
background-position:-5088px 0px
}
.iti__flag.iti__ss{
background-position:-5112.5px 0px
}
.iti__flag.iti__st{
background-position:-5136px 0px
}
.iti__flag.iti__sv{
background-position:-5161px 0px
}
.iti__flag.iti__sx{
background-position:-5184px 0px
}
.iti__flag.iti__sy{
background-position:-5208px 0px
}
.iti__flag.iti__sz{
background-position:-5232.5px 0px
}
.iti__flag.iti__ta{
background-position:-5258px 0px
}
.iti__flag.iti__tc{
background-position:-5280px 0px
}
.iti__flag.iti__td{
background-position:-5304.5px 0px
}
.iti__flag.iti__tf{
background-position:-5330px 0px
}
.iti__flag.iti__tg{
background-position:-5352px 0px
}
.iti__flag.iti__th{
background-position:-5377px 0px
}
.iti__flag.iti__tj{
background-position:-5400px 0px
}
.iti__flag.iti__tk{
background-position:-5424.5px 0px
}
.iti__flag.iti__tl{
background-position:-5448px 0px
}
.iti__flag.iti__tm{
background-position:-5472px 0px
}
.iti__flag.iti__tn{
background-position:-5496px 0px
}
.iti__flag.iti__to{
background-position:-5520px 0px
}
.iti__flag.iti__tr{
background-position:-5544px 0px
}
.iti__flag.iti__tt{
background-position:-5568px 0px
}
.iti__flag.iti__tv{
background-position:-5592px 0px
}
.iti__flag.iti__tw{
background-position:-5616px 0px
}
.iti__flag.iti__tz{
background-position:-5640px 0px
}
.iti__flag.iti__ua{
background-position:-5664px 0px
}
.iti__flag.iti__ug{
background-position:-5976px 0px
}
.iti__flag.iti__um{
background-position:-5714px 0px
}
.iti__flag.iti__un{
background-position:-5737px 0px
}
.iti__flag.iti__us{
background-position:-5761px 0px
}
.iti__flag.iti__uy{
background-position:-5786px 0px
}
.iti__flag.iti__uz{
background-position:-5808px 0px
}
.iti__flag.iti__va{
background-position:-5832px 0px
}
.iti__flag.iti__vc{
background-position:-5856px 0px
}
.iti__flag.iti__ve{
background-position:-5880px 0px
}
.iti__flag.iti__vg{
background-position:-5905px 0px
}
.iti__flag.iti__vi{
background-position:-5928px 0px
}
.iti__flag.iti__vn{
background-position:-5952px 0px
}
.iti__flag.iti__vu{
background-position:-5976px 0px
}
.iti__flag.iti__wf{
background-position:-6000px 0px
}
.iti__flag.iti__ws{
background-position:-6024px 0px
}
.iti__flag.iti__xk{
background-position:-6049px 0px
}
.iti__flag.iti__ye{
background-position:-6074px 0px
}
.iti__flag.iti__yt{
background-position:-6098px 0px
}
.iti__flag.iti__za{
background-position:-6120px 0px
}
.iti__flag.iti__zm{
background-position:-6146px 0px
}
.iti__flag.iti__zw{
background-position:-6170px 0px
}
.modal{
background:rgba(0,0,0,.65);
backdrop-filter:blur(15px);
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%;
z-index:100;
opacity:0;
pointer-events:none;
transition:.4s ease-in-out
}
.modal .container{
display:flex;
align-items:center;
justify-content:center;
height:100%
}
.modal.active{
opacity:1;
pointer-events:all
}
.modal__content{
position:relative;
width:600px;
padding:55px 35px;
background-color:#fff;
border-radius:16px
}
@media(max-width: 719px){
.modal__content{
padding:40px 25px
}
}
.modal__close{
position:absolute;
top:24px;
right:24px;
cursor:pointer
}
@media(max-width: 719px){
.modal__close{
top:16px;
right:16px
}
}
.modal-gallery{
background:rgba(0,0,0,.65);
backdrop-filter:blur(15px);
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%;
z-index:100;
opacity:0;
pointer-events:none;
transition:.4s ease-in-out
}
@media(max-width: 719px){
.modal-gallery{
display:none
}
}
.modal-gallery__close{
position:absolute;
right:0;
top:-125px
}
@media(max-width: 1919px){
.modal-gallery__close{
top:-133px
}
}
@media(max-width: 1365px){
.modal-gallery__close{
top:-65px
}
}
@media(max-width: 1023px){
.modal-gallery__close{
top:0
}
}
.modal-gallery__close img{
transition:.4s ease-in-out;
will-change:transform
}
.modal-gallery__close:hover img{
transform:scale(1.1)
}
.modal-gallery__content{
height:100%;
width:100%;
display:flex;
align-items:center;
justify-content:center
}
.modal-gallery__content .container{
height:61%
}
@media(max-width: 1919px){
.modal-gallery__content .container{
max-height:521px;
height:100%
}
}
@media(max-width: 1023px){
.modal-gallery__content .container{
max-height:341px;
position:unset
}
}
.modal-gallery--active{
opacity:1;
pointer-events:all
}
.modal-gallery__swiper{
height:100%
}
.modal-video{
background:rgba(0,0,0,.65);
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%;
z-index:100;
opacity:0;
pointer-events:none;
transition:.4s ease-in-out
}
.modal-video::before{
display:block;
content:"";
width:100%;
height:100%;
backdrop-filter:blur(15px);
position:absolute;
top:0;
left:0
}
@media(max-width: 719px){
.modal-video{
display:none
}
}
.modal-video__close{
position:absolute;
right:0;
top:-125px
}
@media(max-width: 1919px){
.modal-video__close{
top:-133px
}
}
@media(max-width: 1365px){
.modal-video__close{
top:-65px
}
}
@media(max-width: 1023px){
.modal-video__close{
top:0
}
}
.modal-video__close img{
transition:.4s ease-in-out;
will-change:transform
}
.modal-video__close:hover img{
transform:scale(1.1)
}
.modal-video__content{
height:100%;
width:100%;
display:flex;
align-items:center;
justify-content:center
}
.modal-video__content .container{
height:61%
}
@media(max-width: 1919px){
.modal-video__content .container{
max-height:521px;
height:100%
}
}
@media(max-width: 1023px){
.modal-video__content .container{
max-height:341px;
position:unset
}
}
.modal-video--active{
opacity:1;
pointer-events:all
}
.modal-once{
background:rgba(0,0,0,.8);
position:fixed;
top:0;
right:0;
left:0;
bottom:0;
width:100%;
height:100%;
z-index:101;
opacity:0;
pointer-events:none;
transition:.4s ease-in-out
}
.modal-once__container{
display:flex;
align-items:center;
justify-content:center;
margin:auto;
height:100%;
overflow-y:auto;
width:893px
}
.modal-once__container::-webkit-scrollbar{
width:0
}
@media(max-width: ){
.modal-once__container{
height:100%;
overflow-y:auto;
width:98%;
margin:auto
}
.modal-once__container::-webkit-scrollbar{
width:0
}
}
@media(max-width: 719px){
.modal-once__container{
max-width:359px;
margin:auto;
width:100%
}
}
.modal-once.active{
opacity:1;
pointer-events:all
}
.modal-once__content{
background:#fff;
position:relative;
width:100%;
display:flex;
align-items:center;
padding:36px 7px 75px 39px;
border-radius:20px
}
@media(max-width: ){
.modal-once__content{
padding:47px 32px 62px 39px
}
}
@media(max-width: 719px){
.modal-once__content{
padding:24px 10px 24px 10px
}
}
.modal-once__content-left{
width:50%;
align-items:center;
display:flex;
justify-content:center;
padding-right:20px
}
.modal-once__content-left img{
width:100%;
max-width:300px;
height:auto
}
@media(max-width: ){
.modal-once__content-left{
padding-right:20px
}
}
@media(max-width: 719px){
.modal-once__content-left{
display:none
}
}
.modal-once__content-right{
width:53%;
border-left:thin solid #000;
padding-top:27px
}
@media(max-width: ){
.modal-once__content-right{
padding-top:0;
width:51%
}
}
@media(max-width: 719px){
.modal-once__content-right{
width:100%;
border:none
}
}
.modal-once__close{
position:absolute;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
border-radius:100%;
background:rgba(0,0,0,0) !important;
z-index:2;
width:43px;
height:44px;
top:20px;
right:20px
}
@media(max-width: ){
.modal-once__close{
width:22px;
height:22px;
top:18px;
right:18px
}
}
@media(max-width: 719px){
.modal-once__close{
top:38px;
right:23px
}
}
.one-time-invitation-form{
color:#313236 !important;
display:flex;
flex-direction:column;
gap:16px;
width:100%;
padding:0 43px;
border-radius:20px
}
@media(max-width: ){
.one-time-invitation-form{
gap:12px;
padding:0 41px
}
}
@media(max-width: 719px){
.one-time-invitation-form{
padding:32px 18px;
width:100%;
max-width:339px;
gap:13px
}
}
.one-time-invitation-form__logo svg{
height:32px;
width:auto
}
.one-time-invitation-form__text{
display:flex;
flex-direction:column;
align-items:center;
gap:17px
}
.one-time-invitation-form__title{
font-weight:700;
font-size:24px;
line-height:29.23px
}
@media(max-width: ){
.one-time-invitation-form__title{
font-size:18px;
line-height:19.8px
}
}
.one-time-invitation-form__description{
font-size:14px;
line-height:19.6px;
width:295px;
padding-bottom:12px
}
@media(max-width: ){
.one-time-invitation-form__description{
font-size:10px;
line-height:12px;
width:295px
}
}
@media(max-width: 719px){
.one-time-invitation-form__description{
font-size:12px;
line-height:14px
}
}
.one-time-invitation-form__titleBlock{
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
gap:6px
}
@media(max-width: 719px){
.one-time-invitation-form__titleBlock{
gap:12px
}
}
.one-time-invitation-form__captchaWrapper{
display:flex;
justify-content:center
}
.one-time-invitation-form__fields{
display:flex;
flex-direction:column;
gap:8px
}
@media(max-width: 719px){
.one-time-invitation-form__fields{
gap:14px
}
}
.one-time-invitation-form__buttonBlock{
width:100%;
display:flex;
flex-direction:column;
gap:29px
}
@media(max-width: 719px){
.one-time-invitation-form__buttonBlock{
gap:16px;
flex-direction:column-reverse;
padding-top:12px
}
}
.one-time-invitation-form__buttonBlock button{
width:100%;
padding:16px 0;
font-weight:700;
box-shadow:none !important;
border:none;
font-size:18px;
line-height:19.8px;
border-radius:48px
}
@media(max-width: ){
.one-time-invitation-form__buttonBlock button{
padding:16px 0
}
}
@media(max-width: 719px){
.one-time-invitation-form__buttonBlock button{
font-size:14px;
line-height:15.4px;
border-radius:60px
}
}
.one-time-invitation-form__checkbox__text{
font-size:14px;
line-height:19.6px
}
@media(max-width: ){
.one-time-invitation-form__checkbox__text{
font-size:10px;
line-height:12px
}
}
@media(max-width: 719px){
.one-time-invitation-form__checkbox__text{
font-size:12px;
line-height:14.4px
}
}
.one-time-invitation-form__checkbox__text a{
color:#4eb2ff
}
.one-time-invitation-form__checkbox__label{
display:flex;
align-items:center;
cursor:pointer
}
.one-time-invitation-form__checkbox__icon{
flex-shrink:0;
width:16px;
height:16px;
margin-right:24px;
background:rgba(0,0,0,0);
border:1px solid #8e95a0
}
.one-time-invitation-form__checkbox__input{
position:absolute;
visibility:hidden
}
.one-time-invitation-form__checkbox__input:checked+.one-time-invitation-form__checkbox__label .one-time-invitation-form__checkbox__icon{
background:#e62334;
box-shadow:inset 0 0 0 2px #fff
}
.one-time-invitation-form__checkbox__error{
position:relative;
align-items:center;
font-size:12px;
opacity:0;
display:none;
color:#fff;
background-color:#e62334;
padding:2px 8px;
border-radius:4px;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
margin-bottom:8px
}
.one-time-invitation-form__checkbox__error:before{
content:"*";
display:flex;
align-items:center;
justify-content:center;
width:10px;
height:100%;
margin-right:0px;
border-radius:50%;
color:#fff;
background-color:rgba(0,0,0,0);
font-size:10px
}
.one-time-invitation-form__checkbox.error .checkbox__error{
display:flex;
opacity:1
}
.one-time-invitation-form .iti .iti__selected-dial-code{
color:#313236 !important
}
.one-time-invitation-form .captchaWrapper{
display:flex;
justify-content:center
}
.one-time-invitation-form--inmodal{
position:relative;
width:722px;
gap:16px;
background:hsla(0,0%,100%,.8980392157);
margin-top:125px
}
@media(max-width: 1023px){
.one-time-invitation-form--inmodal{
margin-top:123px
}
}
@media(max-width: ){
.one-time-invitation-form--inmodal{
width:100%;
margin-top:20px
}
}
@media(max-width: 719px){
.one-time-invitation-form--inmodal{
flex-direction:column;
width:100%;
max-width:100%
}
}
.one-time-invitation-form--inmodal .form__title{
font-size:24px;
line-height:29.23px
}
@media(max-width: ){
.one-time-invitation-form--inmodal .form__title{
font-size:18px;
line-height:19.8px
}
}
@media(max-width: 719px){
.one-time-invitation-form--inmodal .form__title{
font-size:31px;
line-height:31px
}
}
.one-time-invitation-form--inmodal .form__description{
font-size:14px;
line-height:19.6px;
width:295px
}
@media(max-width: ){
.one-time-invitation-form--inmodal .form__description{
font-size:10px;
line-height:12px;
width:295px;
padding-bottom:12px
}
}
@media(max-width: 719px){
.one-time-invitation-form--inmodal .form__description{
display:none
}
}
.one-time-invitation-form--inmodal .form__buttonBlock{
gap:16px
}
@media(max-width: ){
.one-time-invitation-form--inmodal .form__buttonBlock{
gap:12px
}
}
@media(max-width: 719px){
.one-time-invitation-form--inmodal .form__buttonBlock{
gap:16px
}
}
@media(max-width: 719px){
.one-time-invitation-form-error{
padding:22px !important
}
}
.one-time-invitation-form-field{
position:relative
}
.one-time-invitation-form-field__label{
display:flex;
width:100%
}
.one-time-invitation-form-field__label .iti{
width:100%;
display:flex;
gap:10px
}
.one-time-invitation-form-field__label .iti input{
padding-left:24px !important;
color:#445667
}
@media(max-width: 719px){
.one-time-invitation-form-field__label .iti input{
padding-left:24px
}
}
.one-time-invitation-form-field__label .iti .iti__selected-dial-code{
font-size:18px;
line-height:25.2px
}
@media(max-width: ){
.one-time-invitation-form-field__label .iti .iti__selected-dial-code{
font-size:16px;
line-height:19.49px
}
}
@media(max-width: 719px){
.one-time-invitation-form-field__label .iti .iti__selected-dial-code{
font-size:12px;
line-height:14.4px
}
}
.one-time-invitation-form-field__label .iti .iti__selected-flag{
padding:12px 30px;
color:#445667;
background:rgba(0,0,0,0)
}
@media(max-width: 719px){
.one-time-invitation-form-field__label .iti .iti__selected-flag{
padding:12px
}
}
.one-time-invitation-form-field__label .iti .iti__arrow{
display:none
}
.one-time-invitation-form-field__label .iti .iti__flag-container{
position:static;
border:1px solid #445667;
background-color:#f1f1f1;
border-radius:12px;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content
}
.one-time-invitation-form-field__label .iti .iti__flag-container:hover .iti__selected-flag{
background:rgba(0,0,0,0) !important
}
.one-time-invitation-form-field--invisibe{
display:none
}
.one-time-invitation-form-field textarea{
font-family:"Proxima Nova";
margin:0;
height:93px
}
@media(max-width: ){
.one-time-invitation-form-field textarea{
height:87px
}
}
@media(max-width: 719px){
.one-time-invitation-form-field textarea{
height:58px
}
}
.one-time-invitation-form-field__input{
width:100%;
outline:none;
padding:12px 24px;
background:#f1f1f1;
border:1px solid #445667;
resize:none;
border-radius:12px;
color:#313840;
transition:.3s cubic-bezier(0.65, 0.05, 0.36, 1);
font-size:18px;
line-height:25.2px
}
@media(max-width: ){
.one-time-invitation-form-field__input{
font-size:16px;
line-height:19.49px
}
}
@media(max-width: 719px){
.one-time-invitation-form-field__input{
font-size:12px;
line-height:14.4px;
padding:12px
}
}
.one-time-invitation-form-field__input:focus{
border:1px solid #323232;
box-shadow:0 4px 15px rgba(0,0,0,.1490196078)
}
.one-time-invitation-form-field__input:focus::-moz-placeholder{
opacity:.4
}
.one-time-invitation-form-field__input:focus:-ms-input-placeholder{
opacity:.4
}
.one-time-invitation-form-field__input:focus::placeholder{
opacity:.4
}
.one-time-invitation-form-field__error{
color:#fff;
background-color:#e62334;
padding:2px 8px;
border-radius:4px;
position:absolute;
top:-9px;
right:10px;
font-size:12px;
align-items:center;
opacity:0;
display:none;
font-size:10px;
line-height:14px;
z-index:1
}
.one-time-invitation-form-field__error:before{
content:"*";
display:flex;
align-items:center;
justify-content:center;
width:10px;
height:100%;
margin-right:0px;
border-radius:50%;
color:#fff;
font-size:10px
}
.one-time-invitation-form-field.error .one-time-invitation-form-field__input{
border:thin solid #e62334;
background:rgba(230,35,52,.1)
}
.one-time-invitation-form-field.error .one-time-invitation-form-field__error{
display:flex;
opacity:1
}
.popupWebinar{
position:fixed;
z-index:101;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(0,0,0,.8);
backdrop-filter:blur(15px);
overflow-y:auto;
display:none
}
@media(max-width: 719px){
.popupWebinar{
padding:0
}
}
.popupWebinar .container{
display:flex;
align-items:center;
justify-content:center;
margin:auto;
height:100%;
width:1232px
}
.popupWebinar .container::-webkit-scrollbar{
width:0
}
@media(max-width: ){
.popupWebinar .container{
height:100%;
overflow-y:auto;
width:98%;
margin:auto;
padding:0px
}
.popupWebinar .container::-webkit-scrollbar{
width:0
}
}
@media(max-width: 719px){
.popupWebinar .container{
max-width:359px;
margin:auto;
width:100%
}
}
.popupWebinar::-webkit-scrollbar{
width:0;
opacity:0;
display:none
}
.popupWebinar__content{
border-radius:77px;
padding:22px;
background-color:#e62334;
width:1232px;
position:relative;
overflow:hidden
}
@media(min-width: 1800px)and (max-height: 1153px){
.popupWebinar__content{
transform:scale(0.7)
}
}
@media(min-width: 1366px)and (max-height: 959px){
.popupWebinar__content{
transform:scale(0.7)
}
}
@media(min-width: 768px)and (max-height: 765px){
.popupWebinar__content{
transform:scale(0.7)
}
}
@media(max-width: 768px)and (max-height: 665px){
.popupWebinar__content{
transform:none
}
}
@media(max-width: 1919px){
.popupWebinar__content{
padding:27px;
width:893px
}
}
@media(max-width: ){
.popupWebinar__content{
padding:23px;
width:750px
}
}
@media(max-width: 719px){
.popupWebinar__content{
padding:26px 0;
width:100%
}
}
.popupWebinar__wrapper{
background-color:#fff;
border-radius:50px;
display:flex;
flex-direction:column;
align-items:center;
padding:152px 55px 50px 54px;
background-image:url(assets/47ca5d0d7504fba48b2f.png);
position:relative;
overflow:hidden
}
@media(max-width: 1919px){
.popupWebinar__wrapper{
overflow:visible
}
}
@media(max-width: ){
.popupWebinar__wrapper{
padding:139px 55px 71px 54px
}
}
@media(max-width: 719px){
.popupWebinar__wrapper{
border-radius:0;
padding:99px 37px 81px 37px
}
}
.popupWebinar__title{
font-size:78px;
line-height:100%;
text-align:center;
position:relative;
padding-bottom:30px;
margin-bottom:29px;
font-weight:600
}
@media(max-width: 1919px){
.popupWebinar__title{
font-size:56px;
line-height:100%;
padding-bottom:14px;
margin-bottom:16.7px;
letter-spacing:-0.6px
}
}
@media(max-width: ){
.popupWebinar__title{
font-size:41px;
line-height:100%;
padding-bottom:19px;
margin-bottom:15px
}
}
@media(max-width: 719px){
.popupWebinar__title{
font-size:33px;
line-height:116%;
padding-bottom:14px;
margin-bottom:12px;
display:inline-flex;
flex-direction:column
}
}
.popupWebinar__title strong{
font-weight:600;
color:#e62334
}
.popupWebinar__title::before{
content:"";
width:324px;
height:2px;
border-bottom:2px solid #101010;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto
}
@media(max-width: 1919px){
.popupWebinar__title::before{
width:232.93px
}
}
@media(max-width: 719px){
.popupWebinar__title::before{
width:137.41px
}
}
.popupWebinar__description{
font-weight:600;
font-size:34px;
line-height:100%;
color:#e62334;
text-align:center;
margin-bottom:58px
}
@media(max-width: 1919px){
.popupWebinar__description{
font-weight:600;
font-size:24px;
line-height:100%;
margin-bottom:44px
}
}
@media(max-width: ){
.popupWebinar__description{
font-weight:600;
font-size:18px;
line-height:100%;
margin-bottom:28px
}
}
@media(max-width: 719px){
.popupWebinar__description{
font-weight:600;
font-size:14px;
line-height:121%;
margin-bottom:16px;
width:225px
}
}
.popupWebinar__description strong{
font-weight:600
}
.popupWebinar__text{
font-weight:400;
font-size:32px;
line-height:100%;
text-align:center;
margin-bottom:28px
}
@media(max-width: 1919px){
.popupWebinar__text{
font-weight:400;
font-size:23px;
line-height:100%;
margin-bottom:20px
}
}
@media(max-width: ){
.popupWebinar__text{
font-weight:400;
font-size:16px;
line-height:100%;
margin-bottom:17px
}
}
@media(max-width: 719px){
.popupWebinar__text{
font-weight:400;
font-size:13px;
line-height:100%;
margin-bottom:12px
}
}
.popupWebinar__bullets{
display:flex;
flex-direction:column;
gap:34px;
width:739px;
margin-bottom:46px
}
@media(max-width: 1919px){
.popupWebinar__bullets{
width:527px;
gap:24px;
margin-bottom:34px
}
}
@media(max-width: ){
.popupWebinar__bullets{
width:390px;
gap:18px;
margin-bottom:32px
}
}
@media(max-width: 719px){
.popupWebinar__bullets{
width:104%;
gap:16px;
align-items:center;
margin-bottom:36px
}
}
.popupWebinar__bullet{
font-weight:400;
font-size:32px;
line-height:100%
}
@media(max-width: 1919px){
.popupWebinar__bullet{
font-weight:400;
font-size:23px;
line-height:100%
}
}
@media(max-width: ){
.popupWebinar__bullet{
font-weight:400;
font-size:17px;
line-height:100%
}
}
@media(max-width: 719px){
.popupWebinar__bullet{
font-weight:400;
font-size:13px;
line-height:100%;
text-align:center
}
}
.popupWebinar__tags{
gap:23px;
display:flex;
flex-direction:column;
margin-bottom:31px;
align-items:center
}
@media(max-width: 1919px){
.popupWebinar__tags{
gap:17px;
margin-bottom:20px
}
}
@media(max-width: ){
.popupWebinar__tags{
gap:12px;
margin-bottom:14px
}
}
@media(max-width: 719px){
.popupWebinar__tags{
gap:10px;
margin-bottom:13px
}
}
.popupWebinar__tag{
padding:21px 56px;
border:2.47px solid #0f0f0f;
border-radius:18.54px;
width:-webkit-fit-content;
width:-moz-fit-content;
width:fit-content;
font-weight:400;
font-size:24px;
line-height:100%;
text-align:center;
height:71px
}
@media(max-width: 1919px){
.popupWebinar__tag{
padding:16px 44px;
border-radius:13.33px;
border-width:1.78px;
font-weight:400;
font-size:17px;
line-height:100%;
height:51px
}
}
@media(max-width: ){
.popupWebinar__tag{
padding:11px 28px;
border-width:1.31px;
border-radius:9.8px;
font-weight:400;
font-size:13px;
line-height:100%;
height:37px
}
}
@media(max-width: 719px){
.popupWebinar__tag{
padding:9px 26px;
border-width:1px;
border-radius:7.86px;
font-weight:400;
font-size:10px;
line-height:100%;
height:30px
}
}
.popupWebinar__tag:last-child{
min-width:388px
}
@media(max-width: 1919px){
.popupWebinar__tag:last-child{
min-width:285px
}
}
@media(max-width: ){
.popupWebinar__tag:last-child{
min-width:200px
}
}
@media(max-width: 719px){
.popupWebinar__tag:last-child{
min-width:173px
}
}
.popupWebinar__close{
position:absolute;
cursor:pointer;
width:53px;
height:53px;
top:57px;
right:57px
}
@media(max-width: 1919px){
.popupWebinar__close{
width:43px;
height:43px;
top:39px;
right:44px
}
}
@media(max-width: ){
.popupWebinar__close{
width:35px;
height:35px;
top:35px;
right:48px
}
}
@media(max-width: 719px){
.popupWebinar__close{
width:25px;
height:25px;
top:19px;
right:22px
}
}
.popupWebinar__close svg{
width:inherit;
height:inherit
}
.popupWebinar__questionImg{
position:absolute;
top:-40px;
left:123px;
width:260.91px;
height:260.91px
}
@media(max-width: 1919px){
.popupWebinar__questionImg{
top:-33px;
left:59px;
width:249.91px;
height:auto
}
}
@media(max-width: ){
.popupWebinar__questionImg{
top:5px;
left:108px;
width:174.91px;
height:174.91px
}
}
@media(max-width: 719px){
.popupWebinar__questionImg{
top:-19px;
left:26px;
width:136.91px;
height:136.91px
}
}
.popupWebinar__magnifierImg{
position:absolute;
bottom:-195px;
right:-118px;
width:526.44px;
height:526.44px
}
@media(max-width: 1919px){
.popupWebinar__magnifierImg{
bottom:-135px;
right:-90px;
width:370.44px;
height:370.44px
}
}
@media(max-width: ){
.popupWebinar__magnifierImg{
bottom:-100px;
right:-62px;
width:272.44px;
height:272.44px
}
}
@media(max-width: 719px){
.popupWebinar__magnifierImg{
bottom:-100px;
right:-62px;
width:214.44px;
height:214.44px
}
}
.popupWebinar .button{
color:#fff;
font-weight:600;
font-size:30px;
line-height:100%;
border-radius:18.02px;
padding:17px 105px;
height:71px;
background:#e62334
}
.popupWebinar .button:hover{
background:#db2131
}
@media(max-width: 1919px){
.popupWebinar .button{
font-weight:600;
font-size:21px;
line-height:100%;
border-radius:12.96px;
padding:12px 80px;
height:51px
}
}
@media(max-width: ){
.popupWebinar .button{
font-weight:600;
font-size:16px;
line-height:100%;
border-radius:9.53px;
padding:10px 52px;
height:37px
}
}
@media(max-width: 719px){
.popupWebinar .button{
font-weight:600;
font-size:12px;
line-height:100%;
border-radius:7.64px;
padding:7px 52px;
height:30px
}
}