File: /var/www/quadcode/frontend/dist/lp/freeBrokerage.a961f9e6387a88a399d0.css
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
}
body{
font-family:"Proxima Nova",sans-serif;
color:#141414;
top:0 !important;
position:static !important;
scroll-behavior:smooth
}
@media screen and (max-width: 1200px){
body{
overflow:auto
}
}
html{
scroll-behavior:smooth;
height:auto !important
}
.container{
width:1180px;
margin:0 auto;
position:relative
}
@media(max-width: 1800px){
.container{
width:940px
}
}
@media(max-width: 1365px){
.container{
width:688px
}
}
@media(max-width: 768px){
.container{
width:335px
}
}
@media(max-width: 375px){
.container{
width:90%
}
}
.logo{
width:180px;
height:43px;
background-image:url(/lp/assets/22b1ab791f62d8a146ac.svg);
background-size:contain;
background-repeat:no-repeat;
flex-shrink:0
}
@media(max-width: 1365px){
.logo{
width:120px;
height:33px
}
}
.logo a{
width:100%;
height:100%;
display:block
}
#root{
overflow:hidden;
min-height:100vh;
height:100%;
display:flex;
flex-direction:column;
scroll-behavior:smooth
}
@media(max-width: 1365px){
.root-about{
overflow:unset !important
}
}
.js-management-animation,.js-manager-animation,.js-ubo-animation{
background:rgba(50,50,50,.05)
}
.cookieUse #root .footer{
padding-bottom:70px
}
@media(max-width: 768px){
.cookieUse #root .footer{
padding-bottom:85px
}
}
@media(max-width: 375px){
.cookieUse #root .footer{
padding-bottom:105px
}
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/856d00751b4f61903341.woff) format("woff");
font-weight:100;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/7ce513c6b7a11f10e8d8.woff) format("woff");
font-weight:100;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/e1a92bd2932350060145.woff) format("woff");
font-weight:300;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/6f703c4816b531939277.woff) format("woff");
font-weight:300;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/5418ad39117d057b3aef.woff) format("woff");
font-weight:400;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/9407c3ca5e9461cb28d9.woff) format("woff");
font-weight:400;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/fcc012a7ae8ca3b23fe3.woff) format("woff");
font-weight:450;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/bae33074d435f12daa20.woff) format("woff");
font-weight:450;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/0c7f0f2249d710621fc3.woff) format("woff");
font-weight:500;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/090cd8153ca9f426d5f4.woff) format("woff");
font-weight:500;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/5f701be06def470d48bb.woff) format("woff");
font-weight:700;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/f55a14f7393c246b9385.woff) format("woff");
font-weight:700;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Suisse Intl";
src:url(/lp/assets/fonts/e2b8871f146deb99051b.woff) format("woff");
font-weight:900;
font-style:italic;
font-display:swap
}
*{
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body{
font-family:"Suisse Intl",sans-serif;
color:#141414;
top:0 !important;
position:static !important;
scroll-behavior:smooth
}
@media screen and (max-width: 1200px){
body{
overflow:auto
}
}
html{
scroll-behavior:smooth;
height:auto !important
}
.container{
margin:0 auto;
position:relative;
width:1560px;
max-width:1560px
}
@media(max-width: 1800px){
.container{
width:1184px
}
}
@media(max-width: 1200px){
.container{
width:685px
}
}
@media(max-width: 768px){
.container{
width:90%
}
}
#root{
overflow:hidden;
min-height:100vh;
height:100%;
display:flex;
flex-direction:column;
scroll-behavior:smooth
}
#free-brokerage .giveaway{
position:relative;
width:100%;
color:#fff;
padding:146px 0;
display:flex;
align-items:center;
background-color:#000
}
@media(max-width: 768px){
#free-brokerage .giveaway{
padding:30px 0 52px 0;
display:block;
align-items:flex-start
}
}
#free-brokerage .giveaway .change-lng{
position:relative;
z-index:1000
}
@media(min-width: 375px)and (max-width: 500px){
#free-brokerage .giveaway .change-lng .change-lng__list{
right:-18px
}
}
#free-brokerage .giveaway .container{
width:100%;
padding:0 20px;
max-width:1370px
}
@media(max-width: 1440px){
#free-brokerage .giveaway .container{
max-width:1250px
}
}
@media(max-width: 768px){
#free-brokerage .giveaway .container{
max-width:680px;
display:flex;
flex-direction:row-reverse;
align-items:flex-start
}
}
@media(min-width: 375px)and (max-width: 500px){
#free-brokerage .giveaway .container{
flex-direction:column;
align-items:center
}
}
@media(max-width: 375px){
#free-brokerage .giveaway .container{
max-width:313px
}
}
#free-brokerage .giveaway__banner{
position:absolute;
top:0;
left:0;
z-index:1;
width:100%;
height:100%;
background-image:url(/lp/assets/4d53be5cb090f1a18fd8.webp);
background-size:auto 100%;
background-position:50% center;
background-repeat:no-repeat;
-webkit-mask-image:linear-gradient(to right, transparent 0%, transparent 15%, black 25%, black 75%, transparent 85%, transparent 100%);
mask-image:linear-gradient(to right, transparent 0%, transparent 15%, black 25%, black 75%, transparent 85%, transparent 100%);
-webkit-mask-size:100% 100%;
mask-size:100% 100%;
-webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat
}
@media(max-width: 1800px){
#free-brokerage .giveaway__banner{
background-image:url(/lp/assets/6c9fefa0546a721e82e6.webp);
background-size:cover;
-webkit-mask-image:none;
mask-image:none
}
}
@media(max-width: 768px){
#free-brokerage .giveaway__banner{
background-image:url(/lp/assets/71aabc3a909dfc40e2bb.webp);
background-size:cover;
-webkit-mask-image:none;
mask-image:none
}
}
@media(max-width: 375px){
#free-brokerage .giveaway__banner{
background-image:url(/lp/assets/29955c3f0c44e25d0824.webp);
background-position:center 40px;
background-size:contain;
-webkit-mask-image:none;
mask-image:none
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .giveaway__banner{
background-image:url(/lp/assets/29955c3f0c44e25d0824.webp);
background-position:center 40px;
background-size:contain;
-webkit-mask-image:none;
mask-image:none
}
}
#free-brokerage .giveaway__content{
position:relative;
z-index:2;
max-width:612px
}
@media(max-width: 375px){
#free-brokerage .giveaway__content{
width:100%;
text-align:center
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .giveaway__content{
width:100%;
text-align:center
}
}
#free-brokerage .giveaway__button{
font-weight:500;
position:relative;
font-size:24px;
padding:12px 80px;
border:none;
border-radius:22px;
margin-bottom:24px;
display:inline-block
}
#free-brokerage .giveaway__button::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:30px;
padding:2px;
background:linear-gradient(90deg, #f96c6e 0%, #ffa4a5 42%);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude
}
@media(max-width: 768px){
#free-brokerage .giveaway__button{
padding:8px 39px;
font-size:16px;
line-height:18px;
margin-bottom:16px
}
}
@media(max-width: 375px){
#free-brokerage .giveaway__button{
margin-top:224px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .giveaway__button{
margin-top:224px
}
}
#free-brokerage .giveaway__apply-now{
font-size:14px;
text-align:center;
padding:15px 162px;
border-radius:10px;
background-color:#e62334;
display:inline-block
}
@media(max-width: 1440px){
#free-brokerage .giveaway__apply-now{
font-size:14px;
padding:15px 160px
}
}
@media(max-width: 768px){
#free-brokerage .giveaway__apply-now{
font-size:14px;
line-height:18px;
padding:12px 60px;
display:inline-block;
width:auto
}
}
@media(max-width: 375px){
#free-brokerage .giveaway__apply-now{
width:100%
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .giveaway__apply-now{
width:100%
}
}
#free-brokerage .giveaway__title{
position:relative;
font-weight:500;
font-size:64px;
line-height:64px;
margin-bottom:12px;
letter-spacing:-1px
}
@media(max-width: 768px){
#free-brokerage .giveaway__title{
font-size:48px;
line-height:48px;
margin-bottom:16px;
margin:0 auto 16px auto
}
}
#free-brokerage .giveaway__title strong{
display:block;
font-weight:500;
color:#ff3737
}
#free-brokerage .giveaway__partner{
display:flex;
align-items:center;
gap:12px;
margin-bottom:24px
}
#free-brokerage .giveaway__partner-title{
font-weight:500
}
@media(max-width: 768px){
#free-brokerage .giveaway__partner-title{
font-size:16px
}
}
@media(max-width: 768px){
#free-brokerage .giveaway__partner{
margin-bottom:16px
}
}
@media(max-width: 375px){
#free-brokerage .giveaway__partner{
flex-direction:column
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .giveaway__partner{
flex-direction:column
}
}
#free-brokerage .giveaway__logo{
height:auto;
max-width:100%
}
#free-brokerage .giveaway__logo{
height:auto;
max-width:100%
}
#free-brokerage .giveaway__text{
color:#f5f5f5;
font-size:18px;
margin-bottom:24px;
line-height:26px;
max-width:510px
}
@media(max-width: 768px){
#free-brokerage .giveaway__text{
font-size:12px;
line-height:14px;
max-width:314px;
margin-bottom:16px
}
}
@media(max-width: 375px){
#free-brokerage .giveaway__text{
font-size:16px;
line-height:24px;
letter-spacing:-0.4px;
max-width:100%;
margin-bottom:24px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .giveaway__text{
font-size:16px;
line-height:24px;
letter-spacing:-0.4px;
max-width:100%;
margin-bottom:24px
}
}
#free-brokerage .giveaway__text strong{
font-weight:600
}
@media(max-width: 2200px){
#free-brokerage .giveaway__text strong{
font-weight:500
}
}
#free-brokerage .looking-for{
padding:80px 0
}
@media(max-width: 768px){
#free-brokerage .looking-for{
padding:50px 0
}
}
#free-brokerage .looking-for .container{
display:flex;
flex-direction:column;
align-items:center
}
#free-brokerage .looking-for__image{
max-width:780px;
margin:0 auto
}
#free-brokerage .looking-for__title{
color:#141414;
margin-bottom:32px;
font-size:64px;
letter-spacing:-1px;
line-height:64px;
font-weight:500;
word-break:keep-all
}
@media(max-width: 1440px){
#free-brokerage .looking-for__title{
font-size:48px;
line-height:48px
}
}
@media(max-width: 768px){
#free-brokerage .looking-for__title{
font-size:26px;
line-height:32px;
margin-bottom:20px;
white-space:nowrap
}
}
#free-brokerage .looking-for__text{
text-align:center;
max-width:770px;
letter-spacing:-0.2px;
color:#323232;
font-size:18px;
line-height:26px
}
#free-brokerage .looking-for__text strong{
font-weight:500
}
#free-brokerage .looking-for__text span{
display:block
}
@media(max-width: 1440px){
#free-brokerage .looking-for__text{
font-size:16px;
line-height:24px;
max-width:768px
}
}
@media(max-width: 768px){
#free-brokerage .looking-for__text{
display:flex;
flex-direction:column;
max-width:570px
}
}
@media(max-width: 375px){
#free-brokerage .looking-for__text{
max-width:290px;
gap:24px
}
}
#free-brokerage .looking-for img{
width:100%;
height:100%
}
#free-brokerage .apply-now{
padding:80px 0 0px 0;
background-color:#f2f6f9;
color:#323232
}
@media(max-width: 768px){
#free-brokerage .apply-now{
padding:60px 0 0px 0
}
}
@media(max-width: 375px){
#free-brokerage .apply-now{
padding:50px 0 0px 0
}
}
#free-brokerage .apply-now .container{
max-width:896px;
display:flex;
justify-content:space-between;
align-items:center;
gap:40px;
padding-bottom:32px;
border-bottom:1px solid rgba(125,125,138,.15)
}
@media(max-width: 768px){
#free-brokerage .apply-now .container{
max-width:640px;
padding-bottom:20px
}
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .apply-now .container{
flex-direction:column;
gap:20px;
padding-bottom:30px
}
}
@media(max-width: 375px){
#free-brokerage .apply-now .container{
text-align:center;
flex-direction:column;
gap:12px;
padding-bottom:46px
}
}
#free-brokerage .apply-now__left{
flex:1
}
#free-brokerage .apply-now__title{
font-size:48px;
line-height:48px;
color:#141414;
margin-bottom:32px;
font-weight:400;
letter-spacing:-0.3px
}
@media(max-width: 768px){
#free-brokerage .apply-now__title{
margin-bottom:15px
}
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .apply-now__title{
font-size:48px;
line-height:48px;
margin-bottom:16px;
text-align:center
}
}
#free-brokerage .apply-now__text{
font-size:18px;
line-height:26px;
letter-spacing:-0.1px
}
@media(max-width: 768px){
#free-brokerage .apply-now__text{
font-size:16px;
line-height:24px;
max-width:267px;
letter-spacing:-0.3px
}
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .apply-now__text{
font-size:16px;
line-height:24px;
max-width:267px;
text-align:center;
letter-spacing:0px
}
}
@media(max-width: 375px){
#free-brokerage .apply-now__text{
font-size:16px;
line-height:24px;
max-width:267px;
letter-spacing:0px
}
}
@media(max-width: 375px){
#free-brokerage .apply-now__text{
margin:0 auto
}
}
#free-brokerage .apply-now__right{
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-end
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .apply-now__right{
align-items:center;
width:100%
}
}
#free-brokerage .apply-now__deadline{
font-size:14px;
line-height:20px;
letter-spacing:-0.2px
}
@media(max-width: 768px){
#free-brokerage .apply-now__deadline{
font-size:12px;
line-height:14px
}
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .apply-now__deadline{
font-size:14px;
line-height:20px;
text-align:center
}
}
#free-brokerage .apply-now__deadline span{
color:#ff3737;
font-weight:500
}
#free-brokerage .apply-now .timer{
display:flex;
align-items:center;
gap:4px;
justify-content:center
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .apply-now .timer{
width:100%
}
}
@media(max-width: 375px){
#free-brokerage .apply-now .timer{
width:100%
}
}
#free-brokerage .apply-now .timer__item{
display:flex;
flex-direction:column;
align-items:center
}
#free-brokerage .apply-now .timer__value{
width:48px;
height:56px;
display:flex;
align-items:center;
justify-content:center;
border:2px solid #ff3737;
border-radius:16px;
font-size:24px;
line-height:32px;
font-weight:500
}
#free-brokerage .apply-now .timer__label{
font-size:14px;
line-height:20px
}
@media(max-width: 768px){
#free-brokerage .apply-now .timer__label{
font-size:16px;
line-height:24px
}
}
#free-brokerage .apply-now .timer__separator{
font-size:24px;
margin-bottom:20px;
color:#ff3737
}
#free-brokerage .forms{
padding:50px 0 95px 0;
background-color:#f2f6f9
}
@media(max-width: 768px){
#free-brokerage .forms{
padding:40px 0 60px 0
}
}
@media(max-width: 375px){
#free-brokerage .forms{
padding:20px 0 50px 0
}
}
#free-brokerage .forms .container{
max-width:900px
}
@media(max-width: 768px){
#free-brokerage .forms .container{
max-width:640px
}
}
#free-brokerage .forms .form-message{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
width:100%;
max-width:500px;
margin:0 auto;
padding:40px 20px
}
@media(max-width: 768px){
#free-brokerage .forms .form-message{
max-width:400px;
padding:30px 20px
}
}
@media(max-width: 700px){
#free-brokerage .forms .form-message{
max-width:100%;
padding:20px
}
}
#free-brokerage .forms .form-message__icon{
display:flex;
justify-content:center;
align-items:center;
margin-bottom:24px
}
#free-brokerage .forms .form-message__icon img{
max-width:100%;
height:auto
}
@media(max-width: 768px){
#free-brokerage .forms .form-message__icon{
margin-bottom:20px
}
}
@media(max-width: 700px){
#free-brokerage .forms .form-message__icon{
margin-bottom:16px
}
}
#free-brokerage .forms .form-message__inner{
display:flex;
flex-direction:column;
align-items:center;
gap:12px;
width:100%
}
@media(max-width: 768px){
#free-brokerage .forms .form-message__inner{
gap:10px
}
}
@media(max-width: 700px){
#free-brokerage .forms .form-message__inner{
gap:8px
}
}
#free-brokerage .forms .form-message__title{
margin:0;
text-align:center
}
#free-brokerage .forms .form-message__text{
margin:0;
text-align:center
}
#free-brokerage .forms .form-message__actions{
display:flex;
justify-content:center;
align-items:center;
margin-top:24px;
width:100%
}
@media(max-width: 768px){
#free-brokerage .forms .form-message__actions{
margin-top:20px
}
}
@media(max-width: 700px){
#free-brokerage .forms .form-message__actions{
margin-top:16px
}
}
#free-brokerage .forms .form-message__actions .button,#free-brokerage .forms .form-message__actions p.button{
margin:0
}
#free-brokerage .forms .form{
display:flex;
flex-direction:column;
gap:48px;
position:relative
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms .form{
align-items:center
}
}
@media(max-width: 768px){
#free-brokerage .forms .form{
gap:24px
}
}
#free-brokerage .forms .form__section{
position:relative;
display:flex;
align-items:center;
gap:12px
}
@media(max-width: 1200px){
#free-brokerage .forms .form__section{
align-items:flex-start
}
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms .form__section{
width:100%;
flex-direction:column;
align-items:center
}
#free-brokerage .forms .form__section .form__icon{
order:-1
}
}
@media(max-width: 1200px){
#free-brokerage .forms .form__icon{
width:181px
}
}
#free-brokerage .forms .form__content{
flex:1;
max-width:526px;
background:#fff;
padding:33px;
border-radius:16px;
box-shadow:0 2px 8px rgba(0,0,0,.1);
display:flex;
flex-direction:column;
gap:24px
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms .form__content{
width:100%;
max-width:100%;
padding:20px
}
}
@media(max-width: 768px){
#free-brokerage .forms .form__content{
max-width:449px;
gap:12px;
padding:20px
}
}
#free-brokerage .forms .form__header{
display:flex;
flex-direction:column;
gap:12px
}
@media(max-width: 768px){
#free-brokerage .forms .form__header{
gap:8px
}
}
#free-brokerage .forms .form__section-group{
display:flex;
align-items:center;
gap:12px;
position:relative
}
@media(max-width: 1200px){
#free-brokerage .forms .form__section-group{
align-items:flex-start
}
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms .form__section-group{
flex-direction:column;
align-items:center
}
}
#free-brokerage .forms .form__section-group>div{
flex:1;
max-width:526px;
display:flex;
flex-direction:column;
gap:10px;
align-items:flex-start
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms .form__section-group>div{
width:100%;
max-width:100%
}
}
@media(max-width: 768px){
#free-brokerage .forms .form__section-group>div{
max-width:449px
}
}
#free-brokerage .forms .form__section-group .form__section{
position:relative;
width:100%;
max-width:526px;
background:#fff;
padding:33px;
border-radius:16px;
box-shadow:0 2px 8px rgba(0,0,0,.1);
display:flex;
flex-direction:column;
gap:24px;
align-items:flex-start
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms .form__section-group .form__section{
width:100%;
max-width:100%;
padding:20px
}
}
@media(max-width: 768px){
#free-brokerage .forms .form__section-group .form__section{
max-width:449px;
padding:20px
}
}
#free-brokerage .forms .form__section-group .form__section .form__title{
margin-bottom:3px
}
@media(max-width: 375px){
#free-brokerage .forms .form__section-group .form__section .form__title{
max-width:213px;
letter-spacing:-0.8px;
margin-bottom:3px
}
}
#free-brokerage .forms .form__section-group .form__section:first-child .form__checkboxes{
display:flex;
flex-direction:row;
flex-wrap:wrap;
gap:0 16px
}
@media(min-width: 375px)and (max-width: 600px){
#free-brokerage .forms .form__section-group .form__section:first-child .form__checkboxes{
gap:20px 16px;
max-width:210px
}
}
#free-brokerage .forms .form__section-group .form__section:first-child .form__checkboxes label{
font-weight:400;
font-size:16px;
line-height:24px;
display:inline-flex;
align-items:center;
letter-spacing:-0.2px
}
@media(max-width: 768px){
#free-brokerage .forms .form__section-group .form__section:first-child .form__checkboxes label{
font-size:14px;
line-height:18px
}
}
@media(max-width: 375px){
#free-brokerage .forms .form__section-group .form__section:last-child .form__title{
max-width:231px
}
}
#free-brokerage .forms .form__section-group .form__section:last-child label{
width:100%
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-wrapper{
width:100%
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-container{
position:relative
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-thumb{
position:absolute;
top:7px;
width:20px;
height:20px;
pointer-events:auto;
z-index:20;
transform:translateX(-50%);
transition:left .1s ease;
cursor:-webkit-grab;
cursor:grab;
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0)
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-thumb:active{
cursor:-webkit-grabbing;
cursor:grabbing;
outline:none
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-thumb:focus{
outline:none
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-thumb-inner{
width:100%;
height:100%;
border-radius:50%;
background:#fff;
border:1px solid #cfdae1;
box-shadow:0 2px 4px rgba(0,0,0,.2);
position:relative;
display:flex;
align-items:center;
justify-content:center
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-thumb-inner::after{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:#445667;
border:1px solid #cfdae1
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range{
width:100%;
height:2px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:rgba(0,0,0,0);
border-radius:2px;
outline:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
position:relative;
z-index:2;
margin:12px 0;
cursor:pointer
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range::-webkit-slider-thumb{
-webkit-appearance:none;
appearance:none;
width:20px;
height:20px;
border-radius:50%;
background:rgba(0,0,0,0);
border:none;
outline:none;
box-shadow:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
cursor:pointer;
margin-top:-10px
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range::-moz-range-thumb{
width:20px;
height:20px;
border-radius:50%;
background:rgba(0,0,0,0);
border:none;
cursor:pointer
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range::-webkit-slider-runnable-track{
width:100%;
height:2px;
background:#cfdae1;
border-radius:2px
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range::-moz-range-track{
width:100%;
height:2px;
background:#cbd5e0;
border-radius:2px
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range::-moz-range-progress{
height:2px;
background:#4a5568;
border-radius:2px
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-wrapper{
position:relative
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-wrapper::before{
content:"";
position:absolute;
top:16px;
left:0;
height:2px;
background:#4a5568;
border-radius:2px;
width:var(--range-progress, 25%);
max-width:var(--range-progress-max, calc(100% - 30px));
pointer-events:none;
z-index:20
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-wrapper::after{
content:"";
position:absolute;
top:16px;
left:0;
width:100%;
height:2px;
background:#cbd5e0;
border-radius:2px;
z-index:0
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-marks{
position:absolute;
top:16px;
left:0;
width:100%;
height:2px;
display:flex;
justify-content:space-between;
align-items:center;
pointer-events:none;
background-color:#cfdae1;
z-index:3
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-mark{
width:6px;
height:6px;
border-radius:50%;
background:#cbd5e0;
border:none;
cursor:pointer;
pointer-events:all;
padding:0;
position:relative;
z-index:4;
transition:all .2s ease
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-mark:first-child{
margin-left:20px
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-mark:last-child{
margin-right:30px
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-mark:hover{
transform:scale(1.3);
background:#a0aec0
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__range-labels{
display:flex;
justify-content:space-between;
font-size:12px;
line-height:14px;
font-weight:400;
color:#8c8c8c
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__toggle-group{
display:flex;
width:100%;
height:38px;
margin-top:8px;
border:1px solid #e6e6e6;
border-radius:8px;
background-color:#f9f9f9;
padding:2px;
position:relative
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__toggle-group.error{
border-color:#ff3737;
background-color:#fff5f5
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__toggle-btn{
padding:10px 24px;
border:none;
border-radius:8px;
background-color:rgba(0,0,0,0);
font-size:14px;
line-height:13px;
color:#8c8c8c;
cursor:pointer;
transition:all .3s ease;
position:relative;
z-index:1;
flex:1;
width:50%
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__toggle-btn:hover{
color:#1b1b1e
}
#free-brokerage .forms .form__section-group .form__section:last-child .form__toggle-btn.active{
background-color:#fff;
color:#141414;
font-weight:700;
box-shadow:0 2px 4px rgba(0,0,0,.1)
}
#free-brokerage .forms .form__title{
font-size:24px;
line-height:32px;
font-weight:500;
color:#141414;
margin-bottom:3px;
letter-spacing:-0.3px
}
@media(max-width: 768px){
#free-brokerage .forms .form__title{
font-size:26px
}
}
#free-brokerage .forms .form__subtitle{
font-size:18px;
color:#8c8c8c
}
#free-brokerage .forms .form label{
display:block;
font-size:18px;
line-height:26px;
color:#323232;
font-weight:600
}
@media(max-width: 768px){
#free-brokerage .forms .form label{
font-size:16px;
line-height:24px;
letter-spacing:-0.7px;
font-weight:500
}
}
#free-brokerage .forms .form label input[type=text],#free-brokerage .forms .form label input[type=email]{
display:block;
width:100%;
margin-top:8px;
padding:12px 16px;
border:1px solid #e6e6e6;
border-radius:8px;
background-color:#f9f9f9;
font-size:14px;
line-height:20px;
color:#1b1b1e;
transition:all .3s ease;
height:43px
}
@media(min-width: 375px)and (max-width: 768px){
#free-brokerage .forms .form label input[type=text],#free-brokerage .forms .form label input[type=email]{
height:47px;
margin-top:4px;
font-size:16px;
line-height:24px
}
}
#free-brokerage .forms .form label input[type=text]:focus,#free-brokerage .forms .form label input[type=email]:focus{
outline:none;
border-color:#ff3737;
background-color:#fff
}
#free-brokerage .forms .form label input[type=text]::-moz-placeholder, #free-brokerage .forms .form label input[type=email]::-moz-placeholder{
color:#8e95a0
}
#free-brokerage .forms .form label input[type=text]:-ms-input-placeholder, #free-brokerage .forms .form label input[type=email]:-ms-input-placeholder{
color:#8e95a0
}
#free-brokerage .forms .form label input[type=text]::placeholder,#free-brokerage .forms .form label input[type=email]::placeholder{
color:#8e95a0
}
#free-brokerage .forms .form label input[type=text].error,#free-brokerage .forms .form label input[type=email].error{
border-color:#ff3737;
background-color:#fff5f5
}
#free-brokerage .forms .form label .iti{
display:block;
width:100%;
margin-top:8px
}
@media(min-width: 375px)and (max-width: 768px){
#free-brokerage .forms .form label .iti{
margin-top:4px
}
}
#free-brokerage .forms .form label .iti input[type=text]{
margin-top:0
}
#free-brokerage .forms .form label .iti .iti__selected-dial-code{
font-size:14px
}
#free-brokerage .forms .form label .iti .iti__selected-flag{
background-color:rgba(0,0,0,.03)
}
#free-brokerage .forms .form label input[name=ftds_monthly]{
height:38px;
padding:9px 16px;
height:38px
}
#free-brokerage .forms .form label:has(textarea){
margin-top:3px
}
@media(max-width: 768px){
#free-brokerage .forms .form label:has(textarea){
margin-top:12px
}
}
#free-brokerage .forms .form label textarea{
display:block;
width:100%;
margin-top:8px;
padding:12px 16px;
border:1px solid #e6e6e6;
border-radius:8px;
background-color:#f9f9f9;
font-size:14px;
line-height:20px;
color:#1b1b1e;
transition:all .3s ease;
height:80px;
resize:vertical;
font-family:inherit
}
@media(min-width: 375px)and (max-width: 768px){
#free-brokerage .forms .form label textarea{
font-size:16px;
line-height:24px
}
}
#free-brokerage .forms .form label textarea:focus{
outline:none;
border-color:#ff3737;
background-color:#fff
}
#free-brokerage .forms .form label textarea::-moz-placeholder{
color:#8e95a0
}
#free-brokerage .forms .form label textarea:-ms-input-placeholder{
color:#8e95a0
}
#free-brokerage .forms .form label textarea::placeholder{
color:#8e95a0
}
#free-brokerage .forms .form label textarea.error{
border-color:#ff3737;
background-color:#fff5f5
}
#free-brokerage .forms .form label input[type=checkbox]{
width:16px;
height:16px;
margin-right:12px;
cursor:pointer;
accent-color:#ff3737
}
#free-brokerage .forms .form label.error{
color:#ff3737
}
#free-brokerage .forms__submit{
display:flex;
flex-direction:column;
align-items:center;
gap:20px
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms__submit{
width:100%
}
}
#free-brokerage .forms__submit button{
padding:15px 104px;
background-color:#e62334;
color:#fff;
border:none;
border-radius:8px;
font-size:14px;
line-height:18px;
cursor:pointer;
transition:all .3s ease
}
@media(max-width: 768px){
#free-brokerage .forms__submit button{
position:relative;
right:-100px;
padding:15px 160px
}
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms__submit button{
width:100%;
padding:15px;
right:0
}
}
#free-brokerage .forms__submit button:hover{
background-color:#e62e2e;
transform:translateY(-2px);
box-shadow:0 4px 12px rgba(255,55,55,.3)
}
#free-brokerage .forms__submit-checkbox{
display:flex !important;
align-items:flex-start;
gap:17px;
font-size:14px;
line-height:20px;
font-weight:400;
color:#4a5568;
cursor:pointer;
max-width:354px;
position:relative
}
@media(max-width: 768px){
#free-brokerage .forms__submit-checkbox{
position:relative;
right:-50px;
max-width:450px
}
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms__submit-checkbox{
width:auto;
right:0;
max-width:100%;
margin:0 auto;
text-align:center;
padding:0 20px;
justify-content:center
}
}
#free-brokerage .forms__submit-checkbox-input{
position:absolute;
opacity:0;
width:0;
height:0;
cursor:pointer
}
#free-brokerage .forms__submit-checkbox-input:checked~.forms__submit-checkbox-icon{
background:#e62334;
border-color:#e62334
}
#free-brokerage .forms__submit-checkbox-input:checked~.forms__submit-checkbox-icon::after{
opacity:1
}
#free-brokerage .forms__submit-checkbox-icon{
margin-top:6px;
flex-shrink:0;
width:16px;
height:16px;
min-width:16px;
min-height:16px;
border:1px solid #e62334;
border-radius:2px;
background:rgba(0,0,0,0);
cursor:pointer;
position:relative
}
#free-brokerage .forms__submit-checkbox-icon::after{
content:"";
position:absolute;
left:3px;
top:1px;
width:5px;
height:8px;
border:solid #fff;
border-width:0 2px 2px 0;
transform:rotate(45deg);
opacity:0;
transition:opacity .2s
}
#free-brokerage .forms__submit-checkbox-text{
flex:1;
min-width:0;
display:block;
font-size:18px;
line-height:26px;
letter-spacing:-0.9px;
font-weight:400;
word-wrap:break-word;
overflow-wrap:break-word;
text-align:left
}
@media(max-width: 768px){
#free-brokerage .forms__submit-checkbox-text{
font-size:16px;
line-height:24px;
max-width:300px
}
}
@media(min-width: 375px)and (max-width: 700px){
#free-brokerage .forms__submit-checkbox-text{
font-size:16px;
line-height:24px
}
}
#free-brokerage .forms__submit-checkbox a{
color:#4a90e2;
text-decoration:underline
}
#free-brokerage .forms__submit-checkbox a:hover{
text-decoration:none
}
#free-brokerage .forms__submit-checkbox.error .forms__submit-checkbox-text{
color:#ff3737
}
#free-brokerage .forms__submit .form__wrapper.recaptcha{
margin-bottom:0
}
#free-brokerage .forms__submit .form__wrapper.recaptcha .captchaWrapper{
display:flex;
justify-content:center;
margin-top:0
}
#free-brokerage .forms__submit .form__wrapper.recaptcha .form-field{
display:flex;
flex-direction:column;
align-items:center
}
#free-brokerage .forms__submit .form__wrapper.recaptcha .form-field__error{
position:relative;
width:-webkit-max-content;
width:-moz-max-content;
width:max-content;
margin:10px auto 0;
color:#ff3737;
font-size:14px;
display:none
}
#free-brokerage .forms__submit .form__wrapper.recaptcha.error .form-field__error{
display:block
}
#free-brokerage .block-faq{
padding:125px 0
}
@media(max-width: 1440px){
#free-brokerage .block-faq{
padding:109px 0
}
}
@media(max-width: 768px){
#free-brokerage .block-faq{
padding:60px 0
}
}
@media(max-width: 375px){
#free-brokerage .block-faq{
padding:50px 0
}
}
#free-brokerage .block-faq .container{
max-width:1100px
}
@media(max-width: 768px){
#free-brokerage .block-faq .container{
max-width:644px
}
}
#free-brokerage .block-faq__wrapper{
display:flex;
justify-content:space-between
}
@media(max-width: 550px){
#free-brokerage .block-faq__wrapper{
flex-direction:column
}
}
#free-brokerage .block-faq__title{
font-size:64px;
line-height:64px;
margin-bottom:64px
}
@media(max-width: 768px){
#free-brokerage .block-faq__title{
font-size:48px;
line-height:48px;
margin-bottom:12px
}
}
#free-brokerage .block-faq__subtitle{
width:173px;
color:#8e95a0;
margin-bottom:20px
}
@media(max-width: 540px){
#free-brokerage .block-faq__subtitle{
margin-bottom:20px
}
}
@media(min-width: 375px)and (max-width: 500px){
#free-brokerage .block-faq__subtitle{
width:100%
}
}
#free-brokerage .block-faq__list{
counter-reset:accordion-counter;
width:764px
}
@media(max-width: 550px){
#free-brokerage .block-faq__list{
width:100%
}
}
#free-brokerage .block-faq .accordion{
padding:24px 16px;
border-bottom:1px solid #e6e6e6;
overflow:hidden;
counter-increment:accordion-counter
}
@media(max-width: 768px){
#free-brokerage .block-faq .accordion{
padding:24px 26px
}
}
@media(max-width: 375px){
#free-brokerage .block-faq .accordion{
padding:24px 0px
}
}
#free-brokerage .block-faq .accordion:first-child{
padding-top:0
}
#free-brokerage .block-faq .accordion__btn{
display:flex;
align-items:center;
justify-content:space-between;
cursor:pointer;
z-index:1;
position:relative;
transition:.3s ease-in-out .3s
}
#free-brokerage .block-faq .accordion__title{
position:relative;
padding-left:40px
}
#free-brokerage .block-faq .accordion__title::before{
content:counter(accordion-counter) ".";
position:absolute;
left:0;
top:0;
color:#8e95a0;
font-size:20px;
line-height:28px
}
#free-brokerage .block-faq .accordion__title-text{
font-size:20px;
line-height:28px
}
@media(max-width: 768px){
#free-brokerage .block-faq .accordion__title-text{
font-size:16px;
line-height:24px;
letter-spacing:-0.2px
}
}
#free-brokerage .block-faq .accordion__list{
width:100%;
transition:.6s cubic-bezier(0.65, 0.05, 0.36, 1);
pointer-events:none;
max-height:0;
opacity:0;
overflow:hidden
}
#free-brokerage .block-faq .accordion__inner{
padding-left:40px;
line-height:30px;
color:#57575a;
letter-spacing:-0.3px
}
@media(max-width: 768px){
#free-brokerage .block-faq .accordion__inner{
font-size:12px;
line-height:14px
}
}
@media(max-width: 375px){
#free-brokerage .block-faq .accordion__inner{
padding-left:0
}
}
#free-brokerage .block-faq .accordion__arrow{
display:flex;
align-items:center;
justify-content:center
}
#free-brokerage .block-faq .accordion__arrow img{
transition:transform .3s ease;
transform:rotate(0deg)
}
#free-brokerage .block-faq .accordion--active .accordion__list{
opacity:1;
pointer-events:auto
}
#free-brokerage .block-faq .accordion--active .accordion__btn{
transition:.3s ease-in-out;
margin-bottom:10px
}
@media(max-width: 768px){
#free-brokerage .block-faq .accordion--active .accordion__btn{
margin-bottom:12px
}
}
#free-brokerage .block-faq .accordion--active .accordion__arrow img{
transform:rotate(180deg)
}
.contact-us-btn{
display:inline-block;
padding:8px 14px;
border:1px solid #cdd1d4;
border-radius:48px;
font-size:14px;
line-height:18px;
color:#1b1b1e;
background:rgba(0,0,0,0);
transition:all .3s ease
}
@media(min-width: 375px)and (max-width: 500px){
.contact-us-btn{
text-align:center;
margin-bottom:72px
}
}
#free-brokerage .footer{
padding-top:64px;
margin:104px 0
}
@media(max-width: 768px){
#free-brokerage .footer{
margin:56px 0
}
}
#free-brokerage .footer .container{
max-width:1490px
}
@media(min-width: 1440px)and (max-width: 1800px){
#free-brokerage .footer .container{
max-width:1098px
}
}
@media(min-width: 768px)and (max-width: 1440px){
#free-brokerage .footer .container{
max-width:1098px
}
}
@media(max-width: 375px){
#free-brokerage .footer .container{
max-width:335px
}
}
#free-brokerage .footer__title{
font-size:108px;
line-height:108px;
letter-spacing:-1.3px;
font-weight:500;
color:#8c8c8c;
opacity:.3;
margin-bottom:28px
}
@media(min-width: 1440px)and (max-width: 1800px){
#free-brokerage .footer__title{
font-size:108px;
line-height:108px;
letter-spacing:-2px
}
}
@media(min-width: 768px)and (max-width: 1440px){
#free-brokerage .footer__title{
font-size:92px;
line-height:88px;
letter-spacing:0
}
}
@media(min-width: 375px)and (max-width: 768px){
#free-brokerage .footer__title{
font-size:48px;
line-height:44px;
letter-spacing:0
}
}
@media(max-width: 375px){
#free-brokerage .footer__title span{
margin-bottom:20px;
display:inline-block
}
}
#free-brokerage .footer__divider{
width:100%;
height:1px;
background-color:#d9d9d9;
margin-bottom:64px;
order:0
}
@media(max-width: 1200px){
#free-brokerage .footer__divider{
order:1;
margin-bottom:64px;
margin-top:0
}
}
@media(max-width: 375px){
#free-brokerage .footer__divider{
margin-bottom:30px
}
}
#free-brokerage .footer__row_first{
display:flex;
flex-direction:column;
position:relative
}
#free-brokerage .footer__row_first-top{
display:flex;
justify-content:space-between;
align-items:flex-start;
margin-bottom:64px;
order:1;
position:relative
}
@media(max-width: 1200px){
#free-brokerage .footer__row_first-top{
order:2;
margin-bottom:64px;
justify-content:flex-start
}
}
@media(max-width: 768px){
#free-brokerage .footer__row_first-top{
margin-bottom:32px
}
}
#free-brokerage .footer__row_middle{
margin-bottom:64px
}
@media(min-width: 375px)and (max-width: 1440px){
#free-brokerage .footer__row_middle{
margin-bottom:32px
}
}
#free-brokerage .footer__row_last{
display:flex;
align-items:center;
justify-content:space-between
}
@media(max-width: 1200px){
#free-brokerage .footer__row_last{
flex-direction:column;
align-items:flex-start;
gap:32px
}
}
#free-brokerage .footer__nav{
display:flex;
gap:79px
}
@media(max-width: 768px){
#free-brokerage .footer__nav{
flex-wrap:wrap
}
}
@media(max-width: 375px){
#free-brokerage .footer__nav{
flex-direction:column
}
}
#free-brokerage .footer__nav-column{
display:flex;
flex-direction:column
}
#free-brokerage .footer__nav-title{
font-size:14px;
line-height:20px;
font-weight:500;
color:#99a1af;
text-transform:uppercase;
margin-bottom:22px;
letter-spacing:.5px
}
#free-brokerage .footer__nav-list{
display:flex;
flex-direction:column;
gap:20px
}
#free-brokerage .footer__nav-item{
display:flex
}
#free-brokerage .footer__nav-link{
font-size:14px;
line-height:18px;
text-decoration:none;
transition:color .2s ease;
white-space:nowrap
}
#free-brokerage .footer__nav-link:hover{
color:#e62334
}
#free-brokerage .footer__items{
display:flex;
align-items:center;
gap:54px
}
@media(max-width: 768px){
#free-brokerage .footer__items{
align-items:flex-start;
flex-wrap:wrap;
gap:47px
}
}
@media(max-width: 375px){
#free-brokerage .footer__items{
flex-direction:column
}
}
@media(max-width: 1200px){
#free-brokerage .footer__social{
position:absolute;
top:-124px;
right:0;
margin-bottom:0;
z-index:1
}
}
@media(max-width: 768px){
#free-brokerage .footer__social{
top:-120px
}
}
@media(max-width: 375px){
#free-brokerage .footer__social{
top:-88px
}
}
#free-brokerage .footer__social .social__items{
display:flex;
gap:16px
}
#free-brokerage .footer__social .social__item{
width:24px;
height:24px;
margin-right:0;
display:flex;
align-items:center;
justify-content:center
}
#free-brokerage .footer__social .social__item a{
display:flex;
align-items:center;
justify-content:center
}
#free-brokerage .footer__social .social__item img{
width:24px;
height:24px;
display:block
}
#free-brokerage .footer__text{
letter-spacing:-0.3px;
font-size:14px;
display:flex;
flex-direction:column;
gap:16px
}
#free-brokerage .footer__text p{
line-height:25px;
color:#7d7d8a
}
@media(max-width: 768px){
#free-brokerage .footer__text p{
letter-spacing:-0.1px;
margin-bottom:0
}
}
@media(max-width: 375px){
#free-brokerage .footer__text p{
letter-spacing:-0.1px;
margin-bottom:0
}
}
#free-brokerage .footer__copyright{
font-size:14px;
line-height:20px;
color:#8c8c8c;
white-space:nowrap;
margin-right:54px
}
#free-brokerage .footer__link{
font-size:14px;
line-height:20px;
transition:color .2s ease;
white-space:nowrap
}
#free-brokerage .footer__link:hover{
color:#e62334
}
#free-brokerage .free{
padding:186px 0 212px 0;
background-color:#f2f6f9
}
@media(max-width: 768px){
#free-brokerage .free{
padding:96px 0
}
}
@media(max-width: 375px){
#free-brokerage .free{
padding:110px 0 130px 0
}
}
#free-brokerage .free .container{
display:flex;
flex-direction:column;
align-items:center;
gap:40px
}
@media(max-width: 768px){
#free-brokerage .free .container{
gap:32px
}
}
#free-brokerage .free__speaker{
position:absolute;
top:-130px;
left:100px;
z-index:2;
-webkit-animation:float 3s ease-in-out infinite;
animation:float 3s ease-in-out infinite;
width:220px
}
@media(max-width: 1440px){
#free-brokerage .free__speaker{
top:-140px;
left:-30px
}
}
@media(max-width: 1440px)and (min-width: 769px)and (max-width: 1439px){
#free-brokerage .free__speaker{
top:-140px
}
}
@media(max-width: 768px){
#free-brokerage .free__speaker{
top:-100px;
left:5px;
width:140px
}
}
@media(max-width: 768px)and (min-width: 376px)and (max-width: 767px){
#free-brokerage .free__speaker{
top:-100px
}
}
@media(max-width: 375px){
#free-brokerage .free__speaker{
top:-96px
}
}
#free-brokerage .free__lightning{
position:absolute;
bottom:-220px;
right:70px;
z-index:2;
-webkit-animation:float 4s ease-in-out infinite;
animation:float 4s ease-in-out infinite;
width:360px
}
@media(max-width: 1440px){
#free-brokerage .free__lightning{
bottom:-236px;
right:-80px
}
}
@media(max-width: 768px){
#free-brokerage .free__lightning{
bottom:-150px;
right:6px;
width:220px
}
}
@media(max-width: 768px)and (min-width: 376px)and (max-width: 767px){
#free-brokerage .free__lightning{
bottom:-150px
}
}
@media(max-width: 375px){
#free-brokerage .free__lightning{
bottom:-160px;
right:-40px
}
}
#free-brokerage .free__title{
font-size:64px;
line-height:64px;
font-weight:500;
text-align:center;
max-width:874px;
position:relative;
letter-spacing:-1.5px
}
@media(max-width: 768px){
#free-brokerage .free__title{
font-size:48px;
line-height:48px;
letter-spacing:-0.5px
}
}
@media(max-width: 375px){
#free-brokerage .free__title :nth-child(1){
max-width:260px
}
#free-brokerage .free__title{
letter-spacing:-2px;
max-width:318px
}
}
#free-brokerage .free__title span{
display:inline-block;
position:relative
}
#free-brokerage .free__title-bg{
color:#fff;
padding:0px 10px;
z-index:1;
background-color:#e62334
}
@media(max-width: 375px){
#free-brokerage .free__title-bg{
padding:0px
}
}
#free-brokerage .free__title-text{
z-index:2;
white-space:nowrap
}
@media(max-width: 768px){
#free-brokerage .free__title-text{
white-space:wrap
}
}
#free-brokerage .free__button-wrapper{
position:relative
}
#free-brokerage .free__button-wrapper:hover .free__button-bell{
-webkit-animation:shake 1s ease-in-out infinite;
animation:shake 1s ease-in-out infinite
}
#free-brokerage .free__button{
padding:26px 90px;
border-radius:90px;
border:none;
font-size:48px;
line-height:48px;
background-color:#fff;
position:relative;
transform:rotate(-3.21deg) translateZ(0);
transition:transform .3s ease;
display:flex;
align-items:center;
gap:10px;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
backface-visibility:hidden;
will-change:transform
}
@media(max-width: 768px){
#free-brokerage .free__button{
font-weight:500
}
}
#free-brokerage .free__button:hover{
transform:rotate(-3.21deg) translateY(-1px)
}
#free-brokerage .free__button{
box-shadow:0 1.88px 3.59px 0 rgba(172,14,25,.0843),0 4.53px 8.62px 0 rgba(172,14,25,.1212),0 2px 16.23px 0 rgba(172,14,25,.15),0 4px 28.95px 0 rgba(172,14,25,.1788),0 12px 54.15px 0 rgba(172,14,25,.215),0 6px 129.62px 0 rgba(172,14,25,.3),0 3px 4.86px 0 rgba(130,0,9,.13),-1px -1px .81px 0 rgba(0,0,0,.17),1px 1px .81px 0 hsla(0,0%,100%,.33)
}
#free-brokerage .free__button::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:90px;
padding:2px;
background:linear-gradient(90deg, #f96c6e 0%, #ffa4a5 42%);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
z-index:-1
}
#free-brokerage .free__button img{
width:30px
}
#free-brokerage .free__button-money{
color:#445667;
text-decoration:line-through
}
#free-brokerage .free__button-text{
text-transform:uppercase
}
#free-brokerage .free__button-bell{
position:absolute;
top:0;
right:0px;
transform:translate(50%, -35%);
transition:transform .3s ease
}
@media(max-width: 768px){
#free-brokerage .free__button-bell{
top:-6px;
right:20px;
width:50px
}
}
@media(max-width: 375px){
#free-brokerage .free__button-bell{
top:-10px;
right:6px
}
}
@media(max-width: 768px){
#free-brokerage .free__button{
font-size:26px;
line-height:32px;
padding:13px 60px
}
}
@media(max-width: 375px){
#free-brokerage .free__button{
padding:13px 30px
}
}
@-webkit-keyframes shake{
0%,100%{
transform:translate(50%, -35%) rotate(0deg)
}
10%,30%,50%,70%,90%{
transform:translate(50%, -35%) rotate(-5deg)
}
20%,40%,60%,80%{
transform:translate(50%, -35%) rotate(5deg)
}
}
@keyframes shake{
0%,100%{
transform:translate(50%, -35%) rotate(0deg)
}
10%,30%,50%,70%,90%{
transform:translate(50%, -35%) rotate(-5deg)
}
20%,40%,60%,80%{
transform:translate(50%, -35%) rotate(5deg)
}
}
@-webkit-keyframes float{
0%,100%{
transform:translateY(0px) translateX(0px)
}
25%{
transform:translateY(-3px) translateX(1px)
}
50%{
transform:translateY(-2px) translateX(-1px)
}
75%{
transform:translateY(-4px) translateX(1px)
}
}
@keyframes float{
0%,100%{
transform:translateY(0px) translateX(0px)
}
25%{
transform:translateY(-3px) translateX(1px)
}
50%{
transform:translateY(-2px) translateX(-1px)
}
75%{
transform:translateY(-4px) translateX(1px)
}
}
#free-brokerage .how-it-works{
position:relative;
padding:96px 0 174px 0;
background:linear-gradient(180deg, #323232 0%, #141414 100%);
color:#fff;
overflow:hidden
}
@media(max-width: 1440px){
#free-brokerage .how-it-works{
padding:96px 0 196px 0
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works{
padding:46px 0 0px 0
}
}
#free-brokerage .how-it-works .container{
position:relative;
display:flex;
justify-content:space-between;
max-width:1330px;
width:100%
}
@media(max-width: 1440px){
#free-brokerage .how-it-works .container{
max-width:1310px;
padding:0 20px
}
}
@media(max-width: 1200px){
#free-brokerage .how-it-works .container{
flex-direction:column
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works .container{
padding:0 60px 0px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works .container{
padding:0 20px 50px
}
}
@media(min-width: 376px)and (max-width: 767px){
#free-brokerage .how-it-works .container{
padding:0 20px 50px
}
}
#free-brokerage .how-it-works__list{
display:flex;
flex-direction:column;
gap:10px;
position:relative
}
@media(max-width: 1440px){
#free-brokerage .how-it-works__list{
gap:14px
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works__list{
gap:8px
}
}
#free-brokerage .how-it-works__list::before{
content:"";
position:absolute;
left:50px;
top:-30px;
bottom:-50px;
width:3px;
background:linear-gradient(180deg, #ff3737 0%, rgba(255, 55, 55, 0.3019607843) 100%);
mask:repeating-linear-gradient(180deg, transparent 0px, transparent 8px, #000 8px, #000 18px);
-webkit-mask:repeating-linear-gradient(180deg, transparent 0px, transparent 8px, #000 8px, #000 18px);
z-index:0;
pointer-events:none
}
@media(max-width: 375px){
#free-brokerage .how-it-works__list::before{
left:50%;
transform:translateX(-50%);
top:-6px;
bottom:-30px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__list::before{
left:50%;
transform:translateX(-50%);
top:-6px;
bottom:-30px
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works__list::before{
top:-6px;
bottom:-30px
}
}
#free-brokerage .how-it-works__list::after{
content:"";
position:absolute;
left:44px;
bottom:-66px;
width:16px;
height:12px;
background:linear-gradient(180deg, #ff3737 0%, rgba(255, 55, 55, 0.3019607843) 100%);
-webkit-clip-path:polygon(50% 100%, 0% 0%, 100% 0%);
clip-path:polygon(50% 100%, 0% 0%, 100% 0%);
z-index:0;
pointer-events:none
}
@media(max-width: 768px){
#free-brokerage .how-it-works__list::after{
bottom:-30px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__list::after{
left:50%;
transform:translateX(-50%);
bottom:-30px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__list::after{
left:50%;
transform:translateX(-50%);
bottom:-30px
}
}
#free-brokerage .how-it-works__list-item{
position:relative;
padding:20px 32px 20px 32px;
background:rgba(0,0,0,.12);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
border-radius:32px;
z-index:1;
border:1px solid rgba(0,0,0,0)
}
#free-brokerage .how-it-works__list-item::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:32px;
padding:1px;
background:linear-gradient(180deg, #3f5075 0%, rgba(40, 95, 217, 0) 100%);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
z-index:-1
}
@media(max-width: 768px){
#free-brokerage .how-it-works__list-item::before{
border-radius:16px
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works__list-item{
padding:16px;
width:284px;
border-radius:16px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__list-item{
width:100%;
padding:20px 18px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__list-item{
width:100%;
padding:20px 18px
}
}
#free-brokerage .how-it-works__item-content{
display:flex;
align-items:center;
gap:20px;
position:relative;
z-index:1
}
@media(max-width: 768px){
#free-brokerage .how-it-works__item-content{
gap:16px
}
}
#free-brokerage .how-it-works__item-icon{
align-self:flex-start
}
@media(max-width: 768px){
#free-brokerage .how-it-works__item-icon img{
width:21px
}
}
#free-brokerage .how-it-works__item-text{
flex:1
}
@media(max-width: 375px){
#free-brokerage .how-it-works__item-text{
text-align:left
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__item-text{
text-align:left
}
}
#free-brokerage .how-it-works__item-text h4{
font-size:24px;
line-height:32px;
margin-bottom:4px;
font-weight:500;
color:#fff
}
@media(max-width: 768px){
#free-brokerage .how-it-works__item-text h4{
font-size:16px;
line-height:18px
}
}
#free-brokerage .how-it-works__item-text p{
font-size:14px;
line-height:20px;
color:#99a1af
}
@media(max-width: 1800px){
#free-brokerage .how-it-works__item-text p{
font-size:14px;
line-height:20px
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works__item-text p{
font-size:12px;
line-height:14px
}
}
#free-brokerage .how-it-works::after{
content:"";
position:absolute;
z-index:0;
right:0px;
bottom:0;
width:100%;
height:100%;
background-image:url(/lp/assets/9fe85fa48171171f0a00.webp);
background-repeat:no-repeat;
background-position:72% bottom;
background-size:contain;
pointer-events:none
}
@media(max-width: 1800px){
#free-brokerage .how-it-works::after{
right:-160px
}
}
@media(max-width: 1440px){
#free-brokerage .how-it-works::after{
right:-100px;
background-position:right bottom
}
}
@media(max-width: 768px){
#free-brokerage .how-it-works::after{
max-width:60%;
right:-70px;
top:-30px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works::after{
right:0;
left:20px;
top:280px;
max-width:90%;
background-position:top center;
background-image:url(/lp/assets/acdb0c469c051436769b.webp)
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works::after{
right:auto;
left:50%;
transform:translateX(-50%);
top:280px;
max-width:337px;
width:337px;
background-image:url(/lp/assets/acdb0c469c051436769b.webp);
background-position:top center;
background-size:contain
}
}
#free-brokerage .how-it-works__content{
position:relative;
z-index:1;
max-width:440px
}
@media(max-width: 768px){
#free-brokerage .how-it-works__content{
max-width:380px
}
}
@media(min-width: 375px)and (max-width: 500px){
#free-brokerage .how-it-works__content{
text-align:center;
width:100%;
max-width:100%
}
}
#free-brokerage .how-it-works__title{
font-size:64px;
line-height:64px;
font-weight:500;
margin-bottom:16px
}
@media(max-width: 768px){
#free-brokerage .how-it-works__title{
font-size:48px;
line-height:48px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__title{
font-size:64px;
line-height:64px;
margin-bottom:16px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__title{
font-size:64px;
line-height:64px;
margin-bottom:16px;
max-width:335px;
margin-left:auto;
margin-right:auto
}
}
#free-brokerage .how-it-works__text{
font-size:18px;
line-height:26px;
color:#f5f5f5;
margin-bottom:76px
}
@media(max-width: 768px){
#free-brokerage .how-it-works__text{
font-size:16px;
line-height:24px;
margin-bottom:32px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__text{
margin-bottom:288px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__text{
margin-bottom:288px;
max-width:335px;
margin-left:auto;
margin-right:auto
}
}
#free-brokerage .how-it-works__values{
display:flex;
align-items:flex-start;
border-radius:32px;
padding:30px 40px;
gap:32px;
background:rgba(0,0,0,.12);
backdrop-filter:blur(20px);
-webkit-backdrop-filter:blur(20px);
z-index:2;
align-self:flex-end;
margin:-110px 0;
position:relative;
border:1px solid rgba(0,0,0,0)
}
@media(max-width: 1800px){
#free-brokerage .how-it-works__values{
margin:-110px 30px -110px 0px
}
}
@media(max-width: 1200px){
#free-brokerage .how-it-works__values{
gap:13px
}
}
@media(max-width: 1200px)and (max-width: 1440px){
#free-brokerage .how-it-works__values{
margin:-40px 60px 0px 0px
}
}
@media(max-width: 1200px){
#free-brokerage .how-it-works__values{
margin:-40px 68px 36px 0px
}
}
@media(max-width: 1200px){
#free-brokerage .how-it-works__values{
margin:-40px -10px 36px 0px
}
}
@media(max-width: 768px)and (min-width: 376px)and (max-width: 767px){
#free-brokerage .how-it-works__values{
margin:40px 0px 0px 0px;
padding:23px 25px;
border-radius:16px;
width:100%
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__values{
margin:40px 0px 0px 0px;
padding:23px 25px;
border-radius:16px;
width:100%
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__values{
margin:40px 0px 0px 0px;
padding:23px 25px;
border-radius:16px;
width:100%;
justify-content:center
}
}
@media(min-width: 769px)and (max-width: 1439px){
#free-brokerage .how-it-works__values{
margin:100px 30px 0px -30px
}
}
#free-brokerage .how-it-works__values::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
border-radius:32px;
padding:1px;
background:linear-gradient(180deg, #3f5075 0%, rgba(40, 95, 217, 0) 100%);
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite:xor;
mask-composite:exclude;
z-index:-1
}
@media(max-width: 768px)and (min-width: 376px)and (max-width: 767px){
#free-brokerage .how-it-works__values::before{
border-radius:16px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__values::before{
border-radius:16px
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__values::before{
border-radius:16px
}
}
#free-brokerage .how-it-works__values div{
letter-spacing:-1px
}
#free-brokerage .how-it-works__values-title{
color:#ff3737;
font-weight:600;
font-size:18px;
line-height:26px;
margin-bottom:4px;
white-space:nowrap;
align-self:flex-start
}
@media(max-width: 768px){
#free-brokerage .how-it-works__values-title{
font-size:12px;
line-height:14px;
font-weight:500
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__values-title{
text-align:center
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__values-title{
text-align:center;
margin-bottom:8px
}
}
#free-brokerage .how-it-works__values-value{
font-weight:500;
font-size:40px;
line-height:46px;
color:#fff
}
@media(max-width: 768px){
#free-brokerage .how-it-works__values-value{
font-size:18px;
line-height:20px
}
}
@media(max-width: 375px){
#free-brokerage .how-it-works__values-value{
text-align:center
}
}
@media(min-width: 376px)and (max-width: 500px){
#free-brokerage .how-it-works__values-value{
text-align:center
}
}
.change-lng{
position:relative;
z-index:1;
display:flex;
justify-content:flex-end
}
.change-lng__btn svg{
transition:transform .3s ease-in-out
}
.change-lng.active .change-lng__btn svg{
transform:rotate(-180deg)
}
.change-lng__btn{
display:flex;
align-items:center;
cursor:pointer;
padding:8px 14px 8px 14px;
gap:4px;
border-radius:48px;
background-color:#313135
}
.change-lng__btnText{
font-size:14px;
line-height:20px;
color:#f9fbfc
}
.change-lng__list{
display:flex;
flex-direction:column;
will-change:transform;
position:absolute;
top:100%;
right:0;
background:#6b6b6b;
border-radius:8px;
filter:drop-shadow(0px 4px 20px rgba(68, 86, 103, 0.06));
opacity:0;
pointer-events:none;
transition:opacity .4s ease-in-out,transform .4s ease-in-out;
border-radius:12px;
padding:8px;
width:140px;
margin-top:8px;
transform:translateY(-10px);
gap:4px;
z-index:1000
}
.change-lng.active .change-lng__list{
opacity:1;
pointer-events:auto;
transform:translateY(0)
}
.change-lng__item{
padding:10px 16px;
display:flex;
align-items:center;
cursor:pointer;
transition:background-color .2s ease-in-out;
color:#f9fbfc;
border-radius:8px;
font-size:14px;
line-height:20px
}
.change-lng__item:hover{
background-color:hsla(0,0%,100%,.1)
}
.change-lng__item.active{
background-color:rgba(49,49,53,.5);
pointer-events:none;
order:-1
}
.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: 768px){
.modal__content{
padding:40px 25px
}
}
.modal__close{
position:absolute;
top:24px;
right:24px;
cursor:pointer
}
@media(max-width: 768px){
.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: 768px){
.modal-gallery{
display:none
}
}
.modal-gallery__close{
position:absolute;
right:0;
top:-125px
}
@media(max-width: 1800px){
.modal-gallery__close{
top:-133px
}
}
@media(max-width: 1440px){
.modal-gallery__close{
top:-65px
}
}
@media(max-width: 1365px){
.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: 1800px){
.modal-gallery__content .container{
max-height:521px;
height:100%
}
}
@media(max-width: 1365px){
.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: 768px){
.modal-video{
display:none
}
}
.modal-video__close{
position:absolute;
right:0;
top:-125px
}
@media(max-width: 1800px){
.modal-video__close{
top:-133px
}
}
@media(max-width: 1440px){
.modal-video__close{
top:-65px
}
}
@media(max-width: 1365px){
.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: 1800px){
.modal-video__content .container{
max-height:521px;
height:100%
}
}
@media(max-width: 1365px){
.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: 1200px){
.modal-once__container{
height:100%;
overflow-y:auto;
width:98%;
margin:auto
}
.modal-once__container::-webkit-scrollbar{
width:0
}
}
@media(max-width: 768px){
.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: 1200px){
.modal-once__content{
padding:47px 32px 62px 39px
}
}
@media(max-width: 768px){
.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: 1200px){
.modal-once__content-left{
padding-right:20px
}
}
@media(max-width: 768px){
.modal-once__content-left{
display:none
}
}
.modal-once__content-right{
width:53%;
border-left:thin solid #000;
padding-top:27px
}
@media(max-width: 1200px){
.modal-once__content-right{
padding-top:0;
width:51%
}
}
@media(max-width: 768px){
.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: 1200px){
.modal-once__close{
width:22px;
height:22px;
top:18px;
right:18px
}
}
@media(max-width: 768px){
.modal-once__close{
top:38px;
right:23px
}
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/09f5fbba3baf2f94aa2b.woff) format("woff");
font-weight:300;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/64f095e95e4018946cb1.woff) format("woff");
font-weight:800;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/99528640efded3e12591.woff) format("woff");
font-weight:normal;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/a71877a1eef65838ed4c.woff) format("woff");
font-weight:600;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/1aed3c6324ac244c2351.woff) format("woff");
font-weight:600;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/f7a8a2981d5683b22c0e.woff) format("woff");
font-weight:normal;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/131eab64b8a971a4fc73.woff) format("woff");
font-weight:900;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/1f267da183b3d4fe3d5b.woff) format("woff");
font-weight:bold;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/e8a0c842bee7b41d4bb6.woff) format("woff");
font-weight:bold;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/0954bcce21b01cc52c7b.woff) format("woff");
font-weight:800;
font-style:italic;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/6f5ad2ca80abea2876d4.woff) format("woff");
font-weight:300;
font-style:normal;
font-display:swap
}
@font-face{
font-family:"Proxima Nova";
src:url(/lp/assets/fonts/e63e05efbcb2b9e3efd5.woff) format("woff");
font-weight:900;
font-style:italic;
font-display:swap
}
.modal-whoAreYou{
z-index:1000;
font-family:"Proxima Nova",sans-serif;
background:#fff
}
.modal-whoAreYou__container{
width:1066px;
margin:auto;
padding-top:89px
}
@media(max-width: 1800px){
.modal-whoAreYou__container{
width:1047px;
padding-top:72px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__container{
width:616px;
padding-top:35px
}
}
@media(max-width: 768px){
.modal-whoAreYou__container{
padding:33px 12px 12px 12px;
margin:0;
width:100%
}
}
.modal-whoAreYou__content{
display:flex;
flex-direction:column;
align-items:center
}
.modal-whoAreYou__logo{
margin-bottom:60px
}
@media(max-width: 1800px){
.modal-whoAreYou__logo{
margin-bottom:27px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__logo{
display:none;
margin-bottom:0
}
}
.modal-whoAreYou__logo svg{
width:424px;
height:auto
}
@media(max-width: 1800px){
.modal-whoAreYou__logo svg{
width:321.79px;
height:auto
}
}
.modal-whoAreYou__title{
font-size:72px;
font-weight:700;
line-height:72px;
margin-bottom:13px
}
@media(max-width: 1800px){
.modal-whoAreYou__title{
font-size:42px;
font-weight:700;
line-height:46.2px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__title{
font-size:36px;
font-weight:700;
line-height:36px
}
}
@media(max-width: 768px){
.modal-whoAreYou__title{
font-size:31px;
font-weight:700;
line-height:31px
}
}
.modal-whoAreYou__text{
font-size:28px;
font-weight:700;
line-height:33.6px;
letter-spacing:-0.01em;
color:#445667;
width:564px;
margin-bottom:35px;
text-align:center
}
@media(max-width: 1800px){
.modal-whoAreYou__text{
font-size:18px;
font-weight:400;
line-height:25.2px;
width:418px;
margin-bottom:21px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__text{
font-size:16px;
font-weight:400;
line-height:19.49px;
letter-spacing:-0.01em;
width:330px;
margin-bottom:36px
}
}
@media(max-width: 768px){
.modal-whoAreYou__text{
font-size:12px;
font-weight:400;
line-height:14.4px;
width:244px;
margin-bottom:7px
}
}
.modal-whoAreYou__blocks{
display:flex;
gap:38px;
justify-content:center
}
@media(max-width: 1800px){
.modal-whoAreYou__blocks{
gap:34px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__blocks{
gap:0
}
}
@media(max-width: 768px){
.modal-whoAreYou__blocks{
gap:30px;
flex-direction:column
}
}
.modal-whoAreYou__block{
width:431px;
display:flex;
flex-direction:column;
align-items:center;
padding:60px
}
@media(max-width: 1800px){
.modal-whoAreYou__block{
padding:32px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__block{
width:244px;
padding:20px
}
}
@media(max-width: 768px){
.modal-whoAreYou__block{
width:236px;
padding:16px
}
}
.modal-whoAreYou__blockLogo{
width:101px;
height:101px;
margin-bottom:20px
}
@media(max-width: 768px){
.modal-whoAreYou__blockLogo{
width:62px;
height:62px;
margin-bottom:12px
}
}
.modal-whoAreYou__blockLogo svg{
width:100%;
height:100%
}
.modal-whoAreYou__blockTitle{
font-size:42px;
font-weight:700;
line-height:42px;
color:#e62334;
margin-bottom:12px;
text-align:center;
text-wrap:nowrap
}
@media(max-width: 1800px){
.modal-whoAreYou__blockTitle{
font-size:42px;
font-weight:700;
line-height:46.2px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__blockTitle{
font-size:18px;
font-weight:700;
line-height:19.8px
}
}
@media(max-width: 768px){
.modal-whoAreYou__blockTitle{
font-size:18px;
font-weight:700;
line-height:19.8px;
text-align:center
}
}
.modal-whoAreYou__blockText{
font-size:28px;
font-weight:700;
line-height:33.6px;
letter-spacing:-0.01em;
text-align:center;
margin-bottom:24px;
width:335px
}
@media(max-width: 1800px){
.modal-whoAreYou__blockText{
font-size:18px;
font-weight:700;
line-height:19.8px;
margin-bottom:20px;
width:227px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__blockText{
font-size:16px;
font-weight:700;
line-height:22.4px;
width:203px
}
}
@media(max-width: 768px){
.modal-whoAreYou__blockText{
font-size:12px;
font-weight:400;
line-height:14.4px;
margin-bottom:12px;
width:140px
}
}
.modal-whoAreYou__delimiter{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:128px;
gap:13px
}
@media(max-width: 768px){
.modal-whoAreYou__delimiter{
width:100%;
flex-direction:row
}
}
.modal-whoAreYou__delimiterText{
color:#cfdae1;
font-size:42px;
font-weight:700;
line-height:42px;
text-align:center
}
@media(max-width: 1800px){
.modal-whoAreYou__delimiterText{
line-height:46.2px
}
}
.modal-whoAreYou__delimiterBorder{
height:80px;
border-left:1px solid #cfdae1
}
@media(max-width: 768px){
.modal-whoAreYou__delimiterBorder{
height:1px;
width:100%;
border:none;
border-top:1px solid #cfdae1
}
}
.modal-whoAreYou__blockButton{
display:flex;
min-width:311px;
padding:16px;
border-radius:48px;
color:#fff;
background:#e62334;
justify-content:center;
cursor:pointer;
font-size:30px;
font-weight:700;
line-height:33px;
text-align:center
}
@media(max-width: 1800px){
.modal-whoAreYou__blockButton{
min-width:-webkit-fit-content;
min-width:-moz-fit-content;
min-width:fit-content;
padding:16px 36px;
border-radius:60px;
font-size:18px;
font-weight:700;
line-height:19.8px;
text-align:center
}
}
@media(max-width: 1200px){
.modal-whoAreYou__blockButton{
padding:12px 24px;
font-size:12px;
font-weight:700;
line-height:14.4px;
text-align:center
}
}
.modal-whoAreYou__blockButton svg{
width:32px;
height:32px
}
@media(max-width: 1800px){
.modal-whoAreYou__blockButton svg{
width:20px;
height:20px
}
}
@media(max-width: 1200px){
.modal-whoAreYou__blockButton svg{
width:11px;
height:11px
}
}
.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(/lp/assets/1952df896c6a79bb730c.png?1);
background-repeat:no-repeat;
background-color:#dbdbdb;
background-position:20px 0
}
@media(min-resolution: 2x){
.iti__flag{
background-image:url(/lp/assets/276410ffdcdd2ff8dca2.png?1)
}
}
.iti__flag.iti__np{
background-color:rgba(0,0,0,0)
}