@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap);.nav,.nav-close,body{text-align:center}.rtl-text .steps,body.rtl-text{direction:rtl}.rtl-text .field-error,.rtl-text .form-bottom,.rtl-text .label,.rtl-text .steps{text-align:right}.field-input,body{font-family:Inter,Arial,sans-serif}.field-input,.nav,.step:after{transition:.5s}.btn,.steps{text-transform:uppercase}.field-input,.langs{direction:ltr}.lang,.menu-btn,.nav-close{cursor:pointer}:root{--bg-color:#fdfdfd;--text-color:#404040;--icon-color:#49e97c;--menu-bg:#404040;--nav-bg:#fdfdfd;--nav-close:#404040;--nav-text:#404040;--nav-link:hsl(139, 78%, 60%);--proggress-text:#49e97c;--progress-bg:rgba(0, 0, 0, .15);--progress-filled:#49e97c;--title:#000;--input-border:#49e97c;--input-text:#404040;--input-icon:#404040;--input-icon-grey:#404040;--input-label:#49e97c;--input-border-focus:#49e97c;--input-icon-focus:#49e97c;--input-label-focus:#49e97c;--input-error:#FC5B53;--btn-bg:#49e97c;--btn-text:#fff;--btn-bg-disabled:#B3B6B7;--btn-text-disabled:rgba(0, 0, 0, .3);--btn-exit-bg:rgba(0, 0, 0, .1);--btn-exit:rgba(0, 0, 0, .6);--form-bottom:#000;--footer:#c0c0c0;--price:#c0c0c0}*,:after,:before{margin:0;padding:0;box-sizing:border-box;outline:0}body,html{height:100%}body{background:var(--bg-color);color:var(--text-color);font-size:14px;line-height:1.18}.price{padding:4px 0;color:var(--price);font-size:10px}.main{max-width:400px;margin:0 auto;padding:44px 24px 24px;position:relative}.menu-btn{position:absolute;top:8px;left:24px;width:32px;padding:4px;margin-bottom:20px}.nav,.step.filled:after{width:100%}.menu-btn div{height:4px;background:var(--menu-bg);border-radius:2px}.menu-btn div+div{margin-top:4px}.nav{position:fixed;top:0;left:-110%;bottom:0;background:var(--nav-bg);padding:48px 36px;color:var(--nav-text);z-index:999}.nav.open{left:0}.nav-close{position:absolute;top:24px;right:24px;width:48px;height:48px;color:var(--nav-close);font-size:36px;line-height:48px;font-weight:700}.step,.step:after{border-radius:2px;height:8px}.steps,.title{line-height:1.18;margin-bottom:12px}.nav-item{padding:16px 0;font-size:32px;font-weight:700}.nav-item a{color:var(--nav-link);text-decoration:none}.steps{color:var(--proggress-text);font-size:12px;text-align:left}.steps:after{content:'';display:table;clear:both}.step{float:left;width:calc(50% - 4px);background:var(--progress-bg);overflow:hidden;margin-top:8px}.step+.step{margin-left:8px}.step:after{content:'';display:block;width:8px;background:var(--progress-filled)}.step+.step:after{content:none}.step.filled+.step:after{content:''}.rtl-text .step{float:right}.rtl-text .step+.step{margin-left:0;margin-right:8px}.title{color:var(--title);font-size:26px;font-weight:900}.webt-icon{width:150px;height:150px;margin:0 auto 10px;position:relative}.icon-progress{width:100%;height:100%;position:relative}.icon-progress__bg{stroke-width:12px;stroke:var(--progress-bg);fill:transparent}.webt-icon .progress_arrow{width:60%;height:auto;opacity:0;transition:1s;animation:2s ease-in-out infinite bounceUpDown}@keyframes bounceUpDown{0%,100%{transform:translateY(0)}50%{transform:translateY(-5%)}}.webt-icon__value{color:var(--proggress-text);display:flex;width:100%;height:100%;justify-content:center;align-items:center;text-align:center;position:absolute;font-size:32px;font-weight:600;top:0;left:0}.field-input,.field-input__prefix{color:var(--input-text);letter-spacing:2px}.btn,.lang{font-weight:700}.meter-1{stroke-dasharray:800;stroke-dashoffset:0;stroke:var(--progress-filled);stroke-width:12px;fill:transparent;animation:4s ease-out progress-1}@keyframes progress-1{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}.label{font-size:16px;line-height:1.6;text-align:center;margin-bottom:40px}.field{position:relative;margin-bottom:12px}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.field-input{display:block;width:100%;height:64px;background:var(--bg-color);border:2px solid var(--input-border);border-radius:8px;padding:0 38px 0 91px;font-size:24px}.field-input.pin{height:82px;padding-left:26px;text-align:center;letter-spacing:16px}.field-input__prefix{position:absolute;top:0;left:0;padding-left:40px;font-size:24px;line-height:66px;animation:3s shake;-webkit-animation:3s shake}.field-check,.field-icon,.field-label{top:20px;pointer-events:none;transition:.5s;position:absolute}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0);-webkit-transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0);-webkit-transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0);-webkit-transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0);-webkit-transform:translate3d(4px,0,0)}}.field-icon{left:14px;fill:var(--input-icon)}.field-check{right:14px;width:24px;height:24px;fill:var(--input-icon-grey)}.field-input:focus~.field-input__prefix .field-icon,.focus .field-icon,.form-valid .field-check{fill:var(--input-icon-focus)}.field-label{left:40px;font-size:24px;line-height:1}.rtl-text .field-label{left:auto;right:40px}.field-error{color:var(--input-error);text-align:left;margin-top:8px;display:none}.attention,.lang,.message__title{text-align:center}.field-alert{position:absolute;left:50%;bottom:100%;margin-bottom:14px;margin-left:-135px;width:270px;background:var(--input-error);border-radius:4px;padding:3px 5px;color:var(--bg-color);font-size:14px;animation:5s ease-in-out 5 both shake;display:none}.btn,.btn span,.field-alert.active,.has-error~.field-alert,.has-error~.field-error{display:block}.field-alert:after{content:'';position:absolute;top:100%;left:50%;width:0;height:0;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--input-error)}.field-input:focus~.field-label,.focus~.field-label,.has-error~.field-label{top:-9px;left:32px;background:var(--bg-color);padding:2px 8px;font-size:14px}.field-input.focus,.field-input:focus{border-color:var(--input-label-focus)}.field-input:focus~.field-label,.focus~.field-label{color:var(--input-label-focus)}.rtl-text .field-input:focus~.field-label,.rtl-text .focus~.field-label,.rtl-text .has-error~.field-label{left:auto;right:32px}.field-input.has-error{border-color:var(--input-error)}.has-error~.field-icon{fill:var(--input-error)!important}.has-error~.field-label{color:var(--input-error)!important}.btn{width:100%;height:60px;background:var(--btn-bg);border:none;border-radius:8px;color:var(--btn-text);font-size:24px;box-shadow:0 0 8px var(--btn-shadow)}.btn-exit,.lang{display:inline-block}.btn span{font-size:11px;font-weight:400;opacity:.6}.btn.disabled,.btn[disabled]{background:var(--btn-bg-disabled);color:var(--btn-text-disabled);box-shadow:none}.btn-exit{padding:5px;margin:0 auto 15px;border-radius:2px;background:var(--btn-exit-bg);color:var(--btn-exit);font-size:10px;line-height:1;text-decoration:none}.form-bottom{margin-top:24px;color:var(--form-bottom)}.form-bottom a{color:inherit;text-decoration:underline}.lang{border:2px solid transparent;border-radius:4px;margin:10px 4px;padding:2px 4px;font-size:18px;line-height:28px}.lang.active{border-color:var(--text-color)}.footer{color:var(--footer);padding:5px 10px;font-size:12px}.footer.hidden{padding-top:50vh}.footer a{color:inherit}.footer-content{max-width:400px;margin:0 auto;padding:6px}.footer-content:after{content:'';clear:both;display:block}.content-link{display:block;float:left;width:33.33%;padding:0 3px}.d-none,.loader,.messageBox{display:none}.content-link img{display:block;margin:0 auto;max-width:90px}.footer-content__preview{display:none;border-radius:4px;padding-bottom:8px;overflow:hidden}.footer-content__preview iframe{display:block;width:300px;height:200px;border:0;margin:0 auto}.attention{font-size:14px;margin:5px;color:#ff3d3d;opacity:0}.attention--show{-webkit-animation:1s ease-in-out both blink;animation:1s ease-in-out both blink}@-webkit-keyframes blink{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes blink{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.messageBox{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;justify-content:center;align-items:center;backdrop-filter:blur(4.5px);background:rgba(0,0,0,.85);flex-direction:column}.message__content{width:90%;max-width:350px;padding:25px 20px;margin-top:calc(var(--vh,100vh) * -.2);color:#000;background-color:#fff;border-radius:15px;will-change:transform;place-self:center;animation-name:fadeInDown;animation-duration:.8s;animation-delay:.4s;animation-fill-mode:both}.message__title{margin:10px 0 5px;font-style:normal;font-weight:600;font-size:16px;line-height:16px;color:#222}.message__close{position:absolute;width:21px;height:21px;font-size:0;color:transparent;cursor:pointer;padding:12px;top:0;right:0;background:#fff;border:2px solid #fff}.message__close::after,.message__close::before{content:"";position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#393d3f;transform:translateX(-50%) rotate(-45deg)}.message__close::after{transform:translateX(-50%) rotate(45deg)}@keyframes fadeInDown{from{opacity:0;transform:translate3d(0,-100%,0)}50%{opacity:1}to{opacity:1;transform:translate3d(0,0,0)}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;justify-content:center;align-items:center;background-color:rgba(0,0,0,.85);backdrop-filter:blur(3px)}.loader__inner{display:inline-block;width:30vmin;height:30vmin;border:3vmin solid rgba(255,255,255,.3);border-radius:65%;border-top-color:#00e2ff;border-bottom-color:#fb0;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;animation:1s ease-in-out infinite alternate spin;-webkit-animation:1s ease-in-out infinite alternate spin}@keyframes spin{to{transform:rotate(360deg);border-radius:20%}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);border-radius:20%}}