 body{font: 14px/20px var(--FONT1)}
html,body{padding:0;margin:0}
body::-webkit-scrollbar{width: 12px}
body::-webkit-scrollbar-track{background-color: transparent}
body::-webkit-scrollbar-track:hover{background-color: #FFF}
body::-webkit-scrollbar-thumb{background-color: var(--colors-slate-100);border:1px solid var(--colors-graphite-trans-400);border-radius:10px}
mark{background:none;font-weight:bold}
h1,h2,h3,h4,h5,h6,p,ul{margin:0}
*{padding: 0;margin: 0}
a{color:var(--BLUE_HI1);text-decoration:none;cursor: pointer}
a:hover{color:var(--BLUE_HI2)}
button{outline: none;font-family: inherit}
:root{--icon-color: #000;--icon-size: 60px}
ws-icon{width: var(--icon-size);height: var(--icon-size);vertical-align: bottom}
ws-icon svg{width: var(--icon-size);height: var(--icon-size);fill: var(--icon-color);pointer-events: none}
.page_content{font: 1.125rem/2rem var(--FONT1);letter-spacing: .0125rem;margin-bottom: 1rem;width:100%}
.page_content ol,.page_content ul{padding: 0;margin: 1rem 0 1.5rem}
.page_content li{font: inherit;margin: 0 0 1rem 3rem;padding: 0;list-style: none}
@media print{.page_content li{margin-left:50px}
}
.page_content ul li:before{position: static;border: 2px solid #C03;content: '';width: 8px;height: 8px;display: block;border-radius: 10px;float: left;margin: 11px 0 0 -26px}
.page_content ol{counter-reset: ol-counter}
.page_content ol li:before{position: static;counter-increment: ol-counter;content: counter(ol-counter);background: #FC0;font: bold 0.875rem var(--FONT2);padding: 0;width: 30px;height: 30px;text-align: center;line-height: 30px;border-radius: 40px;color: #333;box-shadow: 0px 0px 2px 2px #FA0 inset;float: left;margin: 2px 0 0 -40px}
h1,h2,h3,h4,h5,.about b,h6[rel=h6_3]{font: 700 1.5rem/160% var(--FONT1)}
h1{font-size: 2.5rem;line-height: 3.5rem;letter-spacing: -0.05rem}
h2{font-size: 2.125rem;line-height: 2.5rem}
h3{font: 700 1.625rem/2rem var(--FONT1);letter-spacing: .0125rem}
h4,h5{font-size: 1.25rem;letter-spacing: 0.0125rem;line-height: 2rem}
h5::first-letter{background: rgba(50,154,152,0.2);padding: 3px 12px;margin: -10px;border-radius: 20px}
h6{font: 16px/160% var(--FONT1);letter-spacing: .01em}
h6[rel=h6_1]{border-left: 4px solid #333;margin: 0 0 2rem -1rem;padding: 1rem 0 1rem 1rem;font: 500 1.125rem/2rem var(--FONT1)}
h6[rel=h6_2]{padding-bottom: 0.5rem;padding-top: 0.5rem;font-size: 0.875rem;color: var(--TXT_LO2);line-height: 1.5rem}
h6[rel=h6_3]{padding-bottom: 0.5rem;padding-top: 0.5rem;text-align: center;padding: 0 24px 20px;font-weight: 600;margin: 0;color: #333;font: 600 1.25rem/2rem var(--FONT1)}
h6[rel=h6_3]:before,h6[rel=h6_3]:after{content: '';display: block;border-top: 2px solid #c03;margin: 10px auto;max-width: 420px}
h6[rel=h6_3]:before{margin-top: 20px}
h6[rel=h6_3]:after{margin-bottom: 20px}
.page_content h2{padding-bottom: 1.25rem;padding-top: 2.5rem}
.page_content h3{padding-bottom: 1rem;padding-top: 2rem}
.page_content h4,.page_content h5{padding-top: 2rem;padding-bottom: 1rem}
.page_content pre{color:#333;margin:0 0 30px 0;font: 1rem/1.5rem Consolas,'Fira Mono',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;background:#EDF2F7;padding:15px;border-radius:4px}
span.hkey2{box-shadow: 0 0 0 1px var(--GREEN_OPAC3) inset;font-weight: 500;line-height: inherit;border-radius: 4px;margin: 0 2px;padding: 2px 5px;background: var(--GREEN_OPAC3);white-space: nowrap}
span.hkey *{font-weight:inherit}
h2 span.hkey2{vertical-align:4px}
h3 span.hkey2,h4 span.hkey2{vertical-align:3px}
span.hnum{box-shadow: 0px 0px 2px 2px #FA0 inset;font-weight: 500;line-height: inherit;border-radius: 8px 8px 8px 0;margin: 0 2px 0 4px;padding: 2px 8px;background: #fc0;white-space: nowrap;font-size: 1rem;font-family: var(--FONT2)}
span.hkey{box-shadow: 0 0 0 1px var(--BLUE_OPAC2) inset;line-height: inherit;border-radius: 4px;margin: 0 2px;padding: 2px 5px;background: var(--BLUE_OPAC2);white-space: nowrap;font-weight: 400}
span.note{padding-top: 3px;padding-bottom: 4px;background: rgba(255, 204, 0, 0.4);padding: 2px 5px;margin: -2px -5px}
span.note2{color:var(--TXT_LO3)}
blockquote{color: var(--TXT_LO1);margin: 1rem 0 2rem 5rem;min-height: 4rem;font: italic 1.375rem/2rem Cambria,Georgia,"Times New Roman",Times,serif}
blockquote:before{content: '\201d';font: italic 9rem/9rem Georgia,Serif;color: #C03;float: left;margin: -8px 0 0 -90px;height: 40px;width: 80px}
address{padding-top: 0.5rem;padding-bottom: 0.5rem;padding-right: 0.5rem;padding-left: 1.5rem;color: #333;margin: 0 0 30px 40px;font: italic 1.125rem/2rem Georgia,Serif;background: rgba(220,212,253,0.5);border-radius: 0 8px 8px 0;border-left: 4px solid rgba(220,212,253)}
hr{width: 128px;height: 4px;border: none;background: #000;opacity: 0.1;border-radius: 2px;margin: 40px auto}
input,textarea,option,select{font:13px/20px var(--FONT1);color:#000}
input:focus,textarea:focus{outline:none}
input,textarea{padding:2px 5px;border:1px solid #ccc;border-radius:2px}
input::-moz-selection,textarea::-moz-selection{background:#DAECF8}
input::selection,textarea::selection{background:#DAECF8}
input.wide{width:100%;box-sizing:border-box}
input[type=button],input[type=text],input[type=submit],input[type=email],input[type=password],textarea{-webkit-appearance: none;outline:none}
input:focus,a:focus,textarea:focus{outline: none}
input::-webkit-input-placeholder{line-height: normal !important}
input::placeholder{line-height: normal !important}
.wrap{margin:0 auto;max-width: 1280px;position:relative}
body.news .wrap{max-width: 1600px}
.wrap .prevnext{display: flex;gap: 32px;align-items: center;justify-content: space-around;padding-bottom: 64px;padding-top: 48px}
span.clear,div.clear{clear:both;display:block}
.search_loading .midico_search{background:url(/img/pro_iconset_sm.svg) -100px -75px;transition:transform 4s ease;-webkit-transition:-webkit-transform 4s ease;opacity:0.5;-moz-transform: rotate(720deg);-ms-transform: rotate(720deg);-webkit-transform: rotate(720deg);-o-transform: rotate(720deg);transform: rotate(720deg)}
.search_loading .midico_search:hover{background:url(/img/pro_iconset_sm.svg) -100px -75px}
.midico_search_rem{background:url(/img/pro_iconset_sm.svg) -100px -100px;display:none}
.search_del .midico_search_rem{display:block}
.search_del .midico_search{display:none}
.midico_search_rem:hover{background:url(/img/pro_iconset_sm.svg) -125px -100px}
.button_home .ico{background:url(/img/pro_iconset_sm.svg) -50px -50px}
.button_login .ico{background:url(/img/pro_iconset_sm.svg) -50px -75px;opacity:0.5}
.button_forgot .ico{background:url(/img/pro_iconset_sm.svg) -25px -25px;float:right;margin:0 0 0 5px !Important}
.midico_close{background:url(/img/pro_iconset.svg) 0 -480px;background-size:240px 520px}
.dropmenu{display:none;position:absolute;background:#fff;padding:48px 20px 8px;width:220px;z-index:1030;border-radius:5px;overflow:hidden;color:#777;right:0;top:0;box-shadow: 0 16px 48px rgba(20,40,60,.15);border-radius: 16px}
.dropmenu .droptitle{font:bold 13px/28px var(--FONT1);color:#555;padding:0 8px}
.dropmenu .drophead{height:28px;font:13px/28px var(--FONT1);overflow:hidden;position:absolute;left:5px;right:5px;top:5px;padding:5px}
#drop2menu{width:280px}
#drop2menu.dropmenu{padding: 20px}
.share_link{display: flex;justify-content: center;align-items: center;padding: 33px 0}
.share_link a.btn-copy{padding: 13px 25px;border-radius: 30px;border: none;color: #fff;background-color: var(--BLUE);cursor: pointer;line-height: 20px;font-size: 14px;transition: all .5s;width: 185px;text-align: center;display: flex;justify-content: center;white-space: nowrap}
.share_link a.btn-copy:active{background-color: #18c}
.share_link a.btn-copy svg{fill:none;stroke:#fff;width:40px;height:40px;margin:-10px;stroke-width:2px}
.share_link{padding:5px 0 10px}
.share_link .input{padding:5px;margin:10px 0}
.share_link .input:focus{border-color:var(--BLUE_HI1)}
.share_link a{color:var(--BLUE_HI1);padding:0}
.share_menu{display: flex;justify-content: center;padding: 30px 0 20px 0}
.share_menu a{display:inline;padding:0;margin:3px}
.share_menu svg use.norm{fill:#777}
.button{float:left;font:16px/27px var(--FONT1);padding:7px 20px 5px 15px;border-radius:5px;margin:0 5px 0 0;position:relative}
.button .ico{width:25px;height: 25px;margin:0 5px 0 0}
.button_home,.button_home:hover{background:#7B0;border-bottom:2px solid #693;color:#fff}
.button_forgot,.button_forgot:hover{background:#7B0;border-bottom:2px solid #693;color:#fff;padding:7px 15px 5px 20px}
.button:hover{border-bottom-width:1px;margin-top:1px}
.button_login{background:#7B0;border:2px solid #fff;color:#fff;min-width:100px;text-align:center}
.button_login:hover{margin-top:0;border-bottom-width:2px;background:#6A0;color:#fff}
.left_ani1{transition:left 0.7s ease;-webkit-transition:left 0.7s ease}
.left_ani2{transition:left 0.7s 0.1s ease;-webkit-transition:left 0.7s 0.1s ease}
#empty_page{position:relative;display:none;padding:50px 0 100px 0;text-align:center;font:16px/25px var(--FONT1);color:#777;text-shadow: 1px 1px 0 #fff}
#empty_page a{color:#333;text-decoration:none;border-bottom:1px dashed #333}
#empty_page .msg_ico{background-position:-200px 0;position:relative;top:0;left:0;display:block;margin:30px auto}
label.act{background:#ffc}
.msg_ico{position:absolute;width:40px;height:40px;left:6px;top:6px;background:url(/img/notifier_iconset.svg) no-repeat}
.content-partner{transition:background 0.8s ease;-webkit-transition:background 0.8s ease}
.scr22 .content-partner{background:#f4f4f4}
#plan_drop a .midico_mega{width:25px;height:25px;margin:3px 8px 0 0;opacity:0}
#plan_drop a:hover .midico_mega{opacity:1}
body.agree{padding:20px 30px;background:#fff}
body.agree h1{font:300 36px/45px var(--FONT2)}
body.agree h2{font:28px/32px var(--FONT2)}
body.agree h3{font:21px/28px var(--FONT2)}
.only_mobile,.only_mobile2{display:none}
span.pointer{cursor:pointer}
.help{color:#c6c;font:italic 13px/20px Georgia;position:relative;cursor:help;overflow:hidden}
.help:hover,.help:focus{overflow:visible}
.help:focus{outline:none;color:#07d}
.help__text{opacity:0;content:'';width:0;height:0;transition:opacity 0.3s ease 0.1s;-webkit-transition:opacity 0.3s ease 0.1s;background:#000;background:rgba(0,0,0,0.7);color:#fff;font:13px/18px var(--FONT1);top:100%;margin:5px 0 0;left:0;position:absolute;z-index:1030;border-radius:4px;text-align:left;text-shadow:none;overflow:hidden;white-space:normal}
.help:focus .help__text{opacity:1}
#header span.gray{color:#999;font-size:80%;font-weight: normal}
.header_print{display: none}
.bounce{position:fixed;background:#fff;z-index:1030}
.bounce1{left:-200px;right:-200px;top:-200px;height:200px;background:#333}
.bounce2{left:-200px;right:-200px;bottom:-200px;height:200px}
.bounce3{top:-200px;bottom:-200px;right:-200px;width:200px}
.bounce4{top:-200px;bottom:-200px;left:-200px;width:200px}
#hint{z-index: 3000;position:absolute;width:0;left:0;top:0;height:0}
#hint .in{position:absolute;padding:6px 10px;background:var(--HINT_COLOR);color:#FFF;font:13px/20px var(--FONT1);border-radius:4px;top:0;right:0;opacity:0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease;white-space:pre;max-width:350px}
#hint.hint_gr .in{color:rgba(255,255,255,0.6)}
#hint.hint_wr .in{white-space:pre-wrap;width:320px}
#hint.hint_t .in{top:auto;bottom:0}
#hint.hint_r .in{right:auto;left:0}
#hint.hint_xt .in{top:auto;bottom:0;right:auto;left:0;border-radius:6px 6px 0 0}
#hint.hint_w .in{background:#FFF;color:#999;box-shadow:none}
#hint.hint_w.hint_wm .in{background:#fff}
#hint.hint_blk .in{padding: 8px 12px;width: 256px;background: var(--colors-slate-trans-900);font-family: 'Inter',sans-serif;font-weight: 400;font-size: 13px;line-height: 20px;white-space: pre-wrap}
#hint.hint_h .in{white-space:normal;min-width:300px;max-width:400px}
#hint b{font-weight:normal;color:#FFF}
#hint span{color:rgba(255,255,255,0.6)}
#hint span.red{color:#f99}
#hint span.yellow{color:#ff9}
#hint .note_normal{font-size:12px;color:#000}
#hint .nowrap{white-space:pre-wrap;min-width:0;max-width:300px}
#hint .nowrap2{white-space:pre-wrap;max-width:300px}
#hint.hint_hp .in{white-space:normal;width:200px}
#hint.hint_hpb .in{width:320px}
#hint.hint_hp u{text-decoration:none;color:#FE0}
#hint.hint_hp b{color:#9cc;font-weight:normal}
body.reg #header .langSwitcher{position: absolute;right: 24px;top: 0;background-color: var(--BLUE_OPAC1)}
body.reg #header .langSwitcher{background-color:var(--BLUE_OPAC2)}
.langSwitcher__icon{width: 30px;height: 30px;margin:-5px 5px;display: inline-block}
.langSwitcher__select{-webkit-appearance: none;-moz-appearance: none;appearance: none;z-index: 2;background: none;padding-right: 18px;position: absolute;width: 80%;padding: 9px;left: 10%;top: 0;box-sizing: border-box;opacity: 0;cursor: pointer;border: none}
.langSwitcher__option{padding: 5px}
.langSwitcher__arrow{width: 12px;height: 12px;display: inline-block;margin: 4px 0 0 4px;z-index: 1}
.svg_template{width:0;height:0;overflow:hidden}
button{margin: 0;border:0;background: none;cursor: pointer}
button.scrolltop-icon{display: block;fill: var(--GROUP_COLOR4);right:-1rem}
.text button.scrolltop-icon{transition: 0.25s;visibility: hidden}
.text:hover button.scrolltop-icon{visibility: visible}
button.scrolltop-icon svg{transform:rotate(90deg)}
button.scrolltop-icon:hover:before,button.scrolltop-icon:focus:before{background-color: var(--GROUP_COLOR4_OPAC)}
button.scrolltop-icon:hover svg,button.scrolltop-icon:focus svg{fill: var(--GROUP_COLOR4)}
button.share-icon{width: auto;height: auto;margin: 0;float: none;right:-1rem}
.text_ button.print-icon{right: -1rem}
button.close24_icon svg{fill: white;width: 1rem;height: 1rem}
button.close24_icon{opacity:0;background-color: rgba(229,45,39);border-radius: 50%;line-height: 0;padding: .25rem;transition: background-color 0.1s,opacity 0.1s ease;margin-left: .25rem}
button.close24_icon:active,button.close24_icon:focus{background-color: rgba(229,45,39,0.5)}
.radius-zoom48{display: block;position: relative;padding: .25rem}
.radius-zoom48 svg{position:relative;width:2.5rem;height:2.5rem;float:left}
.radius-zoom48:before{content: '';position: absolute;left: 50%;top: 50%;width: 0;height: 0;transition: 0.3s;border-radius: 50%}
.radius-zoom48:hover:before,.radius-zoom48:focus:before{opacity: 0.7;left:0;top:0;width:100%;height:100%;background: var(--CAT_OPAC1)}
.radius-zoom48:hover svg,.radius-zoom48:focus svg{fill: var(--icon_color,#0099ff)}
.radius-zoom48:active:before{opacity: 1}
button.reset{background-color: transparent;font-family: inherit;font-style: normal;font-weight: 600;font-size: 1rem;padding: 12px 24px;border: 2px solid var(--BLUE);border-radius: 30px;color: #333}
button.reset:hover,button.reset:focus{background-color:#fff;border-color:var(--BLUE)}
div::-webkit-scrollbar{width: 6px}
div::-webkit-scrollbar-track{background-color: transparent}
div::-webkit-scrollbar-track:hover{background-color:#F4F4F4}
div::-webkit-scrollbar-thumb:vertical{background-color:#F4F4F4}
div:hover::-webkit-scrollbar-thumb:vertical{background-color:#e5e5e5}
@media print{.wrap{width:auto !important;max-width:none !important}
}
#fc_frame{z-index:1010 !important;left:0 !important;bottom:0 !important;transition:none !important}
#fc_frame.expanded{z-index:1014 !important}
#fc_frame:not(.fc-open){left:-100px !important}
#fc_frame.h-open-notify{left:-400px !important}
#fc_override{position:fixed;left:10px;bottom:10px;width:50px;height:50px;z-index:1004}
#fc_override .fc_open{display:block;width:30px;height:30px;background:#fff url(/img/separators_iconset.svg) no-repeat -90px -240px;border-radius:20px;border:2px solid #fff;cursor:help;margin: 0 8px}
#fc_override .fc_open:hover{transform:rotate(360deg);transition:transform 0.6s ease;-webkit-transform:rotate(360deg);transition:-webkit-transform 0.6s ease}
#fc_override a.fc_close{opacity:0;display:block;text-align:center;font:11px/16px Arial;color:var(--TXT_LO3)}
#fc_override:hover a.fc_close{opacity:1;transition:0.3s}
#fc_override .fc_new{display:none;position:absolute;font: bold 11px/16px Arial;background:#e44;color:#fff;width:16px;height:16px;text-align:center;border-radius:10px;right: 0;top:-10px;border:2px solid #fff;animation-name: bounce;animation-timing-function: cubic-bezier(0.280,0.840,0.420,1);animation-duration: 1s;animation-iteration-count: infinite}
#fc_override .fc_new.fc_act{display:block}
@keyframes bounce{0%{transform: scale(1,1) translateY(0)}
10%{transform: scale(1.1,.9) translateY(0)}
30%{transform: scale(.9,1.1) translateY(-20px)}
50%{transform: scale(1.05,.95) translateY(0)}
57%{transform: scale(1,1) translateY(-5px)}
64%{transform: scale(1,1) translateY(0)}
100%{transform: scale(1,1) translateY(0)}
}
.loader_dots i{display:inline-block;margin:28px 2px;width: 4px;height: 4px;border-radius: 5px;background-color: #ffffff;color: #ffffff;box-shadow: 9999px 0 0 0 #ffffff;animation: dotFalling 1.2s infinite linear;position:relative}
.loader_dots i:nth-child(2){animation-delay: .1s}
.loader_dots i:nth-child(3){animation-delay: .2s}
@keyframes dotFalling{0%{top:-15px;opacity:0;box-shadow: 9999px -15px 0 0 rgba(152,128,255,0)}
25%,50%,75%{top:0;opacity:1}
100%{top:15px;opacity:0}
}
.logged .rngst_phone_button,.logged #wrapper_id{display: none !important}
:not(.logged) .rngst_phone_button{z-index: 998 !important}
@media(max-width: 780px){body.mobile .rngst_phone_button,body.mobile #wrapper_id{display: none !important}
}
#wrapper_id{opacity: 0}
.iti{--iti-path-flags-1x: url('/img/phone_country/flags_n.png');--iti-path-flags-2x: url('/img/phone_country/flags_n@2x.png');--iti-path-globe-1x: url('/img/phone_country/globe.png');--iti-path-globe-2x: url('/img/phone_country/globe@2x.png');--iti-border-gray: rgba(0, 0, 0, 0.2);--iti-hover-color: var(--colors-slate-100)}
.ws-checkboxer{--icon-color: var(--BLUE);--icon-size: 22px;position: relative;display: inline-flex;align-items: flex-start;gap: 4px;text-wrap: pretty}
.ws-checkboxer > input{position: absolute;opacity: 0}
.ws-checkboxer > input + label{display: inline-flex;border-radius: 4px;transition: box-shadow 0.15s ease-in}
.ws-checkboxer > input:focus + label,.ws-checkboxer:has(label:hover,input:hover):not(:has(label a:hover)) > input + label{box-shadow: 0 0 0 2px #d6eefe,0 0 0 4px #d6eefe inset;aspect-ratio: 1 / 1}
.ws-checkboxer > label a:focus{text-decoration: underline;text-decoration-style: dotted;text-underline-offset: 4px}
.ws-checkboxer > input:checked + label ws-icon:first-child{display: none}
.ws-checkboxer > input:not(:checked) + label ws-icon:last-child{display: none}
.author{display: flex;flex-direction: column;padding: 48px 0 60px 0;align-items: center;box-shadow: 0px -20px 24px -4px var(--colors-slate-100) inset;box-sizing: border-box}
.bg_author{background: linear-gradient(90deg,#FDF9ED 0%,#ECF2FE 100%)}
.author .photo{width: 80px;height: 80px}
.author .photo img{width: 100%;height: 100%;border-radius: 40px;border: 1px solid var(--colors-slate-300);box-shadow: 0 1px 1px -0.5px rgba(31,48,71,0.08),0 2px 4px -1px rgba(31,48,71,0.08),0 4px 8px -2px rgba(31,48,71,0.06),0 12px 20px -6px rgba(31,48,71,0.04)}
.author .photo svg{width: 80px;height: 80px;border-radius: 100%;border: 1px solid var(--colors-slate-300);box-shadow: 0 1px 1px -0.5px rgba(31,48,71,0.08),0 2px 4px -1px rgba(31,48,71,0.08),0 4px 8px -2px rgba(31,48,71,0.06),0 12px 20px -6px rgba(31,48,71,0.04)}
.author h1.name{color: var(--colors-slate-900);font-family: 'Inter',Arial,sans-serif;font-size: 36px;font-style: normal;font-weight: 500;line-height: 36px;padding: 28px 0 8px 0;display: block}
.author .title{display: flex;gap: 8px;color: var(--colors-slate-700);font-family: 'Inter',Arial,sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px}
.author .education{color: var(--colors-slate-700);font-family: 'Inter',Arial,sans-serif;font-size: 13px;font-style: normal;font-weight: 500;line-height: 20px;padding: 20px 30px 0 30px;text-align: center}
.author .social{display: flex;gap: 12px;padding: 20px 0 0 0}
.author .social svg{width: 20px;height: 20px}
.author .social a:hover svg > rect{fill: #031B3F;fill-opacity: 0.6}
@media(max-width: 480px){.author h1.name{width: 80%;font-size: 28px;text-align: center}
.author .title{flex-direction: column;gap: 0;padding: 0 30px}
.author .bullet{display: none}
.author .title span{text-align: center}
}
blockquote.quote_face{max-width: 712px;max-width: min(712px,90vw);padding: 26px 26px 40px 112px;margin: 50px auto 0 auto;border-radius:16px var(--quote-radius,16px) 32px 32px;background: #F4F4F4;background: var(--quote-background,#F4F4F4);color:var(--TXT_LO1);position: relative;box-sizing: border-box}
blockquote.quote_face:before{content: '\201d';font: bold 16rem/16rem Arial,Serif;color: rgba(255,255,255,0.5);position: absolute;bottom:0;right:0;top:auto;width:auto;height:128px}
blockquote.quote_face p{font: italic 1.125rem/1.75rem var(--FONT2);padding: 0 0 1.6rem 0}
blockquote.quote_face footer{border-left:4px solid var(--MAGENTA);padding-left:16px;font: 1rem/1.25rem var(--FONT1);display: block !important}
blockquote.quote_face footer img{position:absolute;top: -24px;left: -24px;width:96px;height:96px;border: 0.25rem solid #fff;background-color: #fff;border-radius: 50%;box-shadow:0 12px 48px rgba(20,40,60,.15)}
blockquote.quote_face span{display: block}
blockquote.quote_face cite{display: block;font-style: normal}
blockquote.quote_face cite a{color: var(--TXT_LO1);font-weight:bold}
blockquote.quote_face:hover cite a{color:var(--BLUE_HI1)}
blockquote.quote_face cite a:hover,blockquote.quote_face cite a:focus{color:var(--BLUE_HI2);text-decoration:underline;text-decoration-style: dotted}
@media(max-width: 768px){blockquote.quote_face:before{margin: 0;font: bold 16rem/16rem Arial,Serif}
blockquote.quote_face footer img{top: 20px;left: 8px;width: 86px;height: 86px}
}
@media(max-width: 480px){blockquote.quote_face{border-radius:0}
blockquote.quote_face:before{right:auto;left:16px;bottom: -26px;font: bold 10rem/10rem Arial,Serif}
}
@media screen{.ani_blockquote.ani_bind{top:120px;opacity:0.5;transition:0.5s top,0.8s opacity;position:relative}
.ani_blockquote.ani_start{top: 0;opacity:1}
.ani_blockquote.ani_bind p,.ani_blockquote.ani_bind footer cite,.ani_blockquote.ani_bind footer span{transform: translateY(150px);opacity: 0;transition:0.8s transform,0.8s opacity}
.ani_blockquote.ani_start p,.ani_blockquote.ani_start footer cite,.ani_blockquote.ani_start footer span{transform: translateY(0);opacity: 1}
.ani_blockquote.ani_bind footer img{transform: scale(0);transition:0.8s transform}
.ani_blockquote.ani_start footer img{transform: scale(1)}
.ani_blockquote.ani_start:before{animation-name: shake;animation-fill-mode:forwards;animation-duration: 0.8s}
}
@keyframes shake{from,to{transform: translate3d(0,0,0)}
10%,50%,90%{transform: translate3d(-5px,0,0)}
30%,70%{transform: translate3d(5px,0,0)}
}
.quote_slider{overflow: hidden;user-select: none;margin-bottom: 3rem}
.quote_slider.half_margin{margin-top: 20px}
.quote_slider_list{display: flex;flex-wrap: nowrap;align-items: flex-start;justify-content:center;position:relative;cursor: grab;transition: left 0.7s ease-out}
.animateNone{transition:none}
.quote_slider_list blockquote{flex-shrink: 0;margin-left:40px;margin-right:40px;border-radius:16px var(--quote-radius,16px) 32px 32px}
.quote_slider_list blockquote img{pointer-events: none}
#step17{padding:50px 30px 50px 30px;position:relative}
#step17 .item{float:left;background:#fff;width:160px;height:80px;margin:10px 5px;text-align:center;border-radius:10px;overflow:hidden;overflow:hidden}
#step17 .video{float:right;background:#fff;width:330px;height:180px;padding:0;margin:10px 5px 11px;text-align:center;border-radius:10px;overflow:hidden;overflow:hidden}
#step17 .item span{display:block;overflow:hidden;width:160px;height:80px}
#step17 .item_hid{display:none}
#step17 .item span{transition:all 0.1s ease;-webkit-transition:all 0.1s ease}
#step17 .item span.ani{margin:80px 0 0 0}
#step17 .item_do{opacity:0.5}
#step17 .item_swap span{margin:80px 0 0 0}
#step17 .item_swap2 span{margin:80px 0 0 0}
#step17 .item img{opacity:1;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease}
#step17 a.a_faq{border:2px solid #fff;display:block;width:250px;color:#777;text-decoration:none;font:italic 14px/34px var(--FONT1);padding:0 15px;border-radius:5px;margin:15px auto 0 auto}
#step17 a.a_faq:hover{background:#fff;color:#56AADD}
#step17 a.a_faq .midico_l{margin:-3px 5px -3px -5px;opacity:0.5}
#step17 a.a_faq:hover .midico_l{opacity:1;transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease}
body.home #step17{height:450px;padding:110px 30px;overflow:hidden}
#step17 .l{float:left;width:280px;position:relative}
#step17 .r{float:right;width:850px}
body.home #step17 a.a_faq{margin:15px 0 0 5px;width:auto;float:left}
#step17 #plan_name .name{font:300 21px/50px var(--FONT2);text-align:center}
#step17 #plan_drop{height:auto;background:#E7DED7;position:static;margin:0 25px;width:auto;padding:27px 0 28px 0;border-radius:0 0 10px 10px}
#step17 #plan_drop a{background:#E7DED7;border:none;border-left:2px solid #E7DED7;text-align:left;font:300 16px/32px var(--FONT2);color:#333;padding:0 0 0 20px}
#step17 #plan_drop a:hover{background:#fff;border-left:2px solid #FF5851}
@media(max-width: 1280px){#step17 .l{display:none}
#step17 .r{float:none;margin:0 auto}
#step17 .item1{width:150px;margin:7px 3px}
#step17 a.a_faq{margin:15px 0 0 5px}
}
@media(max-width: 768px){#step17{padding:30px 0}
#step17 .wrap{width:312px}
#step17 h2{font:300 20px/30px var(--FONT2);margin-left:15px}
#step17 .item{margin:0;width:100px;margin:1px 2px;height:60px;border-radius:2px}
#step17 .item span{width:100px;margin:-10px 0 0 0}
#step17 .r{width:auto}
#step17 .video{margin:0 -10px 10px}
body.home #step17{padding:30px 0;height:600px}
#step17 .item:nth-child(17){display:none}
}
body.code{background: #EDF2F7}
.hljs{display: block;overflow-x: auto;padding: 0.5em;color: #333;background: #EDF2F7}
.hljs-comment,.hljs-quote{color: #998;font-style: italic}
.hljs-keyword,.hljs-selector-tag,.hljs-subst{color: #333;font-weight: bold}
.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color: #008080}
.hljs-string,.hljs-doctag{color: #d14}
.hljs-title,.hljs-section,.hljs-selector-id{color: #900;font-weight: bold}
.hljs-subst{font-weight: normal}
.hljs-type,.hljs-class .hljs-title{color: #458;font-weight: bold}
.hljs-tag,.hljs-name,.hljs-attribute{color: #000080;font-weight: normal}
.hljs-regexp,.hljs-link{color: #009926}
.hljs-symbol,.hljs-bullet{color: #990073}
.hljs-built_in,.hljs-builtin-name{color: #0086b3}
.hljs-meta{color: #999;font-weight: bold}
.hljs-deletion{background: #fdd}
.hljs-addition{background: #dfd}
.hljs-emphasis{font-style: italic}
.hljs-strong{font-weight: bold}
@media screen{.ani_bind.ani_effect1{position:relative;top: 0;transition:0.5s top}
.ani_work.ani_effect1{top:120px}
#blocks .columns .ani_bind.ani_effect1 h2:before{transform: translateY(0) scale(1);transition:0.8s transform}
#blocks .columns .ani_work.ani_effect1 h2:before{transform: translateY(50px) scale(0)}
.ani_bind.ani_effect2{opacity: 1;transition: 0.5s opacity}
.ani_work.ani_effect2{opacity:0}
.ani_bind.ani_effect3{filter: grayscale(0%);transition:1s}
.ani_work.ani_effect3{filter: grayscale(100%)}
.ani_bind.ani_effect4{transform: scale(1,1);transition:0.5s transform 0.1s}
.ani_work.ani_effect4{transform: scale(0,1)}
}
body.scr13{background:#f1f1f1;height:101%}
#step13 .head{background:linear-gradient(90deg,#66cc66,#06d0c5);padding: 20px 40px 30px 40px;background-size: 100% auto;overflow:hidden}
#step13 ul.search_auto{font:14px/20px var(--FONT2);color:#fff;margin:0 0 5px 0;padding:0 20px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
#step13 ul.search_auto li{display: inline-block}
#step13 .search_auto li:first-child a{margin-left:0}
#step13 .search_auto a{color:#fff;margin:0 9px}
#step13 .search_auto a:hover,#step13 .search_auto a:focus{color:#FFFF66}
#step13 .search .midico_r{margin:0;width:25px;height:25px;float:none}
#step13 .search svg{width:38px;height:38px}
#step13 #faq_search h2{font: 300 3rem/1 var(--FONT1);margin-bottom:1rem}
#step13 #faq_data button.close24_icon.show_icon{transition: background-color 0.5s,opacity 0.5s ease 0.5s;opacity:1}
#step13 aside.faq_type2 button.close24_icon{transition: background-color 0.5s,opacity 0.5s ease 0.5s;opacity:1}
#step13 aside:not(.faq_type2) button.close24_icon{opacity:0;transition: opacity 0.01s ease 0.01s}
#step13 .search .close_icon{cursor: pointer;background-color: rgba(0,0,0,0.25);border-radius: 50%;border: 0;line-height: 0;padding:4px;transition: background-color 0.5s}
#step13 .search .close_icon:active,#step13 .search .close_icon:focus{background-color: rgba(0,0,0)}
#step13 .search .close_icon svg{fill: white;width: 22px;height: 22px}
#step13 .search .reload_icon{opacity:0.5}
#step13 .search .icons,#step13 .search.search_loading .search_icon,#step13 .search.search_del .search_icon{position: absolute;visibility:hidden}
#step13 .search .search_icon,#step13 .search.search_loading .reload_icon,#step13 .search.search_del .close_icon{position: relative;visibility:visible}
#step13 .search.search_loading .reload_icon{transition: 4s ease;transform: rotate(720deg)}
#step13 .search{width: calc(100% - 40px);transition: width 0.5s ease-out}
#step13 .search:focus-within,#step13 .search.search_del,#step13 .search.search_loading{width: 100%}
#step13 .search form{box-shadow: 0 8px 24px rgba(20,40,60,.30);border:1px solid #fff;border-radius:32px;background:#fff;padding:0 8px 0 24px;box-sizing: border-box;width:100%;height:48px;display: flex;align-items:center;justify-content:space-around}
#step13 .search input{width:100%;font:600 1.5rem/1 var(--FONT1) !important;padding:0;border:none;background:transparent}
#step13 .search input::placeholder{font: italic 1.5rem/1 var(--FONT3);color: var(--TXT_LO3)}
input[name=search]::placeholder{opacity:1;transition:opacity .5s}
input[name=search]:focus::placeholder{opacity:0}
#step13 .data{background: #fff}
#step13 .data{margin: 0 40px;padding: 40px 0 140px 0}
#step13 .head .wrap{max-width: calc(1050px + 5rem);padding-left: 350px;box-sizing: border-box}
#step13 .data .wrap{display: flex;justify-content: center}
#step13 #blog_right{position: -webkit-sticky;position: sticky;align-self: flex-start;width: 350px;margin: 0 20px 0 0;top: 110px;overflow-x: hidden}
#step13 #blog_right.blog_right_rel{position: relative;top:0}
#step13 #blog{flex: 1}
#step13 #blog_right nav{display: flex;flex-wrap: nowrap}
#step13 #blog_right nav > *{width: 100%;flex-shrink: 0}
#step13 #blog_right nav{position: relative;left:0;transition:left 0.5s ease}
#step13 #blog_right.faq_type2 nav{left:-100%}
#step13 #blog_right.faq_type2 #faq_type1{height: 0;overflow: hidden}
#step13 #blog{max-width: calc(680px + 5rem)}
#step13 h2{font:300 22px/40px var(--FONT1);text-shadow:1px 1px #fff;padding:0 0 16px 0}
#step13 aside h2{font:700 1.375rem/52px var(--FONT1);text-shadow:1px 1px #fff;padding:0;display: inline-block}
#step13 main h2.h2_title{font:700 2.5rem var(--FONT1);text-shadow:1px 1px #fff;padding:0 0 16px 0}
#step13 article{flex:1;padding: 0 0 96px 0}
#step13 article:last-child{padding: 0}
#step13 article h3{font: 600 2rem var(--FONT1);padding:15px 0 20px 0}
#step13 article pre{color:#333;margin:0 0 30px 0;font:13px/20px Consolas,'Fira Mono',Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,sans-serif;background:#EDF2F7;padding:15px;border-radius:4px}
body.partner #step13 #faq_more{margin-top:-70px}
#step13 .link{background:#E5E5E5;font:12px/20px Courier;padding: 10px 20px;border-radius: 20px;color:#999;margin: 5px 0 0 0;height: 20px}
#step13 .link font{display:none;opacity:0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step13 .link:hover font{opacity:1}
#step13 #blog .text{background:#fff;position: relative;border-radius: 0 2rem 2rem 2rem;padding: 1rem 2rem 1rem 3rem;box-shadow: rgba(20,30,40,0.10) 0px 16px 64px;display: flex;flex-direction: column;align-items: flex-end}
#step13 .page_content img{max-width:100%;height:auto}
#step13 .text .corner{position:absolute;top:-20px;right:0;float:left;border:10px solid #fff;border-color: transparent #fff #fff transparent}
#step13 #faq_more{position:absolute;right:30px;top:0;width:70px;overflow:hidden;height:70px;opacity:0;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step13 #faq_type2 ul{display:none;margin:0 0 20px 0}
#step13 nav ul{margin: 0;padding: 0;list-style: none}
#step13 aside nav li{border-left:3px solid #E6E6E6;position:relative;overflow:hidden;margin:0 0 2px 0}
#step13 aside nav li:hover,#step13 aside nav li:focus-within{border-left:3px solid #333;background:#f7f7f7}
#step13 aside nav li a,#step13 aside nav li button{font:16px/20px var(--FONT1);transition:left 0.5s ease-out;display:block;position:relative;color:#333;text-shadow:1px 1px #fff;padding:15px 30px 15px 15px;box-sizing: border-box;left:0;height:100%;width: 100%;text-align: left}
#step13 aside nav li:hover a,#step13 aside nav li:hover button,#step13 aside nav li:focus-within a,#step13 aside nav li:focus-within button{transition:left 0.25s ease-in;left:8px;color:#222}
#step13 aside nav li.item_act{border-left:3px solid var(--GROUP_COLOR4);background: #fff}
#step13 li .arrow-icon{visibility:hidden;width:24px;height:24px;position:absolute;right:15px;top:14px;fill: var(--GROUP_COLOR4)}
#step13 li:hover .arrow-icon,#step13 li:focus-within .arrow-icon{visibility:visible}
#step13 nav li .arrow-icon{transform:rotate(180deg)}
#step13 ul#questions li .arrow-icon{transform:rotate(-90deg);top:6px;right:28px}
span.ico_link{background:url(/img/iconset.svg) no-repeat -40px -660px}
#step13 ul#questions{margin:0 0 30px 0}
#step13 ul#questions li{list-style:none;padding:0;margin:0 0 2px 0}
#step13 ul#questions li b{color:#000}
#step13 ul#questions li a{display:block;padding:5px 50px 5px 23px;border-left:3px solid #E6E6E6;position:relative;overflow:hidden;margin: 0;color: var(--BLUE_HI2);font: 400 1rem/1.5rem var(--FONT1);box-sizing: border-box}
#step13 ul#questions li a:hover,#step13 ul#questions li a:focus{color:#222;background:#fff;border-left:3px solid #D04}
#step13 #help{display: flex;justify-content: center;width:100%}
#step13 #help > div{margin:90px auto 15px auto;font:italic 16px/2 var(--FONT2);min-width:400px}
#step13 #help a{text-decoration:none;border-bottom:1px dashed #06c;transition: border-bottom 0.5s ease-out}
#step13 #help a:hover,#step13 #help a:focus{border-bottom:1px dashed transparent}
#step13 #help b{font:300 24px var(--FONT2);display:block;color:#777}
#step13 div.item2{flex:1;margin:100px 30px 0 0;display: flex;flex-direction: column;align-items:center}
#step13 #fd2{margin-right:0}
#step13 div.item2 .files{opacity:0;float:right;margin:-28px 0 -15px 0px;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step13 div.item2 .in{padding:5rem 0 1.25rem 2rem;background:#fff;min-height:268px;border-radius: 1.25rem;box-shadow: rgba(20,30,40,0.10) 0px 1rem 4rem;position: relative;z-index: 0;box-sizing: border-box;width: 100%;margin-top: -5rem}
#step13 div.item2 .in > div{padding-left: 1.4rem;line-height:30px}
#step13 div.item2 ul.bulls{list-style: none;display: inline-flex;flex-direction: column;align-items:flex-start}
#step13 div.item2 ul.bulls li a{margin:0;padding: 0 2rem 0 1.4rem;border-radius: 1.25rem;line-height:2.5rem;width:auto;display: inline-block;transition:background-color 0.5s ease-out}
#step13 div.item2 ul.bulls li a span{border-bottom: 1px dashed #5ad;transition:border-bottom 0.5s ease-out}
#step13 div.item2 ul.bulls li a::before{content: "";background-color: #ee3333;border-radius: 50%;content: "";display: inline-block;margin-right: 1rem;margin-bottom: 1px;height: 8px;width: 8px}
#step13 div.item2 ul.bulls li a:hover,#step13 div.item2 ul.bulls li a:focus{background-color: rgba(102,204,255,0.2);transition:background-color 0.3s ease-in,box-shadow 0.3s;box-shadow:0 0 0 12px transparent}
#step13 div.item2 ul.bulls li a:active{box-shadow:0 0 0 6px rgba(102,204,255,0.1);background-color: rgba(102,204,255,0.2)}
#step13 div.item2 ul.bulls li a:hover span,#step13 div.item2 ul.bulls li a:focus span,#step13 div.item2 ul.bulls li a:active span{border-bottom: 1px dashed transparent;transition:border-bottom 0.3s ease-in}
#step13 div.item2 h2{padding:1rem 0 0.6rem 0;transition:padding 0.6s ease-out;font:300 24px/30px var(--FONT2)}
#step13 div.item2:hover h2{padding-left: 1.4rem}
#step13 div.item2 a.m{font:italic 18px var(--FONT3)}
#step13 div.item2 span.m{font:italic 18px var(--FONT3);color:#222}
#step13 div.item2 span.soon{font:italic 21px var(--FONT3);color:#ccc}
#step13 #fd2 a.m{color:#E52D27;display: inline-block;padding: 0 1.4rem 0 1.4rem;margin-left: -1.4rem;border-radius: 1.25rem;line-height:2.5rem;transition:background-color 0.5s ease-out}
#step13 #fd2 a.m span{border-bottom: 1px dashed #E52D27;transition:border-bottom 0.5s ease-out}
#step13 #fd2 a.m:hover,#step13 #fd2 a.m:focus{background-color: rgba(238,51,51,0.2);transition:background-color 0.3s ease-in,box-shadow 0.3s;box-shadow:0 0 0 12px transparent}
#step13 #fd2 a.m:active{box-shadow:0 0 0 6px rgba(238,51,51,0.1);background-color: rgba(238,51,51,0.2)}
#step13 #fd2 a.m:hover span,#step13 #fd2 a.m:focus span,#step13 #fd2 a.m:active span{border-bottom: 1px dashed transparent;transition:border-bottom 0.3s ease-in}
#step13 .item2 .ico_place{width:150px;height:150px;margin-top:-80px;z-index: 1;display: flex;align-items:center;justify-content: center;position:relative}
#step13 #fd1 .ico_place div{position:absolute;left:0;top:0;width:150px;height:150px;background:#66ccff;border-radius: 50% 50% 50% 50% / 36% 36% 64% 64%}
#step13 #fd2 .ico_place div{position:absolute;left:0;top:0;width:150px;height:150px;background:#E33;border-radius:5rem}
.guide-home-icon{position:relative;z-index:2;fill: #fff;width: 88px;height: 88px}
.guide-help-icon{float: left;width: 70px;height: 70px;fill: #cc9900;margin: 0 10px 0 0}
#step13 a.dload{background:#222;display:inline-block;padding:2px 10px 2px 4px;border-radius:2px;color:#fff;font:12px/20px var(--FONT1);box-shadow:0 10px 10px rgba(255,255,255,0.1) inset}
#step13 a.dload_act{background:#E5E5E5;box-shadow:0 -10px 10px rgba(255,255,255,0.3) inset;color:#fff}
#step13 a.back{opacity:0;float:left;background:#333;color:#fff;font:italic 12px/30px var(--FONT3);padding:0 10px 0 5px;margin:0 0 0 22px;box-shadow:1px 1px rgba(255,255,255,0.5);transition:opacity 0.1s ease;-webkit-transition:opacity 0.1s ease}
#step13 a.back .corner{float:left;border:15px solid #333;margin:0 0 0 -29px;border-color:transparent #333 transparent transparent;border-width:15px 12px}
#step13 .faq_type2 a.back{opacity:1;transition:opacity 0.5s ease 0.5s;-webkit-transition:opacity 0.5s ease 0.5s}
#step13 .more_article_links{width:100%;box-sizing: border-box;display: flex;align-items: center;padding-top: 3rem;justify-content: space-between;position: relative}
#step13 .more_article_links:after{content: '';position: absolute;left: -3rem;right: -2rem;top: 0;height:2rem;background: linear-gradient(#fff,#f4f4f4)}
#step13 .more_link{font: italic normal 0.875rem var(--FONT2);margin-left: -1rem}
#step13 .more_link a{display: inline-block;background-color: var(--GROUP_COLOR4_OPAC);color: rgba(0, 0, 0, 0.7);padding: 8px 12px;border-radius: 60px;box-shadow: 1px 1px rgba(255,255,255,0.5);margin:0.12rem 0}
#step13 .more_link a:hover,#step13 .more_link a:focus{color: var(--GROUP_COLOR4)}
#step13 .more_link a:first-child{margin-left:4px}
#step13 #faq_data,#step13 #faq_search{display:none}
#step13 #faq_home{display: flex;justify-content: center;flex-wrap: wrap}
#step13 #faq_search #help > div{margin:0;padding:0}
#step13 #faq_search #help b{color:#000}
a.ico_edit{background:url(/img/iconset.svg) no-repeat 0 -480px}
a.ico_edit:hover{background:url(/img/iconset.svg) no-repeat -20px -480px}
#step13 .link *{float:left}
#step13 .link .but{background:#39c;border:none;color:#fff;border-radius:3px;height: 24px;padding: 2px 5px;margin:-2px 10px -2px 0}
#step13 .link .input{height: 20px;padding: 2px 5px;margin: -3px 3px -3px 10px;width: 250px;font-size:12px}
#step13 .link .tmpl{background:#aaa;color:#fff;padding:3px 5px 1px;margin:-2px 0 -2px 2px;border-radius:4px}
#step13.slack_faq .data{background:none}
#step13.slack_faq .text{border-radius:0 0 20px 20px}
.scr13 .share_menu{display: flex;flex-direction: column;align-items:center;color: #333}
.scr13 #footer-dark{background-color: transparent}
#step13 .page_content canvas,#step13 .page_content img[data-uri]{box-shadow:0 0 0 1px #E5E5E5}
@media(max-width: 1280px){#step13 #blog_right{width: 340px}
#step13 .head .wrap{padding-left: 340px}
#step13 .head{padding: 20px 20px 30px 20px}
#step13 .data{padding: 40px 0 60px 0;margin: 0 20px}
.text button.scrolltop-icon{visibility: visible}
}
@media(max-width: 1280px){#step13 #blog_right{width: 280px}
#step13 .head .wrap{padding-left: 280px}
#step13 #blog{max-width: none}
}
@media(max-width: 992px){#step13 #blog_right{width: 220px}
#step13 .head .wrap{padding-left: 220px}
#step13 div.item2{margin-top: 75px}
#step13 div.item2 .in{padding-left: 1rem}
}
@media(max-width: 992px){#step13 #faq_home ul.bulls{margin: 0 auto}
#step13 div.item2:hover h2{padding-left: 0}
#step13 .head .wrap{max-width: none;padding-left: 0}
#step13 #faq_home{flex-direction: column}
#step13 #help > div{margin:60px 0}
#step13 #faq_home .item2{margin-right: 0}
#step13 #fd2{margin-top: 100px}
#step13 #faq_home .in{text-align: center}
}
@media screen and (max-width: 768px){#step13 .page_content img{margin:0;max-width: 100%}
}
@media screen and (max-width: 768px){#faq_data article{display: none}
#step13 div.item2{margin-top: 100px}
#step13 #help > div{margin:100px 0 0 0}
#step13 nav li{background:#fff}
#step13 .data{overflow: hidden}
#step13 .data .wrap{position: relative;left: 0;transition:left 0.5s ease;flex-wrap: nowrap;justify-content:flex-start;box-sizing: border-box}
#step13 .data.show_main .wrap{left: -100%;width:100%}
#step13 aside#blog_right{position: static;flex-shrink: 0;width:100%;margin:0}
#step13 main#blog{position: static;width:100%;flex-shrink: 0;flex: none}
#step13 main#blog .text{box-shadow: none}
#step13 #faq_search h2{font: 300 2.6rem/1 var(--FONT1);margin-bottom: 1rem}
#step13 main h2.h2_title{font: 700 1.8rem var(--FONT1)}
#step13 article h3{font: 600 1.6rem var(--FONT1)}
#step13 .show_main #faq_search h2{margin-left: 1.25rem}
#step13 .show_main main h2.h2_title{margin-left: 1.25rem}
#step13 .show_main article h3.list_head{margin-left: 1.25rem}
#step13 .show_main ul#questions li a{padding-left: 1.25rem}
#step13 #blog .text{padding-left: 1.25rem;padding-right: 1.25rem}
button.scrolltop-icon,button.share-icon{right: -4px}
#step13 #faq_data button.close24_icon{transition: background-color 0.5s,opacity 0.5s ease 0.5s;opacity: 1}
#step13 .data:not(.show_main) .wrap{flex-direction:column}
#step13 .more_link a{padding: 4px 8px}
#step13 .more_link a:first-child{margin-left:0}
#step13 article{padding: 0 0 48px 0}
#step13 div.item2 .in{box-shadow: none}
#step13 .data.show_main{margin:0}
#step13 .more_link{margin-left: 0}
}
@media screen and (max-width: 400px){#step13 #help > div{min-width: 320px}
#step13 #help b{font: 300 20px var(--FONT2)}
#step13 #faq_search h2{font: 300 1.5rem/1 var(--FONT1);margin-bottom: 1rem}
}
@media(min-width: 768px){#step13 div.item2 .in{opacity:0;transition: opacity 0.5s ease}
#step13 .item2 .ico_place{opacity: 0;transform: scale(0.2,0.2);transition: all 0.5s ease}
.loaded #step13 div.item2 .in{opacity: 1;transition: opacity 0.5s 1s ease,border-bottom-color 0.5s ease}
#step13 #fd1 .ico_place{left: 110%;position: absolute}
#step13 #fd2 .ico_place{left: -110%;position: absolute}
.loaded #step13 .item2 .ico_place{transform: scale(1,1);opacity: 1;left: 0 !important;transition: all 1s ease;position: relative !important}
.loaded #step13 .item2 .ico_place div{transition: all 1s ease}
.loaded #step13 .item2:hover .ico_place div{transform: scale(1.15,1.15)}
.loaded #step13 .item2 .ico_place ~ div{transition: all 1s ease}
.loaded #step13 .item2:hover .ico_place ~ div{min-height: 272px;margin-top:-5.25rem;padding-top:5.25rem;transition: all 1s ease}
}
#step13 .share-icon:hover:before,#step13 .share-icon:focus:before{background-color: var(--CAT_OPAC1)}
#step13 .share-icon:hover svg,#step13 .share-icon:focus svg{fill: #0099ff}
@media print{#step13 aside,#step13 ul#questions,#step13 article:not(.item_act){display: none !important}
#step13 article.item_act{display: block !important}
#step13 #blog .text{box-shadow: none;padding:0}
#step13 .data{margin: 0;padding: 0;background:none}
#step13 .data .wrap{position:static;display: block}
#step13 #blog{max-width:none}
}
#step13 article .rate__wrapper{width:100%;display: flex;flex-direction: row;padding: 15px 0 0;margin-top: 10px;justify-content: space-between;align-items: center;border-top: 1px solid #eee}
#step13 article .rate{font:15px/20px var(--FONT1)}
#step13 article .rate.clicked{pointer-events:none;opacity:0.6}
#step13 article .rate__wrapper button.scrolltop-icon{right:0}
#step13 article .rate svg{width: 20px;height: 20px;stroke:#06d;float:left;margin:0 10px 0 0}
#step13 article .rate a{display:inline-block;color:#000;padding:10px 20px;border-radius:4px;margin:0 0 0 10px;font-weight:600}
#step13 article .rate .button_yes{box-shadow:0 0 0 1px #06d inset}
#step13 article .rate .button_no{box-shadow:0 0 0 1px #eee inset}
#step13 article .rate .button_yes:hover,#step13 article .rate .button_yes.clicked{background: #06d;color:#fff}
#step13 article .rate .button_yes:hover svg,#step13 article .rate .button_yes.clicked svg{stroke:#fff}
#step13 article .rate .button_no:hover,#step13 article .rate .button_no.clicked{background: #eee}
div.attach{padding:0 0 0 30px;background: #ddd}
div.attach,div.attachmulty{float:left;color:#fff;border-radius:4px;overflow:hidden;margin:0 16px 16px 0}
div.attach input,div.attachmulty input{padding:0px;margin:0px}
div.attach .sm_ext{padding:5px 10px;display:block;border-left:1px solid #f4f4f4;max-width:180px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
div.attach a{margin:0 0 0 -30px;float:left;height: 30px}
div.attach .loader_sm{margin:4px 0 0 -26px;float:left}
div.attach a svg{width:30px;height:30px;fill:#fff}
div.attach a:hover{background:#333}
div.attach .sm_prog_{display:none}
.sm_ext{background:#777}
.sm_ext_mp3,.sm_ext_mp3+u,.file .ext_mp3 u,.file .ext_mp3 i{background:#8a59a5}
.sm_ext_bmp,.sm_ext_bmp+u,.file .ext_bmp u,.file .ext_bmp i{background:#57478c}
.sm_ext_avi,.sm_ext_avi+u,.file .ext_avi u,.file .ext_avi i{background:#11b3b9}
.sm_ext_cdr,.sm_ext_cdr+u,.file .ext_cdr u,.file .ext_cdr i{background:#5fab85}
.sm_ext_txt,.sm_ext_txt+u,.file .ext_txt u,.file .ext_txt i{background:#7e7b5b}
.sm_ext_mp4,.sm_ext_mp4+u,.file .ext_mp4 u,.file .ext_mp4 i{background:#57478c}
.sm_ext_rtf,.sm_ext_rtf+u,.file .ext_rtf u,.file .ext_rtf i{background:#7e7b5b}
.sm_ext_otf,.sm_ext_otf+u,.file .ext_otf u,.file .ext_otf i{background:#d17e33}
.sm_ext_pla,.sm_ext_pla+u,.file .ext_pla u,.file .ext_pla i{background:#f36f21}
.sm_ext_dwg,.sm_ext_dwg+u,.file .ext_dwg u,.file .ext_dwg i{background:#f09634}
.sm_ext_gz,.sm_ext_gz+u,.file .ext_gz u,.file .ext_gz i{background:#6d6e71}
.sm_ext_epf,.sm_ext_epf+u,.file .ext_epf u,.file .ext_epf i{background:#a24a82}
.sm_ext_mov,.sm_ext_mov+u,.file .ext_mov u,.file .ext_mov i{background:#5cadce}
.sm_ext_pps,.sm_ext_pps+u,.file .ext_pps u,.file .ext_pps i{background:#faa61a}
.sm_ext_lbk,.sm_ext_lbk+u,.file .ext_lbk u,.file .ext_lbk i{background:#806a50}
.sm_ext_pln,.sm_ext_pln+u,.file .ext_pln u,.file .ext_pln i{background:#ce60a5}
.sm_ext_docx,.sm_ext_docx+u,.file .ext_docx u,.file .ext_docx i{background:#00aeef}
.sm_ext_doc,.sm_ext_doc+u,.file .ext_doc u,.file .ext_doc i{background:#00aeef}
.sm_ext_xls,.sm_ext_xls+u,.file .ext_xls u,.file .ext_xls i{background:#8dc63f}
.sm_ext_ppt,.sm_ext_ppt+u,.file .ext_ppt u,.file .ext_ppt i{background:#faa61a}
.sm_ext_pdf,.sm_ext_pdf+u,.file .ext_pdf u,.file .ext_pdf i{background:#d71921}
.sm_ext_docx,.sm_ext_docx+u,.file .ext_docx u,.file .ext_docx i{background:#00aeef}
.sm_ext_xlsx,.sm_ext_xlsx+u,.file .ext_xlsx u,.file .ext_xlsx i{background:#8dc63f}
.sm_ext_pptx,.sm_ext_pptx+u,.file .ext_pptx u,.file .ext_pptx i{background:#faa61a}
.sm_ext_swf,.sm_ext_swf+u,.file .ext_swf u,.file .ext_swf i{background:#ef4030}
.sm_ext_rp,.sm_ext_rp+u,.file .ext_rp u,.file .ext_rp i{background:#5d8182}
.sm_ext_htm,.sm_ext_htm+u,.file .ext_htm u,.file .ext_htm i{background:#4e83c3}
.sm_ext_tiff,.sm_ext_tiff+u,.file .ext_tiff u,.file .ext_tiff i{background:#3b6797}
.sm_ext_exe,.sm_ext_exe+u,.file .ext_exe u,.file .ext_exe i{background:#b51218}
.sm_ext_sql,.sm_ext_sql+u,.file .ext_sql u,.file .ext_sql i{background:#00929e}
.sm_ext_vsd,.sm_ext_vsd+u,.file .ext_vsd u,.file .ext_vsd i{background:#0095da}
.sm_ext_eml,.sm_ext_eml+u,.file .ext_eml u,.file .ext_eml i{background:#ca8813}
.sm_ext_apk,.sm_ext_apk+u,.file .ext_apk u,.file .ext_apk i{background:#91a93d}
.sm_ext_fla,.sm_ext_fla+u,.file .ext_fla u,.file .ext_fla i{background:#ed1c24}
.sm_ext_ipa,.sm_ext_ipa+u,.file .ext_ipa u,.file .ext_ipa i{background:#4e83c3}
.sm_ext_dll,.sm_ext_dll+u,.file .ext_dll u,.file .ext_dll i{background:#556670}
.sm_ext_stp,.sm_ext_stp+u,.file .ext_stp u,.file .ext_stp i{background:#80a9bc}
.sm_ext_zip,.sm_ext_zip+u,.file .ext_zip u,.file .ext_zip i{background:#58585a}
.sm_ext_jpg,.sm_ext_jpg+u,.file .ext_jpg u,.file .ext_jpg i{background:#c6168d}
.sm_ext_7z,.sm_ext_7z+u,.file .ext_7z u,.file .ext_7z i{background:#231f20}
.sm_ext_psd,.sm_ext_psd+u,.file .ext_psd u,.file .ext_psd i{background:#0066b3}
.sm_ext_ico,.sm_ext_ico+u,.file .ext_ico u,.file .ext_ico i{background:#ce60a5}
.sm_ext_eps,.sm_ext_eps+u,.file .ext_eps u,.file .ext_eps i{background:#f36f21}
.sm_ext_xml,.sm_ext_xml+u,.file .ext_xml u,.file .ext_xml i{background:#839b46}
.sm_ext_msg,.sm_ext_msg+u,.file .ext_msg u,.file .ext_msg i{background:#ca8813}
.sm_ext_rar,.sm_ext_rar+u,.file .ext_rar u,.file .ext_rar i{background:#9b090d}
.sm_ext_jpeg,.sm_ext_jpeg+u,.file .ext_jpeg u,.file .ext_jpeg i{background:#c6168d}
.sm_ext_zsp,.sm_ext_zsp+u,.file .ext_zsp u,.file .ext_zsp i{background:#6d6e71}
.sm_ext_gif,.sm_ext_gif+u,.file .ext_gif u,.file .ext_gif i{background:#0b7393}
.sm_ext_flv,.sm_ext_flv+u,.file .ext_flv u,.file .ext_flv i{background:#ef4030}
.sm_ext_ai,.sm_ext_ai+u,.file .ext_ai u,.file .ext_ai i{background:#f36f21}
.sm_ext_js,.sm_ext_js+u,.file .ext_js u,.file .ext_js i{background:#7ac142}
.sm_ext_xlsm,.sm_ext_xlsm+u,.file .ext_xlsm u,.file .ext_xlsm i{background:#6d6e71}
.sm_ext_key,.sm_ext_key+u,.file .ext_key u,.file .ext_key i{background:#7e7b5b}
.sm_ext_pages,.sm_ext_pages+u,.file .ext_pages u,.file .ext_pages i{background:#46578f}
.sm_ext_nef,.sm_ext_nef+u,.file .ext_nef u,.file .ext_nef i{background:#0095da}
.sm_ext_wmf,.sm_ext_wmf+u,.file .ext_wmf u,.file .ext_wmf i{background:#f47920}
.sm_ext_css,.sm_ext_css+u,.file .ext_css u,.file .ext_css i{background:#4f9cba}
.sm_ext_html,.sm_ext_html+u,.file .ext_html u,.file .ext_html i{background:#4e83c3}
.sm_ext_csv,.sm_ext_csv+u,.file .ext_csv u,.file .ext_csv i{background:#6e862d}
.sm_ext_png,.sm_ext_png+u,.file .ext_png u,.file .ext_png i{background:#965575}
.sm_ext_php,.sm_ext_php+u,.file .ext_php u,.file .ext_php i{background:#4d6f8f}
.sm_ext_wav,.sm_ext_wav+u,.file .ext_wav u,.file .ext_wav i{background:#0092b8}
.sm_ext_mmap,.sm_ext_mmap+u,.file .ext_mmap u,.file .ext_mmap i{background:#00879c}
.sm_ext_indd,.sm_ext_indd+u,.file .ext_indd u,.file .ext_indd i{background:#a63877}
.sm_ext_tpl,.sm_ext_tpl+u,.file .ext_tpl u,.file .ext_tpl i{background:#80a9bc}
.sm_ext_ods,.sm_ext_ods+u,.file .ext_ods u,.file .ext_ods i{background:#839b46}
.sm_ext_mq4,.sm_ext_mq4+u,.file .ext_mq4 u,.file .ext_mq4 i{background:#3b6797}
.sm_ext_odt,.sm_ext_odt+u,.file .ext_odt u,.file .ext_odt i{background:#4e88c7}
.sm_ext_ppsx,.sm_ext_ppsx+u,.file .ext_ppsx u,.file .ext_ppsx i{background:#faa61a}
.sm_ext_mpp,.sm_ext_mpp+u,.file .ext_mpp u,.file .ext_mpp i{background:#5fab85}
.sm_ext_tif,.sm_ext_tif+u,.file .ext_tif u,.file .ext_tif i{background:#3b6797}
.sm_ext_tar,.sm_ext_tar+u,.file .ext_tar u,.file .ext_tar i{background:#944b43}
.sm_ext_mp4,.sm_ext_mp4+u,.file .ext_mp4 u,.file .ext_mp4 i{background:#00879c}
.sm_ext_dwf,.sm_ext_dwf+u,.file .ext_dwf u,.file .ext_dwf i{background:#3b6797}
.sm_ext_wmv,.sm_ext_wmv+u,.file .ext_wmv u,.file .ext_wmv i{background:#37a7cd}
.sm_ext_max,.sm_ext_max+u,.file .ext_max u,.file .ext_max i{background:#0084b5}
.sm_ext_ttf,.sm_ext_ttf+u,.file .ext_ttf u,.file .ext_ttf i{background:#caa81b}
.sm_ext_svg,.sm_ext_svg+u,.file .ext_svg u,.file .ext_svg i{background:#e0345e}
.sm_ext_sit,.sm_ext_sit+u,.file .ext_sit u,.file .ext_sit i{background:#434b84}
.sm_ext_dmg,.sm_ext_dmg+u,.file .ext_dmg u,.file .ext_dmg i{background:#575757}
.attachnew{font: 14px/20px Arial;color:#777;padding:10px 0 24px}
.attachnew a{color:inherit;border-bottom:1px dashed}
.attachnew a:hover,.attachnew a:focus{color:#07d;border-bottom:0}
.drop_zone_out{position:relative}
.drop_zone{z-index:1015;display:none;position:absolute;left:-5px;top:28px;right:-15px;bottom:-5px}
.drop_zone_body .drop_zone{position:fixed;left:0;top:0;right:0;bottom:0;border:none}
.drop_zone_in{display:none;position:absolute;left:5px;top:38px;right:-5px;bottom:5px;z-index:1014;background:rgba(255,255,255,0.8);text-align:center;font:24px Arial;color:var(--TXT_LO3)}
.drop_zone_body .drop_zone_in{position:fixed;left:0;top:0;right:0;bottom:0;border:none}
.drop_zone_move{position:absolute;width:400px;height:100px;left:50%;top:50%;margin:-50px 0 0 -200px}
.drop_zone_move .ico_big{display:block;width:60px;height:60px;background:url(/img/drop_file_here.svg);margin:0 auto;opacity:0.5}
.drop_zone_ready{position:absolute;color:var(--TXT);display:none;width:400px;height:100px;left:50%;top:50%;margin:-50px 0 0 -200px}
.drop_zone_ready .ico_big{display:block;width:60px;height:60px;background:url(/img/drop_file_here.svg) -60px 0;margin:0 auto}
body.body_drop .drop_zone,body.body_drop .drop_zone_in{display:block}
body.body_drop #dz-logo #logo{background:rgba(204,238,255,0.8);border-radius:20px;box-shadow:0 0 0 5px var(--BG0) inset}
body.body_drop #dz-logo .logo{background:rgba(204,238,255,0.8)}
.drop-hover .drop_zone_in,.drop_zone_body .drop_zone_in{background:rgba(204,238,255,0.8);border:4px solid rgba(204,238,255,0.8)}
.drop-hover .drop_zone_move,.drop_zone_body .drop_zone_move{display:none}
.drop-hover .drop_zone_ready,.drop_zone_body .drop_zone_ready{display:block}
.drop-zone{margin-bottom:10px}
.drop-zone .drop_hid{display:none}
.drop-zhover .drop_vis{display:none}
.drop-zhover .drop_hid{display:block;background:var(--BG3);color:var(--TXT_LO3);margin: -7px 0 -7px 0;padding: 7px 10px;width: 95%;line-height:20px;text-align:center}
.drop-zhover .drop-hover{background:var(--BG4_ALT);color:var(--TXT_LO2)}
span.ico_attach,a.ico_attach{background:url(/img/iconset.svg) no-repeat 0 -340px}
.attach a.ico_delete2,.attach span.ico_delete2{background:url(/img/iconset.svg) no-repeat -80px -500px}
.attach a.ico_delete2:hover,.attach a:hover span.ico_delete2{background:url(/img/iconset.svg) no-repeat -60px -500px}
.attachmulty a.ico_delete2,.attachmulty span.ico_delete2{background:url(/img/iconset.svg) no-repeat -80px -500px}
.attachmulty a.ico_delete2:hover,.attachmulty a:hover span.ico_delete2{background:url(/img/iconset.svg) no-repeat -60px -500px}
span.ico_dload{background:url(/img/pro_iconset_sm.svg) no-repeat -102px -128px}
.attach span.ico_dload{background:url(/img/iconset.svg) no-repeat 0 -380px;margin: 0 18px 0 0}
@-webkit-keyframes loader{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes loader{0%{-webkit-transform: rotate(0deg);transform: rotate(0deg)}
100%{-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
.loader_sm{display:inline-block;font-size: 10px;position: relative;text-indent: -9999em;margin:5px;border: 2px solid #fff;border-left-color:transparent;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation: loader 1.1s infinite linear;animation: loader 1.1s infinite linear}
.loader_sm{border-radius: 50%;width: 18px;height: 18px}
.flag{display: inline-flex;background-repeat: no-repeat;background-size: cover}
.flag.flag_32{width: 32px;height: 32px}
.flag.flag_24{width: 24px;height: 24px}
:root{--iti-hover-color:rgba(0,0,0,0.05);--iti-text-gray:#999;--iti-border-gray:#ccc;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-path-flags-1x:url("../img/flags.png?1");--iti-path-flags-2x:url("../img/flags@2x.png?1");--iti-path-globe-1x:url("../img/globe.png");--iti-path-globe-2x:url("../img/globe@2x.png");--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}
.iti{position:relative;display:inline-block}
.iti *{box-sizing:border-box}
.iti__hide{display:none}
.iti__v-hide{visibility:hidden}
.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}
.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0}
.iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width)}
.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}
.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}
.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}
[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}
.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}
.iti__dropdown-content{border-radius:3px;background-color:#fff}
.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-gray);box-shadow:1px 1px 4px rgba(0,0,0,.2)}
.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}
.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-gray)}
.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.iti--inline-dropdown .iti__country-list{max-height:185px}
.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:var(--iti-flag-width)}
.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}
.iti__dial-code{color:var(--iti-text-gray)}
.iti__country.iti__highlight{background-color:var(--iti-hover-color)}
.iti__country-name,.iti__flag-box{margin-right:var(--iti-spacer-horizontal)}
[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal)}
.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0}
.iti--allow-dropdown .iti__country-container{right:auto;left:0}
[dir=rtl] .iti--allow-dropdown .iti__country-container{right:0;left:auto}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}
.iti .iti__selected-dial-code{margin-left:4px}
[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}
.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}
.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:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}
.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}
.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}
.iti__flag{--iti-flag-offset:0px;--iti-flag-width:20px;--iti-flag-height:14px;height:var(--iti-flag-height);width:var(--iti-flag-width);box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}
.iti__np{--iti-flag-width:13px}
.iti__ch,.iti__va{--iti-flag-width:15px}
.iti__be,.iti__ne{--iti-flag-width:18px}
.iti__mc{--iti-flag-width:19px}
.iti__ac,.iti__ae,.iti__ai,.iti__am,.iti__as,.iti__au,.iti__az,.iti__ba,.iti__bm,.iti__bn,.iti__bs,.iti__by,.iti__ca,.iti__cc,.iti__ck,.iti__cu,.iti__cx,.iti__dg,.iti__dm,.iti__eh,.iti__er,.iti__et,.iti__fj,.iti__fk,.iti__gb,.iti__gi,.iti__gs,.iti__gw,.iti__hm,.iti__hn,.iti__hr,.iti__hu,.iti__ie,.iti__im,.iti__io,.iti__jm,.iti__jo,.iti__ki,.iti__kp,.iti__kw,.iti__ky,.iti__kz,.iti__lc,.iti__lk,.iti__lv,.iti__ly,.iti__md,.iti__me,.iti__mk,.iti__mn,.iti__mp,.iti__ms,.iti__my,.iti__nc,.iti__nf,.iti__ng,.iti__nr,.iti__nu,.iti__nz,.iti__om,.iti__ph,.iti__pn,.iti__ps,.iti__sb,.iti__sc,.iti__sd,.iti__sh,.iti__si,.iti__ss,.iti__st,.iti__su,.iti__ta,.iti__tc,.iti__tj,.iti__tk,.iti__tl,.iti__to,.iti__tv,.iti__uk,.iti__uz,.iti__vg,.iti__ws,.iti__zw{--iti-flag-height:10px}
.iti__fm,.iti__gu,.iti__lr,.iti__mh,.iti__py,.iti__um,.iti__us{--iti-flag-height:11px}
.iti__bd,.iti__bg,.iti__bh,.iti__bi,.iti__bz,.iti__cq,.iti__cr,.iti__cv,.iti__de,.iti__fi,.iti__gd,.iti__gy,.iti__ht,.iti__ir,.iti__je,.iti__kg,.iti__km,.iti__li,.iti__lt,.iti__lu,.iti__mx,.iti__ni,.iti__sv,.iti__tt,.iti__vu{--iti-flag-height:12px}
.iti__ar,.iti__ax,.iti__ee,.iti__gt,.iti__kh,.iti__pl,.iti__pw,.iti__se,.iti__tg{--iti-flag-height:13px}
.iti__al,.iti__be,.iti__bv,.iti__cd,.iti__ch,.iti__dk,.iti__fo,.iti__ga,.iti__il,.iti__is,.iti__mc,.iti__ne,.iti__no,.iti__np,.iti__pg,.iti__sj,.iti__sm,.iti__va,.iti__xk{--iti-flag-height:15px}
.iti__qa{--iti-flag-height:8px}
.iti__ac{--iti-flag-offset:0px}
.iti__ad{--iti-flag-offset:-22px}
.iti__ae{--iti-flag-offset:-44px}
.iti__af{--iti-flag-offset:-66px}
.iti__ag{--iti-flag-offset:-88px}
.iti__ai{--iti-flag-offset:-110px}
.iti__al{--iti-flag-offset:-132px}
.iti__am{--iti-flag-offset:-154px}
.iti__ao{--iti-flag-offset:-176px}
.iti__aq{--iti-flag-offset:-198px}
.iti__ar{--iti-flag-offset:-220px}
.iti__as{--iti-flag-offset:-242px}
.iti__at{--iti-flag-offset:-264px}
.iti__au{--iti-flag-offset:-286px}
.iti__aw{--iti-flag-offset:-308px}
.iti__ax{--iti-flag-offset:-330px}
.iti__az{--iti-flag-offset:-352px}
.iti__ba{--iti-flag-offset:-374px}
.iti__bb{--iti-flag-offset:-396px}
.iti__bd{--iti-flag-offset:-418px}
.iti__be{--iti-flag-offset:-440px}
.iti__bf{--iti-flag-offset:-460px}
.iti__bg{--iti-flag-offset:-482px}
.iti__bh{--iti-flag-offset:-504px}
.iti__bi{--iti-flag-offset:-526px}
.iti__bj{--iti-flag-offset:-548px}
.iti__bl{--iti-flag-offset:-570px}
.iti__bm{--iti-flag-offset:-592px}
.iti__bn{--iti-flag-offset:-614px}
.iti__bo{--iti-flag-offset:-636px}
.iti__bq{--iti-flag-offset:-658px}
.iti__br{--iti-flag-offset:-680px}
.iti__bs{--iti-flag-offset:-702px}
.iti__bt{--iti-flag-offset:-724px}
.iti__bv{--iti-flag-offset:-746px}
.iti__bw{--iti-flag-offset:-768px}
.iti__by{--iti-flag-offset:-790px}
.iti__bz{--iti-flag-offset:-812px}
.iti__ca{--iti-flag-offset:-834px}
.iti__cc{--iti-flag-offset:-856px}
.iti__cd{--iti-flag-offset:-878px}
.iti__cf{--iti-flag-offset:-900px}
.iti__cg{--iti-flag-offset:-922px}
.iti__ch{--iti-flag-offset:-944px}
.iti__ci{--iti-flag-offset:-961px}
.iti__ck{--iti-flag-offset:-983px}
.iti__cl{--iti-flag-offset:-1005px}
.iti__cm{--iti-flag-offset:-1027px}
.iti__cn{--iti-flag-offset:-1049px}
.iti__co{--iti-flag-offset:-1071px}
.iti__cp{--iti-flag-offset:-1093px}
.iti__cq{--iti-flag-offset:-1115px}
.iti__cr{--iti-flag-offset:-1137px}
.iti__cu{--iti-flag-offset:-1159px}
.iti__cv{--iti-flag-offset:-1181px}
.iti__cw{--iti-flag-offset:-1203px}
.iti__cx{--iti-flag-offset:-1225px}
.iti__cy{--iti-flag-offset:-1247px}
.iti__cz{--iti-flag-offset:-1269px}
.iti__de{--iti-flag-offset:-1291px}
.iti__dg{--iti-flag-offset:-1313px}
.iti__dj{--iti-flag-offset:-1335px}
.iti__dk{--iti-flag-offset:-1357px}
.iti__dm{--iti-flag-offset:-1379px}
.iti__do{--iti-flag-offset:-1401px}
.iti__dz{--iti-flag-offset:-1423px}
.iti__ea{--iti-flag-offset:-1445px}
.iti__ec{--iti-flag-offset:-1467px}
.iti__ee{--iti-flag-offset:-1489px}
.iti__eg{--iti-flag-offset:-1511px}
.iti__eh{--iti-flag-offset:-1533px}
.iti__er{--iti-flag-offset:-1555px}
.iti__es{--iti-flag-offset:-1577px}
.iti__et{--iti-flag-offset:-1599px}
.iti__eu{--iti-flag-offset:-1621px}
.iti__ez{--iti-flag-offset:-1643px}
.iti__fi{--iti-flag-offset:-1665px}
.iti__fj{--iti-flag-offset:-1687px}
.iti__fk{--iti-flag-offset:-1709px}
.iti__fm{--iti-flag-offset:-1731px}
.iti__fo{--iti-flag-offset:-1753px}
.iti__fr{--iti-flag-offset:-1775px}
.iti__fx{--iti-flag-offset:-1797px}
.iti__ga{--iti-flag-offset:-1819px}
.iti__gb{--iti-flag-offset:-1841px}
.iti__gd{--iti-flag-offset:-1863px}
.iti__ge{--iti-flag-offset:-1885px}
.iti__gf{--iti-flag-offset:-1907px}
.iti__gg{--iti-flag-offset:-1929px}
.iti__gh{--iti-flag-offset:-1951px}
.iti__gi{--iti-flag-offset:-1973px}
.iti__gl{--iti-flag-offset:-1995px}
.iti__gm{--iti-flag-offset:-2017px}
.iti__gn{--iti-flag-offset:-2039px}
.iti__gp{--iti-flag-offset:-2061px}
.iti__gq{--iti-flag-offset:-2083px}
.iti__gr{--iti-flag-offset:-2105px}
.iti__gs{--iti-flag-offset:-2127px}
.iti__gt{--iti-flag-offset:-2149px}
.iti__gu{--iti-flag-offset:-2171px}
.iti__gw{--iti-flag-offset:-2193px}
.iti__gy{--iti-flag-offset:-2215px}
.iti__hk{--iti-flag-offset:-2237px}
.iti__hm{--iti-flag-offset:-2259px}
.iti__hn{--iti-flag-offset:-2281px}
.iti__hr{--iti-flag-offset:-2303px}
.iti__ht{--iti-flag-offset:-2325px}
.iti__hu{--iti-flag-offset:-2347px}
.iti__ic{--iti-flag-offset:-2369px}
.iti__id{--iti-flag-offset:-2391px}
.iti__ie{--iti-flag-offset:-2413px}
.iti__il{--iti-flag-offset:-2435px}
.iti__im{--iti-flag-offset:-2457px}
.iti__in{--iti-flag-offset:-2479px}
.iti__io{--iti-flag-offset:-2501px}
.iti__iq{--iti-flag-offset:-2523px}
.iti__ir{--iti-flag-offset:-2545px}
.iti__is{--iti-flag-offset:-2567px}
.iti__it{--iti-flag-offset:-2589px}
.iti__je{--iti-flag-offset:-2611px}
.iti__jm{--iti-flag-offset:-2633px}
.iti__jo{--iti-flag-offset:-2655px}
.iti__jp{--iti-flag-offset:-2677px}
.iti__ke{--iti-flag-offset:-2699px}
.iti__kg{--iti-flag-offset:-2721px}
.iti__kh{--iti-flag-offset:-2743px}
.iti__ki{--iti-flag-offset:-2765px}
.iti__km{--iti-flag-offset:-2787px}
.iti__kn{--iti-flag-offset:-2809px}
.iti__kp{--iti-flag-offset:-2831px}
.iti__kr{--iti-flag-offset:-2853px}
.iti__kw{--iti-flag-offset:-2875px}
.iti__ky{--iti-flag-offset:-2897px}
.iti__kz{--iti-flag-offset:-2919px}
.iti__la{--iti-flag-offset:-2941px}
.iti__lb{--iti-flag-offset:-2963px}
.iti__lc{--iti-flag-offset:-2985px}
.iti__li{--iti-flag-offset:-3007px}
.iti__lk{--iti-flag-offset:-3029px}
.iti__lr{--iti-flag-offset:-3051px}
.iti__ls{--iti-flag-offset:-3073px}
.iti__lt{--iti-flag-offset:-3095px}
.iti__lu{--iti-flag-offset:-3117px}
.iti__lv{--iti-flag-offset:-3139px}
.iti__ly{--iti-flag-offset:-3161px}
.iti__ma{--iti-flag-offset:-3183px}
.iti__mc{--iti-flag-offset:-3205px}
.iti__md{--iti-flag-offset:-3226px}
.iti__me{--iti-flag-offset:-3248px}
.iti__mf{--iti-flag-offset:-3270px}
.iti__mg{--iti-flag-offset:-3292px}
.iti__mh{--iti-flag-offset:-3314px}
.iti__mk{--iti-flag-offset:-3336px}
.iti__ml{--iti-flag-offset:-3358px}
.iti__mm{--iti-flag-offset:-3380px}
.iti__mn{--iti-flag-offset:-3402px}
.iti__mo{--iti-flag-offset:-3424px}
.iti__mp{--iti-flag-offset:-3446px}
.iti__mq{--iti-flag-offset:-3468px}
.iti__mr{--iti-flag-offset:-3490px}
.iti__ms{--iti-flag-offset:-3512px}
.iti__mt{--iti-flag-offset:-3534px}
.iti__mu{--iti-flag-offset:-3556px}
.iti__mv{--iti-flag-offset:-3578px}
.iti__mw{--iti-flag-offset:-3600px}
.iti__mx{--iti-flag-offset:-3622px}
.iti__my{--iti-flag-offset:-3644px}
.iti__mz{--iti-flag-offset:-3666px}
.iti__na{--iti-flag-offset:-3688px}
.iti__nc{--iti-flag-offset:-3710px}
.iti__ne{--iti-flag-offset:-3732px}
.iti__nf{--iti-flag-offset:-3752px}
.iti__ng{--iti-flag-offset:-3774px}
.iti__ni{--iti-flag-offset:-3796px}
.iti__nl{--iti-flag-offset:-3818px}
.iti__no{--iti-flag-offset:-3840px}
.iti__np{--iti-flag-offset:-3862px}
.iti__nr{--iti-flag-offset:-3877px}
.iti__nu{--iti-flag-offset:-3899px}
.iti__nz{--iti-flag-offset:-3921px}
.iti__om{--iti-flag-offset:-3943px}
.iti__pa{--iti-flag-offset:-3965px}
.iti__pe{--iti-flag-offset:-3987px}
.iti__pf{--iti-flag-offset:-4009px}
.iti__pg{--iti-flag-offset:-4031px}
.iti__ph{--iti-flag-offset:-4053px}
.iti__pk{--iti-flag-offset:-4075px}
.iti__pl{--iti-flag-offset:-4097px}
.iti__pm{--iti-flag-offset:-4119px}
.iti__pn{--iti-flag-offset:-4141px}
.iti__pr{--iti-flag-offset:-4163px}
.iti__ps{--iti-flag-offset:-4185px}
.iti__pt{--iti-flag-offset:-4207px}
.iti__pw{--iti-flag-offset:-4229px}
.iti__py{--iti-flag-offset:-4251px}
.iti__qa{--iti-flag-offset:-4273px}
.iti__re{--iti-flag-offset:-4295px}
.iti__ro{--iti-flag-offset:-4317px}
.iti__rs{--iti-flag-offset:-4339px}
.iti__ru{--iti-flag-offset:-4361px}
.iti__rw{--iti-flag-offset:-4383px}
.iti__sa{--iti-flag-offset:-4405px}
.iti__sb{--iti-flag-offset:-4427px}
.iti__sc{--iti-flag-offset:-4449px}
.iti__sd{--iti-flag-offset:-4471px}
.iti__se{--iti-flag-offset:-4493px}
.iti__sg{--iti-flag-offset:-4515px}
.iti__sh{--iti-flag-offset:-4537px}
.iti__si{--iti-flag-offset:-4559px}
.iti__sj{--iti-flag-offset:-4581px}
.iti__sk{--iti-flag-offset:-4603px}
.iti__sl{--iti-flag-offset:-4625px}
.iti__sm{--iti-flag-offset:-4647px}
.iti__sn{--iti-flag-offset:-4669px}
.iti__so{--iti-flag-offset:-4691px}
.iti__sr{--iti-flag-offset:-4713px}
.iti__ss{--iti-flag-offset:-4735px}
.iti__st{--iti-flag-offset:-4757px}
.iti__su{--iti-flag-offset:-4779px}
.iti__sv{--iti-flag-offset:-4801px}
.iti__sx{--iti-flag-offset:-4823px}
.iti__sy{--iti-flag-offset:-4845px}
.iti__sz{--iti-flag-offset:-4867px}
.iti__ta{--iti-flag-offset:-4889px}
.iti__tc{--iti-flag-offset:-4911px}
.iti__td{--iti-flag-offset:-4933px}
.iti__tf{--iti-flag-offset:-4955px}
.iti__tg{--iti-flag-offset:-4977px}
.iti__th{--iti-flag-offset:-4999px}
.iti__tj{--iti-flag-offset:-5021px}
.iti__tk{--iti-flag-offset:-5043px}
.iti__tl{--iti-flag-offset:-5065px}
.iti__tm{--iti-flag-offset:-5087px}
.iti__tn{--iti-flag-offset:-5109px}
.iti__to{--iti-flag-offset:-5131px}
.iti__tr{--iti-flag-offset:-5153px}
.iti__tt{--iti-flag-offset:-5175px}
.iti__tv{--iti-flag-offset:-5197px}
.iti__tw{--iti-flag-offset:-5219px}
.iti__tz{--iti-flag-offset:-5241px}
.iti__ua{--iti-flag-offset:-5263px}
.iti__ug{--iti-flag-offset:-5285px}
.iti__uk{--iti-flag-offset:-5307px}
.iti__um{--iti-flag-offset:-5329px}
.iti__un{--iti-flag-offset:-5351px}
.iti__us{--iti-flag-offset:-5373px}
.iti__uy{--iti-flag-offset:-5395px}
.iti__uz{--iti-flag-offset:-5417px}
.iti__va{--iti-flag-offset:-5439px}
.iti__vc{--iti-flag-offset:-5456px}
.iti__ve{--iti-flag-offset:-5478px}
.iti__vg{--iti-flag-offset:-5500px}
.iti__vi{--iti-flag-offset:-5522px}
.iti__vn{--iti-flag-offset:-5544px}
.iti__vu{--iti-flag-offset:-5566px}
.iti__wf{--iti-flag-offset:-5588px}
.iti__ws{--iti-flag-offset:-5610px}
.iti__xk{--iti-flag-offset:-5632px}
.iti__ye{--iti-flag-offset:-5654px}
.iti__yt{--iti-flag-offset:-5676px}
.iti__za{--iti-flag-offset:-5698px}
.iti__zm{--iti-flag-offset:-5720px}
.iti__zw{--iti-flag-offset:-5742px}
.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}
@media(min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}
.iti__globe{background-image:var(--iti-path-globe-2x)}
}
.iti{width: 100%;--iti-arrow-padding: 6px;--iti-spacer-horizontal: 15px}
.iti__country-list::-webkit-scrollbar{width: 16px}
.iti__country-list::-webkit-scrollbar-track:vertical{border-left: 1px solid var(--colors-slate-200);background-color: var(--colors-slate-50);border-bottom-right-radius: 7px;box-sizing: content-box}
.iti__country-list::-webkit-scrollbar-track:hover{}
.iti__country-list::-webkit-scrollbar-thumb{background-color: var(--colors-slate-300);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid transparent;border-bottom: 4px solid transparent;background-clip: content-box;min-height: 24px;border-radius: 100px}
.iti__country-list:hover::-webkit-scrollbar-thumb:vertical{}
.iti__country-list::-webkit-scrollbar-button{display: none}
.iti .iti__selected-country-primary.active,.iti .iti__selected-country-primary.active + .iti__selected-dial-code{padding-top: 12px;transition: all 0.1s ease}
.iti__selected-dial-code{font: 15px/20px var(--FONT1);color: var(--colors-slate-trans-500)}
.iti--inline-dropdown .iti__country-list{height: 300px;min-height: 300px;overflow-y: auto}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color: transparent}
.iti--inline-dropdown .iti__dropdown-content{margin-top: -1px}
.iti__dropdown-content{border-radius: 0 0 8px 8px}
.iti--inline-dropdown .iti__dropdown-content{box-shadow: 0 0 4px rgba(0,0,0,0.05)}
.iti__search-input{border-radius: 0}
.iti__country-container:has(button[aria-expanded=true]) + input.input{border-radius: 8px 8px 0 0}
.iti__search-input{border-bottom: var(--iti-border-width) solid var(--iti-border-gray);background-color: var(--colors-slate-trans-50)}
.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}
.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}
.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}
.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}
.lSSlideOuter{overflow:hidden;user-select:none}
.lightSlider:after,.lightSlider:before{content:" ";display:table}
.lightSlider{overflow:hidden;margin:0}
.lSSlideWrapper{max-width:100%;overflow:hidden}
.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}
.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}
.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}
.lSSlideWrapper .lSFade>.active{z-index:10}
.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}
.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}
.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}
.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}
.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}
.lSSlideOuter .media{opacity:.8}
.lSSlideOuter .media.active{opacity:1}
.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}
.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}
.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}
.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}
.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}
.lSAction>a{width:32px;display:block;top:50%;height:32px;cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}
.lSAction>a:hover{opacity:1}
.lSAction>.lSPrev{background-position:0 0;left:10px}
.lSAction>.lSNext{background-position:-32px 0;right:10px}
.lSAction>a.disabled{pointer-events:none}
.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}
.lSSlideOuter.vertical{position:relative}
.lSSlideOuter.vertical.noPager{padding-right:0!important}
.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}
.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}
.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}
.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}
.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}
.lSSlideOuter.lSrtl{direction:rtl}
.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}
.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}
.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}
.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}
@-webkit-keyframes rightEnd{0%,100%{left:0}
50%{left:-15px}
}
@keyframes rightEnd{0%,100%{left:0}
50%{left:-15px}
}
@-webkit-keyframes topEnd{0%,100%{top:0}
50%{top:-15px}
}
@keyframes topEnd{0%,100%{top:0}
50%{top:-15px}
}
@-webkit-keyframes leftEnd{0%,100%{left:0}
50%{left:15px}
}
@keyframes leftEnd{0%,100%{left:0}
50%{left:15px}
}
@-webkit-keyframes bottomEnd{0%,100%{bottom:0}
50%{bottom:-15px}
}
@keyframes bottomEnd{0%,100%{bottom:0}
50%{bottom:-15px}
}
.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}
.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}
.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}
.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}
.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}
.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}
.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}
.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}
#catalog{min-height:360px;padding:15px 0 0;position:fixed;left:50%;width:640px;margin:0 0 0 -320px;top: -1200px;transition: top 0.3s;background:#fff;z-index:1010;border-radius: 0 0 30px 30px;box-shadow: rgba(20,30,40,0.45) 0px 16px 64px}
.bd_search #catalog{text-align:center}
@media(max-width: 768px){#catalog{left:0;width:auto;right:0;margin:0;position: static;display:none !important}
.bd_catalog #catalog{display:block !important}
}
#catalog .cats{position:relative;height:230px}
#catalog .cats a.r{display:none}
#catalog .cats .col{display:inline-block;vertical-align:top;text-align:left}
#catalog .cats div a{display:inline-block;font:14px/25px var(--FONT1);color:#555;margin:0 -40px 0 14px;padding:0 10px;border-radius:4px}
#catalog .cats a.coltop{font:18px/40px var(--FONT1);color:#000;padding:0 24px;text-transform:uppercase;display:inline-block;position:relative;margin:0}
#catalog .cats a.coltop:hover:before,#catalog .cats a.act:before{content:'';position:absolute;left:24px;right:24px;top:0;height:2px}
#catalog .cats a.col1{color:var(--CAT_COLOR1)}
#catalog .cats a.col2{color:var(--CAT_COLOR2)}
#catalog .cats a.col3{color:var(--CAT_COLOR3)}
#catalog .cats a.col4{color:var(--CAT_COLOR4)}
#catalog .cats a.col1:before{background:var(--CAT_COLOR1)}
#catalog .cats a.col2:before{background:var(--CAT_COLOR2)}
#catalog .cats a.col3:before{background:var(--CAT_COLOR3)}
#catalog .cats a.col4:before{background:var(--CAT_COLOR4)}
#catalog .search{position:relative;padding:15px;height:40px;background:rgba(50,154,152,0.2);display:none;margin:-15px 0 0 0}
#catalog .search a{float:left}
#catalog .search a.r{float:right}
#catalog .search a.l{display:none}
#catalog .search div a{float:right;margin:0 5px 0 -45px}
#catalog .search div{width:550px;position:relative;background:#fff;border-radius:20px;height:40px;z-index:10}
#catalog .search svg{width:40px;height:40px}
#catalog .search .input{height:40px;width:100%;box-sizing:border-box;border:none;background:none;border-radius:20px;padding:5px 20px 5px 20px;font:18px/20px var(--FONT1)}
#catalog .search .input:focus{box-shadow:0 0 2px rgba(50,154,152,1)}
#catalog .search .button_hid{width:0;height:0;padding:0;border:none;opacity:0}
#catalog .search_{position:relative;padding: 0;height:40px;margin: 0 0 35px}
#catalog .search_ a{display:block;width:300px;margin:0 auto;position:relative;background:#fff;border-radius:20px;height:40px;z-index:10;font:14px/40px var(--FONT1);color:#333;text-align: center;box-shadow: 0 0 0 1px var(--BLUE)}
#catalog .search_ svg{width:40px;height:40px;display:inline-block;vertical-align:top}
#catalog .search_ a:hover{color:#000;background:var(--BLUE_OPAC1)}
#catalog .tags a{color:var(--CAT_COLOR);display:inline-block;border-radius:4px;background:rgba(50,154,152,0.1);padding:4px 10px;margin:0 10px 10px 0}
#catalog .tags a:hover{}
#catalog .tags_{display:none}
#catalog .results .in{max-height: 70vh;overflow:auto;text-align:left;padding: 0}
#catalog .results div ~ .in{}
#catalog .results .in a{display:block;font:700 18px/30px var(--FONT1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000;padding: 5px 20px 5px 30px;margin:0}
#catalog .results .in a:hover{color:var(--BLUE_HI1)}
#catalog .results .in a i{float:left;width:120px;color:#aaa;font:italic 14px/30px Georgia;vertical-align:top;margin:0 0 0 5px}
#catalog .results .empty{color:#999;font:italic 14px/20px Georgia;padding:20px 0 0}
#catalog .results .empty .button{margin-top:30px}
#catalog .results .tags a{box-shadow:0 0 0 1px var(--BLUE) inset;color:#000;padding:8px 12px;font-weight:bold}
#catalog .results .tags a:before{content:'#'}
#catalog .results{display: flex;align-items: center;min-height: 50px;flex-direction: column;justify-content: start;transition: all .5s;padding-bottom: 30px}
#catalog .results .empty{font: italic 18px/28px Georgia}
#catalog .results .empty .button{border-radius: 30px;line-height: 30px;padding: 6px 30px;margin-bottom: 25px}
#catalog .tags{padding: 20px 15px 10px 30px;text-align: center;box-sizing: border-box;background-color: #fff;position: relative;width: 100%}
#catalog .tags a{font-size: 16px;line-height:24px;color: #333}
#catalog .results .in a{font: 400 18px/40px var(--FONT1)}
#catalog .results .in a:hover{color: var(--BLUE_HI1);background-color: rgba(0,154,255,0.15)}
#catalog_overlay{position:fixed;left:0;top:0;background: rgba(20,30,40,0.25);opacity:0;right:0;bottom:100%;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease;z-index:1009;transition: bottom 0.01s linear 0.4s,opacity 0.3s ease 0.1s}
.bd_catalog #catalog_overlay{bottom:0;opacity: 1;transition: opacity 0.5s ease}
.bd_catalog #catalog{top:0;transition:none !important}
#catalog .tags a{background: #fff;box-shadow: 0 0 0 1px #eee inset;color:#777}
#catalog .tags a:hover{background: var(--BLUE_OPAC2);color: var(--BLUE_HI1);box-shadow: none}
#catalog .tags_{text-align:center}
#catalog .loading{padding:40px 0;display:none}
#catalog .loading svg{transition:all 20s linear;-webkit-transition:all 20s linear}
#catalog .loading_on svg{transform:rotate(3600deg);-webkit-transform:rotate(3600deg)}
#catalog #footer-dark{text-align: left;background-color: #fff;padding-top: 0}
#catalog #footer-dark:before{content:'';display:block;background:#ccc;width:180px;height:4px;border-radius:6px;margin:20px auto}
#catalog #footer-dark .top-column li a{border-color: #fff}
#catalog #footer-dark .langSwitcher{background-color: rgba(0,187,187,0.1)}
.bd_menu #catalog{width: 950px;left: 50%;margin-left:-475px;padding: 35px;box-sizing: border-box}
@media(max-width: 992px){.bd_menu #catalog{left:0;width:auto;right:0;margin:0}
}
#catalog .f-bottom{display: none}
#catalog .top-column li a{}
#catalog .top-column li a{transition: 0.3s ease}
#catalog .top-column li a:hover{background-color: #eee}
#catalog li.border-active a:hover{color: #fff;background-color: #d33}
#catalog .head{display: flex;justify-content: space-between;align-items: center;flex-direction: row;padding-bottom: 30px}
#catalog .button-close svg,#catalog .h-logo svg{height: 36px;width: 36px}
#catalog .h-logo svg{fill: var(--GREEN);height: 60px;width: 60px;position:relative;z-index: 1}
#catalog .h-logo:hover svg{fill:var(--GREEN_HI2);transition:fill 0.3s ease}
#catalog .h-close{height: 50px;width: 50px;border-radius: 50px;position:relative}
#catalog .button-close{position:relative}
#catalog .h-name{font-size: 24px;font-weight: bold;font-family: var(--FONT1)}
#catalog .h-close:before{content:'';display:block;border-radius: 50px;text-align: center;cursor: pointer;transition: 0.25s;position:absolute;left:25px;top:25px;width:0;height:0;opacity:0}
#catalog .h-close:hover:before{left:0;top:0;width:50px;height:50px;background-color: #f4f4f4;opacity:1}
#catalog .h-close svg{margin:7px}
#catalog .langSwitcher{background-color: var(--BLUE_OPAC2)}
#catalog .langSwitcher:hover{background-color: var(--BLUE_OPAC3)}
#catalog .h-logo{position: relative}
#catalog .h-logo a{display: flex;align-items: center;position:relative;padding-right: 40px}
#catalog .h-logo a span{margin-left: 15px;font: 600 25px/40px "Work Sans";color: #333}
body.news #catalog .h-logo a span{font-weight: normal}
#catalog .h-logo a:hover div{color:#000}
.top-column li.active a{font-weight: bold}
#catalog li a .badge-grey{border-color: #d7d7d7}
body:not(.bd_menu) #catalog .in_menu{display:none}
body:not(.bd_menu) #catalog .in_mobile{display:none}
body:not(.bd_search) #catalog .in_search{display:none}
#catalog .h-name{text-align:left;flex-grow: 1}
#catalog .h-name a{color: #333;padding: 0 20px;border-radius:40px;display:inline-block;font: bold 18px/40px "Fira Sans";box-shadow: 0 0 0 1px var(--BLUE);position:relative}
#catalog .h-name a:hover{background:var(--BLUE);color:#fff;transition:0.3s ease}
@media(min-width: 768px){#catalog .in_mobile{display:none}
}
@media(max-width: 768px){.bd_catalog > :not(#catalog){display:none !important}
.bd_catalog #catalog{height:auto;min-height:0;padding:20px;position:static;left:0;width:auto;margin:0;top:0px;right:0;border-radius:0;box-shadow:none}
}
@media(max-width: 480px){#catalog .h-name a{font-size:16px}
#catalog .h-logo a span{font-weight:normal;font-size: 21px}
#catalog .h-logo:hover:before{width:185px}
}
@media(max-width: 400px){#catalog .h-logo a span{display:none}
#catalog .h-logo a{padding-right:0}
#catalog .h-logo:hover:before{display:none}
#catalog .h-logo{margin-right:10px}
}
.bd_search #catalog .tags__{display:none}
.bd_search #catalog .tags_{display:block}
.bd_search #catalog .search-block{display:flex !important}
.bd_search #catalog .cats,.bd_search #catalog .search_{display:none}
#catalog .results{display:none}
#catalog.wresult .results{display:block}
#catalog.wresult .tags.tags_{display:none}
#catalog.wresult .button-more{display:none}
@media screen and (max-width: 768px){#catalog .cats{height:auto;clear:both;white-space:nowrap;overflow:hidden;margin: 0 -20px}
#catalog .cats .col{display:inline-block;padding:0 0 20px 0}
#catalog .cats a.coltop{float:none;display:inline-block;padding:0 10px;margin:0 0;text-align:center;line-height:30px}
#catalog .search div{width:auto;margin:0 50px 0 0}
#catalog .tags{padding:15px 15px 5px;position: static}
#catalog .tags a{margin: 0 5px 10px}
#catalog .cats a.r{display:block;float:right;margin:15px 15px 0 10px}
#catalog .cats a.l{display:block;margin:15px 10px 10px 10px;width:40px}
#catalog .cats a.l svg,#catalog .cats a.r svg{width:40px;height:40px}
#catalog .cats .coltop:before{display:none}
#catalog .results{height:auto;transition: none;margin: 0 -20px}
#catalog .results .in{max-height: 10000px !important}
#catalog .search{position:fixed;left:0;top:0;right:0;margin:0;z-index:1000;background:#D6EAEA}
#catalog .results .in a{white-space:normal;padding: 11px 20px;line-height: 28px}
}
#TB_window{font: 12px var(--FONT1),Helvetica,sans-serif;color: #333333}
#TB_secondLine{font: 10px var(--FONT1),Helvetica,sans-serif;color:#666666}
#TB_overlay{position: fixed;z-index:1002;top: 0px;left: 0px;height:100%;width:100%}
.TB_overlayMacFFBGHack{background: url(/images/macFFBgHack.png) repeat}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=55);-moz-opacity: 0.55;opacity: 0.55}
* html #TB_overlay{position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_window{position: fixed;background: #ffffff;z-index: 1002;color:#000000;display:none;text-align:left;top:50%;left:50%}
* html #TB_window{position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) +(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_window .page_content img{margin:0;max-width: 100%;height:auto}
#TB_window img#TB_Image{display:block;margin: 15px 0 0 15px;border: 1px solid #ccc}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left}
div#TB_closeWindow{height: 30px;width: 30px;padding: 9px;float:right;position: relative;margin: 5px;cursor:pointer}
div#TB_closeWindow svg{width:40px;height:40px;margin: -5px;position:relative}
div#TB_closeWindow:before{content:'';position:absolute;left:24px;top:24px;width:0;height:0;transition:0.3s;border-radius:24px}
div#TB_closeWindow:hover:before{content:'';position:absolute;left:0;top:0;width:48px;height:48px;background:#e4e4e4}
button#TB_closeWindow{margin-right: .25rem}
#TB_closeWindow:hover svg,#TB_closeWindow:focus svg{fill: #0099ff}
#TB_closeAjaxWindow{float:right;margin:6px 10px 0 0}
.tbvis{display:block !important}
#TB_closeWindowButton{width:25px;height:25px;background:url(/img/pro_iconset_sm.svg) no-repeat -100px -100px;text-decoration:none;float:right;border:5px solid #DDD3C9;margin:5px 0 0 0}
#TB_closeWindowButton:hover,.tbnews #TB_closeWindowButton:hover{background-color:#fff;border:5px solid #fff;border-radius:10px}
#TB_ajaxWindowTitle{padding: 0 0 0 32px;margin:0 40px 0 0;color:#333;font: 600 24px/60px var(--FONT1)}
#TB_ajaxWindowTitle a.button_print{float:right;padding: 6px 20px;border-radius: 20px;color:inherit;border: 1px solid #333;margin:10px 5px;cursor: pointer;transition: background 0.3s;font: 500 14px/24px var(--FONT1);white-space: normal}
#TB_ajaxWindowTitle a.button_print:hover{background:#fff}
#TB_title{background-color: #f4f4f4;padding:5px;display: flex;justify-content: space-between;align-items:center}
#TB_title div{white-space: nowrap}
#TB_title button{display: inline-block}
#TB_ajaxContent{clear:both;padding:15px 15px 2.4rem 15px;overflow:auto;text-align:left;line-height:1.6em;font:14px var(--FONT1)}
#TB_ajaxContent .footer_content{text-align:center}
#TB_ajaxContent svg.logo_content{width: 46px;height: 46px;fill: #c0c0c0}
#TB_ajaxContent a{color:#06c}
#TB_ajaxContent a.back{font-size:12px;text-decoration:none}
#TB_ajaxContent.TB_modal{padding:15px}
#TB_ajaxContent p{}
#TB_ajaxContent p.fld{font-size:13px}
#TB_ajaxContent p.fld input.input{width:95%;margin-top:4px;font-size:16px;font-weight:bold}
#TB_ajaxContent p.fld select{width:97%;font-size:16px}
#TB_ajaxContent p.fld select option{font-size:16px}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px}
* html #TB_load{position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) +(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px')}
#TB_HideSelect{z-index:99;position:fixed;top: 0;left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%}
* html #TB_HideSelect{position: absolute;height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px}
#TB_ajaxContent > h3{padding:16px 24px 0 24px}
#TB_ajaxContent .page_content{padding:16px 24px;box-sizing: border-box}
#TB_ajaxContent .page_content h1{}
#TB_ajaxContent .page_content h2{}
#TB_ajaxContent .page_content h3{}
.modal_w #TB_ajaxContent{height: auto !important}
.modal_w #TB_overlay{display:none !important}
.modal_w #TB_window{position: absolute !important;left:0 !important;top:0 !important;marginTop:0 !important;marginLeft:0 !important;width: 100% !important}
.modal_w #TB_preview{position: absolute !important}
.modal_w #TB_panel{position: absolute !important}
@media(max-width: 768px){.modal_win #main,.modal_win #header{display:none !important}
#TB_ajaxContent .tb_scroll_zone{height: auto !important}
#TB_ajaxContent{height: auto !important;width:auto !important;overflow:auto !important;position:static !important}
#TB_overlay{display:none !important}
#TB_window{position: static !important;left:0 !important;top:0 !important;margin-top:0 !important;margin-left:0 !important;width: 100% !important;overflow:auto;height:auto !important}
#TB_preview{position: fixed !important}
#TB_ajaxContent .page_content{padding:8px}
#TB_ajaxWindowTitle{padding-left:8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
#TB_ajaxWindowTitle .button_print{display:none}
}
.oauth2Approve,.oauth2Authorize,.oauth2Error{width: 100%;height: 100%;background: #F2F4F6}
.oauth2Approve .oauth2Approve__main,.oauth2Authorize .oauth2Authorize__main{position: relative;margin: 0 auto;width: 35%;min-width: 800px;text-align: center;padding-bottom: 100px}
.oauth2Approve .oauth2Approve__logo,.oauth2Authorize .oauth2Authorize__logo,.oauth2__logo{padding: 20px;transform: scale(0.8)}
.oauth2Approve .oauth2Approve__block,.oauth2Authorize .oauth2Authorize__block{box-shadow: 0 2px 8px -2px rgba(0,37,61,0.28);border-radius: 8px;background: #FFF;padding: 40px 56px 64px 56px}
.oauth2Approve__block__title{color: rgba(2, 12, 18, 0.85);font-size: 22px;line-height: 28px;font-weight: 400;padding: 0 0 8px}
.oauth2Approve__block__title span{font-weight: 600}
.oauth2Approve__block__subtitle{color: rgba(9,32,52,0.45);font-size: 14px;line-height: 20px;font-weight: 400}
.oauth2Approve .oauth2Approve__block__error{padding: 40px 56px}
.oauth2Approve .oauth2Approve__block__errorText{padding: 20px;font-size: 15px;line-height: 20px;font-weight: 400;color: rgba(2, 12, 18, 0.85)}
.oauth2Approve__block__connection{width: 284px;height: 180px;margin: 0 auto;position: relative}
.oauth2Approve__block__connection svg{width: auto;height: auto;position: absolute;left: 74px;top: 74px;z-index: 1000}
.oauth2Approve__block__connection__user{position: absolute;left: 0;top: 40px;display: inline-flex;border-radius: 8px;box-shadow: 0 0 0 6px rgba(0,31,61,0.05),0 0 0 1px rgba(0,31,61,0.10);width: 80px;height: 80px;align-items: center;justify-content: center;background: #FFF}
.oauth2Approve__block__connection__user img{width: 56px;height: 56px;border-radius: 14px}
.oauth2Approve__block__connection__ws{display: inline-flex;border-radius: 8px;width: 80px;height: 80px;align-items: center;justify-content: center;background: rgba(0,153,255,0.05);box-shadow: 0 0 0 6px rgba(0,121,224,0.20),0 0 0 1px #0079E0;position: absolute;right: 0;top: 40px}
.oauth2Approve__block__connection__ws img{width: 56px;height: 56px;border-radius: 14px}
.oauth2Approve .oauth2Approve__block__userInfo{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px}
.oauth2Approve .oauth2Approve__block__userInfo__row{width: 100%;display: flex;flex-direction: row;align-items: center}
.oauth2Approve .oauth2Approve__block__userInfo__title{color: rgba(9,32,52,0.45);font-size: 14px;line-height: 20px;font-weight: 400;width: 100px;text-align: left}
.oauth2Approve .oauth2Approve__block__userInfo__value{color: rgba(2,12,18,0.85);font-size: 14px;line-height: 20px;font-weight: 590;text-align: left}
.oauth2Approve .oauth2Approve__block__userInfo__value span{color: rgba(2,22,39,0.65);border-radius: 4px;padding: 2px;background: #F2F4F6}
.oauth2Approve .oauth2Approve__block__appInfo,.oauth2Authorize .oauth2Authorize__block__auth{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 24px;border-radius: 8px;border: 1px solid rgba(0,31,61,0.10);margin: 40px 0 0}
.oauth2Approve .oauth2Approve__block__appInfo__row{border-bottom: 1px solid rgba(0,31,61,0.1);width: 100%;box-sizing: border-box;padding: 20px 0;text-align: left;display: flex;gap: 10px;color: rgba(2,12,18,0.85);font-size: 14px;line-height: 20px}
.oauth2Approve .oauth2Approve__block__appInfo__row div{display: inline-block;flex: 1}
.oauth2Approve .oauth2Approve__block__appInfo__row svg{width: 32px;height: 32px;margin-top: -6px}
.oauth2Approve__block__appInfo__row p{padding-bottom: 10px}
.oauth2Approve .oauth2Approve__block__appInfo__row b{font-weight: 700}
.oauth2Approve .oauth2Approve__block__appInfo__row span{color: rgba(2,22,39,0.65);position: relative;padding: 0 0 0 16px}
.oauth2Approve .oauth2Approve__block__appInfo__row span:before{content: ' ';position: absolute;width: 3px;height: 3px;border-radius: 20px;background: rgba(2,22,39,0.65);top: 9px;left: 4px}
.oauth2Approve .oauth2Approve__block__appInfo__row:first-of-type{display: flex;flex-direction: column;text-align: left;gap: 8px;padding: 0 0 20px}
.oauth2Approve .oauth2Approve__block__appInfo__row.last{border: none}
.oauth2Approve .oauth2Approve__block__appInfo__row.last span{padding: 0}
.oauth2Approve .oauth2Approve__block__appInfo__row.last span:before{display: none}
.oauth2Approve .oauth2Approve__block__appInfo__title{color: rgba(2,12,18,0.85);font-size: 20px;font-weight: 590;line-height: 28px}
.oauth2Approve .oauth2Approve__block__appInfo__subtitle{font-size: 13px;color: rgba(9,32,52,0.45)}
.oauth2Approve .oauth2Approve__buttons{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;padding: 20px 0 10px}
.oauth2Approve .oauth2Approve__button{padding: 8px 12px;border-radius: 8px;background: rgba(2,12,18,0.85);color: rgba(255,255,255,0.95);font-size: 14px;line-height: 20px;font-weight: 600;width: auto;min-width: 120px;;cursor: pointer}
.oauth2Approve .oauth2Approve__button:hover{background: rgba(2,12,18,0.75)}
.oauth2Approve .oauth2Approve__button-white{background: #F2F4F6;color: rgba(2,12,18,0.85);font-weight: 400;box-shadow: 0 0 0 1px rgba(0,37,61,0.1);min-width: 60px;width: auto}
.oauth2Approve .oauth2Approve__button-white:hover{background: #e6ebef}
.oauth2Approve .oauth2Approve__button-disabled{cursor: not-allowed;background: rgba(2,12,18,0.6)}
.oauth2Approve .oauth2Approve__button-disabled:hover{background: rgba(2,12,18,0.6)}
.oauth2Authorize #auth{top: 250px}
#auth.oauth2Authorize__block__auth{display: flex;position: inherit;background: none;box-shadow: none;border: none;width: 100%;border-radius: 0;padding: 8px;box-sizing: border-box;gap: 20px}
#auth.oauth2Authorize__block__auth .input{width: 100%}
#auth.oauth2Authorize__block__auth form{width: 80%}
#auth.oauth2Authorize__block__auth input:focus{border-color: #029aff;box-shadow: 0 0 0 3px rgba(0, 153, 255, 0.4)}
#auth.oauth2Authorize__block__auth .part-title{padding: 0 44px}
#auth.oauth2Authorize__block__auth .fira-italic{width: 100%}
#auth.oauth2Authorize__block__auth .control-button{display: flex;justify-content: space-between;padding: 10px 0}
#auth.oauth2Authorize__block__list{display: flex;position: inherit;background: none;box-shadow: none;border: none;width: 100%;border-radius: 0;padding: 8px;box-sizing: border-box;gap: 20px;flex-direction: column}
.oauth2Authorize .oauth2Authorize__main{width: 400px;min-width: 400px}
.oauth2Authorize .oauth2Authorize__block{padding: 36px 0 24px}
.oauth2Authorize .oauth2Authorize__info{padding: 40px 0 0}
.oauth2Authorize .oauth2Authorize__block .message{background-color: #fe7;padding: 20px;font-style: italic;text-align: center;font-weight: bold;font-size: 13px;display: none;margin: 16px 0 0}
.oauth2Authorize .oauth2Authorize__block__list__title{font-size: 28px;font-weight: 400;padding-bottom: 14px}
.oauth2Authorize .oauth2Authorize__block__list__body{padding: 0 20px}
.oauth2Authorize__block__list__info{padding: 10px 20px 0;text-align: left;font: var(--FONT1);font-size: 14px}
.oauth2Authorize .oauth2Authorize__block__list__row{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;gap: 20px;border-bottom: 1px solid #cccccc;cursor: pointer}
.oauth2Authorize .oauth2Authorize__block__list__rowBody{display: flex;flex-direction: row;align-items: center;justify-content: flex-start;gap: 20px;border-radius: 4px;width: 100%;padding: 10px;height: 60px;box-sizing: border-box}
.oauth2Authorize .oauth2Authorize__block__list__rowBody:hover{background: #eff7ff}
.oauth2Authorize .oauth2Authorize__block__accAva{display: flex;align-content: center;justify-content: center;align-items: center}
.oauth2Authorize .oauth2Authorize__block__accAva img{width: 36px;height: 36px;border-radius: 30px}
.oauth2Authorize .oauth2Authorize__block__accAva svg{width: 36px;height: 28px;fill: #3a3a3a}
.oauth2Authorize .oauth2Authorize__block__accInfo{display: flex;flex-direction: column;align-items: flex-start}
.oauth2Authorize .oauth2Authorize__block__accName{font-weight: 600;max-width: 250px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.oauth2Authorize .oauth2Authorize__block__email{display: none;color: rgba(102, 102, 102, 0.87)}
.oauth2Authorize .oauth2Authorize__block__list__rowBody:hover .oauth2Authorize__block__email{display: block}
.oauth2Authorize .oauth2Authorize__block__list__rowBody:not(.oauth2Authorize__block__list__change):hover .oauth2Authorize__block__accAddr{display: none}
.oauth2Error .oauth2Error__main{position: relative;margin: 0 auto;width: 50%;min-width: 360px;text-align: center;padding-bottom: 100px}
.oauth2Error .oauth2Error__block{box-shadow: 0 2px 8px -2px rgba(0,37,61,0.28);border-radius: 8px;background: #FFF;padding: 30px 26px}
.oauth2Error .oauth2Error__block__title{color: rgba(2, 12, 18, 0.85);font-size: 22px;line-height: 28px;font-weight: 400;padding: 0 0 8px;margin: 0 0 0 20px;text-align: left}
.oauth2Error .oauth2Error__block__title span{font-weight: 600}
.oauth2Error .oauth2Error__block__text{padding: 20px;font-size: 15px;line-height: 20px;font-weight: 400;color: rgba(104, 129, 145, 0.85);text-align: left}
@media screen and (max-width: 1250px){.oauth2Approve .oauth2Approve__main{width: 85%;min-width: 360px}
}
@media screen and (max-width: 600px){.oauth2Approve .oauth2Approve__block,.oauth2Authorize .oauth2Authorize__block{padding: 40px 36px 64px 36px}
.oauth2Approve .oauth2Approve__button{font-size: 13px}
.oauth2Authorize #auth{top: 220px !important}
}
@media screen and (max-width: 450px){.oauth2Approve .oauth2Approve__block,.oauth2Authorize .oauth2Authorize__block{padding: 40px 8px 64px 8px}
.oauth2Authorize .oauth2Authorize__main{width: 380px;min-width: 380px}
}
.odds{background:#fff;padding: 6rem 0}
.odds__tabs{display: flex}
.odds__tab{width:25%}
.odds__tab b{display:block;font: 700 1.875REM/1.875REM var(--FONT1);color:#333}
.odds__tab > div{color:#555;display: flex;align-items: center}
.odds_header{flex-grow: 2;padding-right: 20px;font: italic 1.125REM var(--FONT2)}
.odds_header b{margin-bottom: 5px}
.tech_shield .odds_header,.odds__nav-button:nth-of-type(1){color: #00aaff}
.tech_pig .odds_header,.odds__nav-button:nth-of-type(2){color: #ee6699}
.tech_globe .odds_header,.odds__nav-button:nth-of-type(3){color: #00bbbb}
.tech_support .odds_header,.odds__nav-button:nth-of-type(4){color: #33bb00}
.odds .tech_shield p{border-left: 2px solid #00aaff}
.odds .tech_pig p{border-left: 2px solid #ee6699}
.odds .tech_globe p{border-left: 2px solid #00bbbb}
.odds .tech_support p{border-left: 2px solid #33bb00}
.odds__tab > div svg{flex-shrink: 0;float: left;width: 90px;height: 90px;margin-right:10px}
.odds__tab p{color:#333;font: 1REM/1.5REM var(--FONT1);padding:0 0 0 15px;margin: 8px 8px 0 44px}
.odds .wrap{z-index: 0}
@media(max-width: 1280px){.odds .tech_globe{display: none}
.odds__tab{width:33%}
}
@media(max-width: 992px){.odds__tab{width:100%}
.odds .wrap{overflow: hidden;width: 96% !important;margin: 0 auto !important;max-width: 460px !important}
.odds .tech_globe{display: block}
.odds__tab p{margin-right:0}
.odds{padding:40px 0 60px 0;overflow:hidden;height:190px}
.odds__tabs{height:195px}
.odds__tab{position:absolute;left:0;top:0;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;width:100%}
.odds__tab{visibility: hidden}
.odds__tab.item_act{visibility: visible}
.odds__tab > div{opacity: 0}
.odds__tab.item_act > div{opacity: 1;transition:opacity 0.6s ease-in}
.odds .item_first{margin:0}
.odds .item_l{left:-600px}
.odds .item_r{left:600px}
.odds{cursor:move;cursor:-moz-grabbing;cursor:-webkit-grabbing}
.odds__nav{display: flex;position: absolute;right: 25px;top:57px;z-index:10}
.odds__nav-button{display:inline-block;width:12px;height:12px;border:2px solid #ccc;border-radius:10px;margin:0 2px;transition: 0.5s width}
.odds__nav-button_active{background:currentColor;width:20px;border-color:currentColor}
.odds__nav-button:focus,.odds__nav-button:hover{border-color:currentColor}
.odds__nav-animate-rec{z-index: 1;height:100%;left:0;top:0;border-color:currentColor;background:currentColor;position: absolute;transition: left 0.4s ease-out,width 0.4s ease-out,color 0.4s ease;border-radius:10px}
}
@media(max-width: 400px){.odds_header{font-size: 1REM}
}
@media(max-width: 360px){.odds .item_l{left:-400px}
.odds .item_r{left:400px}
.odds__tab p{margin-right: 8px}
.odds__tabs{height:305px}
.odds{height:305px}
}
#step15 svg{max-width: 970px;width: 100%;height:auto}
#blocks #step15 .wrap{text-align: center;max-width: 1024px;width:auto;line-height: 0;overflow: visible}
.pages{display:none}
#step15 .pages{display:block}
body.bd-overview #header{box-shadow: none}
#step15{position:relative;overflow:hidden;background: #fff;background: radial-gradient(circle at top,#fff 60%,#f4f4f4 80%)}
#step15 .head{padding:3rem 0 1rem 0;height:4rem}
#step15 .head h2{position:absolute;left:0;right:0;top:0;color:#000;font: 600 3rem/1 var(--FONT1)}
@media(min-width: 768px){#step15 .head h2{opacity:0;transition:opacity 0.7s 0.2s ease;-webkit-transition:opacity 0.7s 0.2s ease}
#step15 .head h2.act{opacity:1}
}
@media(max-width: 768px){#step15 .head h2{display:none}
#step15 .head h2.act{display:block}
}
#step15 .pages_{position:absolute;left:600px;width:290px;top:15px;display: none}
#step15 .pages{margin:0;float:right}
#step15 .pages a{float:left;width:10px;height:10px;border:1px solid #fff;border-radius:6px;margin:0 0 0 10px}
#step15 .pages a:hover{background:#fff;border-color:#fff}
#step15 .pages a.act,#step15 .head .pages a.act:hover{border-color:rgba(0,0,0,0);background:#bdbdbd}
#step15 .notebook{width:100%;height:100%;position:absolute;left:0;bottom:0}
#step15 .notebook_wraper{width: 680px;height:400px;position:absolute;left:50%;transform: translateX(-50%);bottom: 54px}
.notebook_wraper.anim{overflow: hidden}
#step15 .notebook_l{left:-1970px}
#step15 .notebook_r{left:2030px}
#step15 .notebook div,#step15 .notebook div img{width: 100%}
#step15 .notebook div img{height: auto}
#step15 .notebook div{height: 100%;position:relative}
#step15 .notebook div span{position:absolute;color:#fff;border-radius:15px;width:600px;text-align:center;margin:-45px 0 0 -300px;z-index:12;opacity:0;transition:opacity 0.7s ease;-webkit-transition:opacity 0.7s ease}
#step15 .notebook div span b{display:inline-block;background:var(--HINT_COLOR);padding:5px 10px;font:13px/20px var(--FONT1);width:auto;margin:0 auto;border-radius:5px;text-shadow:1px 1px rgba(0,0,0,0.3)}
#step15 .notebook div span i{display:block;border:10px solid red;width:1px;height:1px;border-color:var(--HINT_COLOR) transparent transparent;margin:0 auto}
#step15 div.alt img{position:absolute;left:0;top:0;z-index:10;transition:opacity 0.7s ease;-webkit-transition:opacity 0.7s ease}
#step15 div.a1 img.a2,#step15 div.a2 img.a1{opacity:0}
#step15 div.a1 img.a1,#step15 div.a2 img.a2{opacity:1;z-index:11}
#step15 div.a1 img.a2{opacity:0}
#step15 .notebook_wraper.anim div.a1:hover span.a1,#step15 .notebook_wraper.anim div.a2:hover span.a2{visibility:hidden}
#step15 .notebook_wraper:not(.anim) div.a1:hover span.a1,#step15 .notebook_wraper:not(.anim) div.a2:hover span.a2{opacity:1}
#step15 .more{height: 100%;display: flex;align-items: center;z-index: 100}
#step15 .more_right{position:absolute;right: 0;top:0;opacity: 1;transition: opacity 0.1s ease;width:100px}
#step15 .more_left{position:absolute;left:0;top:0;opacity: 1;transition: opacity 0.1s ease;width:100px}
#step15 .more_right svg{margin:0 20px 0 0;transition:margin 0.3s ease;transform: rotate(180deg);fill: var(--HINT_COLOR);width: 120px;height: 120px}
#step15 .more_left svg{transition:margin 0.3s ease;margin:0 0 0 20px;fill: var(--HINT_COLOR);width: 120px;height: 120px}
#step15 .more_right:hover svg{margin:0 10px 0 0}
#step15 .more_left:hover svg{margin:0 0 0 10px}
body.home #step15{background:#AF8C92 url(/images/promo_bg/wsbg2.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed}
body.home.bd_lang2 #step15{background:#5D9A01 url(/images/promo_bg/wsbg3.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed}
#step15 .head2{height:220px;padding:30px 0 0 0}
#step15 .head2 h1{font: 48px var(--FONT2);color:#fff;text-align:center;text-shadow:2px 2px rgba(0,0,0,0.3);position:absolute;left:150px;top:0;transition:top 0.5s ease;-webkit-transition:top 0.5s ease}
.load1s #step15 .head2 h1{top:300px}
#step15 .head2 h2{font: italic 24px/30px Georgia;color:#37252c;background:#FFE200;padding:10px 0;border-radius:30px;width:580px;text-align:center;position:absolute;left:140px;top:90px;opacity:1;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step15 .head2 h2 a{color:#37252c;text-decoration:none;border-bottom:1px dashed #37252c}
#step15 .head2 h2 a:hover{color:#000;text-decoration:none;border-bottom:1px dashed #000}
#step15 .head2 .a_how{font: italic 20px/30px Georgia;color:#FFF;float:right;border:2px solid #fff;padding:8px 28px;border-radius:30px;text-shadow:1px 1px rgba(0,0,0,0.2);width:170px;text-align:center;position:absolute;right:240px;top:90px;;opacity:1;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step15 .head2 .pages{display:none}
#step15 .arrow{position:absolute;right:120px;top:-5px;width:120px;height:120px;opacity:1;transition:opacity 0.5s ease;-webkit-transition:opacity 0.5s ease}
#step15 .arrow .a1{width:100%;height:100%;overflow:hidden;position:relative}
#step15 .arrow .a1 div{position:absolute;width:1000px;height:240px;border-radius:120px;border:1px solid #fff;right:0;top:-122px}
#step15 .arrow .a2{display:none;border:1px solid #fff;width:5px;height:5px;border-radius:5px;left:-7px;top:116px;position:absolute}
#step15 .arrow .a3{border:1px solid #fff;width:10px;height:10px;top:-1px;right:-5px;position:absolute;border-width:1px 0 0 1px;transform: rotate(45deg)}
@media(min-width: 768px){.load2s #step15 .arrow,.load2s #step15 .head2 h2,.load2s #step15 .head2 .a_how{opacity:0}
}
#step15 .a_more{border:2px solid #BCAAA8;display:block;position:absolute;right:98px;bottom:60px;color:#fff;text-decoration:none;font:italic 14px/34px var(--FONT1);border-radius:5px;width:146px;text-align:center;transition:opacity 0.3s ease;-webkit-transition:opacity 0.3s ease}
#step15 .a_more:hover{border:2px solid #fff;color:#39c;background:#fff}
body.home #step15 .more_left,body.home #step15 .more_right{opacity:0}
body.home #step15 .a_more{opacity:0}
@media(min-width: 1600px){#step15 .arrow{width:220px;right:20px}
}
@media(min-width: 1800px){#step15 .arrow{width:320px;right:-80px}
}
@media(max-width: 1280px){#step15 .arrow{display:none}
#step15 .head2 .a_how{right:auto;left:670px}
#step15 .a_more{left:950px;right:auto}
#step15 .head2 h2{left:70px}
#step15 .head2 h1{left:90px}
#step15 .a_more{display:none}
#step15 .notebook_l{left:-1970px}
#step15 .notebook_r{left:2030px}
}
@media(max-width: 992px){#step15 .notebook div span{display:none}
#blocks #step15 .wrap{max-width: 650px}
#step15 svg{max-width: 570px}
#step15 .notebook_wraper{width:400px;height:234px;bottom:33px}
#step15 .more_left svg,#step15 .more_right svg{height: 70px}
#step15 .more_right{right: 1px}
#step15 .head h2{font: 600 2rem/1 var(--FONT1)}
#step15 .head{padding-bottom: 0;padding-top: 2rem}
}
@media(max-width: 768px){#step15,#step15{padding:0;background-size: auto;background-attachment: scroll}
#step15 .head2{height:100px;padding-top:115px}
#blocks #step15 .wrap{margin: 0 auto !important;max-width: 570px}
#step15 .more_right{right:-30px}
#step15 .more_left{left:-30px}
}
@media(max-width: 570px){#step15 .pages_,#step15 .pages{position:static;width:auto}
#step15 .pages{position: static}
#step15 .pages{text-align:center;float:none}
#step15 .pages a{float:none;display:inline-block;width:5px;height:5px;margin:0 2px;border:2px solid #fff}
#step15 .notebook_wraper{width: 315px;height: 187px;bottom:23px}
#step15 .more_right{width:60px;right:-20px}
#step15 .more_left{width:60px;left:-20px}
#step15 svg,#blocks #step15 .wrap{max-width: 450px}
}
@media(max-width: 450px){#step15 .head{padding-top: 2rem}
#step15 .head h2{font: 600 2rem/1 var(--FONT1)}
#step15 .notebook_wraper{width: 252px;height: 148px;bottom:21px}
#step15 svg,#blocks #step15 .wrap{max-width: 360px}
}
@media(max-width: 359px){#step15 .notebook_l{left:-400px}
#step15 .notebook_r{left:400px}
#step15 .notebook_wraper{width: 224px;height: 132px;bottom:17px}
#step15 svg,#blocks #step15 .wrap{max-width: 320px}
}
@media(min-width: 768px){body.bd_lang4 #step15 .head2 h1{font-size:46px}
body.bd_lang2 #step15 .head2 h1{font-size:40px}
}
#step15 .notebook img{-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;-webkit-user-drag: none;user-drag: none}
#step15 .data{-webkit-user-select: none;-moz-user-select: none;user-select: none}
#step16{padding:65px 40px 40px 40px;background:#fff}
#blocks #step16 .wrap{overflow: visible;width:auto}
#blocks #step16 .wrap ~ .wrap{clear: both;text-align: center}
#blocks #step16 .wrap iframe{margin: 50px auto 0;border: 8px solid #eee;border-radius: 4px}
@media(max-width:900px){#blocks #step16 .wrap iframe{margin: 20px -20px 0;width:100%;height:calc(60vw - 70px)}
}
#step16 h3{font:600 2REM/1 var(--FONT1);margin: 0 0 1.25rem 0}
#step16 h3:first-letter{background-color:#FC0;padding:5px 12px;margin:-5px -12px;border-radius:20px;-webkit-transition: background 1s ease;transition: background-color 2s ease}
#step16 div.item:hover h3:first-letter{background-color:#FFD922}
#step16 p{padding:0 0 5px 0}
#step16 .data{position:absolute;width:100%;left:0px;top:0px}
#step16 .data ul.r{float:right;margin:0 0 0 60px;color:#d55;font:18px/20px var(--FONT1);height: 100%;width:40%}
#step16 .data ul.r li{margin:0 0 10px 0;padding:0 0 0 15px}
#step16 .data ul.r span{color: var(--TXT_LO2);font: italic 1REM/2REM var(--FONT2);line-height:120%}
#step16 .data.data_act:not(.left_ani1){position:static}
#step16 .data_l{left:-1860px}
#step16 .data.data_r{left:2140px;display: none}
#step16 .data a.a_faq{border:2px solid #E5E5E5;float:left;color:#777;transition:background-color 0.8s ease;text-decoration:none;font:italic 14px/32px var(--FONT1);padding:0 15px;border-radius:2REM;margin:15px 0 0 18px}
#step16 .data a.a_faq:hover{background-color: #E5E5E5}
#step16 .data{display: flex;justify-content: center}
#step16 .data .data_inner{max-width: 718px}
#step16 .data .page_content{padding-left: 18px;font: 1REM/1.75REM var(--FONT1)}
body.home #step16 h3:first-letter{background:#fff}
@media(max-width: 1280px){#step16 .data_r{left:2140px}
#step16 .data_l{left:-1860px}
}
@media(max-width: 992px){#step16 .data ul.r{display:none}
#step16 .data a.a_faq{float: right;margin-left:0}
#step16{padding-top: 40px}
#step16 .data .data_inner{max-width: 770px}
}
@media(max-width: 768px){#step16 h3{font:600 1.5REM/1 var(--FONT1);margin: 0 0 1REM 0}
#step16 .data .page_content{padding-left: 0}
}
@media(max-width: 360px){#step16{padding: 40px 20px 40px 20px}
}
.header-partnerInside{width: 330px !important}
.partnerBlur{position: fixed;width: 100%;height: calc(100% - 70px);backdrop-filter: blur(6px);z-index: 1}
.partnerHeader{position: relative;top: 0;display: flex;flex-direction: row;background: #fff;align-items: center;justify-content: space-between;height: 70px;box-sizing: border-box;padding: 0 var(--2X);-webkit-transition: .3s ease;box-shadow: inset 0 -1px 0 #ebecef,inset -1px 0 0 #f4f4f6;cursor: initial}
.partnerHeader-balance{background: #F4F4F6;border-radius: 30px;border: 1px solid #C6CAD2;padding: 6px 12px;cursor: pointer}
.partnerHeader-balance:hover{background: #F5F7FF}
.partnerHeader .partnerHeader-right{display: none;justify-content: center;align-items: center;line-height: 22px;font-family: "Montserrat",sans-serif;padding: 5px var(--2X);gap: 20px}
.partnerHeader-menu{display: flex;align-items: center;cursor: pointer}
.partnerHeader-menu:hover{}
.partnerHeader .logo_{display: flex;justify-content: center;align-items: center;height: 60px;padding: 5px var(--2X) 5px 0;line-height: 0;gap: 6px}
.partnerHeader .logo_ .partner__image{content: url("/img/partner/partner_header_logo.svg")}
.partnerHeader .logo_ img{scale: 0.9}
.partnerHeader .logo_ div{font-family: "Montserrat",sans-serif;font-size: 17px;display: none}
.partnerHeader .partnerMenu-profile{display: none}
.partnerHeader .partnerHeader-profile-name{margin-left: 6px;height: 50px}
.partnerHeader .partnerHeader-profile-edit{color: #6C7689;font-size: 14px;cursor: pointer;padding: 6px 6px;border-radius: 4px;box-sizing: border-box}
.partnerHeader .partnerHeader-profile-edit:hover{background: #F5F7FF;box-shadow: inset 0 0 0 1px #EBECEF}
#header .partnerHeader .partnerHeader-profile-edit svg{width: 12px;height: 12px}
.partnerHeader .partnerHeader-right svg{width: 24px;height: 24px;fill: #A1A7B5}
.partnerHeader .partnerHeader-right .partnerHeader-menu:hover svg{fill: #2B303B}
.partnerHeader .partnerHeader-right svg.svg-close{display: none;width: 18px;height: 18px;padding: 3px}
.partnerHeader .lang-switcher-dark{margin-right: 10px;background: none;border: none;box-shadow: unset;font-size: 12px;line-height: 32px;font-family: "Montserrat",sans-serif;font-weight: 500;opacity: 0}
.partnerHeader .lang-switcher-dark:hover,.partnerHeader .lang-switcher-dark.is-active{outline: 1px solid #52667a}
.partnerHeader .lang-switcher-dark__btn{margin-right: 0;color: #5a6672}
.partnerHeader .lang-switcher-dark:hover .lang-switcher-dark__btn{color: #5a6672}
#header .partnerHeader .lang-switcher-dark__select{top: calc(100% + 18px);right: 0;left: unset;bottom: unset;height: fit-content;background: #fff}
.partnerHeader .lang-switcher-dark__option{color: #5a6672}
.partnerHeader .lang-switcher-dark__option.is-active,.partnerHeader .lang-switcher-dark__option:not(.is-active):hover{color: #8e74dc}
.partnerHeader .lang-switcher-dark svg{width: auto;height: auto}
.partnerMenu{display: flex;flex-direction: column;position: fixed;left: 0;top: 70px;bottom: 80px;width: 300px;height: calc(100% - 125px);padding: 40px 15px 15px 15px;background: white;z-index: 1013;font-family: "Montserrat",sans-serif;box-shadow: inset -1px 0 0 #f4f4f6;font-size: 15px;transition: all .5s ease;-webkit-transition: all .5s ease}
.partnerMenu-items{display: flex;flex-direction: column;align-items: center;width: 100%}
.partnerMenu-item{width: calc(100% - 24px);display: flex;padding: 4px 12px;line-height: 34px;cursor: pointer;border-radius: 8px;align-items: center}
.partnerMenu-item-no{color: #8790A1;font-size: 13px;border: 1px solid #EBECEF;border-radius: 4px;padding: 0 20px;cursor: pointer;display: none;margin-left: 15px}
.partnerMenu-item.exit.clicked div:hover{background: #F5F7FF}
.partnerMenu-item-yes{color: #8790A1;font-size: 13px;border: 1px solid #EBECEF;border-radius: 4px;padding: 0 20px;cursor: pointer;display: none;margin-left: auto}
.partnerMenu-line{width: calc(100% - 50px);padding: 0 12px;margin: 12px 0;height: 1px;background: #EBECEF}
.partnerMenu-item span{margin-left: 16px}
.partnerMenu-item svg{width: 24px;height: 24px;padding: 4px;fill: #B8BDC7}
.partnerMenu-item:not(.active):not(.clicked):hover{background: #F5F7FF}
.partnerMenu-item:not(.active):not(.clicked):hover svg{fill: #2B303B}
.partnerMenu-item.active{box-shadow: inset 0 0 0 2px #4f65e5;color: #4F46E5}
.partnerMenu-item.active svg{fill: #4F65E5}
.partnerMenu-item.exit:not(.clicked):hover{background: #FFF1F2}
.partnerMenu-item.exit:not(.clicked):hover svg{fill: #F43F5E}
.partnerMenu-item-help svg:last-child{margin-left: auto;width: 16px;height: 16px;display: none}
.partnerMenu-item-help:hover svg:last-child{display: block}
.partnerMenu-profile{width: 100%;display: flex;flex-direction: column;background: #F9F9FB;padding: 0 20px 20px;border-radius: 8px;box-sizing: border-box;margin-top: auto}
.partnerMenu-profile-name{height: 40px;padding: 12px 0 8px 16px;overflow: hidden;display: flex;align-items: center;justify-content: space-between;line-height: 26px}
.partnerMenu-profile-balance{display: flex;justify-content: space-between;align-items: center;border-radius: 4px;background: white;height: 40px;padding: 8px 16px}
.partnerMenu-profile-balance-title{display: block;font-size: 13px;line-height: 20px;color: #8790A1}
.partnerMenu-profile-balance-sum{font-size: 15px}
.partnerMenu-profile-balance-out{color: #8790A1;font-size: 13px;border: 1px solid #EBECEF;border-radius: 4px;padding: 2px 8px;cursor: pointer;margin-left: 10px}
.partnerMenu-profile-balance-out:hover{background: #F5F7FF}
.partnerMenu .lang-switcher-dark{align-self: center;width: fit-content;margin-top: 20px;background: none;border: none;box-shadow: unset;font-size: 12px;line-height: 32px;font-family: "Montserrat",sans-serif;font-weight: 500}
.partnerMenu .lang-switcher-dark:hover,.partnerMenu .lang-switcher-dark.is-active{outline: 1px solid #52667a}
.partnerMenu .lang-switcher-dark__btn{color: #5a6672}
.partnerMenu .lang-switcher-dark:hover .lang-switcher-dark__btn{color: #5a6672}
.partnerMenu .lang-switcher-dark__select{background: #fff}
.partnerMenu .lang-switcher-dark__option{color: #5a6672}
.partnerMenu .lang-switcher-dark__option.is-active,.partnerMenu .lang-switcher-dark__option:not(.is-active):hover{color: #8e74dc}
.partnerMenu .lang-switcher-dark svg{width: auto;height: auto}
.partnerContent{position: fixed;top: 0;display: flex;flex-direction: column;box-sizing: border-box;overflow: scroll;height: 100%;right: 0;width: calc(100% - 330px);transition: margin-left 0.3s linear 0s;background: #F4F4F6;padding: 48px 150px;font-size: 16px;line-height: 32px;font-family: "Montserrat",sans-serif}
.partnerContent-doc-button:hover{background: #1A1D23;color: #fff}
.partnerContent-doc-button:hover svg{fill: #fff}
.partnerContent-doc-body .left{background: #F9F9FB;padding: 4px;border-radius: 8px;display: flex}
.partnerContent .preview{width: 256px;background-size: 100% !important;height: 120px;background-repeat: no-repeat !important;padding: 0}
.partnerContent .ws-file-logo{height: 68px;width: 70px;padding: 0}
.partnerContent .ws-white-logo{background: url(/img/logo_var_bg.png) -70px 0;background-size: 280px}
.partnerContent .ws-green-logo{background: url(/img/logo_var_bg.png);background-size: 280px}
.partnerContent .ws-symbol-logo{background: url(/img/logo_var_bg.png) -140px 0;background-size: 280px}
.partnerContent-doc-size{color: #8790A1;font-size: 13px}
.partnerContent-doc-body{}
.partnerContent-doc-body .right{padding-left: 20px}
.partnerContent-doc-body right{margin-left: 10px}
.partnerContent-doc-name{font-size: 15px;font-weight: 600}
.partnerContent-doc-body{display: flex;align-items: center;line-height: 26px}
.partnerContent-doc-body svg{width: 62px;height: 62px}
.partnerContent-doc-body svg.pdf{background: url('/img/partner/pdf.svg') center}
.partnerContent-doc-body svg.doc{background: url('/img/partner/doc.svg') center}
.partnerContent-doc-button span{margin-left: 10px}
.partnerContent-doc-button{display: flex;align-items: center;justify-content: center;background: rgba(0, 31, 61, 0.05);border-radius: 8px;font-size: 14px;font-weight: 600;cursor: pointer}
.partnerContent-doc-button svg{width: 12px;height: 14px;fill: #020C12}
.partnerContent-doc-item{border-radius: 8px;background: #fff;padding: 24px;display: flex;flex-direction: column;width: 220px}
.partnerContent-doc-item a{color: #020C12;margin-top: 16px}
.partnerContent-docs{padding: 20px;display: flex;flex-direction: row;gap: 20px;flex-wrap: wrap}
.partnerContent-docs-promo .partnerContent-doc-item{width: 256px}
.partnerContent-docs-promo .partnerContent-doc-body{flex-direction: column;align-items: flex-start;gap: 8px}
.partnerContent-docs-promo .partnerContent-doc-button{padding: 0 8px;font-weight: 400}
.partnerContent-docs-promo .partnerContent-doc-download{display: flex;align-items: center;justify-content: flex-start;padding: 16px 0 0;gap: 10px}
.partnerContent-docs-promo .partnerContent-doc-item a{margin: 0}
.partnerContent-docs-title{padding: 20px 20px 0px;color: #46556A;font-weight: 500}
.partnerContent-docs-all{display: flex;padding: 20px 20px 0;font-size: 14px;justify-content: space-between;align-items: center;margin-top: 40px;right: 0}
.partnerContent-docs-all-body{display: flex;color: #46556A;align-items: center;gap: 6px}
.partnerContent-docs-all-body svg{width: 12px;height: 14px;fill: #020C12}
.partnerContent-docs-all-body:hover{color: #4F46E5}
.partnerContent-docs-all-body:hover svg{fill: #4F46E5}
.partnerContent-invite-body-hint{font-size: 12px;color: #8790A1;font-weight: 300;padding: 4px 24px;line-height: 16px}
.partnerContent-main-stat-count{font-size: 26px;padding-top: 30px}
.partnerContent-main-stat-title{display: flex;align-items: flex-start}
.partnerContent-main-stat{border-radius: 8px;border: 1px solid rgba(82,95,122,0.15);background: white;margin-top: 40px;display: flex;min-height: 150px}
.partnerContent-main .partnerContent-main-stat svg{width: 20px;height: 20px}
.partnerContent-main-stat-title div:first-child{border-radius: 32px;width: 28px;height: 28px;background: #E0E7FF;display: flex;justify-content: center;margin-right: 12px;align-items: center}
.partnerContent-main-stat > div{width: 25%;padding: 25px;border-right: 1px solid #DDDFE4;display: flex;flex-direction: column;justify-content: space-between}
.partnerContent-main-stat > div:last-child{border: none}
.partnerContent-main-profile-left{display: flex;flex-direction: column;width: 330px}
.partnerContent-main-profile-left-body{display: flex;margin-top: auto;justify-content: space-between}
.partnerContent-main-profile-right{margin-left: auto;display: flex;flex-direction: column;width: 230px}
.partnerContent .partnerContent-main-profile-right .item{padding: 0;display: flex;flex-direction: row;align-items: center}
.partnerContent .partnerContent-main-profile-right .item div:first-child{margin-right: 12px}
.partnerContent .partnerContent-main-profile-right .item div:nth-child(2){margin-right: 10px}
.partnerContent .partnerContent-main-profile-right .item .squad{width: 12px;height: 12px;border-radius: 2px}
.partnerContent .partnerContent-main-profile-right .item .count{width: 20px;margin-left: auto}
.partnerContent .partnerContent-main-profile-right .item .text{font-weight: 300;font-size: 14px}
.partnerContent .partnerContent-main-profile-right .item.accs-active{margin-top: auto}
.partnerContent-main-profile-right .bar{height: 16px;display: flex;border-radius: 3px;overflow: hidden;box-shadow: 0 0 0 1px rgba(82,95,122,0.25)}
.partnerContent-main-profile-right .bar div{height: 16px}
.partnerContent .partnerContent-main-profile-right .item.accs-active .squad,.partnerContent .partnerContent-main-profile-right .bar .active-fill{background: #4F46E5}
.partnerContent .partnerContent-main-profile-right .item.accs-frozen .squad,.partnerContent .partnerContent-main-profile-right .bar .frozen-fill{background: #A5B4FC}
.partnerContent .partnerContent-main-profile-right .item.accs-deleted .squad,.partnerContent .partnerContent-main-profile-right .bar .deleted-fill{background: #F4F4F6}
.partnerContent .partnerContent-main-profile-right .title{font-size: 18px;font-weight: 600;padding-bottom: 6px}
.partnerContent-tabs{display: flex;box-shadow: inset 0 -1px #f4f4f6}
.partnerContent-tab{cursor: pointer;padding: 6px 12px;color: #8790A1;display: flex;flex-wrap: nowrap;align-items: end}
.partnerContent-tab:not(.soon):hover{color: #4F46E5}
.partnerContent-tab.soon{cursor: inherit;color: rgba(135, 144, 161, 0.46)}
.partnerContent-tab.active{color: #4F46E5;box-shadow: inset 0 -1px #4f46e5}
.partnerContent-tab:not.active{font-weight: 300}
.partnerContent-tab .soon{font-size: 14px;background: #EBECEF;padding: 2px 4px;margin-left: 8px;border-radius: 12px;line-height: 24px}
.partnerContent-invite{display: flex;flex-direction: row;justify-content: space-between;margin-top: 56px}
.partnerContent-invite-email{width: calc(50% - 25px)}
.partnerContent-invite-social{width: calc(50% - 25px)}
.partnerContent-title{font-size: 18px;padding-bottom: 12px}
.partnerContent-invite-body{display: flex;flex-direction: column;background: white;box-shadow: 0 0 0 1px #DDDFE4;border-radius: 8px;width: 100%}
.partnerContent-invite-social-body{display: flex;flex-direction: row}
.partnerContent-invite-social-buttons{margin-left: 10px;display: flex;flex-direction: column;gap: 10px}
.partnerContent-invite-social-buttons div{width: 48px;height: 48px;border-radius: 8px;border: 1px solid #DDDFE4;background: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer}
.partnerContent-invite-social-buttons div:hover{background: #F5F7FF;border-color: #4F46E5}
.partnerContent-invite .partnerContent-invite-social-buttons svg{width: 26px;height: 26px;margin-right: 0}
.partnerContent-invite textarea{resize: none;border: none;padding: 24px;width: calc(100% - 48px);border-radius: 8px}
.partnerContent-invite-email textarea{height: 174px}
.partnerContent-invite-social textarea{height: 127px}
.partnerContent-invite svg{width: 16px;height: 16px;margin-right: 8px}
.partnerContent-invite button{display: flex;align-items: center;height: 32px;float: right;background: #1A1D23;color: white;padding: 6px 12px;border-radius: 4px;justify-content: center}
.partnerContent-invite button:hover{background: #4F46E5}
.partnerContent-invite-help{font-size: 12px;line-height: 16px;color: #8790A1}
.partnerContent-invite-referal{padding: 10px 24px 24px;background: #F9F9FB;border-radius: 0 0 8px 8px}
.partnerContent-invite-referal-title{font-size: 14px;color: #6C7689}
.partnerContent-invite-referal-body{font-size: 14px}
.partnerContent-invite-referal-body span{cursor: pointer}
.partnerContent-invite-referal-body.copied span{color: var(--GREEN);font-weight: 600}
.partnerContent-invite-body-submit{display: flex;justify-content: space-between;align-items: center;padding: 8px 24px 24px;height: 32px}
.partnerContent-stat{margin-top: 56px}
.partnerContent-stat-body{border-radius: 8px;border: 1px solid #DDDFE4;background: white;font-size: 13px;overflow-x: scroll}
.partnerContent-stat-body::-webkit-scrollbar{width: 6px;height:6px}
.partnerContent-stat-body::-webkit-scrollbar-track{background-color: transparent}
.partnerContent-stat-body::-webkit-scrollbar-track:hover{background-color: transparent}
.partnerContent-stat-body::-webkit-scrollbar-thumb:horizontal{background-color: #e5e5e5;height: 10px}
.partnerContent-stat-title{display: flex;justify-content: flex-start;padding: 12px 24px;border-bottom: 1px solid #DDDFE4;color: #8790A1;font-size: 12px;min-width: 1052px}
.partnerContent-stat-list{display: flex;flex-direction: column;min-height: 200px;overflow: hidden;overflow-y: scroll;min-width: 1100px}
.partnerContent-stat-list-item{display: flex;justify-content: flex-start;padding: 10px 24px;align-items: center}
.partnerContent-stat-list-item:not(:last-child){border-bottom: 1px solid #DDDFE4}
.partnerContent-stat-name{width: 25%;word-break: break-word;display: flex;flex-direction: column}
.partnerContent-stat-register{line-height: 24px;font-size: 12px;color: #8790A1;width: 100px}
.partnerContent-stat-tariff{width: 12%;margin-left: 4px}
.partnerContent-stat-bonus{width: 12%}
.partnerContent-stat-pay{display: flex;width: 20%;flex-direction: column;justify-content: center}
.partnerContent-stat-pay-next{line-height: 24px;font-size: 12px;color: #8790A1}
.partnerContent-stat-amount{width: 12%;margin-right: 6px}
.partnerContent-stat-money{width: 15%}
.partnerContent-stat-status{width: auto;text-align: center;margin-left: auto;width: 150px;line-height: 20px;border-radius: 8px;padding: 2px 4px;font-size: 12px}
.partnerContent-stat-list-item.free .partnerContent-stat-status{color: #fff;background: #D1FAE5}
.partnerContent-stat-list-item.paid .partnerContent-stat-status{color: #064E3B;background: #D1FAE5}
.partnerContent-stat-list-item.testing .partnerContent-stat-status{color: #B45309;background: #FEF3C7}
.partnerContent-stat-list-item.frozen .partnerContent-stat-status{color: #2B303B;background: #F4F4F6}
.partnerContent-stat-list-item.deleted .partnerContent-stat-status{color: #BE123C;background: #FFF1F2}
.partnerContent ul#questions{font-size: 16px;padding-left: 25px}
.partnerContent ul#questions a{color: var(--TXT)}
.partnerContent ul#questions li{padding-left: 12px;cursor: pointer;list-style-type: none}
.partnerContent ul#questions li:hover{color: #4F46E5}
.partnerContent ul#questions li:hover a{color: #4F46E5}
.partnerContent .item{padding-top: 40px}
.partnerContent .page_content ul li:before{border-color: #6366F1}
.partnerContent .page_content li{margin-bottom: 8px}
.partnerContent .note{background: #FEF3C7}
.partnerContent h3{font-size: 18px}
.partnerContent b{font-weight: 600}
.partnerMenu-profile-edit svg{width: 12px;height: 12px}
.partnerMenu-profile-edit{color: #6C7689;font-size: 14px;cursor: pointer;padding: 6px 8px;border-radius: 4px;box-sizing: border-box}
.partnerMenu-profile-edit:hover{background: #F5F7FF;box-shadow: inset 0 0 0 1px #EBECEF}
.partnerContent .form-block.partnerProfile input{background: #F4F4F6}
.partnerContent .form-block.partnerProfile .partner-form .partner-form__information{margin-top: 70px}
.partnerContent .form-block.partnerProfile{overflow: visible;padding-top: 0}
.partnerContent .form-block.partnerProfile .partner-form{max-width: 800px;padding: 10px}
.partnerContent .form-block.partnerProfile .information .information__button{width: 50%}
.partnerContent .form-block.partnerProfile .information .information__item__button{justify-content: center}
.partnerContent .form-block.partnerProfile .fake-checkbox + span{max-width: 600px}
.partnerContent .form-block.partnerProfile .partner-form__title{font-size: 18px;font-weight: 600}
.partnerContent-withdrawal{display: flex;margin: 0 auto;flex-direction: column;max-width: 800px;padding: 0 40px;font-size: 15px}
.partnerContent-withdrawal .or{text-align: center;color: #6C7689}
.partnerContent-withdrawal svg{width: 20px;height: 20px}
.partnerContent-withdrawal-title h2{font-family: "Montserrat",sans-serif;font-size: 18px;font-weight: 600;padding: 0}
.partnerContent-withdrawal-title span{font-size: 15px;color: #6C7689}
.partnerContent-withdrawal-item{display: flex;align-items: center;justify-content: center;padding: 8px 4px;background: white;border-radius: 8px;margin: 16px 0;box-shadow: 0 0 0 1px rgba(5,26,46,0.05);color: #6C7689;cursor: pointer}
.partnerContent-withdrawal-item.active{box-shadow: inset 0 0 0 1px #4f65e5;color: #4F46E5}
.partnerContent-withdrawal-item span{margin-left: 10px}
.partnerContent-withdrawal-item .bonus{background: #C7D2FE;border-radius: 4px;line-height: 20px;color: #4F46E5;font-size: 13px;font-weight: 700;padding: 2px 6px}
.partnerContent-dashed{width: 100%;height: 1px;margin: 25px 0 16px 0px;background-image: linear-gradient(to right,#F4F4F6 40%,#C6CAD2 40%);background-size: 8px 1px;background-repeat: repeat-x}
.partnerContent-withdrawal-input{display: flex;flex-direction: column;padding: 8px 0}
.partnerContent-withdrawal-input-title{display: flex;justify-content: space-between;padding-bottom: 2px}
.partnerContent-withdrawal-input input{border-radius: 8px;padding: 12px;border-color: #C6CAD2}
.partnerContent input::-webkit-input-placeholder{font-size: 13px;font-family: Montserrat,sans-serif}
.partnerContent input::-ms-input-placeholder{font-size: 13px;font-family: Montserrat,sans-serif}
.partnerContent input::placeholder{font-size: 13px;font-family: Montserrat,sans-serif}
.partnerContent-withdrawal-input input:hover{border-color: #6C7689}
.partnerContent-withdrawal-input input:focus{border-color: #6C7689;box-shadow: 0 0 0 3px rgba(25, 102, 255, 0.2)}
.partnerContent-withdrawal-input-title .balance-title{color: #8790a1;margin-left: auto}
.partnerContent-withdrawal-input-title .balance-value,.partnerContent-withdrawal-history-item .type span{margin-left: 6px}
.partnerContent-withdrawal-button{display: flex;justify-content: center;background: #A1A7B5;border-radius: 8px;color: white;padding: 6px;margin-top: 26px}
.partnerContent-withdrawal-button.active{background: #111317;cursor: pointer}
.partnerContent-withdrawal-history{display: flex;flex-direction: column;margin-top: 60px}
.partnerContent-withdrawal-history-title{font-family: "Montserrat",sans-serif;font-size: 16px;font-weight: 600}
.partnerContent-withdrawal-history-item{font-size: 14px;display: flex;justify-content: space-between;padding: 6px 0;line-height: 24px}
.partnerContent-withdrawal-history-item .date{display: flex;align-items: center}
.partnerContent-withdrawal-history-item .type{display: flex;align-items: center;margin-left: 10%}
.partnerContent-withdrawal-history-item .amount{display: flex;align-items: center;margin-left: 15%;width: 100px}
.partnerContent-withdrawal-history-item .status{margin-left: auto;border-radius: 4px;padding: 2px 4px;color: #B45309;width: 95px;text-align: center;background: #FEF3C7}
.partnerContent-withdrawal-history-item .status.active{color: #064E3B;background: #D1FAE5}
.partnerContent-level{display: flex;flex-direction: column;margin-top: 80px}
.partnerContent-main-profile{border-radius: 8px;border: 1px solid rgba(82,95,122,0.15);background: white;padding: 36px 48px;margin-top: 32px;display: flex;flex-direction: row;min-height: 160px;height: auto}
.partnerContent-main-profile-left .small{font-size: 13px;font-weight: 300;line-height: 18px;color: #6C7689}
.partnerContent-main-profile-left .big{font-size: 18px}
.partnerContent-level-body{display: flex;flex-direction: row;width: 50%;min-width: 600px;padding: 18px;border-radius: 8px;box-shadow: 0 0 0 1px #dddfe4;background: white;box-sizing: border-box;margin-top: 30px;height: 220px}
.partnerContent-level-body-left{display: flex;width: 50%;flex-direction: column}
.partnerContent .partnerContent-level-body-left .title{font-size: 22px;padding-bottom: 10px}
.partnerContent .partnerContent-level-body-left .text{font-size: 14px}
.partnerContent .title{font-weight: 500;font-size: 24px;padding-bottom: 4px}
.partnerContent .text{font-size: 15px;color: #2B303B;line-height: 20px}
.partnerContent .partnerContent-main-profile-register{font-size: 13px;font-weight: 300;line-height: 18px;color: #6C7689;margin: 6px 0 0}
.partnerContent #faq{max-width: 1000px;margin: auto}
.partnerContent #faq .text{color: #2B303B;background: #fff;position: relative;border-radius: 0 2rem 2rem 2rem;padding: 2rem 2rem 1rem 3rem;box-shadow: rgba(20,30,40,0.10) 0 16px 64px;display: flex;flex-direction: column;align-items: flex-end}
.partnerContent #faq h3{font-size: 24px}
.partnerContent #faq .page_content{font-size: 16px}
.partnerContent-level-button{background: #1A1D23;border-radius: 32px;color: white;font-size: 14px;padding: 2px 24px;display: flex;align-items: center;justify-content: center;margin-top: auto;height: 30px;width: 60%;cursor: pointer}
.partnerContent-level-button:hover{background: #4F46E5}
.partnerContent-level-button svg{width: 16px;height: 16px}
.partnerContent-level-body-right{width: 50%;display: flex;align-items: center;border-radius: 8px;background: #F4F4F6}
.partnerContent-level-body-right svg{width: 100%;height: 50%}
.partnerContent-main svg{width: 16px;height: 16px}
.partnerContent-main-title-referal svg{fill: #4F46E5}
.partnerContent-main-title-referal{color: #4F46E5;border-radius: 32px;border: 2px solid #E0E7FF;padding: 10px 20px;display: flex;align-items: center;height: 26px;margin-left: auto;cursor: pointer;font-size: 15px}
.partnerContent-main-title-referal.copied{background: #E0E7FF;border-color: #E0E7FF}
.partnerContent-main-title-referal.copied:hover{border-color: #E0E7FF}
.partnerContent-main-title-referal.copied svg{}
.partnerContent-main-title-referal:hover{border-color: #4F46E5}
.partnerContent-level-button span,.partnerContent-main-title-referal span,.partnerContent-main-title-invite span{margin-left: 12px;line-height: 20px}
.partnerContent-main-title-invite svg{fill: #FFFFFF}
svg{}
.partnerContent-main-title-invite{color: #FFFFFF;display: flex;border-radius: 32px;border: 2px solid #4F46E5;padding: 10px 20px;align-items: center;background: #4F46E5;height: 26px;margin-left: 20px;cursor: pointer;font-size: 15px}
.partnerContent-main-title-invite:hover{background: none;color: #4F46E5}
.partnerContent-main-title-invite:hover svg{fill: #4F46E5}
.partnerContent-main-title{display: flex;align-items: center}
.page-partner .error3,.page-partner .message3{font-style: normal;font-family: Montserrat,sans-serif;font-weight: 600;font-size: 15px;color: white;line-height: 20px;margin: 0 auto;position: fixed;width: 100%;padding: 10px;z-index: 10000}
.page-partner .error3{background-color: #ee6969}
.page-partner .message3{background-color: var(--GREEN)}
.page-partner .error3 .close,.page-partner .message3 .close{position: absolute;right: 50px;cursor: pointer;font-size: 19px}
.page-partner .error3 .close:hover,.page-partner .message3 .close:hover{color: rgba(4,22,37,.65)}
.page-partner .error .message,.page-partner .message3 .message{max-width: 75%;display: inline-block}
.page-partner .rngst_phone_button,.partner .rngst_phone_button,.page-partner #wrapper_id{display: none}
.page-partner .form-block{padding: 60px 0 60px 0;height: calc(100vh - 110px)}
@media(max-width: 1650px){.partnerContent{padding: 48px 50px}
}
@media(max-width: 1300px){.partnerContent-main-stat > div{padding: 25px 35px;flex-direction: row;border-right: none;border-bottom: 1px solid #DDDFE4;width: 100%;box-sizing: border-box}
.partnerContent-main-stat{flex-direction: column}
.partnerContent-main-stat-count{padding-top: 0}
}
@media(max-width: 1250px){.partnerContent-main-title-referal span,.partnerContent-main-title-invite span{width: 100px;line-height: 16px}
.partnerContent-main-title-referal,.partnerContent-main-title-invite{width: 140px}
.partnerContent-invite{flex-direction: column;margin-top: 0}
.partnerContent-invite-email{width: 100%;padding-top: 40px}
.partnerContent-invite-social{width: 100%;padding-top: 40px}
.partnerContent-invite-title{padding-top: 30px}
.partnerContent-invite-social-body{flex-direction: column}
.partnerContent-invite-social-buttons{flex-direction: row;margin-left: 0;margin-top: 20px}
}
@media(max-width: 1100px){.header-partnerInside{width: 270px !important}
.header-partnerInside .partnerHeader,.header-partnerInside .partnerHeader .logo_{padding-left: 0}
.partnerHeader .logo_ .partner__image{scale: 0.8}
.partnerContent-main-profile-right{width: auto}
.partnerContent .form-block.partnerProfile{padding-top: 0}
.partnerMenu{width: 240px}
.partnerContent{width: calc(100% - 270px)}
.partnerContent-main-profile-left{width: auto}
.partnerContent-main-profile-left-body{flex-direction: column}
.partnerContent-main-profile{min-height: 200px}
.partnerContent-level-body{flex-direction: column;height: auto;width: auto;min-width: 250px}
.partnerContent-level-body > div{width: 100%;justify-content: center;padding: 20px 0}
.partnerContent-level-body-right{margin-top: 20px}
.partnerContent-level-body-right svg{width: 400px;height: 100px}
.partnerContent-level-button{margin-top: 10px;width: 200px}
}
@media(max-width: 930px){.partnerContent-withdrawal-history-item .type span{display: none}
}
@media(max-width: 900px){.header-partnerInside{width: 100% !important}
.partnerMenu{left: -270px;padding: 40px 10px 15px}
.partnerMenu.clicked{left: 0;bottom: 0}
.partnerContent{top: unset;width: 100%;position: relative;height: 100%}
.header-partnerInside .partnerHeader{padding-left: var(--2X);box-shadow: inset 0 -1px 0 #ebecef}
.header-partnerInside .partnerHeader .logo_{padding-left: var(--2X)}
.partnerHeader .logo_ div{display: flex;align-items: center;flex-wrap: wrap;gap: 2px}
.partnerHeader .partnerHeader-right{display: flex}
.partnerHeader .logo_ .partner__image{content: url("/img/partner/logo_small.svg");width: 48px}
.partnerContent-main-profile-right{width: 180px}
.partnerContent-main-profile{padding: 20px 35px}
.partnerContent-main-title{align-items: flex-start}
.partnerContent-main-title-invite span,.partnerContent-main-title-referal span{display: none}
.partnerContent-main-title-referal,.partnerContent-main-title-invite{width: 30px;justify-content: center}
.partnerContent-main-title-invite{margin-left: 6px}
.partnerContent .partnerContent-main-profile-name{font-size: 20px}
.partnerContent .partnerContent-main-profile-right .title{font-size: 16px}
.partnerContent-withdrawal-history-item .amount{margin-left: 10%;width: 80px}
.partnerContent-withdrawal-history-item .type{margin-left: 5%}
.page-partner .form-block{padding: 60px 0 60px 0;height: 100% !important}
}
@media(max-width: 800px){.partnerMenu-item{padding: 4px 8px}
.partnerHeader .partnerMenu-profile{display: inherit;padding: 6px 10px 0 0;max-width: 250px;width: auto;margin: 0;height: 80px;font-family: "Montserrat",sans-serif;background: none}
.partnerHeader .partnerMenu-profile-name{padding: 0;line-height: 20px}
.partnerHeader .partnerMenu-profile-balance{padding: 0}
.partnerMenu .partnerMenu-profile{display: none}
.partnerMenu-profile-balance-title{display: none}
.partnerMenu-profile-balance{height: 30px}
.partnerMenu .lang-switcher-dark{margin-top: auto}
.partnerContent-tab{line-height: 24px;font-size: 14px}
.partnerContent-tab .soon{font-size: 12px}
}
@media(max-width: 700px){.partnerContent ul#questions{padding-left: 20px}
}
@media(max-width: 600px){.partnerContent-main-profile{flex-direction: column;height:auto}
.partnerContent-main-profile-left-body{margin-top: 20px}
.partnerContent-main-profile-right{margin-left: 0;margin-top: 30px;width: auto}
.partnerContent-main-stat > div{padding: 15px 25px}
.partnerContent-main-stat-title{font-size: 14px;line-height: 26px}
.partnerContent-main-stat-count{font-size: 22px}
.partnerContent{padding: 40px var(--4X)}
.partnerContent .title{font-size: 20px}
.partnerContent .partnerContent-main-profile-name{font-size: 18px}
.partnerContent-withdrawal{padding: 20px 10px}
.partnerContent-tab .soon{display: none}
}
@media(max-width: 500px){.partnerContent-docs{padding: 20px 0;justify-content: center}
.partnerContent-tab{font-size: 12px}
.partnerContent-level-button{width: 170px}
.partnerContent-withdrawal-history-item .amount{margin-left: 5%;width: 70px}
.partnerContent-withdrawal{padding: 20px 0}
.partnerContent-withdrawal-item{font-size: 13px}
.partnerContent-withdrawal-item .bonus{font-size: 12px}
.partnerContent-withdrawal-item{flex-wrap: wrap}
.partnerContent-invite .partnerContent-title{font-size: 16px}
.partnerContent-invite-help{font-size: 11px}
.partnerContent-invite-referal-title{font-size: 12px}
.partnerContent-invite-referal-body{font-size: 12px;display: flex;justify-content: space-between}
.partnerContent-invite button{font-size: 12px}
.partnerContent-invite-referal-body button{}
.partnerHeader .logo_ div{font-size: 16px;margin-left: 2px}
.partnerHeader .lang-switcher-dark{width: 50px}
#header .partnerHeader .lang-switcher-dark__select,.partnerMenu .lang-switcher-dark__select{top: auto;left: 0;bottom: 0;box-shadow: 0 0 0 1px rgba(0, 31, 61, 0.1),0 2px 8px 2px rgba(0, 37, 61, 0.28)}
}
.form-block{height: calc(100vh - 140px);overflow: scroll;box-sizing: border-box;padding: 60px 0 40px 0}
.form-block .partner-form{max-width: 640px;padding: 0 24px;margin-left: auto;margin-right: auto;font-family: Montserrat,sans-serif;font-weight: 500}
.form-block .partner-form .g-recaptcha{margin-bottom: 50px}
.form-block .partner-form .text-danger{margin-bottom: 20px}
.form-block p,.form-block label,.form-block h3,.form-block h2,.form-block h4{margin: 0;padding: 0}
.form-block .partner-form *{-webkit-box-sizing: border-box;box-sizing: border-box}
.form-block .partner-form input[type="text"]:not(.iti__search-input):not([name="phone"]){padding: 0 0 14px 0}
.form-block .partner-form h1,.form-block .partner-form h2{font-family: Montserrat,sans-serif}
.form-block .partner-form .partner-form__information + .partner-form__information{margin-top: 64px}
.form-block .partner-form .partner-form__title{margin-bottom: 24px;font-size: 22px;line-height: 48px;color: rgba(2,9,13,.94)}
.form-block .partner-form .partner-form__text{margin-bottom: 24px;font-size: 14px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .partner-form .partner-form__text.information--accent{font-family: Montserrat,sans-serif;font-weight: 600;margin-bottom: 0;color: rgba(4,22,37,.9)}
.form-block .partner-form .partner-form__text b{color: rgba(4,22,37,.9)}
.form-block .partner-form .partner-form__logo{display: block;margin: 80px auto 32px;width: 32px;height: 32px}
.form-block .information .information__title{margin-bottom: 12px;font-family: Montserrat,sans-serif;font-size: 24px;line-height: 32px;font-weight: 500}
.form-block .information .information__sub-title{margin-bottom: 40px;font-family: Montserrat,sans-serif;font-weight: 500;font-size: 14px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .information .information__item:not(.d-flex){position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.form-block .information .information__label{display: inline-block;margin-right: 20px;margin-bottom: 22px;font-family: Montserrat,sans-serif;font-weight: 500;font-size: 16px;line-height: 20px}
.form-block .information .information__group{-ms-flex-preferred-size: 100%;flex-basis: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start}
.form-block .information .information__warn{display: none;margin-bottom: 15px;color: #ee6969;font-family: Montserrat,sans-serif;font-weight: 500;font-size: 14px;line-height: 20px}
.form-block .information .information__warn.is-active{display: block}
.form-block .information .information__input{display: block;width: 100%;padding-bottom: 14px;border: none;outline: none}
.form-block .information .information__input::-webkit-input-placeholder{font-family: Montserrat,sans-serif;font-weight: 300;font-size: 16px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .information .information__input::-moz-placeholder{font-family: Montserrat,sans-serif;font-weight: 300;font-size: 16px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .information .information__input:-ms-input-placeholder{font-family: Montserrat,sans-serif;font-weight: 300;font-size: 16px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .information .information__input::-ms-input-placeholder{font-family: Montserrat,sans-serif;font-weight: 300;font-size: 16px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .information .information__input::placeholder{font-family: Montserrat,sans-serif;font-weight: 300;font-size: 16px;line-height: 20px;color: rgba(4,22,37,.65)}
.form-block .information .information__group{border-bottom: 1px solid rgba(0,37,61,.18)}
.form-block .information .information__group:hover{border-bottom-color: rgba(4,22,37,.65)}
.form-block .information .is-active{border-bottom-color: #39f}
.form-block .information .is-warn{border-bottom-color: #ee6969}
.form-block .information--contact .information__inner{display: grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap: 32px}
.form-block .information--contact .information__inner .information__item:not(:last-of-type){margin-bottom: 0}
.form-block .information .information__item:not(:last-of-type){margin-bottom: 32px}
.form-block .information .information__button{width: 100%;display: block;position: relative;display: inline-block;padding: 12px;text-align: center;font-size: 16px;line-height: 2;border-radius: 32px;cursor: pointer;border: none;background: rgba(2,9,13,.94);color: #fff;font-family: Montserrat,sans-serif;-webkit-transition: background-color .3s;transition: background-color .3s}
.form-block .information .information__button:hover{background-color: rgba(2,12,18,.85)}
.form-block .information .information__button[disabled]{background: rgba(12,34,49,.45);cursor: auto}
.form-block .information .information__button .information + .information__warn{position: absolute;bottom: -38px;left: 0;margin-bottom: 0}
.form-block .partner-form select{background-color: transparent;border: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;cursor: pointer}
.form-block .partner-form select:focus{outline: none}
.form-block #phone-code{-ms-flex-preferred-size: 30px;flex-basis: 30px;padding-left: 5px;padding-right: 30px;margin-right: 20px;text-align: center;border-bottom: 0;font-family: Montserrat,sans-serif;font-weight: 400;padding-bottom: 10px}
.form-block #phone-code:hover{border-bottom: 0}
.form-block select option{font-size: 16px;display: block;width: 100%}
.form-block #partnership-program{overflow: hidden;display: block;width: 100%;padding-bottom: 14px;font-size: 16px;line-height: 20px;outline: none}
.form-block #partnership-program > option:first-child{display: none}
.form-block .field{font-size: 16px}
.form-block .d-flex{position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;padding-right: 20px}
@media screen and (max-width: 575px){.form-block .d-flex{padding-right: 0}
}
.form-block .is-require{position: relative}
.form-block .is-require:after{content: "*";margin-left: 4px;color: #05f;font-size: 16px;line-height: 1;font-family: Montserrat,sans-serif;font-weight: 500}
.form-block .fake-checkbox{-ms-flex-negative: 0;flex-shrink: 0;width: 20px;height: 20px;margin-right: 12px;border-radius: 4px;border: 1px solid #d0d7db;cursor: pointer;-webkit-transition: border-color .1s;transition: border-color .1s}
.form-block .fake-checkbox:hover{border-color: #05f}
.form-block .fake-checkbox__check{width: 20px;height: 20px;top: 10px;left: 10px;cursor: inherit}
.form-block .fake-checkbox__check,.form-block .fake-checkbox__check:after{position: absolute;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.form-block .fake-checkbox__check:after{content: "";top: 50%;left: 50%;width: 50%;height: 50%;border-radius: 2px;background-color: transparent;-webkit-transition: background-color .1s;transition: background-color .1s}
.form-block .fake-checkbox__button{position: absolute;height: 0;width: 0;display: none;visibility: hidden}
.form-block .fake-checkbox__button:checked + .fake-checkbox__check:after{background-color: #05f}
.form-block .fake-checkbox__button ~ img.is-valid{display: block}
.form-block .fake-checkbox__button ~ img{position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: auto;display: none}
@media screen and (max-width: 575px){.form-block .fake-checkbox__button ~ img{display: none}
}
.form-block .fake-checkbox + span{display: inline-block;max-width: 456px;font-size: 14px;line-height: 20px;font-family: Montserrat,sans-serif;font-weight: 500;color: rgba(4,22,37,.65);cursor: pointer}
.form-block .fake-checkbox + span a{color: #4c8cff}
.form-block .ss-main .ss-single-selected .placeholder{-webkit-box-flex: 0;-ms-flex: 0 0 25px;flex: 0 0 25px}
.form-block .phone-code{-ms-flex-preferred-size: 100px;flex-basis: 100px;-ms-flex-item-align: center;align-self: center;padding-bottom: 14px}
.form-block .phone-code .placeholder{max-width: 60px}
.form-block .phone-code img{width: 16px;height: 12px;padding-left: 12px;border-radius: 3px}
.form-block .ss-main .ss-single-selected{display: -webkit-box;display: -ms-flexbox;display: flex;cursor: pointer;width: auto;height: auto;padding: 0;border: none;border-radius: 0;background-color: transparent}
.form-block .partnership{-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 32px;grid-template-columns:repeat(auto-fill,minmax(264px,1fr));grid-auto-columns: 200px;margin-top: 40px;margin-bottom: 48px}
.form-block .partnership__texts{height: 90px;width: 100%;display: flex;flex-direction: column;justify-content: center}
.form-block .partnership__title{margin-bottom: 22px;font-size: 16px;line-height: 20px;font-family: Montserrat,sans-serif;font-weight: 500}
.form-block .partnership__text{margin-bottom: 14px;font-size: 16px;line-height: 20px;font-family: Montserrat,sans-serif;font-weight: 500}
.form-block .partnership img{justify-self: right}
@media screen and (max-width: 575px){.form-block .partnership img{justify-self: center}
}
.form-block .phone{font-size: 16px;line-height: 20px;letter-spacing: .01em;color: rgba(2,9,13,.94)}
.form-block .phone::-webkit-input-placeholder{color: rgba(2,9,13,.94);font-family: sans-serif}
.form-block .phone::-moz-placeholder{color: rgba(2,9,13,.94);font-family: sans-serif}
.form-block .phone:-ms-input-placeholder{color: rgba(2,9,13,.94);font-family: sans-serif}
.form-block .phone::-ms-input-placeholder{color: rgba(2,9,13,.94);font-family: sans-serif}
.form-block .phone::placeholder{color: rgba(2,9,13,.94);font-family: sans-serif}
.form-block .ss-main .ss-single-selected .ss-arrow span.arrow-up{-webkit-transform: rotate(315deg);transform: rotate(315deg)}
.form-block .ss-main .ss-single-selected .ss-arrow span,.form-block .ss-main .ss-single-selected .ss-arrow span.arrow-down{-webkit-transform: rotate(135deg);transform: rotate(135deg)}
.form-block .ss-main .ss-single-selected .ss-arrow span{bottom: 25px;right: 22px;width: 8px;height: 4px;border-color: rgba(4,22,37,.65) rgba(4,22,37,.65) transparent transparent;border-style: solid;border-width: 4px;border-radius: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0}
.form-block .partner-form .arrow{position: relative}
.form-block .partner-form .arrow:after{content: "";position: absolute;z-index: -1;bottom: 25px;right: 22px;-webkit-transform: rotate(135deg);transform: rotate(135deg);width: 8px;height: 4px;border-color: rgba(4,22,37,.65) rgba(4,22,37,.65) transparent transparent;border-style: solid;border-width: 4px;border-radius: 1px;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: -webkit-transform .2s;transition: -webkit-transform .2s;transition: transform .2s;transition: transform .2s,-webkit-transform .2s}
.form-block .partner-form .arrow--tel:after{right: auto;left: 32px;-webkit-transform: rotate(135deg);transform: rotate(135deg);bottom: 22px;top: auto;width: 6px;height: 3px;border-width: 3px}
.form-block .partner-form .arrow.is-open:after{bottom: 22px;-webkit-transform: rotate(315deg);transform: rotate(315deg)}
.form-block .partner-form .arrow--tel.is-open:after{-webkit-transform: rotate(315deg);transform: rotate(315deg);bottom: 20px}
.form-block [data-country-code=uk]{background-image: url(/img/partner/country-uk.svg)}
.form-block .iti{width: 100%}
.form-block .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.form-block .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color: transparent}
.form-block .iti__country-containter{z-index: 1}
.form-block .iti__selected-country-primary{z-index: 1;outline: none;padding: 0 0 15px 0}
.form-block .iti__selected-dial-code{padding: 0 8px 14px 0;font-size: 17px}
.form-block .partner-form input[name="phone"]{padding: 0 0 15px 40px;width: 100%}
.form-block .iti__country-list{font-size: 13px;width: 304px;overflow-x: hidden}
.form-block .iti__country-list li.iti__country .iti__country-name{max-width: 80%;display: inline-block;overflow: hidden;text-overflow: ellipsis}
#step1{padding: 0 40px;position:relative;background: linear-gradient(225deg,#e3c0fe,#06d0c5);overflow: hidden}
#step1 .head{background:rgba(0,0,0,0.5);padding: 60px 40px 30px 40px;height:140px;overflow:hidden;margin: 0 -40px}
#step1 .head .wrap{padding-top:8px}
#step1 .feat{height:70px;color:#fff;font:18px/20px var(--FONT2)}
#step1 .feat b{display:block}
#step1 .feat1{margin:0 0 7px 0}
#step1 .feat1 b{color:#fc0;font:bold 24px/20px var(--FONT2)}
#step1 .feat2 b{color:#9df}
#step1 .more,#step1 .more2{position: absolute;bottom: 72px !important;text-align:center;text-decoration:none;font: italic 0.875REM/1.25REM var(--FONT2)}
#step1 .more{transition: 0.3s ease;width:auto;right:50px;opacity:1 !important;border:2px solid #fff;float:right;color:#fff;border-radius: 1REM;padding: 0.25REM 1REM}
#step1 .more:hover{border:2px solid #fff;color:#39c;background:#fff}
#step1 .more2{right: 0;width: 30%;opacity: 1;transition: opacity 0.8s ease}
#step1 .price_circle_arrow_bottom{width:66px;height:66px;margin:0;fill: #fff;opacity: 0.4;display: block;margin: 0 auto 10px auto}
#step1 .more2:hover .price_circle_arrow_bottom{opacity: 0.6}
#step1 .more2 b{border-bottom:1px dashed #fff;color:#fff;font:bold 16px var(--FONT1)}
#step1 .item{cursor:pointer}
#step1 .wrap{overflow:visible !important}
#step1{padding: 190px 0 50px 0}
.plans_line{margin:-70px 0 0 0;height:10px}
#plans3 .row{height:30px;padding:13px 0}
#plans3 .title{width:23%;float:left;padding:0 1%}
#plans3 .title div{display: flex;align-items: center;justify-content: space-between;font:14px/25px var(--FONT1);border-bottom:1px solid rgba(255,255,255,0.15);color:#fff;background:transparent;padding:15px 10px;height:25px;border-right:none}
#plans3 .title span.pro{float:right;background:rgba(0,0,0,0.4);padding:0 5px;border-radius:3px;font:10px/20px var(--FONT1);box-shadow:1px 1px rgba(255,255,255,0.2);margin:2px 0 0 10px}
#plans3 .item{width:13%;float:left;background:#fff;text-align:center;margin:-80px 0 0 0;padding:0 0 15px 0}
#plans3 .item.p205,#plans3 .item.p203{background:var(--colors-alpha-light-80)}
#plans3{height:810px}
#plans3 .price_gb{margin-left: -3px}
#plans3 .item .in{height:0px;overflow:hidden;-webkit-transition: height 1s ease;transition: height 1s ease}
.scr1 #plans3 .p1 .in,.scr21 #plans3 .p1 .in{-webkit-transition: height 1s 0.5s ease;transition: height 1s 0.5s ease}
.scr1 #plans3 .p200 .in,.scr21 #plans3 .p200 .in{-webkit-transition: height 1s 0.25s ease;transition: height 1s 0.25s ease}
.scr1 #plans3 .p201 .in,.scr21 #plans3 .p201 .in{-webkit-transition: height 1s 0.25s;transition: height 1s 0.25s}
.scr1 #plans3 .p202 .in,.scr21 #plans3 .p202 .in{-webkit-transition: height 1s 0.25s ease;transition: height 1s 0.25s ease}
.scr1 #plans3 .p203 .in,.scr21 #plans3 .p203 .in{-webkit-transition: height 1s ease;transition: height 1s ease}
.scr1 #plans3 .p205 .in,.scr21 #plans3 .p205 .in{-webkit-transition: height 1s ease;transition: height 1s ease}
.scr1 #plans3 .p1 .in,.scr21 #plans3 .p1 .in{height:355px}
.scr1 #plans3 .p200 .in,.scr21 #plans3 .p200 .in{height:506px}
.scr1 #plans3 .p201 .in,.scr21 #plans3 .p201 .in{height:506px}
.scr1 #plans3 .p202 .in,.scr21 #plans3 .p202 .in{height:506px}
.scr1 #plans3 .p203 .in,.scr21 #plans3 .p203 .in{height:664px}
.scr1 #plans3 .p205 .in,.scr21 #plans3 .p205 .in{height:664px}
#plans3 .p200{background:#fff;border-radius:0 0 20px 0}
#plans3 .p200 .top{background:#fff}
#plans3 .p201{background:#fff}
#plans3 .p201 .top{background:#fff}
#plans3 .p205 .top{border-radius:20px 0 0 20px}
#plans3 .p200 .top{border-radius:0 20px 20px 0}
#plans3 .p203{border-radius:0}
#plans3 .p205{border-radius:20px 0 0 20px}
#plans3 .p202{background:#fff;border-left:1px solid #fff}
#plans3 .p202 .top{background:#fff}
#plans3 .p203{border-right:1px solid #e6e6e6}
#plans3 .p200{border-radius:0 20px 20px 0}
#plans3 .p1{background:transparent;color:#fff;padding-bottom:0;width: 9%;margin-right: -100px}
#plans3 .p1 .in{background:rgba(255,255,255,0.1);border-radius:0 0 20px 0;color:#fff}
#plans3 .top{font:13px var(--FONT1);color:#555;padding:15px 0 0 0;height:80px;margin:0 0 -15px 0}
#plans3 .trlarge2{font:bold 24px var(--FONT1)}
#plans3 .trlarge{font: 1.625REM/1.875REM var(--FONT2)}
#plans3 .p1 .top{background:transparent;color:#fff;font-style:italic}
#plans3 .top h3{font:16px/30px var(--FONT1);padding-bottom:0;color: var(--TXT_HI);height:35px;white-space:nowrap}
#plans3 .top h3 i{font: 1REM/1.875REM var(--FONT2);color: var(--TXT_LO3);margin-right:-10px}
#plans3 .top a,#plans3 .top span.a{font: 1.125REM/1.25REM var(--FONT2);color: var(--TXT_LO1)}
#plans3 .p205 .top a.go{border: 2px solid var(--MAGENTA) !important;border-radius: 1REM;font: 0.875REM/1.25REM var(--FONT2);padding: 0.25REM 1REM;color: var(--TXT_LO1);transition: 0.3s ease;white-space:nowrap}
#plans3 .p205:hover .top a.go{color:var(--MAGENTA)}
#plans3 .p205 .top a.go:hover{background:var(--MAGENTA);color:#fff}
#plans3 .p205 .top b{font-size:21px;color:var(--TXT_LO1)}
#plans3 .p205:hover .top b{color: var(--TXT_HI)}
#plans3 .top .for{font:13px/20px var(--FONT2);color:inherit}
#plans3 .item:hover .top a:not(.price_home){color:#39c;border-bottom:1px dashed #39c}
#plans3 .p1 .top a,#plans3 .p1 .top span.a{color:#fff;display: none}
#plans3 .p1:hover .top a{color:#9df;border-bottom:1px dashed #9df}
#plans3 .p1 .top h3 b{color:#fff}
#plans3 .top h3 b{font: bold 2REM/1.875REM var(--FONT4);color: var(--TXT_HI)}
#plans3 .p1 .top h3 b{font:22px/30px var(--FONT2)}
#plans3 .top h3 span{font: 1.125REM var(--FONT2);color: var(--MAGENTA)}
#plans3 .trlarge small{font:bold 12px var(--FONT1)}
#plans3 .title div:last-child{border-bottom:none !important;border-right:none !important}
.price-plan__icon{width: 36px;height: 36px;fill: var(--TXT_LO3);flex-shrink: 0}
#plans3 .p202 svg{fill: var(--EGG_BLUE)}
#plans3 .item.p1 svg,#plans3 .item:not(.p1) .tick_yes{display: none}
#plans3 .p1 span.tick_yes{background:none !important}
#plans3 .p1 span.tick_yes:before{content:'\2022';font:20px/26px var(--FONT1)}
#plans3 span.plus{color: var(--MAGENTA);margin-left:3px;margin-right:-16px;font-weight:normal}
#plans3 span.except{font:bold 18px Tahoma;color:#aaa;float:right;margin:0 50% 0 -50%;position:relative;left:27px;top:-5px}
#plans3 .title svg{fill: #ffffff}
.pro_line{border-top:2px dashed var(--MAGENTA);text-align:center;font: 500 italic 14px var(--FONT1);color: #333;margin:40px 0}
.pro_line span{display:block;width:100px;margin:-20px auto 0 auto}
.pro_line b{display:block;background:var(--MAGENTA);width:80px;margin:0 0 10px 10px;font:300 24px/40px var(--FONT2);text-align:center;color:#fff;border-radius:2rem;box-shadow:0 1px #fff}
.whint{position:relative;display:block}
.whint font{display:none}
#whint{display:none;position:absolute;top:100%;left:0;font:13px/18px var(--FONT1);color:#ccc;background:rgba(0,0,0,0.7);padding:7px 10px;border-radius:8px;margin:5px 0 0 -100px;z-index:1000;text-align:center}
#whint b{color:#fff}
#whint i{font-style:normal;color:#999}
#whint b.col1,#whint b.col2{color:#cf6}
.price-hint .only_screen{transition: left 0.5s ease-out;left:34px;position: relative;pointer-events: none}
.price-hint:hover .only_screen{transition:left 0.4s ease-in;left:0}
.price-hint__wrap{position:relative}
.price-hint__icon{opacity: 0;fill: #fff;background-color: rgba(255, 255, 255, 0.3);border-radius: 50%;display: flex;width: 1rem;height: 1rem;padding: 0.25rem;margin-left: 10px;visibility: hidden;transition:opacity 0.5s ease-in}
.price-hint:hover .price-hint__icon{visibility: visible;opacity: 1}
.price-hint__text{visibility:hidden;opacity: 0;width:300px;position:absolute;top:calc(100% + 8px);left:10px;font:14px/1.25 var(--FONT1);color:#fff;background:var(--HINT_COLOR);padding:12px 15px 15px 15px;border-radius:8px;z-index:100;text-align: left;transition:opacity 0.4s ease-in;transition-delay: 0.4s}
.price-hint:hover .price-hint__text{visibility:visible;opacity: 1}
#step1 span.only_screen{display: inline-flex;align-items: center;text-align: right}
@media(max-width: 1280px){#plans3 .enterprise{text-align:center}
#plans3 .enterprise a{margin-right:5px}
#plans3 .title div{font:13px/25px var(--FONT1)}
#plans3 .p153,#plans3 .p4{width:12%}
}
@media(max-width: 992px){#plans3 .p205 .top a.go{padding: 0.25REM 0.5REM;border: 1px solid var(--MAGENTA) !important}
#step1 span.only_screen{display: none}
#step1 span.only_mobile2{display: inline}
#plans3 .title{width: 28%}
#plans3 .item{width: 14%}
#plans3 .p201,#plans3 .p201 .top{border-radius: 0 20px 20px 0}
#plans3 .top h3 b{font: bold 1.875REM/1.875REM var(--FONT4);letter-spacing: normal}
}
@media(min-width: 992px){#plans3 .title{width: 24%}
#plans3 .item{width: 20%}
#plans3 .p1{width: 10%}
}
@media(min-width: 801px) and (max-width: 992px){#plans3 .title{width: 28%}
#plans3 .item{width: 16%}
}
@media(max-width: 800px){#step1 .wrap{width: 320px !important;margin: 0 auto !important}
#plans3{position:relative;padding-top:80px;height:700px}
#step1{cursor:-moz-grabbing;cursor:-webkit-grabbing}
.plans_line{margin:0}
#plans3 .title{width:90px;float:none;padding-top: 2px;padding: 2px 0}
#plans3 .title div{padding: 4px 0 5px 0;position:relative;justify-content: center;flex-direction:column;height: auto;text-align: center}
#plans3 .title svg{width: 30px;height: 30px}
#plans3 .title div b{font: 600 12px/16px var(--FONT1);letter-spacing: -0.5px;text-shadowx:1px 1px rgba(0,0,0,0.2)}
#plans3 .item{display:block;float:none;width:auto;border-radius:20px 20px;position:absolute;left:110px;top:0;width:110px;margin:0;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;height:737px;background:rgba(255,255,255,0.1);border:none}
#plans3 .p1{height:752px}
#plans3 .item .top{border-radius:20px 20px 0 0}
#plans3 .item_act{left:96px}
#plans3 .item_act2{left:210px}
#plans3 .item_l{left:-600px}
#plans3 .item_r{left:600px}
#plans3 .item .in{height:auto !important;background:#fff}
#plans3 .p1 .in{background:transparent}
#plans3 .p168 .in{background:#FFFCEF}
#plans3 .item .in{border-radius:0 0 20px 20px}
#plans3 .top h3 i{display:none}
#plans3 .title span.pro{display:none;float:left;margin:2px -50px 0 0}
#step1 h2{font: 500 1.5rem/2rem var(--FONT1);color:#fff;padding: 0 0 10px 0}
#step1 .pages{display: block;height: 60px;text-align:center;margin: 0 0 50px;position:relative}
#step1 .pages h2{}
#step1 .pages span{display:inline-block;width:16px;height:8px;border:2px solid #fff;border-radius:10px;margin:0 2px}
#step1 .pages span.act,#step1 .pages span.act2{background:#fff;border-color:#fff}
#step1 .pages .max,#step1 .pages .min{position:absolute;right:220px;top:1px;background:#fff;font:300 12px/20px var(--FONT1);padding:0px 5px;color:#333;opacity:0.7;display: none}
#step1 .pages .max,#step1 .pages .min{top:41px}
#step1 .pages .min{right:auto;left:220px}
#step1 .pages .min:after{content:'';position:absolute;right:-20px;top:0;border:10px solid #fff;border-color:transparent transparent transparent #fff}
#step1 .pages .max:after{content:'';position:absolute;left:-20px;top:0;border:10px solid #fff;border-color:transparent #fff transparent transparent}
#step1{padding:30px 0 80px 0;overflow:hidden;background-attachment:scroll}
#step1 .head{display:none}
#step1 .more,#step1 .more2{float:none;position:static;display:block;margin:0 0 0 0;width:auto;left:0;bottom:-60px !important;width:300px;opacity:1 !important}
.pro_line{padding:0 10px}
}
@media(max-width: 360px){#plans3 .item_l{left:-300px}
#plans3 .item_r{left:400px}
#step1 .more{width: 80%;margin: 0 auto}
}
.bd_landing #plans3 .p205{display: none}
@media(min-width: 801px){#plans3 .p203{border-radius:20px 0 20px 20px}
#plans3 .p203 .top{border-radius:20px 0 0 0}
#plans3 .p201{border-radius:0 20px 20px 20px;overflow:hidden}
#plans3 .p201 .top{border-radius:0 20px 0 0}
#plans3 .main{box-shadow:0 0 0 10px #fff,0 0 5px 10px rgba(0,0,0,0.3);position:relative;border-radius:8px}
#plans3 .p1{border-radius: 0 20px 20px 0;overflow:hidden}
#plans3 .p1 .top{background:rgba(255,255,255,0.1);height:45px;margin-bottom:0;margin-left:-40px;padding-left:40px;border-radius: 0 20px 0 0;margin-top: 20px;transition: border-radius 1.5s 0.5s ease-out}
}
#blocks #step3 .wrap{overflow: visible}
#step3{background: linear-gradient(225deg,#e3c0fe,#06d0c5);padding:80px 40px 80px 40px}
#blocks #step4 .wrap{overflow: visible}
#step3 div.item{float:left;width:31.33%;margin:60px 1% 0 1%;position:relative}
#step3 div.item .in{opacity:0;padding:70px 20px 20px 20px;background:#fff;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;border-radius: 1.25rem;box-shadow: rgba(20,30,40,0.10) 0px 1rem 4rem}
.scr2 #step3 div.item .in,.scr3 #step3 div.item .in{opacity:1;-webkit-transition: opacity 0.5s 1s ease;transition: opacity 0.5s 1s ease;font: 1rem/1.5rem var(--FONT1)}
#step3 h2{padding:0 0 15px 0;font:600 1.5rem/1.4 var(--FONT2);color:#333}
#step3 h2 b{font:600 3rem/30px var(--FONT2)}
#step3 h2 i{color:#999;font-style:normal}
.price_about_icon_inf{float: left;width: 60px;height: 60px;margin:-10px -20px -10px -10px;display:none}
.price_about_icon{position:absolute;left:50%;top:-65px;border-radius:50%;width:130px;height:130px;margin-left:-65px;opacity:0;transform: scale(0.2,0.2);transition: all 0.5s ease;fill: #fff}
#step3 #pd1 .price_about_icon{margin-left:440px}
#step3 #pd2 .price_about_icon{margin-left:-65px}
#step3 #pd3 .price_about_icon{margin-left:-560px}
.scr2 #step3 .item .price_about_icon,.scr3 #step3 .item .price_about_icon{transform: scale(1,1);opacity:1;margin-left:-65px !important;transition: all 1s ease}
.price_about_icon_storage{background: #C4A4C1}
.price_about_icon_users{background: #77BB00}
.price_about_icon_project{background: #FFA60C}
.price_about_icon svg{position:absolute;left: 0;top: 0;bottom: 0;right: 0;width:70px;height:70px;fill: #fff;margin: auto}
.price_circle_arrow_up{width:64px;height:64px;fill: #fff;opacity: 0.4;display: block;margin: 0 auto 10px auto;transform: rotate(180deg)}
#step3 .more:hover .price_circle_arrow_up{opacity: 0.6}
#step3 #plan_name{max-width:400px;margin:0 auto 40px auto;text-align:center;position:relative}
#plan_name .name{font:300 30px/50px var(--FONT2);background:#fff;display:block;color:#000;white-space:nowrap;overflow:hidden}
#plan_name .name b{font-weight:300}
#plan_name .name .ico_r{margin:15px 18px 0 -38px}
#plan_name .price{background:rgba(0,0,0,0.3);margin:0 24px;font:18px/40px var(--FONT1);color:#fff;display:block}
#plan_name .price span{font: 1.125REM var(--FONT2)}
#plan_name .price b{font: bold 30px/40px var(--FONT4)}
#plan_name .price i{font: 1REM/1.875REM var(--FONT2)}
#plan_name .a1{border:12px solid rgba(255,255,255,0.2);border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(255,255,255,0.2) rgba(255,255,255,0.2);position:absolute;left:0;top:50px}
#plan_name .a2{border:12px solid rgba(255,255,255,0.2);border-color:rgba(0,0,0,0.1) rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(0,0,0,0.1);position:absolute;right:0;top:50px}
#plan_name .a3{border:20px solid rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.2) rgba(255,255,255,0.2) rgba(255,255,255,0.2) transparent;position:absolute;left:-45px;top:24px;border-width:25px 30px 25px 15px}
#plan_name .a4{border:20px solid rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.2) transparent rgba(255,255,255,0.2) rgba(255,255,255,0.2);position:absolute;right:-45px;top:24px;border-width:25px 15px 25px 30px}
#plan_drop{position:absolute;left:50%;top:114px;width:352px;margin-left:-176px;overflow:hidden;height:0;z-index:1000;-webkit-transition: all 0.8s ease;transition: all 0.8s ease}
#plan_drop .in{background: #669fb6}
#plan_drop a{display:block;font: 400 1.25rem/2rem var(--FONT2);color:#fff;padding: 0.5rem 0.5rem;border-top: 1px solid rgba(255, 255, 255, 0.2);text-align:center}
#plan_drop a:hover{background:#fff;color: var(--BLUE)}
#step3 .more{position:absolute;right:0;top:-70px;width:30%;text-align:center;text-decoration:none;-webkit-transition: opacity 0.8s ease;transition: opacity 0.8s ease}
#step3 .more b{border-bottom:1px dashed #fff;color:#fff;font:bold 16px var(--FONT1)}
#step3 h3{margin:0 auto;padding:20px 0;text-align:center;font:600 italic 1.5rem/1 var(--FONT1);color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.1)}
#step4{background:#f4f4f4;padding:40px 40px 40px 40px;position:relative}
#step4 div.item{float:left;width:31.33%;margin:0 1% 20px 1%;position:relative;opacity:1;-webkit-transition: opacity 0.8s ease;transition: opacity 0.8s ease}
#step4 div.item h3{color:#333;font:600 1.5rem/1.7 var(--FONT1);padding:0}
#step4 div.item p{background:#fff;padding:26px;margin:0;font: 1rem/1.5rem var(--FONT1);border-radius: 1.25rem;box-shadow: rgba(20,30,40,0.10) 0px 1rem 4rem;position: relative}
#step4 div.item-pro_status_off{opacity:0.5}
#step4 .midico{position:absolute;right:0;top:10px;background-color:#5E5851;border:5px solid #5E5851}
.price_useful_icon{width:36px;height:36px;position:absolute;right:0;top:-44px;background-color:#333;padding:16px;z-index: 10;border-radius: 50%;fill:#fff}
#step4 div.item-pro .midico{top:1.5rem}
.price_useful_icon_systematisation{background-color:#77BB00}
.price_useful_icon_cal{background-color:#F66}
.price_useful_icon_communication{background-color:#f90}
.price_useful_icon_stopwatch{background-color:#61839D}
.price_useful_icon_timeline{background-color:#9ECFEF}
.price_useful_icon_report{background-color:#C4A4C1}
@media(max-width: 992px){#step3{padding:30px 0 60px 0}
#step3 .more{position:relative;display: block;margin-top: -15px;width: 100%;top:0 !important;right:auto !important}
#step3 .more b{display:none}
#step3 .price_circle_arrow_up{margin-bottom: 0}
}
@media(max-width: 768px){#step3{overflow:hidden}
#step3 #plan_name .name{font:300 22px/50px var(--FONT2)}
#plan_drop a{font:300 18px/30px var(--FONT2)}
#step3 div.item{float:none;width:auto;margin: 90px 10px 0 10px}
#step3 div.item .in{opacity:1 !important}
#step4{padding:30px 0}
#step4 div.item{float:none;width:auto;margin: 0 10px 40px 10px}
#step4 div.item h3{font:20px/40px var(--FONT1)}
}
.priceFaq{padding: 80px;margin: 0 auto;max-width: 800px}
.priceFaq__title{margin-bottom: 56px}
.priceFaq__title span{font-family: 'Inter',sans-serif;font-size: 40px;font-weight: 400;line-height: 50px;color: var(--colors-slate-trans-900);cursor: default}
.priceFaq__item{padding: 20px;border-top: 1px solid var(--colors-slate-trans-200);transition: background .3s ease-in-out;cursor: pointer;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.priceFaq__item svg{flex-shrink: 0;width: 20px;height: 20px;fill: var(--colors-slate-trans-900);transition: transform .3s ease-in-out}
.priceFaq__item.is-open svg{transform: rotate(-180deg)}
.priceFaq__item:hover{background: var(--colors-slate-200)}
.priceFaq__question{display: flex;align-items: center;justify-content: space-between;gap: 20px}
.priceFaq__question span{font-family: 'Inter',sans-serif;font-size: 18px;font-weight: 500;line-height: 32px;color: var(--colors-slate-trans-900)}
.priceFaq__answer{height: 0;overflow: hidden;transition: height .3s ease-in-out}
.priceFaq__answer span{display: inline-block;padding: 12px 40px 8px 0;font-family: 'Inter',sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;color: var(--colors-slate-trans-700)}
@media(hover: none){.priceFaq__item:hover{background: unset}
}
@media only screen and (max-width: 600px){.priceFaq{padding: 120px 40px}
.priceFaq__title{text-align: center}
.priceFaq__title span{font-size: 32px}
}
@media only screen and (max-width: 480px){.priceFaq{padding: 120px 20px}
.priceFaq__title span{font-size: 28px}
.priceFaq__answer span{padding-right: 0}
}
@media only screen and (max-width: 390px){.priceFaq__title{margin-bottom: 28px}
.priceFaq__question span{font-size: 16px;line-height: 28px}
}
#step19{padding:100px 40px;position:relative;background:#fff;height:360px;white-space:nowrap}
#step19 .ico_pl{padding:15px;margin:-10px 5px -10px 0;position:relative}
#step19 div.a{position:relative}
#step19 .l .ico_pl{float:left;margin:-5px 20px -5px 10px}
#step19 .r .ico_pl{float:right;margin:-5px 10px -5px 22px}
#step19 .c .ico_pl{display:block;margin:10px auto 20px auto;width:40px;height:40px;padding:20px}
#step19 .ico_pa{position:absolute;width:70px;height:70px;border-radius:50px;-webkit-transition: all 0.4s ease;transition: all 0.4s ease}
#step19 .l .ico_pa{left:10px;top:5px}
#step19 .r .ico_pa{right:10px;top:5px}
#step19 .c .ico_pa{left:50%;top:20px;width:80px;height:80px;margin:0 0 0 -40px}
#step19 .l div.a:hover .ico_pa{width:90px;height:90px;left:0;top:-5px}
#step19 .r div.a:hover .ico_pa{width:90px;height:90px;right:0;top:-5px}
#step19 .c div.a:hover .ico_pa{width:100px;height:100px;margin:0 0 0 -50px;top:10px}
#step19 .midico_l{margin:0}
#step19 .ico_pa1{background:#5ad}
#step19 .ico_pa2{background:#7b0}
#step19 .ico_pa3{background:#c79}
#step19 .ico_pa4{background:#b86}
#step19 .ico_pa5{background:#7b9}
#step19 .ico_pa6{background:#ab0}
#step19 .ico_pa7{background:#a8b}
#step19 .ico_pa8{background:#c88}
#step19 .ani_count{position:relative;font:25px var(--FONT2);margin:0 5px}
#step19 .ani_count font{position:absolute;right:0;top:0}
#step19 .a1 .ani_count{color:#5ad}
#step19 .a2 .ani_count{color:#7b0}
#step19 .a3 .ani_count{color:#c79}
#step19 .a4 .ani_count{color:#b86}
#step19 .a5 .ani_count{color:#7b9}
#step19 .a6 .ani_count{color:#ab0}
#step19 .a7 .ani_count{color:#a8b}
#step19 .a8 .ani_count{color:#c88}
#step19 .l{float:left;width:30%}
#step19 .c{float:left;width:30%;text-align:center;margin:0 0 0 5%}
#step19 .r{float:right;width:30%;text-align:right}
#step19 .l div.a{height:120px;padding:10px 0}
#step19 .r div.a{height:120px;padding:10px 0}
#step19 .c div.a{height:160px;padding:10px 0}
#step19{transition:background 0.8s ease;-webkit-transition:background 0.8s ease}
.scr19 #step19{background:#DDD3C9}
@media(max-width: 768px){#step19{padding:30px 0;height:200px;overflow:hidden}
.scr19 #step19{background:#fff}
#step19 .c,#step19 .l,#step19 .r{float:none;width:auto;display:inline}
#step19 .l .ico_pl,#step19 .r .ico_pl,#step19 .c .ico_pl{float:none;display:block;margin:10px auto 20px auto;width:40px;height:40px;padding:20px}
#step19 .l .ico_pa,#step19 .r .ico_pa,#step19 .c .ico_pa{left:50%;top:20px;width:80px;height:80px;margin:0 0 0 -40px;right:auto}
#step19 .l div.a:hover .ico_pa,#step19 .r div.a:hover .ico_pa,#step19 .c div.a:hover .ico_pa{width:100px;height:100px;margin:0 0 0 -50px;top:10px;right:auto;left:50%}
#step19 .l div.a,#step19 .r div.a,#step19 .c div.a{height:160px;padding:10px 0;text-align:center}
#step19 .pages{height:20px;text-align:center}
#step19 .pages span{display:inline-block;width:5px;height:5px;border:2px solid #ccc;border-radius:10px;margin:0 2px}
#step19 .pages span.act{background:#999;border-color:#999}
#step19 div.a{position:absolute;left:0px;top:20px;transition:left 0.3s ease;-webkit-transition:left 0.3s ease;width:300px}
#step19 div.a_l{left:-600px}
#step19 div.a_r{left:600px}
#step19{cursor:move;cursor:-moz-grabbing;cursor:-webkit-grabbing}
}
@media(max-width: 360px){#plans3 .item_l{left:-300px}
#plans3 .item_r{left:400px}
#step19 .a_l{left:-400px}
#step19 .a_r{left:400px}
}
:root{--reg-font: "Inter",sans-serif}
html,body{}
.regPage{display: flex;height: 100vh;background: linear-gradient(180deg,var(--colors-slate-950) 0%,#080D21 100%);overflow: hidden;cursor: default}
.regPage ws-icon,.regPage svg{width: 20px;height: 20px}
.regPage__left{display: flex;flex-direction: column;padding: 40px;width: 100%;max-width: 480px;min-width: 360px;box-sizing: border-box}
.regPage__left__logo{display: flex;align-items: center;gap: 12px;padding: 8px 0;font: 600 24px/24px "Work Sans",sans-serif;color: var(--colors-slate-100)}
.regPage__left__logo ws-icon,.regPage__left__logo svg{width: 42px;height: 42px;fill: var(--colors-slate-100)}
.regPage__left__content{display: flex;flex-direction: column;margin-top: 40px;padding-right: 20px}
.regPage__left__content .header{font: 600 40px/48px var(--reg-font);color: var(--colors-slate-0)}
.regPage__left__content .text{margin: 8px 0 24px;font: 400 14px/24px var(--reg-font);color: var(--colors-slate-400)}
.regPage__left__content .features{display: flex;flex-wrap: wrap;gap: 12px 20px}
.regPage__left__content .features__item{display: flex;gap: 8px;font: 400 14px/20px var(--reg-font);color: var(--colors-slate-200);text-wrap: nowrap}
.regPage__left__content .features__item svg{fill: var(--colors-blue-300)}
.regPage__left__footer{display: flex;flex-direction: column;align-items: center;gap: 12px;margin-top: auto;padding: 20px 0;font: 500 12px/24px var(--reg-font);color: var(--colors-slate-200)}
.regPage__left__footer .companies{display: flex;flex-wrap: wrap;justify-content: center}
.regPage__left__footer .companies__item{display: flex;align-items: center;justify-content: center;width: 117px;height: 48px}
.regPage__left__footer .companies__item img{scale: 0.75;filter: brightness(0) saturate(100%) invert(97%) sepia(3%) saturate(1774%) hue-rotate(181deg) brightness(101%) contrast(88%)}
.regPage__right{padding: 20px;width: 100%}
.regPage__right__wrapper{display: flex;flex-direction: column;align-items: center;justify-content: center;height: calc(100vh - 40px);min-width: 560px;border-radius: 20px;background: var(--colors-slate-100)}
.regPage__right__wrapper::-webkit-scrollbar-thumb:vertical{background: var(--colors-slate-300)}
.regPage__right__wrapper:hover::-webkit-scrollbar-thumb:vertical{background: var(--colors-slate-400)}
.regPage__right__title{display: none;font: 600 32px/40px "Work Sans",sans-serif;color: var(--colors-slate-trans-900)}
.regPage__right__form{position: relative;display: flex;flex-direction: column;gap: 16px;padding: 40px;width: 464px;box-sizing: border-box;border-radius: 20px;background: var(--colors-slate-0);box-shadow: 0 8px 12px -4px rgba(31, 48, 71, 0.06),0 12px 20px -8px rgba(31, 48, 71, 0.06),0 16px 32px -8px rgba(31, 48, 71, 0.06),0 32px 48px -12px rgba(31, 48, 71, 0.06),0 48px 64px -12px rgba(31, 48, 71, 0.06)}
.regPage__right__form form{position: relative}
.regPage__right__form:before{content: attr(data-header);position: absolute;top: -60px;left: 0;width: 100%;display: inline-flex;justify-content: center;font: 600 32px/40px "Work Sans",sans-serif;color: var(--colors-slate-trans-900)}
.regPage__right__form__input{position: relative;display: flex;flex-direction: column;margin-bottom: 16px;justify-content: center}
.regPage__right__form__input.is-hidden{margin-bottom: 32px}
.regPage__right__form__input:not(.is-hidden) input,.regPage__right__form__input .regPage__select-button{width: 100%;padding: 12px 16px;height: 48px;box-sizing: border-box;border-radius: 12px;border: 0;box-shadow: 0 0 0 1.5px var(--colors-slate-300) inset;font: 400 16px/24px var(--reg-font);color: var(--colors-slate-900);transition: all .15s ease;text-overflow: ellipsis}
.regPage__right__form__input .regPage__select-button .regPage__select-content span:last-child{line-height: 16px;text-align: left}
.regPage__fakeButton{box-shadow: 0 0 0 1.5px var(--colors-slate-300) inset;border-radius: 12px;position: relative;padding: 1.5px}
.regPage__fakeButton:hover,.regPage__fakeButton:focus-within{box-shadow: 0 0 0 1.5px var(--colors-slate-400) inset}
.regPage__right__form__input.regPage__fakeButton button,.regPage__right__form__input.regPage__fakeButton input{box-shadow: none;border: transparent;background: none}
.regPage__right__form__input.regPage__fakeButton.has-input button{border-bottom-right-radius: 0;border-bottom-left-radius: 0}
.regPage__fakeButton button:hover{background: var(--colors-slate-50)}
.regPage__fakeButton .f_wrapper:hover,.regPage__fakeButton .f_wrapper:has(input:not(:placeholder-shown)){color: var(--colors-slate-trans-700)}
.regPage__right__form__input.regPage__fakeButton input#f_phone{border-radius: 0 0 12px 0;padding: 10px 16px 10px 8px;border-right: 2px transparent;height: 46px}
.regPage__right__form__input.regPage__fakeButton input#f_phone:focus{box-shadow: none;background: transparent}
.regPage__right__form__input.regPage__fakeButton input#f_phone:-webkit-autofill{background-color:#fff !important;-webkit-box-shadow:0 0 0 50px #fff inset;transition: background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s}
.regPage__right__form__input.regPage__fakeButton .phone-loadind{opacity: 0.3}
.regPage__right__form__input.regPage__fakeButton .phone-loadind input{padding-left: 0 !important}
.regPage__fakeButton .f_wrapper{display: flex;box-sizing: border-box;font: 400 16px/24px var(--reg-font);color: var(--colors-slate-trans-400);border-radius: 2px 2px 12px 12px;align-items: center;padding-left: 14.5px;transition: all .15s ease}
.regPage__fakeButton .f_wrapper:not(.phone-loadind) .f_placeholder span:last-child{display: none}
.regPage__fakeButton .f_wrapper.phone-loadind .f_placeholder span:first-child{display: none}
.regPage__fakeButton .f_wrapper .optional{padding-right: 14.5px;font: 400 12px / 16px var(--reg-font);color: var(--colors-slate-trans-400);white-space: nowrap;display: block}
.regPage__fakeButton.has-input .f_wrapper .optional{display: none}
.regPage__fakeButton .f_wrapper:not(:has(.incomplete)):focus-within{box-shadow: 0 0 0 1.5px var(--colors-blue-600),0 0 0 5.5px rgba(49, 103, 220, 0.2);background: var(--colors-slate-0);color: var(--colors-slate-trans-700)}
.regPage__fakeButton .f_wrapper:has(.incomplete){background: var(--colors-slate-0);color: var(--colors-slate-trans-700);box-shadow: 0 0 0 1.5px var(--colors-amber-600) inset,0 0 0 4px rgba(245,158,11,0.20);margin: -1.5px;padding: 1.5px 1.5px 1.5px 17.5px}
.regPage__fakeButton .f_wrapper:has(.incomplete):hover{background: var(--colors-slate-50)}
.regPage__fakeButton .regPage__fakeButton-separator{width: 100%;border-top: 1px solid var(--colors-slate-300)}
.regPage__right__form__input .regPage__select-button{display: inline-flex;align-items: center;justify-content: space-between}
.regPage__right__form__input .regPage__select-button:not(.open) ws-icon[data-sprite=arrows] svg use:nth-of-type(2){display: none}
.regPage__right__form__input .regPage__select-button.open ws-icon[data-sprite=arrows] svg use:nth-of-type(1){display: none}
.regPage__select-content{display: inline-flex;align-items: center;gap: 12px}
.regPage__select-content ws-icon,.regPage__select-content ws-icon svg{width: 24px;height: 18px}
.regPage__right__form__countryBox{border-radius: 12px;box-sizing: border-box;box-shadow: 0 0 0 1.5px var(--colors-slate-300) inset;color: var(--colors-slate-900);background: var(--colors-slate-0);position: absolute;width: 100%}
.regPage__right__form__countryBox.countryBox-hidden{display: none}
.regPage__right__form__countryBox-empty{display: flex;align-items: center;padding: 4px 16px 4px 10px;height: 32px;line-height: 32px;margin-left: 6px;font-size: 14px;color: var(--colors-slate-trans-400);justify-content: center}
.regPage__right__form__countryBox-empty.is-hidden{display: none}
.regPage__right__form__countryBox-search{display: flex;flex-direction: column;gap: 8px;padding: 16px 16px 8px 16px;border-bottom: 1px solid var(--colors-slate-200)}
.regPage__right__form__countryBox-searchText{color: var(--colors-slate-trans-400);font-size: 12px;font-style: normal;font-weight: 400;line-height: 20px}
.regPage__right__form__countryBox-searchText a{color: var(--colors-blue-600)}
.regPage__right__form__countryBox-searchInput{border-radius: 8px;box-shadow: 0 0 0 1.5px var(--colors-slate-300) inset;background: var(--white-max);display: flex;padding: 8px;align-items: center;gap: 10px}
.regPage__right__form__countryBox-searchInput ws-icon svg{fill: var(--colors-slate-trans-400)}
.regPage__right__form__countryBox-searchInput input{width: 100%;border: none;padding: 0;background: transparent}
.regPage__right__form__countryBox-searchInput input::placeholder{font-size: 14px}
.regPage__right__form__countryBox-searchInput:focus-within{box-shadow: 0 0 0 1.5px var(--colors-blue-600) inset}
.regPage__right__form__countryBox-countryList{max-height: 240px;overflow-y: scroll;padding: 8px 0;box-sizing: border-box;margin: 0 1.5px 1.5px 0}
.regPage__right__form__countryBox-countryList::-webkit-scrollbar{width: 16px}
.regPage__right__form__countryBox-countryList::-webkit-scrollbar-track:vertical{border-left: 1px solid var(--colors-slate-100);background-color: var(--colors-slate-50);border-bottom-right-radius: 10px;box-sizing: content-box}
.regPage__right__form__countryBox-countryList::-webkit-scrollbar-track:hover{}
.regPage__right__form__countryBox-countryList::-webkit-scrollbar-thumb{background-color: var(--colors-slate-300);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid transparent;border-bottom: 4px solid transparent;background-clip: content-box;min-height: 24px;border-radius: 100px}
.regPage__right__form__countryBox-countryList:hover::-webkit-scrollbar-thumb:vertical{}
.regPage__right__form__countryBox-countryList::-webkit-scrollbar-button{display: none}
.regPage__right__form__countryBox-countryRow{display: flex;padding: 4px 16px 4px 10px;margin-left: 6px;align-items: center;justify-content: space-between}
.regPage__right__form__countryBox-countryRow:hover,.regPage__right__form__countryBox-countryRow.focused{cursor: pointer;background: var(--colors-slate-100)}
.regPage__right__form__countryBox-countryRow .regPage__select-content{font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;color: var(--colors-slate-900)}
.regPage__right__form__countryBox-countryRow .regPage__select-prefix{color: var(--colors-slate-400);font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px}
.regPage__right__form__countryBox-separator{width: 100%;padding-top: 4px;margin-bottom: 4px;border-bottom: 1px solid var(--colors-slate-200)}
.regPage__right__form__input.is-hidden input{display: none}
.regPage__right__form__input:not(.regPage__fakeButton):not(:focus-within) input:hover,.regPage__right__form__countryBox-searchInput:hover:not(:focus-within){box-shadow: 0 0 0 1.5px var(--colors-slate-400) inset;background: var(--colors-slate-50)}
.regPage__right__form__input:has(ws-icon[name*="eye"]) input{padding-right: 46px}
.regPage__right__form__input input:focus{box-shadow: 0 0 0 1.5px var(--colors-blue-600) inset,0px 0px 0px 4px rgba(49, 103, 220, 0.2);background: var(--colors-slate-0)}
.regPage__right__form__input input::placeholder,.regPage__right__form__countryBox-searchInput input::placeholder{color: var(--colors-slate-trans-400);opacity: 1 !important}
.regPage__right__form__input input:hover::placeholder,.regPage__right__form__countryBox-searchInput:hover input::placeholder{color: var(--colors-slate-trans-700)}
.regPage__right__form__input:not(:focus-within) input:not([name=phone]).incomplete{box-shadow: 0 0 0 1.5px var(--colors-amber-600) inset,0 0 0 4px rgba(245,158,11,0.20)}
.regPage__right__form__input .input_warn,.regPage__fakeButton + .input_warn{display: none;order: 1;margin-top: 8px;padding-left: 2px;font: 400 13px/20px var(--reg-font);color: var(--colors-amber-600)}
.regPage__right__form__input .input_warn.pass{margin-top: 4px}
.regPage__right__form__input .incomplete + .input_warn,.regPage__fakeButton:has(.incomplete) + .input_warn{display: block}
.regPage__right__form__input .reg_email{display: none;flex-wrap: wrap;column-gap: 8px}
.regPage__right__form__input.is-hidden .reg_email{display: flex;padding-left: 2px}
.regPage__right__form__input .reg_email span:nth-child(1){width: 100%;font: 600 12px/20px var(--reg-font);color: var(--colors-slate-trans-500)}
.regPage__right__form__input .reg_email span:nth-child(2){font: 400 14px/20px var(--reg-font);color: var(--colors-slate-trans-700)}
.regPage__right__form__input .reg_email span:nth-child(3){font: 400 14px/20px var(--reg-font);color: var(--colors-blue-600);text-decoration: underline;text-underline-offset: 3px;cursor: pointer}
.regPage__right__form__input .passDots{display: flex;align-items: center;gap: 4px;margin-top: 4px;padding-left: 2px;height: 16px}
.regPage__right__form__input .passDots__item{width: 24px;height: 4px;border-radius: 4px;background: var(--colors-slate-100);transition: background-color .3s ease-in-out}
.regPage__right__form__input .passDots[data-password="weak"] .passDots__item:nth-child(1){background-color: var(--colors-amber-500)}
.regPage__right__form__input .passDots[data-password="medium"] .passDots__item:nth-child(1),.regPage__right__form__input .passDots[data-password="strong"] .passDots__item:nth-child(1){background-color: var(--colors-blue-400)}
.regPage__right__form__input .passDots[data-password="medium"] .passDots__item:nth-child(2),.regPage__right__form__input .passDots[data-password="strong"] .passDots__item:nth-child(2){background-color: var(--colors-blue-500)}
.regPage__right__form__input .passDots[data-password="strong"] .passDots__item:nth-child(3){background-color: var(--colors-blue-600)}
.regPage__right__form__input .passDots__text{margin-left: auto;padding-right: 2px;font: 400 12px/16px var(--reg-font);color: var(--colors-slate-trans-400)}
.regPage__right__form__input ws-icon[name*="eye"]{position: absolute;top: 14px;right: 16px;cursor: pointer}
.regPage__right__form__input ws-icon[name*="eye"] svg{fill: var(--colors-slate-trans-400)}
.regPage__right__form__input input[type=text] + span + ws-icon[name*="eye"] svg use:first-child,.regPage__right__form__input ws-icon[name*="eye"] svg use:last-child{display: none}
.regPage__right__form__input input[type=text] + span + ws-icon[name*="eye"] svg use:last-child{display: block}
.regPage__right__form ws-btn{margin: 16px 0 32px;width: 100%}
.regPage__right__form .loading{display: none}
.regPage__right__form .btn.is-loading .loading{display: flex}
.regPage__right__form .loading__dot{display: inline-block;margin: 4px;width: 2px;height: 2px;border-radius: 50%;background: var(--colors-slate-0);animation: dot linear 1s infinite}
.regPage__right__form .loading__dot:nth-of-type(2){animation-delay: 0.25s}
.regPage__right__form .loading__dot:nth-of-type(3){animation-delay: 0.5s}
@keyframes dot{0%,100%{transform: scale(1)}
25%,75%{transform: scale(2)}
50%{transform: scale(4)}
}
.regPage__right__form .btn.is-loading > span{display: none}
.regPage__right__form__confirm{display: flex;gap: 8px;font: 400 12px/20px var(--reg-font);color: var(--colors-slate-trans-500)}
.regPage__right__form__confirm input{display: none}
.regPage__right__form__confirm ws-icon,.regPage__right__form__confirm svg{vertical-align: bottom}
.regPage__right__form__confirm ws-icon[name*="input"] svg{fill: var(--colors-slate-400);cursor: pointer}
.regPage__right__form__confirm ws-icon[name*="input"]:hover svg{fill: var(--colors-slate-700)}
.regPage__right__form__confirm input:checked + ws-icon[name*="input"] svg{fill: var(--colors-blue-600)}
.regPage__right__form__confirm ws-icon[name*="input"] use:last-child,.regPage__right__form__confirm input:checked + ws-icon[name*="input"] use:first-child{display: none}
.regPage__right__form__confirm input:checked + ws-icon[name*="input"] use:last-child{display: block}
.regPage__right__form__confirm a{text-decoration: underline;text-underline-offset: 2px;text-decoration-skip-ink: none}
.regPage__right__form__confirm a,.regPage__right__form__confirm a:hover{color: var(--colors-blue-600)}
.regPage__right__form__confirm ws-icon.input_warn{display: none;order: 1;margin-left: auto;margin-right: 2px}
.regPage__right__form__confirm ws-icon.input_warn svg{fill: var(--colors-amber-600)}
.regPage__right__form__confirm label:has(.incomplete) + ws-icon.input_warn{display: block}
.regPage__right__form__confirm span{user-select: none;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none}
.regPage__right__footer{position: absolute;bottom: 20px;display: flex;align-items: center;flex-wrap: wrap;gap: 32px;margin-top: auto;padding: 24px 0;font: 400 12px/24px var(--reg-font);color: var(--colors-slate-trans-500)}
.regPage__right__footer a{color: var(--colors-slate-trans-500)}
.regPage__right__footer a:hover,.regPage__right__footer .lang_btn:hover{color: var(--colors-slate-trans-700)}
.regPage__right__footer .lang_btn{position: relative;display: flex;align-items: center;justify-content: center;gap: 4px;cursor: pointer;user-select: none;-webkit-user-select: none;-moz-user-select: none;-khtml-user-select: none;-ms-user-select: none}
.regPage__right__footer .lang_btn ws-icon,.regPage__right__footer .lang_btn svg{width: 16px;height: 16px;fill: var(--colors-slate-trans-500)}
.regPage__right__footer .lang_btn:hover svg{fill: var(--colors-slate-trans-700)}
.regPage__right__footer .lang_menu{display: none;position: absolute;bottom: calc(100% + 20px);left: 0;padding: 12px;width: 140px;box-sizing: border-box;background: var(--colors-slate-0);border-radius: 12px;box-shadow: 0 0 0 1px var(--colors-slate-trans-200),0 0 0 8px rgba(226, 232, 240, 0.3),0 2px 6px 0 rgba(43, 56, 87, 0.4)}
.regPage__right__footer .lang_menu.is-act{display: block}
.regPage__right__footer .lang_menu a{display: inline-block;width: calc(100% - 24px);padding: 6px 12px;border-radius: 8px;transition: all .2s ease-in-out}
.regPage__right__footer .lang_menu a:hover,.regPage__right__footer .lang_menu a:active{background: var(--colors-slate-trans-100);color: var(--colors-slate-trans-500)}
.page-register .rngst_phone_button,.page-register .intercom-app,.page-register .intercom-lightweight-app{display: none}
@media(width > 960px) and (height <= 880px){.regPage__right__wrapper{justify-content: flex-start;overflow-y: scroll;clip-path: inset(0 round 20px)}
.regPage__right__title{display: block;margin: 46px 0 32px}
.regPage__right__form:before{display: none}
.regPage__right__footer{position: relative;margin-top: 36px}
}
@media(width > 960px) and (height <= 800px){.regPage__right{padding: 0;background: var(--colors-slate-100)}
.regPage__right__wrapper{height: 100%;border-radius: 0;background: none;clip-path: none}
.regPage__right__form{flex-shrink: 0;padding: 28px}
.regPage__right__form__input{margin-bottom: 12px}
.regPage__right__form__input.is-hidden{margin-bottom: 24px}
.regPage__right__form ws-btn{margin: 12px 0 24px}
.regPage__right__footer{position: relative;justify-content: center}
.regPage__right__footer .lang_menu{bottom: calc(100% + 10px)}
}
@media(width <= 960px){.regPage{position: relative;flex-direction: column-reverse;padding: 0 80px;height: auto}
.regPage__right{padding: 24px 0;margin-top: 140px;width: unset}
.regPage__right__wrapper{align-items: unset;height: auto;background: none;min-width: unset}
.regPage__right__form{width: 100%}
.regPage__right__form:before{top: -64px;color: var(--colors-slate-50)}
.regPage__right__footer{left: 0;bottom: 40px;justify-content: center;width: 100%;color: var(--colors-slate-200);-webkit-tap-highlight-color: transparent}
.regPage__right__footer > a{color: var(--colors-slate-200)}
.regPage__right__footer a:hover,.regPage__right__footer a:active{color: var(--colors-slate-400)}
.regPage__right__footer .lang_btn svg{fill: var(--colors-slate-200)}
.regPage__left{padding: 0;max-width: unset;min-width: unset}
.regPage__left__logo{position: absolute;top: 0;left: 0;justify-content: center;gap: 8px;padding: 24px 0;width: 100%;font-size: 18px;line-height: 18px}
.regPage__left__logo ws-icon,.regPage__left__logo svg{width: 30px;height: 30px}
.regPage__left__content{margin-top: 0;padding-right: 0;width: 100%}
.regPage__left__content:after{content: '';display: block;width: 100%;height: 1.5px;background: var(--colors-slate-800)}
.regPage__left__content .features{order: -1;justify-content: center;column-gap: 24px;padding-bottom: 100px;width: 100%}
.regPage__left__content .text{margin-bottom: 20px;max-width: 480px}
.regPage__left__footer{padding: 40px 24px 132px}
.regPage__right__footer .lang_btn:hover{color: var(--colors-slate-400)}
.regPage__right__footer .lang_btn:hover svg{fill: var(--colors-slate-400)}
}
@media(width <= 768px){.regPage{padding: 0 20px}
.regPage__left__content:after{transform: translateX(20px);width: calc(100% - 40px)}
.regPage__left__content .header,.regPage__left__content .text{padding: 0 40px 0 20px}
}
@media(width <= 480px){.regPage__left__footer{padding: 40px 0 132px}
.regPage__right__footer .lang_menu{position: fixed;display: block;bottom: 20px;left: 0;right: 0;margin: 0 auto;padding: 20px 12px;width: calc(100% - 160px);border-radius: 20px;text-align: center;transform: translateY(calc(100% + 28px));transition: transform .3s cubic-bezier(0.5,0,0,1)}
.regPage__right__footer .lang_menu.is-act{transform: translateY(0)}
}
@media(width <= 430px){.regPage__right__form{padding: 28px}
}
@media(width <= 400px){.regPage__right__form{padding: 20px}
.regPage__right__form:before{top: -60px;font-size: 28px}
.regPage__left__content:after{transform: translateX(0);width: auto}
.regPage__left__content .header{font-size: 36px}
.regPage__left__content .header,.regPage__left__content .text{padding: 0 20px 0 0}
.regPage__left__footer{padding: 40px 0 188px}
.regPage__right__footer .lang_btn{width: 100%}
.regPage__right__footer .lang_menu{width: calc(100% - 60px)}
}
@media(width <= 360px){.regPage__left__content .header{font-size: 28px}
.regPage__right__form{margin-left: -10px;width: calc(100% + 20px)}
}
#step14{padding:0 40px;position:relative;background: linear-gradient(225deg,#e3c0fe,#06d0c5);background-size: 100% 100%;background-attachment: fixed}
#step14 .head{background: rgba(0,0,0,0.25);margin:0 -40px;padding: 20px 40px 20px 40px;height: 120px;overflow:hidden;color:#fff;font:italic 16px Georgia}
#step14 .head .bigico_c{margin:0px auto}
#step14 .head .a1,#step14 .head .a2,#step14 .head .a3,#step14 .head .a4,#step14 .head .a5,#step14 .head .a6,#step14 .head .a7,#step14 .head .a8{position:absolute;left:0;top: 145px;width:380px;-webkit-transition: opacity 0.3s ease;transition: opacity 0.3s ease}
#step14 .head .a3,#step14 .head .a4,#step14 .head .a5,#step14 .head .a6,#step14 .head .a7,#step14 .head .a8{opacity:0}
#step14 .head .a2,#step14 .head .a4,#step14 .head .a6,#step14 .head .a8{left:auto;right:0}
#step14 .data{padding:40px;margin:0 -40px;min-height:600px}
#step14 .data .wrap{max-width:100%;overflow:hidden;min-height:900px}
#step14 .data .wrap2{position:relative;width:400px;margin:-70px auto 50px auto}
#step14 #plan_drop{top:50px}
#step14 #plan_name{text-align:center}
#step14 .item{position:absolute;top:1000px;left:50%;width:320px;margin:0 25px 25px -160px;border-radius:20px;box-shadow:0 2px 2px rgba(0,0,0,0.2),0 0 1px rgba(255,255,255,0.5) inset}
#step14 .item_add{background:rgba(255,255,255,0.5);color:#333;font:italic 16px/20px Georgia;padding:5px 0}
#step14 .item_add b{color:#39c;font:300 24px/34px var(--FONT2)}
#step14 .item_add .bigico{margin:-5px 10px -5px 0}
#step14 .item_add:hover{background:#fff;-webkit-transition:background 0.5s ease;transition:background 0.5s ease}
#step14 .item_ani{}
#step14 .item_hid{display:none}
#step14 .item .in{padding:5px 20px;background:#fff;border-radius:20px;opacity:0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease}
#step14 .item_act .in{opacity:1}
#step14 .item .img{text-align:center;height:150px;overflow:hidden}
#step14 .item .video{margin:0 -20px}
#step14 .item .text{border-top:1px solid #E5E5E5;padding:15px 20px 0 20px;max-height:485px;overflow:auto;margin:0 -20px 15px -20px}
#step14 .item .text .page_content{font:400 1rem/1.5rem var(--FONT1);color:#333}
#step14 .item .text p{padding:0;margin:0}
#step14 .item .user{font:13px/18px var(--FONT1);color:#777;padding:0 0 15px 0;border-bottom:1px solid #E5E5E5}
#step14 .item .user b{display:block}
#step14 .item .av{float:left;width:40px;height:40px;margin:0 10px 0 0}
#step14 .item .av div{width:50px;height:50px;background:#999 url(/img/guide_iconset.png) -500px -80px;margin:-5px}
#step14 .item .company{text-align:center;padding:15px 0;color:#39c;font:300 18px var(--FONT2)}
#step14 a.ico_drop_clear{display:none}
#step14 .plan_sel span.ico_drop{display:none}
#step14 .plan_sel a.ico_drop_clear{position:absolute;right:0;top:5px;display:block;border:10px solid #fff}
#step14 .ani_count{position:relative;font:25px var(--FONT2);margin:0 5px}
#step14 .ani_count font{position:absolute;right:0;top:0}
#step14 .item .av div.bg0{background-color: #FC0}
#step14 .item .av div.bg1{background-color: #FA2}
#step14 .item .av div.bg2{background-color: #F84}
#step14 .item .av div.bg3{background-color: #8CF}
#step14 .item .av div.bg4{background-color: #5AD}
#step14 .item .av div.bg5{background-color: #7CC}
#step14 .item .av div.bg6{background-color: #CB0}
#step14 .item .av div.bg7{background-color: #BC7}
#step14 .item .av div.bg8{background-color: #9DB}
#step14 .item .av div.bg9{background-color: #EAC}
#step14 .item .av div.bg10{background-color: #CBD}
#step14 .item .av div.bg11{background-color: #CAA}
#step14 .item .av div.bg12{background-color: #DDD}
#step14 .item .av div.bg13{background-color: #CCA}
#step14 .item .av div.bg14{background-color: #ACC}
#client_types{max-width:992px;margin:0 auto}
#client_types .in{height: 130px}
#client_types .in a{display:block;font:16px/20px var(--FONT1);padding:7px 10px;color: var(--colors-alpha-light-80)}
#client_types .in div{float:left;width:240px}
#client_types.client_types_init .in a{color:#fff}
#client_types .in a:hover{background: rgba(0, 0, 0, 0.2);color: #fff !important;border-radius:20px}
#client_types .in div{float:left;text-align: center;width: 25%}
@media(max-width: 1280px){}
@media(max-width: 768px){#step14{padding:0}
#step14 .head{display:none}
#step14 .data{padding:30px 0 30px 0;margin:0}
#step14 .item{max-width: 46%;margin: 0 0 10px 0}
#step14 .item img{max-width:100%;height: auto}
#step14 .item .img{height: auto;padding-bottom:20px}
#step14 .item .img:last-child{padding-bottom:0}
#step14 .data .wrap{width:auto !important}
#step14 .item .video iframe{max-width:100%}
#step14 .item .text .page_content{font-size:0.85rem;line-height:130%}
#step14 .item .text{max-height:300px}
}
#step23{padding:0 0;position:relative}
#step23 .head{margin:0;padding:125px 0 10px 0;text-align:center}
#step23 .head h1{font:48px var(--FONT2);color:#333}
#step23 .head h2{font:24px var(--FONT2);color:#666}
#step23 .head p{font:18px var(--FONT2);color:#666}
#step23 .head .need{font:italic 18px/24px Georgia;color:#666;width:500px;margin:0 auto;padding:20px;border-radius:60px}
#step23 .head .need_alert{background:#fff;color:#333;transition:all 0.5s ease;-webkit-transition:all 0.5s ease}
#step23 .slack_logo{display:block;width:270px;height:110px;background:url(/images/promo/ws_slack_title.svg);margin:0 auto 40px}
#step23 .slack_but{display:block;width:165px;height:55px;background:url(/images/promo/add_to_slack.png);background-size:100% 100%;margin:40px auto 40px}
@media(max-width: 768px){#step23{background:#f4f4f4}
#step23 .head h1{font:28px var(--FONT2);color:#333}
#step23 .head h2{font:20px var(--FONT2);color:#666}
#step23 .head p{font:16px var(--FONT2);color:#666}
#step23 .head .need{width:auto;font:italic 14px/18px Georgia;border-radius:20px;padding:10px}
}
#step24{background:#fff}
#step24 .head{height:480px;background:url(/images/news2/346_b.jpg);background-size:cover}
#step24 .wrap{background:#fff;width:680px;padding-bottom:50px}
#step24 .person{text-align:center}
#step24 .person img{float:none;width:240px;height:240px;border-radius:120px}
#step24 .person .fname{font:21px Georgia;color:#333;margin:15px 0 0}
#step24 .person .position{font: 400 18px/120% var(--FONT1);color:#099;letter-spacing: -.01em;margin:5px 0 40px}
#step24 center{overflow:visible}
#step24 center img{margin:0 -1000px}
#step24 .page_content{font:16px/160% var(--FONT1);letter-spacing: .01em}
@media(max-width: 768px){#step24 .wrap{width:auto !important;margin:0 10px !important}
#step24 center img{margin:0;max-width:100%}
}
.useful{margin:4rem 0}
.useful .wrap{font: italic 1.125rem/1.75rem var(--FONT2)}
#blocks .useful .wrap h2{padding-bottom: 1rem}
.useful .wrap > p{color: #999;padding: 0 0.5rem 0 0.5rem}
.useful__tabs{display:flex;align-items: flex-start;justify-content:center;flex-wrap: wrap}
.useful__tab{width: 100%;max-width: 28%;margin: 2.4rem 1.4rem 0.4rem 1.4rem;display: inline-block;box-sizing: border-box;text-align: left;flex-shrink: 0;position:relative;min-height: 400px}
.useful__tab:first-child{margin-left: 0}
.useful__tab:last-child{margin-right: 0}
.useful__tab-content{box-shadow: 0 0 22px rgba(20,40,60,.20);border-radius: 0 0 2rem 2rem;position: relative;min-height: 360px}
.useful_tab0,.useful__nav-button:nth-of-type(1){--icon_color: #de0467;--color_tab: #fce5f0}
.useful_tab1,.useful__nav-button:nth-of-type(2){--icon_color: #70ad06;--color_tab: #f1f8e8}
.useful_tab2,.useful__nav-button:nth-of-type(3){--icon_color: #8d57e8;--color_tab: #f4eefd}
.useful_about{padding: 1.7rem 1.3rem 1.7rem 2.3rem;font: 300 1.125rem/1.75rem var(--FONT1);position: static}
.useful_line{height: 4px;width:100%;background-color: var(--icon_color)}
ul.useful_buttons{margin-top: 1.6rem;margin-left: -1rem;list-style: none}
.useful_button{display: flex;align-items:center;margin-bottom: 0.6rem;text-align: left;font: 500 1.125rem/1 var(--FONT1);letter-spacing: -0.0125rem}
.useful_button .ico,.useful_button svg{width: 1rem;height: 1rem;fill: var(--BLUE_HI1);border: 1px solid var(--color_tab);background-color: var(--color_tab);border-radius: 50%;padding:0.5rem;margin-right: calc(1vw + 0.5rem);transition: background-color 0.3s ease,border 0.3s ease,fill 0.1s ease;flex-shrink: 0}
.useful_button:hover,.useful_button:focus{color: var(--icon_color)}
.useful_button:hover svg,.useful_button:focus svg{fill: #fff;border: 1px solid var(--icon_color);background-color: var(--icon_color)}
.useful_popup{overflow: hidden;visibility: hidden;height:0;width: 100%;border-radius: 0 0 2rem 2rem;box-sizing: border-box;position: absolute;left:0;top:0;padding: 1.7rem 1.3rem 1.7rem 2.3rem;background-color: var(--color_tab);min-height: 100%;max-height:100%}
.useful_popup--height_auto{max-height:none}
.useful_popup--active,.useful_popup--closing{visibility: visible;width: 100%;height: 100%;height: auto;box-shadow: 0 0 22px rgba(20,40,60,.20);outline:0}
.useful_popup h4{display: flex;align-items:center;text-align: left;margin-left: -1rem;line-height: 1;margin-top:160px;opacity: 0;transition:0.5s margin-top,0.5s opacity}
.useful_popup--active h4{margin-top:0;opacity: 1;transition:0.5s margin-top,0.5s opacity}
.useful_popup h4 svg{width: 1rem;height: 1rem;fill: #fff;background-color: var(--icon_color);border-radius: 50%;padding:0.5rem;margin-top: 0.05rem;margin-right: 1rem;flex-shrink: 0}
.useful_popup__text{opacity: 0;min-height: 0;transition:0.5s opacity}
.useful_popup--active .useful_popup__text{min-height: 100%;overflow: visible;opacity:1;transition:0.5s opacity,1s min-height;transition-delay: 0.1s}
.useful_popup__close{opacity: 0;margin: 0 auto}
.useful_popup--height_auto .useful_popup__close{opacity: 1;height: auto;overflow: visible;transition:0.5s opacity;transition-delay: 0.4s}
.useful_popup__close:hover:before,.useful_popup__close:focus:before{opacity: 0.7;background: rgba(0,0,0,0.1)}
.useful_popup__close svg{width: 3.5rem;height: 3.5rem}
.useful__nav{position: absolute;right: 34px;top:14px;z-index:10;line-height:0;display: none}
.useful__nav-button{width:12px;height:12px;border:2px solid #ccc;border-radius:10px;margin:0 2px;transition: 0.4s width}
.useful__nav-button_active{background:var(--icon_color);width:20px;border-color:var(--icon_color)}
.useful__nav-button:focus,.useful__nav-button:hover{border-color:var(--icon_color)}
.useful__nav-animate-rec{z-index: 1;height:100%;left:0;top:0;border-color:currentColor;background:currentColor;position: absolute;transition: left 0.4s ease-out,width 0.4s ease-out,color 0.4s ease;border-radius:10px}
.useful .wrap > ul{margin: 30px 30px 0 40px}
.useful .wrap > ul:after{content:'';display:block;clear:both}
.useful .wrap > ul li{float: left;width: 23%;box-sizing:border-box;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);border-radius: 8px;list-style: none;margin: 10px 1% 20px;white-space: nowrap;font: bold 1.1rem var(--FONT1);padding: 15px;text-align:left;text-overflow: ellipsis;overflow: hidden}
.useful .wrap > ul li .ico{float:left;margin:-6px 12px -6px 00}
.useful .wrap h2{}
@media(min-width:900px){.useful__tab{transition-property: none}
.useful__tab.ani_bind{top: 120px;opacity: 0}
.useful__tabs .ani_bind .useful_line{width: 0}
.useful__tabs .ani_end .useful_line{transition: 0.5s width;width: 100%}
.useful__tab.ani_start{transition: 0.4s top,0.6s opacity,0.3s left;top: 0;opacity: 1}
.useful_tab1.ani_start{transition-delay: 0.2s}
.useful_tab2.ani_start{transition-delay: 0.4s}
.useful__tab.ani_bind .useful__tab-content{min-height: 0}
.useful__tab.ani_height .useful__tab-content{transition: 0.5s min-height;min-height: 360px}
.useful__tab.ani_bind .useful_about{position: absolute;opacity: 0}
.useful__tab.ani_bind .ani_height_end .useful_about{transition: 0.6s opacity;opacity: 1;position: static}
}
@media(max-width:900px){.useful{margin-bottom:0}
.useful{user-select: none}
.useful h3{font: 700 1.625rem/2rem var(--FONT1)}
.useful h4,.useful h5{font-size: 1.25rem}
.useful h3,.useful h4,.useful h5{padding: 0 0 1.5rem 0}
.useful__tab{margin:0 !important;position:absolute;left:30px;top:0;transition:left 0.3s ease;width: 460px;max-width: 396px;visibility: hidden}
.useful__tab.item_act{visibility: visible}
.useful__tab h3{opacity: 0}
.useful__tab.item_act h3{opacity: 1;transition:opacity 0.6s ease-in}
.useful .item_first{margin:0}
.useful .item_l{left:-600px}
.useful .item_r{left:600px}
.useful__tabs{position:relative;cursor:move;cursor:-moz-grabbing;cursor:-webkit-grabbing;overflow: hidden;max-width: 460px;min-height: 460px;margin: 2.4rem auto 0 auto}
.useful__nav{display: flex}
.useful .wrap > ul li{width:48%}
}
@media(max-width: 600px){.useful .wrap > ul li{width:49%;margin:0 0 15px 2px;font: normal 1rem var(--FONT1)}
.useful .wrap > ul li .ico{margin: -4px 8px -8px -2px;transform: scale(0.8)}
}
@media(max-width: 450px){.useful .wrap{font-size:1rem}
.useful__tabs{max-width: 100vw;min-height: 470px}
.useful__tab{width: 100%;max-width: calc(100% - 32px);left:16px}
.useful_button{font: 600 1.15rem/1 var(--FONT1)}
.useful__nav{right:16px}
}
.clientCompanies{display: flex;flex-direction: column;align-items: center;gap: 32px;padding: 40px 0 80px;cursor: default}
.clientCompanies__logos{display: flex;flex-wrap: wrap;justify-content: center}
.clientCompanies__logos svg{width: 256px;height: 80px}
.clientCompanies__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 32px;color: var(--colors-slate-trans-700);text-align: center}
@media only screen and (max-width: 1300px){.clientCompanies__logos{max-width: 768px}
}
@media only screen and (max-width: 992px){.clientCompanies{padding-bottom: 64px}
}
@media only screen and (max-width: 800px){.clientCompanies__logos svg{width: 32%;height: auto}
}
@media only screen and (max-width: 600px){.clientCompanies{padding-left: 20px;padding-right: 20px}
.clientCompanies__text{font-size: 16px;line-height: 28px}
}
@media only screen and (max-width: 480px){.clientCompanies{gap: 20px;padding-bottom: 40px}
.clientCompanies__text{font-size: 14px;line-height: 24px}
}
.demo{display: flex;flex-direction: column;align-items: center;padding: 80px 80px 40px;cursor: default}
.demo__pre-title{display: flex;flex-direction: column;align-items: center}
.demo__pre-title span{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;color: var(--colors-stone-500);text-transform: uppercase}
.demo__title{margin-top: 32px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 40px;line-height: 48px;color: var(--colors-stone-800);text-align: center}
.demo__text{max-width: 675px;margin-top: 20px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 32px;color: var(--colors-slate-trans-700);text-align: center}
.demo__button{margin-top: 40px}
@media only screen and (max-width: 960px){.demo{padding: 64px 40px}
.demo__title{font-size: 36px}
}
@media only screen and (max-width: 900px){.demo__title{align-self: flex-start;text-align: left}
.demo__text{align-self: flex-start;text-align: left}
}
@media only screen and (max-width: 768px){.demo__title{font-size: 34px}
}
@media only screen and (max-width: 480px){.demo{padding: 40px 20px}
.demo__pre-title span{font-size: 14px;line-height: 20px}
.demo__title{font-size: 32px;line-height: 40px}
.demo__text{font-size: 18px;line-height: 28px}
.demo__button,.demo__button .btn{width: 100%}
}
@media only screen and (max-width: 400px){.demo__title{font-size: 28px}
}
.video-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 9999}
.video-popup .overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(27,35,43,0.6)}
.video-container{max-width: 1024px;margin: 0 15px;width: 100%;position: relative}
.video-container .btn__close{position: absolute;top: 0;right: -12px;width: 32px;height: 32px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transform: translateX(100%);transform: translateX(100%);cursor: pointer}
.video-container .btn__close svg{height: auto;width: 100%}
.video-container:after{content: "";display: block;padding-top: 56.6%}
.video-container .play-wrap{position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.video-container .play-wrap iframe{width: 100%;height: 100%;border-radius: 12px}
.feedbacks{display: flex;flex-direction: column;align-items: center;padding: 120px 80px;background: var(--colors-slate-0);cursor: default}
.feedbacks__card{margin-top: 40px}
.feedbacks__card.card{position: relative;display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1280px;box-sizing: border-box;padding: 40px 100px;border-radius: 12px;background: var(--colors-stone-100)}
.card__content{width: 100%;max-width: 800px}
.card__logo{display: flex;justify-content: center}
.card__logo img{width: 200px;height: auto;padding: 0 40px;border-radius: 12px;background: var(--colors-slate-0);box-shadow: 0 4px 12px -8px rgba(16, 18, 25, 0.08),0 0 20px -8px rgba(16, 18, 25, 0.16)}
.card__text{margin-top: 32px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 32px;line-height: 44px;color: var(--colors-stone-trans-900)}
.card__text:before{content: '“'}
.card__text:after{content: '”'}
.card__person{display: flex;align-items: center;gap: 24px;margin-top: 48px}
.card__person img{width: 72px;height: 72px;border-radius: 36px}
.card__personInfo{display: flex;flex-direction: column;gap: 8px}
.card__personInfo .name{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 20px;line-height: 20px;color: var(--colors-stone-trans-700)}
.card__personInfo .company{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 20px;color: var(--colors-stone-trans-500)}
.card__links{display: flex;gap: 12px 20px;flex-wrap: wrap;margin-top: 64px;margin-bottom: 12px}
.card__links ws-btn.twoIcons ws-icon:last-child{display: none}
.card__nav-prev{position: absolute;top: 50%;left: 80px;transform: translate(0,-50%)}
.card__nav-next{position: absolute;top: 50%;right: 80px;transform: translate(0,-50%)}
.feedbacks__dots{padding: 40px 0}
.feedbacks__dots.dots{display: flex;gap: 20px;justify-content: center}
.dots__item{width: 64px;height: 8px;border-radius: 12px;background: var(--colors-stone-trans-200)}
.dots__item-active{background: var(--colors-stone-700)}
@media only screen and (max-width: 1400px){.card__nav-prev{left: 40px}
.card__nav-next{right: 40px}
}
@media only screen and (max-width: 1200px){.card__nav-prev{left: 20px}
.card__nav-next{right: 20px}
}
@media only screen and (max-width: 992px){.card__text{font-size: 28px}
.feedbacks__card.card{padding-left: 100px;padding-right: 100px}
}
@media only screen and (max-width: 768px){.feedbacks__card.card{padding-left: 48px;padding-right: 48px}
.card__nav{display: none}
}
@media only screen and (max-width: 600px){.feedbacks{padding-left: 40px;padding-right: 40px}
}
@media only screen and (max-width: 480px){.feedbacks{padding: 80px 20px}
.feedbacks__card.card{padding-left: 40px;padding-right: 40px}
.card__logo img{width: 150px;height: auto;padding-left: 30px;padding-right: 30px}
.card__text{font-size: 22px;line-height: 36px}
.card__person{margin-top: 44px}
.card__person img{width: 56px;height: 56px}
.card__personInfo .name{font-size: 18px}
.card__personInfo .company{font-size: 16px}
.card__links{margin-top: 40px;margin-bottom: 0}
.card__links ws-btn{flex-grow: 1}
.card__links ws-btn.twoIcons ws-icon:last-child{display: block}
.card__links ws-btn.twoIcons ws-icon:first-child{display: none}
.dots__item{width: 48px}
}
@media only screen and (max-width: 400px){.feedbacks__card.card{padding-left: 24px;padding-right: 24px}
.feedbacks__dots.dots{gap: 8px}
}
.hero{display: flex;align-items: flex-start;justify-content: center;height: fit-content;padding: 120px 0 80px;background: var(--colors-stone-100);overflow: hidden;cursor: default}
.hero__info{display: flex;flex-direction: column;align-items: flex-start;max-width: 480px;padding: 0 80px}
.hero__pre-title{width: fit-content;padding: 8px 12px;background: var(--colors-stone-200);border-radius: 8px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 20px;line-height: 28px;color: var(--colors-neutral-700);text-align: left}
.hero__title{margin-top: 20px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 36px;line-height: 44px;color: var(--colors-slate-trans-800)}
.hero__text{margin-top: 24px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 22px;line-height: 32px;color: var(--colors-slate-trans-700);}
.hero__button{margin-top: 56px}
.hero__img{width: 100%;max-width: 640px}
@media only screen and (max-width: 1280px){.hero{padding-left: 40px;padding-right: 40px;gap: 40px}
.hero__info{padding: 0}
}
@media only screen and (max-width: 1200px){.hero__img{width: 55%}
}
@media only screen and (max-width: 992px){.hero{flex-direction: column;gap: 64px}
.hero__info{max-width: 700px}
.hero__img{width: 100%;max-width: 992px}
}
@media only screen and (max-width: 960px){.hero{padding: 64px 40px}
}
@media only screen and (max-width: 600px){.hero{flex-direction: column}
.hero__img{display: initial;width: 100%;min-width: 330px}
}
@media only screen and (max-width: 480px){.hero{gap: 48px;padding: 64px 20px 40px}
.hero__info{padding: 0}
.hero__pre-title{font-size: 14px;line-height: 20px}
.hero__text{font-size: 18px}
.hero__button{width: 100%}
}
:root{--black: #272F37;--blue:#2496F4;--interblue:#0099FF;--interblue-hover:#0059B2;--beige:#F6F6F7;--blue-hover:#55AEF6;--white:#ffffff;--purple:#7755DD}
.overflow{overflow: hidden}
.container{max-width: 1440px;width: 100%;margin: 0 auto;padding: 0 48px}
@media only screen and (max-width: 1360px){.container{padding: 0 32px}
}
@media only screen and (max-width: 400px){.container{padding: 0 20px}
}
.btn__blue-rounding{font-weight: 600;font-size: 18px;line-height: 40px;display: inline-block;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;text-align: center;border-radius: 32px;background-color: var(--blue);padding: 8px 22px;color: var(--white);-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Montserrat',sans-serif}
.btn__blue-rounding:hover,.btn__blue-rounding:active{background-color: var(--blue-hover);color: var(--white)}
.btn_icon-right img,.btn_icon-right svg{width: 24px;height: auto;margin-left: 16px}
.btn__blue-link{font-weight: 500;font-size: 16px;line-height: 24px;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;color: var(--interblue);background-color: inherit;-webkit-box-sizing: border-box;box-sizing: border-box;font-family: 'Montserrat',sans-serif;border: none}
.btn__blue-link .play-hover{display: none}
.btn__blue-link img{width: 24px}
.btn__blue-link:hover,.btn__blue-link:active{color: var(--interblue-hover)}
.btn__blue-link:hover .play,.btn__blue-link:active .play{display: none}
.btn__blue-link:hover .play-hover,.btn__blue-link:active .play-hover{display: inline-block}
.btn__blue-link:hover svg,.btn__blue-link:hover path,.btn__blue-link:active svg,.btn__blue-link:active path{stroke: var(--interblue-hover)}
.first-section *{box-sizing: border-box}
.first-section{margin-top: 68px;padding: 44px 0 32px;color: var(--black);position: relative;overflow-x: clip;-webkit-box-sizing: border-box;box-sizing: border-box}
.first-section .additional-text{display: flex;width: 100%;max-width: 450px;align-items: center;text-align: center;justify-content: center;margin: 0 auto 24px;font-family: 'Inter',sans-serif;font-weight: 600;font-size: 12px}
.first-section .additional-text span:nth-child(even){margin-left: 28px}
.mobile .first-section{padding: 44px 20px 0}
.mobile .first-section .left-path{display: none}
.mobile .first-section .right-path{display: none}
@media only screen and (max-width: 900px){.first-section{margin-top: 32px;padding: 64px 41px 264px}
}
@media only screen and (max-width: 560px){.first-section{margin-top: 12px;padding: 64px 13px 264px}
}
@media only screen and (max-width: 400px){.first-section{margin-top: 0;padding: 44px 20px 56px}
}
.first-section .mobile-arrow{display: none;position: absolute;top: 91px;left: 0}
@media only screen and (max-width: 400px){.first-section .mobile-arrow{display: block}
}
.first-section .mobile-check-point{display: none;width: 28px;position: absolute;top: 21px;right: 21px}
@media only screen and (max-width: 400px){.first-section .mobile-check-point{display: block}
}
.first-section .left-path{width: 520px;position: absolute;top: 0;left: calc((100% - 1440px) / 2);height: 100%}
@media only screen and (max-width: 1360px){.first-section .left-path{left: -61px}
}
.first-section .left-path svg{margin-top: 54px;margin-left: 30px;width: 423px;height: 315px;position: relative}
.first-section .left-path .left-top-img{position: absolute;width: 263px;top: 26%;left: 90px;-webkit-transform-origin: top left;transform-origin: top left;opacity: 0;z-index: 2;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg);-webkit-animation: leftTopImg 1s ease-in-out 0s forwards;animation: leftTopImg 1s ease-in-out 0s forwards}
.first-section .left-path .left-bottom-img{position: absolute;width: 200px;top: 61.5%;left: 18%;z-index: 2;-webkit-transform-origin: top left;transform-origin: top left;opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg);-webkit-animation: leftBottomImg 1s ease-in-out 2.4s forwards;animation: leftBottomImg 1s ease-in-out 2.4s forwards;-webkit-box-shadow: 0px 58.7733px 44.0799px -18.3666px rgba(7,34,57,0.08);box-shadow: 0px 58.7733px 44.0799px -18.3666px rgba(7,34,57,0.08)}
.first-section .left-path .left-top-point{position: absolute;width: 16px;top: 30.5%;left: 54%;z-index: 3;opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-animation: pic 1s ease-in-out 0.5s forwards;animation: pic 1s ease-in-out 0.5s forwards}
.first-section .left-path .left-bottom-point{position: absolute;width: 16px;top: 55%;left: 48%;z-index: 3;opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-animation: pic 1s ease-in-out 2.4s forwards;animation: pic 1s ease-in-out 2.4s forwards}
.first-section .left-path .left-ellipse{background: rgba(216,67,67,0.2);-webkit-filter: blur(240px);filter: blur(240px);width: 360px;height: 360px;position: absolute;top: -29px;left: -77px;z-index: 1}
@media only screen and (max-width: 1200px){.first-section .left-path{width: 403px;height: 372px;top: 84px;left: -56px}
.first-section .left-path svg{width: 322px;height: 240px;margin-left: 24px;margin-top: 42px}
.first-section .left-path .left-bottom-img{width: 155px}
.first-section .left-path .left-top-img{width: 204px;top: 27%;left: 80px}
}
@media only screen and (max-width: 900px){.first-section .left-path{top: auto;bottom: 0}
}
@media only screen and (max-width: 560px){.first-section .left-path{bottom: -20px;left: -107px}
}
@media only screen and (max-width: 400px){.first-section .left-path{display: none}
}
.first-section .right-path{width: 520px;position: absolute;top: 0;right: calc((100% - 1440px) / 2);height: 100%}
@media only screen and (max-width: 1360px){.first-section .right-path{right: -41px}
}
.first-section .right-path .check-point{position: absolute;width: 24px;top: 63%;left: 78%;z-index: 3;opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-animation: pic 1s ease-in-out 3.1s forwards;animation: pic 1s ease-in-out 3.1s forwards}
.first-section .right-path svg{margin-top: 169px;margin-left: 149px;width: 270px;height: 273px;position: relative}
.first-section .right-path .right-top-img{position: absolute;width: 165px;top: 27%;left: 38%;-webkit-transform-origin: top left;transform-origin: top left;opacity: 0;-webkit-box-shadow: 0px 58.7733px 44.0799px -18.3666px rgba(7,34,57,0.08);box-shadow: 0px 58.7733px 44.0799px -18.3666px rgba(7,34,57,0.08);-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg);z-index: 2;-webkit-animation: rightTopImg 1s ease-in-out 0s forwards;animation: rightTopImg 1s ease-in-out 0s forwards}
.first-section .right-path .right-bottom-img{position: absolute;width: 263px;top: 53.5%;left: 25%;z-index: 2;-webkit-transform-origin: top right;transform-origin: top right;opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg);-webkit-animation: rightBottomImg 1s ease-in-out 2.4s forwards;animation: rightBottomImg 1s ease-in-out 2.4s forwards}
.first-section .right-path .right-top-point{position: absolute;width: 16px;top: 34%;left: 38%;z-index: 3;opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-animation: pic 1s ease-in-out 0.5s forwards;animation: pic 1s ease-in-out 0.5s forwards}
.first-section .right-path .right-bottom-point{position: absolute;width: 16px;top: 66%;left: 29%;z-index: 3;opacity: 0;-webkit-transform: scale(2);transform: scale(2);-webkit-animation: pic 1s ease-in-out 2.4s forwards;animation: pic 1s ease-in-out 2.4s forwards}
.first-section .right-path .right-ellipse{background: rgba(147,196,255,0.2);-webkit-filter: blur(240px);filter: blur(240px);width: 360px;height: 360px;position: absolute;bottom: -44px;right: -110px;z-index: 1}
@media only screen and (max-width: 1200px){.first-section .right-path{width: 403px;height: 372px;top: 84px;right: -56px}
.first-section .right-path svg{margin-top: 102px;width: 210px;margin-left: 114px}
.first-section .right-path .right-top-img{width: 128px}
.first-section .right-path .right-bottom-img{width: 190px}
.first-section .right-path .right-bottom-point{width: 12px}
.first-section .right-path .right-top-point{width: 12px}
}
@media only screen and (max-width: 900px){.first-section .right-path{top: auto;bottom: 0}
}
@media only screen and (max-width: 560px){.first-section .right-path{bottom: -10px;right: -115px}
}
@media only screen and (max-width: 400px){.first-section .right-path{display: none}
}
.first-section__container{text-align: center;position: relative;z-index: 2}
.first-section .h1__title{max-width: 810px;margin: 0 auto 40px;font-weight: 500;font-size: 56px;line-height: 64px;font-family: 'Inter',sans-serif}
.first-section .h1__title span{color: var(--blue)}
@media only screen and (max-width: 1200px){.first-section .h1__title{max-width: 700px;font-size: 48px;line-height: 52px}
}
@media only screen and (max-width: 900px){.first-section .h1__title{font-size: 40px;line-height: 44px;max-width: 580px;margin-bottom: 48px}
}
@media only screen and (max-width: 560px){.first-section .h1__title{font-size: 36px;line-height: 44px}
}
@media only screen and (max-width: 400px){.first-section .h1__title{font-size: 28px;line-height: 32px;margin-bottom: 40px}
}
.first-section p{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 28px;max-width: 585px;margin: 0 auto 36px}
@media only screen and (max-width: 1200px){.first-section p{font-size: 16px;line-height: 28px;max-width: 440px;margin-bottom: 67px}
}
@media only screen and (max-width: 900px){.first-section p{font-size: 15px;line-height: 22px;max-width: 540px;padding: 0}
}
@media only screen and (max-width: 400px){.first-section p{margin-bottom: 56px}
}
.first-section .btn__blue-rounding{display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;max-width: 400px;margin: 0 auto 32px}
.first-section .btn__blue-rounding.additional{margin: 0 auto 16px}
@media only screen and (max-width: 1200px){.first-section .btn__blue-rounding{max-width: 320px}
}
@media only screen and (max-width: 900px){.first-section .btn__blue-rounding{max-width: 560px}
}
@media only screen and (max-width: 560px){.first-section .btn__blue-rounding{max-width: 100%}
}
#leftLinear1{-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: line;animation-name: line;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-delay: 0s;animation-delay: 0s;stroke-dashoffset: 1194.383544921875;stroke-dasharray: 1194.383544921875}
#rightLinear1{-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: line;animation-name: line;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-delay: 0s;animation-delay: 0s;stroke-dashoffset: 494.17938232421875;stroke-dasharray: 494.17938232421875}
#rightArrow,#leftArrow{opacity: 0;-webkit-animation: fade 0.5s ease-in-out 3s forwards;animation: fade 0.5s ease-in-out 3s forwards}
@-webkit-keyframes line{100%{stroke-dashoffset: 0}
}
@keyframes line{100%{stroke-dashoffset: 0}
}
@-webkit-keyframes fade{from{opacity: 0}
to{opacity: 1}
}
@keyframes fade{from{opacity: 0}
to{opacity: 1}
}
@-webkit-keyframes pic{from{opacity: 0;-webkit-transform: scale(2);transform: scale(2)}
to{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
}
@keyframes pic{from{opacity: 0;-webkit-transform: scale(2);transform: scale(2)}
to{opacity: 1;-webkit-transform: scale(1);transform: scale(1)}
}
@-webkit-keyframes leftTopImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(8deg);transform: translateY(0px) rotate(8deg)}
}
@keyframes leftTopImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(8deg);transform: translateY(0px) rotate(8deg)}
}
@-webkit-keyframes rightTopImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(-8deg);transform: translateY(0px) rotate(-8deg)}
}
@keyframes rightTopImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(-8deg);transform: translateY(0px) rotate(-8deg)}
}
@-webkit-keyframes leftBottomImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(-8deg);transform: translateY(0px) rotate(-8deg)}
}
@keyframes leftBottomImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(-8deg);transform: translateY(0px) rotate(-8deg)}
}
@-webkit-keyframes rightBottomImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(-8deg);transform: translateY(0px) rotate(-8deg)}
}
@keyframes rightBottomImg{from{opacity: 0;-webkit-transform: translateY(-40px) rotate(0deg);transform: translateY(-40px) rotate(0deg)}
to{opacity: 1;-webkit-transform: translateY(0px) rotate(-8deg);transform: translateY(0px) rotate(-8deg)}
}
.video-popup{position: fixed;top: 0;left: 0;right: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;z-index: 9999}
.video-popup .overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(27,35,43,0.6)}
.video-container{max-width: 1024px;margin: 0 15px;width: 100%;position: relative}
.video-container .btn__close{position: absolute;top: 0;right: -12px;width: 32px;height: 32px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-transform: translateX(100%);transform: translateX(100%);cursor: pointer}
.video-container .btn__close svg{height: auto;width: 100%}
.video-container:after{content: "";display: block;padding-top: 56.6%}
.video-container .play-wrap{position: absolute;top: 0;left: 0;bottom: 0;right: 0}
.video-container .play-wrap iframe{width: 100%;height: 100%;border-radius: 12px}
:root{--black: #272F37;--blue:#2496F4;--interblue:#0099FF;--interblue-hover:#0059B2;--beige:#F6F6F7;--blue-hover:#55AEF6;--white:#ffffff;--purple:#7755DD}
.overflow{overflow: hidden}
.container{max-width: 1440px;width: 100%;margin: 0 auto;padding: 0 48px}
@media only screen and (max-width: 1360px){.container{padding: 0 32px}
}
@media only screen and (max-width: 400px){.container{padding: 0 20px}
}
.side-tabs *{box-sizing: border-box}
.side-tabs{padding: 48px 0 48px;font-family: 'Montserrat',sans-serif;box-sizing: border-box}
@media only screen and (max-width: 1360px){.side-tabs{padding: 48px 0 0}
}
@media only screen and (max-width: 1200px){.side-tabs{padding: 48px 0 0}
}
@media only screen and (max-width: 900px){.side-tabs{padding: 0px 0 0}
}
@media only screen and (max-width: 560px){.side-tabs{padding: 48px 0 0}
}
.side-tabs__inner{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
@media only screen and (max-width: 900px){.side-tabs__inner{-webkit-box-orient: vertical;-webkit-box-direction: reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse}
}
.side-tabs__content{width: 71.5%;overflow: hidden;position: relative;padding-bottom: 50px}
.side-tabs__content-wrap{position: relative;overflow: hidden;padding-top: 66.666%;padding-bottom: 6px;display: block}
.side-tabs__content-wrap img{position: absolute;top: 0;left: 0;right: 0;max-width: 100%;margin: auto;z-index: 1}
.side-tabs__content .mobile-spacer{display: none}
@media only screen and (max-width: 1360px){.side-tabs__content{width: 74%}
}
@media only screen and (max-width: 1200px){.side-tabs__content{width: calc(100% - 236px)}
}
@media only screen and (max-width: 900px){.side-tabs__content{width: 100%}
}
@media only screen and (max-width: 560px){.side-tabs__content{display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;margin: 0 -32px;padding: 0 0 16px 32px;width: calc(100% + 32px)}
.side-tabs__content-scroll{overflow-x: scroll;-webkit-overflow-scrolling: touch}
.side-tabs__content-wrap{min-width: 480px;width: 480px;padding-bottom: 6px;padding-top: 66.666%}
.side-tabs__content .mobile-spacer{display: block;min-width: 20px}
}
.side-tabs__nav{width: calc(28.5% - 32px);margin-left: 32px;position: relative;-webkit-overflow-scrolling: touch}
.side-tabs__nav .mobile-spacer{display: none}
@media only screen and (max-width: 900px){.side-tabs__nav .mobile-spacer{min-width: 1px;display: block}
}
.side-tabs__nav .swipe{display: none}
@media only screen and (max-width: 900px){.side-tabs__nav .swipe{z-index: 2;position: absolute;top: 50%;left: 150px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 32px;height: 32px;background: rgba(0,0,0,0.6);border-radius: 50%}
}
.side-tabs__nav .swipe:after{content: "";position: absolute;width: 34px;height: 34px;top: 50%;left: 50%;border-radius: 50%;border: 2px solid rgba(0,0,0,0.8);-webkit-transform: translate(-50%,-50%) scale(2);transform: translate(-50%,-50%) scale(2);-webkit-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out}
.side-tabs__nav .swipe.active:after{-webkit-transform: translate(-50%,-50%) scale(1);transform: translate(-50%,-50%) scale(1)}
@media only screen and (max-width: 1360px){.side-tabs__nav{margin-left: 28px;width: calc(26% - 28px)}
}
@media only screen and (max-width: 1200px){.side-tabs__nav{width: 220px;margin-left: 16px}
}
@media only screen and (max-width: 900px){.side-tabs__nav{-ms-flex-wrap: nowrap;flex-wrap: nowrap;width: calc(100% + 32px);display: -webkit-box;display: -ms-flexbox;display: flex;overflow-x: auto;margin: 0 -32px 16px;padding-left: 32px}
.side-tabs__nav::-webkit-scrollbar{display: none}
}
.side-tabs__item{color: var(--black);border-radius: 12px;position: relative;margin-bottom: 16px;padding: 0px 24px 1px;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;overflow: hidden}
.side-tabs__item:not(.active){cursor: pointer}
@media only screen and (max-width: 1200px){.side-tabs__item{margin-bottom: 4px}
}
@media only screen and (max-width: 900px){.side-tabs__item{min-width: 260px;width: 260px;border: 1px solid #F2F4F6;margin-right: 20px;padding: 20px;margin-bottom: 0}
.side-tabs__item:last-child{margin-right: 0}
}
.side-tabs__item.active{background-color: var(--colors-slate-trans-100);padding: 24px 24px 28px;margin-bottom: 40px}
.side-tabs__item.active .side-tab__title{cursor: default}
@media only screen and (min-width: 1200px){.side-tabs__item.active .side-tab__title:hover{color: var(--black)}
}
.side-tabs__item.active .side-tab__timeline{opacity: 1}
@media only screen and (max-width: 1200px){.side-tabs__item.active{padding: 20px;margin-bottom: 12px}
}
@media only screen and (max-width: 900px){.side-tabs__item.active{margin-bottom: 0}
}
.side-tab__title{font: 'Inter',sans-serif;-webkit-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;font-weight: 600;font-size: 20px;line-height: 32px;margin-bottom: 16px;cursor: pointer;color: var(--colors-slate-trans-900)}
@media only screen and (min-width: 1200px){.side-tab__title:hover{color: var(--colors-blue-600)}
}
@media only screen and (max-width: 1200px){.side-tab__title{font-size: 16px;line-height: 32px;margin-bottom: 8px}
}
.side-tab__description{display: none;font-weight: 500;font-size: 14px;line-height: 20px;color: var(--colors-slate-trans-900);font-family: 'Inter',sans-serif}
@media only screen and (max-width: 1200px){.side-tab__description{font-size: 12px;line-height: 16px}
}
@media only screen and (max-width: 900px){.side-tab__description{display: block !important}
}
.side-tab__timeline{background-color: var(--purple);position: absolute;top: 0;height: 2px;left: 0;display: block;width: 0;opacity: 0;-webkit-transition: width 8s linear;transition: width 8s linear}
.mobile .side-tabs{padding: 48px 0 0}
.side-tabs__badges-rating{margin-top: 15px}
.badges-rating{border-radius: 16px;background: var(--colors-slate-100);overflow: hidden}
.badges-rating__header{display: flex;gap: 8px;justify-content: center;align-items: center;padding-top: 16px}
.badges-rating__title{font-family: 'Inter',sans-serif;font-size: 12px;font-weight: 500;line-height: 20px;text-align: center;color: var(--colors-slate-trans-700)}
.badges-rating__stars{display: inline-flex;gap: 4px}
.badges-rating__stars ws-icon,.badges-rating__stars svg{width: 14px;height: 14px}
.badges-rating__stars svg{fill: var(--colors-amber-500)}
.badges-rating__body{--colums-qty: 5;--dividers-qty: 3;display: grid;grid-template-columns: repeat(var(--colums-qty),1fr);column-gap: 12px;max-width: calc(var(--colums-qty) * 200px + var(--dividers-qty) * 12px);margin: 0 auto}
.badges-rating__item{position: relative;height: 120px;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px}
.badges-rating__item:not(:first-child)::before{content: '';position: absolute;left: -7px;top: 50%;transform: translateY(-50%);width: 2px;height: 24px;background-color: var(--colors-slate-trans-100);border-radius: 2px}
.badges-rating__item a{display: flex;height: 60px;align-items: center}
.badges-rating__item img{display: block}
.badges-rating__item--capterra img{height: 32px}
.badges-rating__item--g2 img{width: 46px;height: 60px}
.badges-rating__item--softwareadvice img{height: 40px}
.badges-rating__item--sourceforge img{}
.badges-rating__item--getapp img{width: 60px;height: 40px}
.badges-rating__label{font-family: 'Inter',sans-serif;font-size: 11px;font-weight: 500;line-height: 20px;color: var(--colors-slate-trans-400)}
@media only screen and (max-width: 900px){.badges-rating__body{--colums-qty: 2;--dividers-qty: 1}
.badges-rating__item{height: 104px}
.side-tabs__badges-rating{margin-bottom: 30px}
}
@media only screen and (max-width: 375px){.badges-rating__header{flex-direction: column-reverse;gap: 4px;padding-bottom: 12px}
}
.brand-slider{padding-bottom: 70px;max-width: 100%;overflow: hidden;text-align: center}
.brand-slider .container{display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 1440px;box-sizing: border-box;margin: 0 auto}
.brand-slider .h3__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 26px;line-height: 44px;text-align: center;cursor: default}
.brand-slider .h4__title{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 28px;padding-top: 8px;text-align: center;cursor: default}
.brand-slider a.h5__title{display: inline-flex;align-items: center;gap: 8px;font-family: 'Inter',sans-serif;font-size: 18px;font-style: normal;font-weight: 400;line-height: 24px;color: var(--colors-blue-600);padding: 52px 0 8px;transition: all 0.5s ease}
.brand-slider a:hover.h5__title{color: var(--colors-blue-800);text-decoration: underline;transition: all 0.5s ease}
.brand-slider a:hover.h5__title svg path{fill: var(--colors-blue-800);transform: translate(4px,-4px);transition: all 0.5s ease}
.brand-slider a.h5__title svg{width: 20px;height: 20px}
.brand-slider__container{width: 98%;margin: 0 auto;height: 40px;overflow: hidden;white-space: nowrap;display: flex;position: relative;padding-top: 52px;flex-wrap: nowrap}
[data-loop="false"] .brand-slider__container{justify-content: center}
[data-loop="true"] .brand-slider__container::before,[data-loop="true"] .brand-slider__container::after{content: "";background: linear-gradient(90deg,rgba(255,255,255,1) 20%,rgba(255,255,255,0) 100%);height: 130%;width: 30px;position: absolute;top: -5%;z-index: 1}
[data-loop="true"] .brand-slider__container::after{transform: matrix(-1,0,0,1,0,0);right: 0}
.brand-slider__cover{display: flex;gap: 100px;position: absolute}
[data-loop="true"] .brand-slider__cover{animation: scrollLogo 170s linear infinite}
.brand-slider__inner{display: flex;column-gap: 100px;row-gap: 40px;justify-content: center}
.brand-slider__item{display: flex;align-items: center;justify-content: center;height: 40px;width: auto}
@keyframes scrollLogo{from{transform: translateX(0%)}
to{transform: translateX(-100%)}
}
@media(max-width: 1024px){.brand-slider__cover,.brand-slider__inner{column-gap: 60px}
}
@media(max-width: 820px){[data-loop="false"] .brand-slider__container{height: 120px}
[data-loop="false"] .brand-slider__inner{flex-wrap: wrap}
}
@media(max-width: 520px){.brand-slider__cover,.brand-slider__inner{column-gap: 40px}
}
.business .icon{display: inline-block;height: 1em;width: 100%;fill: currentColor}
.business{font-size: 16px;padding: 50px 0}
.business__container{margin: 0 auto;width: 324px}
@media only screen and (min-width: 480px){.business__container{width: 420px}
}
@media only screen and (min-width: 960px){.business__container{width: 700px}
}
@media only screen and (min-width: 1280px){.business__container{width: 100%}
}
.business__top-header{color: #F7BC64;font-family: "Montserrat";font-style: normal;font-weight: 700;font-size: 0.875em;line-height: 2;text-align: center;margin-bottom: 0.5em}
@media only screen and (min-width: 960px){.business__top-header{font-size: 1em}
}
.business__header{font-family: "Montserrat";font-style: normal;font-weight: 700;font-size: 1.5em;line-height: 1.5;text-align: center;margin-bottom: 2em;padding: 0 30px}
.business h4,.business p{padding: 0}
.business *{box-sizing: inherit;box-sizing: border-box}
@media only screen and (min-width: 380px){.business__header{padding: 0 40px}
}
@media only screen and (min-width: 960px){.business__header{font-size: 2em}
}
.business__items{display: flex;flex-wrap: wrap;justify-content: center}
.business-item{display: block;padding: 0 10px;height: 160px;border: 2px solid #F2F4F6;border-radius: 12px;transition: border-color 0.2s ease-in 0.2s;margin: 6px;width: 96px}
@media only screen and (min-width: 480px){.business-item{margin: 10px;width: 120px}
}
@media only screen and (min-width: 1280px){.business-item{margin: 8px}
}
@media only screen and (min-width: 1440px){.business-item{margin: 14px}
}
.business-item:hover .business-item__icon-hover{opacity: 1;-webkit-transform: rotate(15deg);transform: rotate(15deg);transition: opacity 0.2s ease-in 0.2s,-webkit-transform 0.2s ease-in 0.2s;transition: opacity 0.2s ease-in 0.2s,transform 0.2s ease-in 0.2s;transition: opacity 0.2s ease-in 0.2s,transform 0.2s ease-in 0.2s,-webkit-transform 0.2s ease-in 0.2s}
.business-item.icon--management:hover{transition: border-color 0.2s ease-in;border-color: #55AEF6}
.business-item.icon--management .business-item__icon{fill: #55AEF6}
.business-item.icon--management .business-item__icon-hover{background-color: rgba(85,174,246,0.1)}
.business-item.icon--developement:hover{transition: border-color 0.2s ease-in;border-color: #FFC619}
.business-item.icon--developement .business-item__icon{fill: #FFC619}
.business-item.icon--developement .business-item__icon-hover{background-color: rgba(255,198,25,0.1)}
.business-item.icon--creative:hover{transition: border-color 0.2s ease-in;border-color: #F99292}
.business-item.icon--creative .business-item__icon{fill: #F99292}
.business-item.icon--creative .business-item__icon-hover{background-color: rgba(249,146,146,0.1)}
.business-item.icon--architects:hover{transition: border-color 0.2s ease-in;border-color: #AEBBC8}
.business-item.icon--architects .business-item__icon{fill: #AEBBC8}
.business-item.icon--architects .business-item__icon-hover{background-color: rgba(174,187,200,0.1)}
.business-item.icon--lawyers:hover{transition: border-color 0.2s ease-in;border-color: #7D9BEA}
.business-item.icon--lawyers .business-item__icon{fill: #7D9BEA}
.business-item.icon--lawyers .business-item__icon-hover{background-color: rgba(125,155,234,0.1)}
.business-item.icon--marketing:hover{transition: border-color 0.2s ease-in;border-color: #9A92F9}
.business-item.icon--marketing .business-item__icon{fill: #9A92F9}
.business-item.icon--marketing .business-item__icon-hover{background-color: rgba(154,146,249,0.1)}
.business-item.icon--sales:hover{transition: border-color 0.2s ease-in;border-color: #54CEE8}
.business-item.icon--sales .business-item__icon{fill: #54CEE8}
.business-item.icon--sales .business-item__icon-hover{background-color: rgba(84,206,232,0.1)}
.business-item.icon--education:hover{transition: border-color 0.2s ease-in;border-color: #A5D148}
.business-item.icon--education .business-item__icon{fill: #A5D148}
.business-item.icon--education .business-item__icon-hover{background-color: rgba(165,209,72,0.1)}
.business-item.icon--hr:hover{transition: border-color 0.2s ease-in;border-color: #F8A94D}
.business-item.icon--hr .business-item__icon{fill: #F8A94D}
.business-item.icon--hr .business-item__icon-hover{background-color: rgba(248,169,77,0.1)}
.business-item__icon-container{width: -webkit-fit-content;width: -moz-fit-content;width: auto;margin: 24px auto 16px;position: relative}
.business-item__icon{font-size: 64px}
.business-item__icon-hover{position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;border-radius: 12px;-webkit-transform: rotate(0deg);transform: rotate(0deg);transition: opacity 0.2s ease-in,-webkit-transform 0.2s ease-in;transition: opacity 0.2s ease-in,transform 0.2s ease-in;transition: opacity 0.2s ease-in,transform 0.2s ease-in,-webkit-transform 0.2s ease-in}
.business-item__text{font-family: Montserrat;font-weight: 500;line-height: 1.14;letter-spacing: -0.03em;text-align: center;color: #272F37;font-size: 0.75em}
@media only screen and (min-width: 480px){.business-item__text{font-size: 0.875em}
}
.mobile-app{margin: 50px 0;width: 100%;overflow: hidden;position: relative;background-image: url("/img/blocks/phone-bg2.png");background-color: #f7f8fa;background-size: cover}
.mobile-app .left-violet{position: absolute;width: 300px;height: 250px;top: 300px;left: 290px;filter: blur(55px);background: rgb(189,157,255)}
.mobile-app .left-purple{position: absolute;width: 150px;height: 250px;top: 300px;left: 500px;filter: blur(55px);background: rgb(237,178,222)}
.mobile-app .right-orange{position: absolute;width: 300px;height: 400px;top: 138px;right: 300px;filter: blur(80px);background: rgb(242,151,113)}
@media only screen and (max-width: 1600px){.mobile-app__animation{margin-right: 80px}
.mobile-app .left-violet{left: 100px}
.mobile-app .left-purple{left: 300px}
.mobile-app .right-orange{right: 100px}
}
@media only screen and (max-width: 1180px){.mobile-app .left-violet{left: 100px;top: 600px}
.mobile-app .left-purple{left: 300px;top: 550px}
.mobile-app .right-orange{right: 100px;top: 500px}
}
@media only screen and (max-width: 768px){.mobile-app .left-violet{width: 200px;left: 100px;top: 400px}
.mobile-app .left-purple{left: 300px;top: 350px}
.mobile-app .right-orange{width: 200px;right: 100px;top: 300px}
}
@media only screen and (max-width: 460px){.mobile-app .left-violet{width: 200px;left: 0;top: 450px}
.mobile-app .left-purple{left: 50px;top: 450px}
.mobile-app .right-orange{width: 200px;right: 0;top: 400px}
}
.mobile-app *{box-sizing: inherit;box-sizing: border-box}
.mobile-app h4,.mobile-app h2,.mobile-app p{padding: 0}
@media only screen and (max-width: 1180px){.mobile-app{background: #F2F2F5}
}
.mobile-app__container{position: relative;min-height: 426px;width: 100%;max-width: 1440px;margin: 0 auto;display: flex}
@media only screen and (max-width: 1180px){.mobile-app__container{flex-direction: column}
}
.mobile-app__subheader{font-family: Montserrat;font-size: 16px;font-weight: 700;line-height: 32px;letter-spacing: 0.12em;text-align: left;color: #F76470;margin-top: 38px}
.mobile-app__header{font-family: Montserrat;font-size: 1.5rem;font-weight: 700;line-height: 40px;letter-spacing: 0em;text-align: left;color: #001C38;margin-top: 12px}
@media only screen and (min-width: 640px){.mobile-app__header{font-size: 2rem}
}
.mobile-app__text{font-family: Montserrat;font-size: 14px;font-weight: 500;line-height: 24px;letter-spacing: 0.003em;text-align: left;color: #001C38;margin-top: 16px}
.mobile-app__buttons{margin-top: auto;margin-bottom: 48px;margin-top: auto}
@media only screen and (max-width: 1180px){.mobile-app__buttons{margin: 40px -8px 48px;text-align: center}
}
.mobile-app__app-link{display: inline-block;border-radius: 6px;border: 8px solid transparent;cursor: pointer;transition: border-color 0.3s ease-in,background-color 0.3s ease-in}
.mobile-app__app-link:not(:last-child){margin-right: 8px}
.mobile-app__app-link:hover{transition: border-color 0.3s ease-in,background-color 0.3s ease-in;background-color: rgba(0,0,0,0.05);border-color: rgba(0,0,0,0.05)}
@media only screen and (max-width: 375px){.mobile-app__app-link{width: 132px}
}
.mobile-app__app-image{background-color: rgba(0,0,0,0.05);margin-bottom: -3px}
@media only screen and (max-width: 375px){.mobile-app__app-image{width: 100%}
}
.mobile-app__links{max-width: 50%;display: flex;flex-direction: column;padding-left: 100px;padding-right: 48px}
@media only screen and (max-width: 1180px){.mobile-app__links{max-width: 100%}
}
@media only screen and (max-width: 767px){.mobile-app__links{padding: 0 28px}
}
.mobile-app__animation{margin-top: auto;margin-left: auto;margin-right: 156px;margin-bottom: -6px;flex-shrink: 0}
@media only screen and (max-width: 1280px){.mobile-app__animation{margin-right: 80px}
}
@media only screen and (max-width: 1180px){.mobile-app__animation{margin-right: auto}
}
.mobile-app .iphone{margin-left: -168px;width: 348px}
@media only screen and (max-width: 767px){.mobile-app .iphone{width: 182px;margin-left: -88px}
}
.mobile-app .pixel{width: 337px}
@media only screen and (max-width: 767px){.mobile-app .pixel{width: 167px}
}
.iphone,.pixel{pointer-events: none;transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94)}
.iphone{-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;transition-duration: 0.8s;transition-property: opacity,-webkit-transform;transition-property: transform,opacity;transition-property: transform,opacity,-webkit-transform}
.iphone.is-active{-webkit-transform: translateX(0);transform: translateX(0);opacity: 1}
.pixel{-webkit-transform: translateX(-180px);transform: translateX(-180px);opacity: 0;transition-property: opacity,-webkit-transform;transition-property: transform,opacity;transition-property: transform,opacity,-webkit-transform;transition-timing-function: cubic-bezier(0.25,0.46,0.45,0.94);transition-duration: 1s;transition-delay: 0s}
.pixel.is-active{-webkit-transform: translateX(0);transform: translateX(0);transition-delay: 1.1s;opacity: 1}
.budget .icon{display: inline-block;height: 24px;width: 24px;fill: currentColor;flex-shrink: 0}
.budget .icon-info{margin-left: auto;height: 20px;width: 20px;fill: var(--colors-slate-trans-400);transition: fill .3s ease-out}
.budget .icon-info:hover{fill: var(--colors-slate-trans-900);transition: fill .2s ease-in-out}
.budget *{box-sizing: inherit;box-sizing: border-box}
.budget h2,.budget h3,.budget h4,.budget h5,.budget h6{padding: 0}
.budget hr{width: auto}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.slick-list{position: relative;overflow: hidden;display: block;margin: 0;padding: 0}
.slick-list:focus{outline: none}
.slick-list.dragging{cursor: pointer;cursor: hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0)}
.slick-track{position: relative;left: 0;top: 0;display: block;margin-left: auto;margin-right: auto}
.slick-track:before,.slick-track:after{content: "";display: table}
.slick-track:after{clear: both}
.slick-loading .slick-track{visibility: hidden}
.slick-slide{float: left;height: 100%;min-height: 1px;display: none}
[dir=rtl] .slick-slide{float: right}
.slick-slide img{display: block;fill: var(--colors-indigo-400)}
.slick-slide.slick-loading img{display: none}
.slick-slide.dragging img{pointer-events: none}
.slick-initialized .slick-slide{display: block}
.slick-loading .slick-slide{visibility: hidden}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent}
.slick-arrow.slick-hidden{display: none}
.budget__container{width: 100%}
.budget__currency-switch{display: flex;justify-content: flex-end;width: 100%;max-width: 1360px;margin: 0 auto;height: 28px;position: relative}
.budget__currency-switch .mini__toggle{position: absolute;top: -28px}
@media(max-width: 1440px){.budget__currency-switch{justify-content: center;padding: 40px 0}
.budget__currency-switch .mini__toggle{top: 14px}
}
.mini__toggle{height: 28px;background: var(--colors-graphite-0);border-radius: 14px;padding: 2px;position: relative}
.mini__toggle label{height: 24px;display: inline-flex;box-sizing: border-box;text-align: center;font-family: 'Inter',sans-serif;font-size: 12px;font-style: normal;font-weight: 600;line-height: 12px;border-radius: 12px;color: var(--colors-slate-trans-500);padding: 0 14px;justify-content: center;align-items: center;cursor: pointer;transition: all 0.3s ease}
.mini__toggle label.act{color: var(--colors-graphite-0,#FFF);cursor: default;pointer-events: none;background: none;position: relative}
.mini__toggle-highlight{box-shadow: 0 0 0 2px var(--colors-slate-trans-300) inset;background: var(--colors-indigo-400);border-radius: 12px;pointer-events: none;position: absolute;transition: all 0.3s ease}
.mini__toggle input[type=radio]{display: none}
@media only screen and (min-width: 960px){.budget__container{padding: 50px 0}
}
@media only screen and (min-width: 1441px){.budget__container{padding: 80px 20px}
}
.page-price .budget__container{padding: 0}
.budget__inner{position: relative;width: 100%;height: fit-content;height: -webkit-fit-content;overflow: hidden}
@media only screen and (min-width: 960px){.budget__inner{padding: 0 0 26px;margin: 0 0 100px;width: 100%}
}
@media only screen and (min-width: 1440px){.budget__inner{margin: 0 auto}
}
.page-price .budget__inner{width: 100%;padding-bottom: 80px;margin-bottom: 0}
@media only screen and (max-width: 960px){.budget__inner{padding-bottom: 70px}
}
@media only screen and (max-width: 768px){.budget__inner{padding-bottom: 0}
}
@media only screen and (max-width: 480px){.budget__inner{padding-bottom: 40px}
}
.budget__subtitle{display: none;margin-top: 80px;padding: 0;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;color: var(--colors-slate-trans-500);text-align: center;text-transform: uppercase;cursor: default}
@media only screen and (max-width: 768px){.budget__subtitle{margin-top: 44px}
}
@media only screen and (max-width: 480px){.budget__subtitle{margin-top: 24px}
}
.page-price .budget__subtitle{display: block}
.budget__title{margin-bottom: 64px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 48px;line-height: 56px;color: var(--colors-slate-trans-900);text-align: center;cursor: default}
.page-price .budget__title{margin-top: 32px;margin-bottom: 0}
@media only screen and (max-width: 960px){.budget .budget__title{font-size: 3.5vw;line-height: 4.3vw}
}
@media only screen and (max-width: 768px){.budget .budget__title{margin-top: 20px;font-size: 4.5vw;line-height: 5.3vw}
}
.budget h2.budget__title{padding: 0 40px}
@media only screen and (max-width: 480px){.budget h2.budget__title{padding: 0 20px}
}
@media only screen and (max-width: 360px){.budget .budget__title{font-size: 20px;line-height: 24px}
}
.budget__arrow-1{position: absolute;width: 324.14px;height: 297.79px;left: -40px;top: 822px}
.budget__arrow-2{position: absolute;width: 301.99px;height: 242.02px;right: -40px;top: 0px}
.budget__content{z-index: 8;position: relative;background: var(--colors-slate-200);padding-top: 16px;padding-bottom: 80px}
@media only screen and (min-width: 1441px){.budget__content{border-radius: 24px;width: 100%}
}
.page-price .budget__content{width: 1360px;margin: 0 auto;padding-top: 0;padding-bottom: 0}
@media only screen and (max-width: 1440px){.page-price .budget__content{width: auto}
}
@media only screen and (max-width: 1136px){.budget__currency-switch{width: 100%}
}
.budget__switcher{margin: 64px auto 36px auto}
.budget__plans{margin: 30px auto 64px;display: flex !important;align-items: stretch;justify-content: center}
@media only screen and (min-width: 1441px){.budget__plans{width: 100%;margin-top: 0;max-width: 1360px}
}
.budget__plans .slick-track{display: flex;padding: 2px 0}
.budget__plans .slick-dots{position: absolute;top: -26px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%)}
@media only screen and (min-width: 1440px){.budget__plans .slick-dots{display: none}
}
.budget__plans .slick-dots li{width: 40px;height: 6px;border-radius: 4px;display: inline-block;background: var(--colors-slate-trans-200)}
.budget__plans .slick-dots li:not(:last-child){margin-right: 8px}
.budget__plans .slick-dots li.slick-active{background-color: var(--colors-slate-trans-900)}
.budget__plans .slick-dots li button{font-size: 0;line-height: 0}
.budget-switcher{padding: 8px;background: #FFF;border-radius: 14px;width: -webkit-fit-content;width: -moz-fit-content;width: fit-content;position: relative}
.budget-switcher__button{position: relative;z-index: 2;width: 174px;height: 40px;background-color: transparent;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 15px;line-height: 24px;color: var(--colors-slate-trans-500);text-align: center;transition: color 0.1s ease-in;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.budget-switcher__button--monthly{color: #ffffff}
.budget-switcher__button--yearly:hover{color: #272F37}
.budget-switcher__highlight{background-color: var(--colors-indigo-400);color: #ffffff;box-shadow: 0 0 0 2px var(--colors-slate-trans-300) inset;width: 174px;height: 40px;position: absolute;border-radius: 10px;right: inherit;left: 8px;transition: left 0.18s ease-in}
.budget-switcher.is-yearly .budget-switcher__button--monthly{color: var(--colors-slate-trans-500)}
.budget-switcher.is-yearly .budget-switcher__button--monthly:hover{color: #272F37}
.budget-switcher.is-yearly .budget-switcher__button--yearly{color: #FFF}
.budget-switcher.is-yearly .budget-switcher__button--yearly:hover{color: #ffffff}
.budget-switcher.is-yearly .budget-switcher__highlight{left: calc(8px + 178px)}
.budget__plans .plan{position: relative;overflow: hidden;border-radius: 12px;background: #fff;font-size: 16px;font-family: Montserrat,sans-serif;font-style: normal;margin-right: 8px;margin-left: 8px;padding-bottom: 56px;padding-top: 40px;height: unset;transition: box-shadow .3s ease-in-out;max-width: 420px}
@media only screen and (max-width: 960px){.budget__plans .plan{max-width: 420px;width: 100%;margin-right: 10px;margin-left: 10px;padding-top: 72px;padding-bottom: 88px}
}
@media only screen and (max-width: 480px){.budget__plans .plan{outline: 1px solid var(--colors-slate-trans-200)}
}
@media only screen and (min-width: 1441px){.budget__plans .plan{margin: 32px 4px}
.budget__plans .plan.plan--rounded-left{border-radius: 20px 0 0 20px}
.budget__plans .plan.plan--rounded-right{border-radius: 0 20px 20px 0}
.budget__plans .plan.plan--rounded-none{border-radius: 0}
}
@media only screen and (max-width: 480px){.budget__plans .plan{padding-top: 40px;padding-bottom: 36px;max-width: 324px}
}
@media only screen and (max-width: 376px){.budget__plans .plan{margin-right: 4px;margin-left: 4px}
}
.budget__plans .plan--long{padding-top: 72px;outline: 1px solid var(--colors-slate-trans-400);box-shadow: 0 4px 60px -32px rgba(17, 39, 62, 0.3)}
@media only screen and (min-width: 961px) and (max-width: 1440px){.budget__plans .plan--long{padding-top: 40px}
}
@media only screen and (min-width: 1140px){.budget__plans .plan--long{z-index: 1;position: relative;margin-top: 0;height: auto;margin-bottom: 0}
}
@media only screen and (max-width: 480px){.budget__plans .plan--long{padding-top: 40px}
}
@media only screen and (min-width: 960px){.plan__headers{display: block}
.plan__headers .plan__header{width: 100%}
}
.budget__plans .plan--highlight{box-shadow: 0 0 0 2px #818cf8,0 4px 60px -32px rgba(17, 39, 62, 0.3)}
.plan__badge{position: absolute;top: 0;right: 0}
.plan__name{margin-bottom: 24px;font-family: 'Inter',sans-serif;font-weight: 400;line-height: 40px;color: var(--colors-slate-trans-900);text-align: center;margin-left: 0;font-size: 32px}
.plan__price{display: flex;align-items: center;margin: 0 auto;width: fit-content;width: -webkit-fit-content}
.plan__additional-text{display: flex;flex-direction: column;gap: 8px;width: fit-content;margin: 0 auto;padding: 20px 0 12px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 12px;line-height: 20px;color: var(--colors-slate-trans-500);text-align: center}
.plan__additional-text span:first-child{font-size: 16px;color: var(--colors-slate-trans-900)}
.plan__price-currency{align-self: flex-start;font-family: 'Inter',sans-serif;font-weight: 600;font-size: 24px;line-height: 32px;color: var(--colors-indigo-500)}
.plan__price-number{margin-right: 8px;font-family: 'Inter',sans-serif;font-size: 56px;line-height: 48px;color: var(--colors-slate-trans-900);font-weight: 500}
.plan__details{display: flex;flex-direction: column;margin: 0 12px;height: 96px}
.plan__price-details{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;padding: 10px 8px;background: var(--colors-indigo-50);border-radius: 12px;min-height: 70px;text-align: center}
.plan__price-details > span:first-child,.plan__price-details > span:nth-child(2){color: var(--colors-slate-trans-700);font-family: 'Inter',sans-serif;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;font-variant-numeric: tabular-nums}
.plan__price-details > span:nth-child(2){color: var(--colors-slate-trans-500);display: none}
.plan__price-details > span:first-child span:first-child,.plan__price-details > span:first-child span:last-child,.plan__price-details > span:last-child span:first-child{font-weight: 600;font-variant-numeric: tabular-nums}
.plan__price-details span:first-child span:last-child{color: var(--colors-indigo-500)}
@media only screen and (max-width: 1280px){.plan__details{margin: 0 20px}
.plan__price-details{padding: 10px 6px}
.plan__price-details > span:first-child{font-size: 13px}
.plan__price-details > span:nth-child(2){font-size: 12px}
.plan__param-text--quotes{font-size: 13px !important}
.budget .icon{width: 20px;height: 20px}
}
@media only screen and (min-width: 961px) and (max-width: 1080px){.plan__details{margin: 0 20px}
.plan__price-details{padding: 10px 6px}
.plan__price-details > span:first-child,.plan__price-details > span:nth-child(2){font-size: 12px}
}
.plan__headers .plan__params{margin: 28px 28px 0}
@media only screen and (min-width: 961px) and (max-width: 1080px){.plan__headers .plan__params{margin: 16px 20px 0}
}
@media only screen and (max-width: 960px){.plan__headers .plan__params{border-radius: 8px;border: 1px solid var(--colors-slate-trans-200);overflow: hidden}
}
@media only screen and (max-width: 480px){.plan__headers .plan__params{margin-left: 0;margin-right: 0;border-radius: 0;border-left: none;border-right: none}
}
.plan__param{padding: 0 28px;display: flex;align-items: center;margin-bottom: 16px}
@media only screen and (min-width: 961px) and (max-width: 1080px){.plan__param{padding: 0 20px}
}
@media only screen and (max-width: 480px){.plan__param{padding: 0 20px}
}
.plan__param:last-child{margin-bottom: 0}
.plan__params .plan__param{padding: 0}
@media only screen and (max-width: 960px){.plan__params .plan__param{margin-bottom: 0}
.plan__params .plan__param:nth-child(2){border-top: 1px solid var(--colors-slate-trans-200);border-bottom: 1px solid var(--colors-slate-trans-200)}
}
.plan__param-icon{margin-right: 8px;display: inline-block}
@media only screen and (max-width: 960px){.plan__params .plan__param-icon{margin-left: 12px}
}
@media only screen and (max-width: 480px){.plan__params .plan__param-icon{margin-left: 20px}
}
.plan__param-icon--quotes{color: var(--colors-slate-trans-400)}
.plan__param-icon--active{color: var(--colors-slate-trans-600);margin-right: 4px}
.plan__param-icon--inactive{color: var(--colors-graphite-trans-500);margin-right: 4px}
.plan__param-text{font-family: 'Inter',sans-serif;font-size: 15px;font-weight: 400;line-height: 24px;color: var(--colors-slate-trans-900);margin-right: 20px;overflow: hidden;text-overflow: ellipsis}
.plan__param-text--quotes{font-size: 15px;line-height: 1.25;color: var(--colors-slate-trans-700)}
@media only screen and (max-width: 960px){.plan__param-text--quotes{font-size: 14px}
}
.plan__param-text--crossed{-webkit-text-decoration-line: line-through;text-decoration-line: line-through;color: #B8BFC7}
@media only screen and (min-width: 480px){.plan__param-text{line-height: 24px}
.plan__param-text--quotes{line-height: 24px;white-space: nowrap}
}
@media only screen and (min-width: 961px) and (max-width: 1023px){.plan__param-text--quotes{font-size: 14px}
}
.plan__counter{display: flex;align-items: center;gap: 4px;margin-left: auto;padding: 4px;border-radius: 4px;border: 1px solid var(--colors-stone-trans-100);background: var(--colors-stone-100)}
.plan__counter.plan__counter-single{border: 1px solid transparent;background-color: var(--colors-stone-50)}
.plan__counter.plan__counter-single .plan__counter-number{font-size: 14px;font-weight: 400;border: none}
@media only screen and (max-width: 960px){.plan__counter{gap: 8px;border-radius: 0;border: none;border-left: 1px solid var(--colors-stone-trans-200)}
.plan__counter--base{padding: 4px 8px}
}
@media only screen and (max-width: 480px){.plan__counter{padding: 8px}
}
.plan__counter-number{min-width: 48px;font-family: 'Inter',sans-serif;font-size: 16px;font-weight: 500;line-height: 20px;color: var(--colors-stone-trans-800);text-align: center;font-variant-numeric: tabular-nums}
@media only screen and (max-width: 960px){.plan__counter-number{display: flex;align-items: center;justify-content: center;height: 32px}
}
.plan__counter-number--many{width: 100px;font-size: 14px;font-weight: 400}
@media only screen and (max-width: 960px){.plan__counter-number--many{width: 136px;font-size: 16px;font-weight: 500}
}
.plan__counter-minus,.plan__counter-plus{width: 21px;height: 20px;transition: all .2s ease-in-out;cursor: pointer}
@media only screen and (max-width: 960px){.plan__counter-minus,.plan__counter-plus{width: 36px;height: 32px}
}
.plan__counter-minus{border-radius: 2px 0 0 2px;border-right: 1px solid var(--colors-stone-200)}
.plan__counter-minus.is-disabled,.plan__counter-plus.is-disabled{cursor: default}
.plan__counter-plus{border-radius: 0 2px 2px 0;border-left: 1px solid var(--colors-stone-200)}
.plan__counter-minus:after,.plan__counter-plus:after{content: '';display: block;position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);background: var(--colors-stone-trans-500)}
.plan__counter-minus:after{width: 8px;height: 2px;clip-path: path('M8 1.75H0V0.25H8V1.75Z')}
.plan__counter-plus:after{width: 8px;height: 8px;clip-path: path('M4.75 4.75V8H3.25V4.75H0V3.25H3.25V0H4.75V3.25H8V4.75H4.75Z')}
.plan__counter-minus.is-disabled:after,.plan__counter-plus.is-disabled:after{background: var(--colors-stone-trans-300)}
.plan__counter-minus:hover,.plan__counter-plus:hover{background: var(--colors-stone-200)}
.plan__counter-minus:active,.plan__counter-plus:active{border-color: transparent;background: var(--colors-stone-300)}
.plan__counter-minus.is-disabled:hover,.plan__counter-minus.is-disabled:active,.plan__counter-plus.is-disabled:hover,.plan__counter-plus.is-disabled:active{border-right: 1px solid var(--colors-stone-200);background: unset}
.plan__param-link{color: #0099FF;font-weight: 600}
.plan__param-badge{font-size: 12px;line-height: 1.3;padding: 2px 4px;color: #0077DD;background: #D6EFFF;border-radius: 24px;margin-left: auto}
.plan__param-badge-soon{color: #6644cc;background: #eae4ff}
.plan__button{margin: 48px 28px 20px;width: calc(100% - 56px)}
@media only screen and (min-width: 961px) and (max-width: 1080px){.plan__button{margin: 40px 20px 20px;width: calc(100% - 40px)}
}
@media only screen and (max-width: 480px){.plan__button{margin: 40px 20px 20px;width: calc(100% - 40px)}
}
.plan__best{margin-bottom: 28px;padding: 0 28px;min-height: 40px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 13px;line-height: 20px;color: var(--colors-slate-trans-700)}
@media only screen and (min-width: 961px) and (max-width: 1080px){.plan__best{padding: 0 20px}
}
@media only screen and (max-width: 480px){.plan__best{padding: 0 20px}
}
.plan__business-params{margin-bottom: 16px;padding: 0 28px;font-family: 'Inter',sans-serif;font-weight: 600;font-size: 15px;line-height: 24px;color: var(--colors-slate-trans-900)}
.plan__business-params span{color: var(--colors-indigo-400);text-decoration: underline}
@media only screen and (max-width: 960px){.plan__business-params span{color: inherit;text-decoration: none}
}
.plan__line{height: 1px;margin: 16px 28px;border: 1px solid var(--colors-slate-trans-300)}
.plan__headers .plan__line{margin: 12px 28px 8px}
@media only screen and (min-width: 961px) and (max-width: 1080px){.plan__headers .plan__line{margin: 12px 20px 8px}
.plan__line{margin: 16px 20px}
}
@media only screen and (max-width: 480px){.plan__headers .plan__line{margin: 12px 20px 8px}
.plan__line{margin: 16px 20px}
}
.standart-plan{font-family: "Montserrat",sans-serif;margin-bottom: 20px;width: 100%;padding: 0 20px}
@media only screen and (min-width: 481px){.standart-plan{padding: 0 44px;padding-bottom: 22px}
}
@media only screen and (min-width: 640px){.standart-plan{padding: 0 55px;padding-bottom: 33px}
}
@media only screen and (min-width: 1024px){.standart-plan{margin: 0 auto;display: flex;justify-content: center;padding: 0 26px}
}
@media only screen and (min-width: 1360px){.standart-plan{padding: 0;max-width: 1360px}
}
.standart-plan__item{margin-bottom: 2px;padding: 24px 40px 30px 32px;position: relative;overflow: hidden;background-color: #fff}
.standart-plan__item:first-child{border-top-left-radius: 20px;border-top-right-radius: 20px}
.standart-plan__item:last-child{border-bottom-left-radius: 20px;border-bottom-right-radius: 20px}
@media only screen and (min-width: 1024px){.standart-plan__item{width: 50%}
.standart-plan__item:first-child{border-top-left-radius: 20px;border-top-right-radius: 0px;border-bottom-left-radius: 20px;margin-right: 2px}
.standart-plan__item:last-child{border-bottom-left-radius: 0px;border-top-right-radius: 20px;border-bottom-right-radius: 20px}
}
.standart-plan__name{display: flex;align-items: center;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 22px;line-height: 32px;color: var(--colors-slate-trans-800);cursor: default}
@media only screen and (min-width: 391px){.standart-plan__name{font-size: 24px}
}
.standart-plan__description{margin-top: 8px;width: 74%;padding: 0;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: var(--colors-slate-trans-500);cursor: default}
@media only screen and (min-width: 481px){.standart-plan__description{max-width: 260px}
}
@media screen and (min-width: 960px) and (max-width: 1000px){.standart-plan__description{max-width: 220px}
}
.standart-plan__free{display: inline-block;margin-left: 12px;padding: 2px 8px;border-radius: 24px;background: var(--colors-indigo-50);font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;color: var(--colors-indigo-500);vertical-align: text-bottom}
.standart-plan__button{margin-top: 26px;width: 75%}
@media only screen and (min-width: 481px){.standart-plan__button{width: 260px}
}
.standart-plan__image{position: absolute;top: 50%;transform: translateY(-50%);right: -48px;z-index: 0}
@media only screen and (min-width: 600px){.standart-plan__image{top: 30px;transform: translateY(0);right: 40px}
}
@media only screen and (max-width: 360px){.standart-plan__image{top: 54%}
.standart-plan__image--enterprise{top: 45%}
}
.help-center .button{padding-top: 11px;padding-bottom: 11px;text-decoration: none;cursor: pointer;font-size: 18px;line-height: 32px;font-weight: 600;font-family: "Montserrat",sans-serif;color: #fff;-webkit-transition: background-color .3s ease-in-out,color .3s ease-in-out;transition: background-color .3s ease-in-out,color .3s ease-in-out}
.help-center{position: relative;padding: 72px 72px 52px;background-color: #141f29;background-repeat: no-repeat;background-image: url(/img/blocks/book.svg),url(/img/blocks/chain.svg);background-size: auto,75% auto;background-position: 100%,110%}
.help-center svg{width: auto;height: auto}
@media screen and (max-width: 1280px){.help-center{background-size: auto,auto 80%;background-position: 100%,-120%;background-image: url(/img/blocks/book06.svg),url(/img/blocks/chain.svg)}
}
@media screen and (max-width: 1100px){.help-center{background-position: 100%,-50%}
}
@media screen and (max-width: 960px){.help-center{padding: 40px 20px;background-size: 70%,auto 70%;background-position: 150%,-20%}
}
@media screen and (max-width: 560px){.help-center{background-size: 533px,auto 67%;background-position: 110px,25%}
}
.help-center .help-center *{margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box}
.help-center.is-active .help-center__inner{opacity: 1}
.help-center__inner{opacity: 0;display: -webkit-box;display: -ms-flexbox;display: flex;margin-left: auto;margin-right: auto;max-width: 1270px;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-transition: opacity .4s ease-in-out .2s;transition: opacity .4s ease-in-out .2s}
@media screen and (max-width: 1280px){.help-center__inner{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
}
@media screen and (max-width: 960px){.help-center__inner{position: relative;max-width: 560px}
}
.help-center__sub-title{margin-bottom: 24px;font-weight: 700;font-family: "Montserrat",sans-serif;font-size: 16px;line-height: 2;text-transform: uppercase;color: #97fbda}
@media screen and (max-width: 960px){.help-center__sub-title{text-align: center}
}
.help-center__title{margin-bottom: 20px;font-weight: 700;font-family: "Montserrat",sans-serif;font-size: 40px;line-height: 1.2;color: #fff}
@media screen and (max-width: 960px){.help-center__title{font-size: 28px;line-height: 40px}
}
.help-center__text{margin-bottom: 52px;font-weight: 500;font-family: "Montserrat",sans-serif;font-size: 20px;line-height: 1.4;color: rgba(156,173,190,.8)}
@media screen and (max-width: 960px){.help-center__text{font-size: 16px;line-height: 28px}
}
.help-center__button{max-width: 100%;display: inline-block;padding: 11px 48px;margin-bottom: 20px;border: 1px solid #fff;border-radius: 32px}
.help-center__button:hover{background-color: #fff;color: #141f29}
@media screen and (max-width: 960px){.help-center .help-center__button{margin-bottom: 0;margin-top: auto;padding: 12px;font-size: 14px;line-height: 32px;text-align: center}
}
.help-center__texts{-webkit-transform: rotate(0deg);transform: rotate(0deg);z-index: 1;max-width: 480px;min-width: 300px;-webkit-box-flex: 1;-ms-flex: 1;flex: 1}
@media screen and (max-width: 1280px){.help-center__text{color: rgb(179,194,210)}
.help-center__texts{max-width: 580px}
}
@media screen and (max-width: 960px){.help-center__texts{max-width: 100%;width: 100%;min-height: 560px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column}
}
.help-center.is-active .help-center__bg-layer{opacity: 1}
.help-center__bg-layer{opacity: 0;position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 100%;background-image: url(/img/blocks/vector-arrow.svg),url(/img/blocks/comment-ill.png),url(/img/blocks/round-ill.png);background-size: 299px 303px,165px 92px,140px 140px;background-position: 48% 90%,50% 18%,96% 22%;background-repeat: no-repeat;-webkit-transition: opacity .4s ease-in-out .2s;transition: opacity .4s ease-in-out .2s}
@media screen and (max-width: 1280px){.help-center__bg-layer{display: none}
}
.help-center .guide{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;max-width: 620px;width: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;padding: 20px;background: rgba(108,123,153,.4);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);border-radius: 80px;margin-top: auto;margin-left: 30px}
@media screen and (max-width: 1280px){.help-center .guide{margin-left: 0;max-width: 580px;margin-top: 40px}
}
@media screen and (max-width: 960px){.help-center .guide{position: absolute;bottom: 134px;z-index: 2;left: 0;right: 0;max-width: calc(100% - 40px)}
}
@media screen and (max-width: 400px){.help-center .guide{bottom: 110px}
}
@media screen and (max-width: 360px){.help-center .guide{padding: 10px;max-width: calc(100% - 20px)}
}
.help-center .guide__button{-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;padding: 10px 19px;border: 2px solid #fff;-webkit-box-shadow: 0 2.8px 8.4px rgba(0,0,0,.4);box-shadow: 0 2.8px 8.4px rgba(0,0,0,.4);border-radius: 32px}
.guide__button:hover{background-color: #fff;color: #141f29}
.guide__button:hover path{fill: #141f29}
.guide__button + .guide__button{margin-left: 20px}
@media screen and (max-width: 960px){.guide__button + .guide__button{margin-left: 10px}
}
.guide__button svg{-ms-flex-preferred-size: auto;flex-basis: auto;margin-left: 12px}
.guide__button path{fill: #fff;-webkit-transition: fill .3s ease-in-out;transition: fill .3s ease-in-out}
@media screen and (max-width: 960px){.help-center .guide__button{padding: 4px;text-align: center}
.guide__button svg{display: none}
}
@media screen and (max-width: 960px){.help-center .guide__button{font-size: 12px;line-height: 32px;color: #141f29;background-color: #fff}
}
.prefooterReg{display: flex;flex-direction: column;justify-content: center;padding: 64px 80px;background: #0D1016;cursor: default}
.prefooterReg::after{content: '';position: relative;bottom: -64px;margin: 0 auto;width: 100%;max-width: 1280px;border-bottom: 1px solid var(--colors-slate-800)}
.prefooterReg__text{align-self: center;max-width: 720px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 32px;line-height: 40px;color: var(--colors-slate-0);text-align: center}
.prefooterReg__input{margin-top: 48px}
.prefooterReg__input form{display: flex;justify-content: center;gap: 12px}
.prefooterReg__input .inputWrap{display: flex;flex-direction: column;gap: 8px;width: 100%;max-width: 430px;min-width: 100px}
.prefooterReg__input .inputWrap__input{display: flex;align-items: center;gap: 10px;height: auto;padding: 16px 20px;box-sizing: border-box;border-radius: 12px;box-shadow: 0 0 0 2px var(--colors-slate-trans-400) inset;background: var(--colors-slate-0);transition: all 0.125s ease-in-out}
.prefooterReg__input input{flex-grow: 1;padding: 0;border: 0;background: var(--colors-slate-0);font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: var(--colors-slate-trans-800);overflow: hidden;text-overflow: ellipsis;transition: all 0.125s ease-in-out}
.prefooterReg__input input:-internal-autofill-selected,.prefooterReg__input input:-webkit-autofill:hover,.prefooterReg__input input:-webkit-autofill:focus,.prefooterReg__input input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important}
.prefooterReg__input:not(.prefooterReg__input-warn) .inputWrap__input:hover{box-shadow: 0 0 0 2px var(--colors-slate-trans-400) inset,0 0 0 2px #9CA8BB}
.prefooterReg__input:not(.prefooterReg__input-warn) .inputWrap__input-focused{box-shadow: 0 0 0 2px var(--colors-indigo-400) inset,0 0 0 2px #818CF8;background: var(--colors-indigo-100)}
.prefooterReg__input:not(.prefooterReg__input-warn) .inputWrap__input-focused input{background: var(--colors-indigo-100)}
.prefooterReg__input-warn .inputWrap__input{box-shadow: 0 0 0 2px var(--colors-rose-500) inset,0 0 0 2px #F43F5E;background: var(--colors-slate-0)}
.prefooterReg__input .inputWrap__input img{display: none;width: 20px;height: 20px}
.prefooterReg__input-warn .inputWrap__input img{display: block}
.prefooterReg__input .inputWrap__errText{display: none;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 24px;color: var(--colors-slate-50)}
.prefooterReg__input-warn .inputWrap__errText{display: block}
.prefooterReg__btns{display: flex;align-items: center;justify-content: center;gap: 16px 12px;margin-top: 40px;margin-bottom: 20px}
.prefooterReg__btns .btn-fast-reg{width: 200px}
.prefooterReg__btns .btn-manager{width: 280px}
@media only screen and (max-width: 1200px){.prefooterReg::after{left: -32px;width: calc(100% + 64px)}
}
@media only screen and (max-width: 992px){.prefooterReg{margin-bottom: -6px}
.prefooterReg::after{bottom: calc(-64px - 48px);z-index: 1}
.prefooterReg__text{font-size: 28px}
}
@media only screen and (max-width: 768px){.prefooterReg__text{font-size: 26px;line-height: 32px}
.prefooterReg__input form{flex-direction: column;align-items: center}
.prefooterReg__input .inputWrap,.prefooterReg__input ws-btn,.prefooterReg__input .btn-reg{width: 100%;max-width: 412px}
}
@media only screen and (max-width: 700px){.prefooterReg__btns{flex-direction: column}
.prefooterReg__btns .btn-reg{width: 280px}
}
@media only screen and (max-width: 600px){.prefooterReg{padding-left: 40px;padding-right: 40px}
.prefooterReg::after{width: calc(100% - 16px);left: 8px}
}
@media only screen and (max-width: 576px){.prefooterReg::after{width: calc(100% + 40px);left: -20px}
}
@media only screen and (max-width: 480px){.prefooterReg{padding-left: 20px;padding-right: 20px}
.prefooterReg::after{width: 100%;left: unset}
.prefooterReg__text{font-size: 22px}
.prefooterReg__btns-logged{align-items: stretch}
.prefooterReg__btns .btn-reg,.prefooterReg__btns .btn-manager{width: 100%}
}
@media only screen and (max-width: 390px){.prefooterReg__text{font-size: 20px}
}
.textImage{display: flex;gap: 40px;align-items: center;justify-content: center;padding: 80px;overflow: hidden;cursor: default}
.textImage-reverse{flex-direction: row-reverse}
.textImage__info{width: 100%;max-width: 600px}
.textImage__title{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 40px;line-height: 48px;color: var(--colors-slate-trans-800)}
.textImage__text{margin-top: 20px;padding-right: 80px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 32px;color: var(--colors-slate-trans-700)}
.textImage__img{width: 100%;max-width: 640px;min-width: 450px}
.textImage__buttons{display: flex;flex-wrap: wrap;gap: 8px}
.textImage__button{margin-top: 56px}
.textImage > .textImage__button{display: none}
#blocks .textImage .img{height: auto;max-height: none}
@media only screen and (max-width: 1200px){.textImage__text{padding-right: 0}
.textImage__buttons ws-btn{flex: 1}
}
@media only screen and (max-width: 992px){.textImage{flex-direction: column;align-items: flex-start;gap: 0}
.textImage__info{max-width: 700px}
.textImage__title{font-size: 36px}
.textImage__text{padding-right: 0}
.textImage__img{width: 100%;max-width: 992px;margin-top: 32px}
.textImage__info > .textImage__button{display: none}
.textImage > .textImage__button{display: block}
.textImage__buttons ws-btn{flex: 0}
}
@media only screen and (max-width: 960px){.textImage{padding: 64px 40px}
}
@media only screen and (max-width: 768px){.textImage__title{font-size: 32px}
.textImage__text{padding-right: 0}
.textImage__img{min-width: 330px}
}
@media only screen and (max-width: 600px){.textImage__button{align-self: center}
.textImage__buttons ws-btn{flex: 1}
}
@media only screen and (max-width: 480px){.textImage{padding: 40px 20px}
.textImage__title{font-size: 28px;line-height: 36px}
.textImage__text{font-size: 16px;line-height: 28px}
.textImage__buttons{flex-direction: column}
.textImage__button,.textImage__button .btn{width: 100%}
}
.ws-landing{padding: 44px 0 120px}
.ws-landing .ws-landing__header{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 10;padding: 0 80px}
.ws-landing .ws-landing__header__back{padding: 10px 12px;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 20px;color: var(--colors-slate-trans-500)}
.ws-landing .ws-landing__block__body__link{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: #646F87}
.ws-landing .ws-landing__header__back:hover,.ws-landing .ws-landing__block__body__link:hover{color: #202532}
.ws-landing .ws-landing__header__back:hover svg,.ws-landing .ws-landing__block__body__link:hover svg{fill: #202532}
.ws-landing .ws-landing__header__back svg{width: 12px;height: 12px;fill: #646F87}
.ws-landing .ws-landing__header__back span{margin-left: 8px}
.ws-landing .ws-landing__header__big{max-width: 800px;padding: 40px 0 20px;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 48px;line-height: 64px;color: var(--colors-slate-trans-900);text-align: center;cursor: default;text-wrap: balance}
.ws-landing .ws-landing__header__big-mobile{display: none}
.ws-landing .ws-landing__header__small{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 28px;color: var(--colors-slate-trans-700);text-align: center;cursor: default;text-wrap: balance}
.ws-landing .ws-landing__header__small b{font-weight: 700;color: #1C2230}
.ws-landing .ws-landing__header__small .iti__flag{display: inline-block;transform: scale(0.8);margin: 0 0 -1px}
.ws-landing__header__buttons{display: flex;flex-direction: row;gap: 16px;padding: 60px 0 0;flex-wrap: wrap;justify-content: center}
.ws-landing .ws-landing__vs__body__button{margin-top: 60px}
.ws-landing .ws-landing__desktop{position: relative;display: flex;flex-direction: row;justify-content: center;margin-top: -90px;overflow: hidden}
.ws-landing .ws-landing__mobile{display: none}
.ws-landing .ws-landing__desktop img{width: 100%;max-width: 1200px}
.ws-landing .ws-landing__companies{padding: 54px 0}
.ws-landing .ws-landing__companies__title{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 28px;text-transform: uppercase;color: #646F87;text-align: center}
.ws-landing .ws-landing__companies__logos{display: flex;flex-direction: row;gap: 100px;flex-wrap: wrap;justify-content: center}
.ws-landing .ws-landing__companies__logos svg{height: 30px;width: 120px}
.ws-landing .textImage{padding-top: 40px;padding-bottom: 40px;gap: 80px}
.ws-landing .ws-landing__price + .textImage{padding-top: 160px}
.ws-landing .textImage__info{max-width: 560px;box-sizing: border-box}
.ws-landing .textImage__buttons{margin-top: 40px}
.ws-landing__block__body__link{display: flex;gap: 10px;text-decoration: underline;align-items: center;cursor: pointer}
.ws-landing .ws-landing__block__body__link svg{width: 10px;height: 10px;fill: #646F87}
.ws-landing .ws-landing__use{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 80px;padding: 100px 0 20px}
.ws-landing .ws-landing__use__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 38px;line-height: 44px;color: #202532;text-align: center}
.ws-landing .ws-landing__use__body{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 60px;position: relative}
.ws-landing .ws-landing__use__body__item{min-height: 500px;min-width: 280px;max-width: 570px;width: 48%;border-radius: 32px;padding: 46px;background: radial-gradient(100% 100% at 50% 0%,#FFFFFF 0%,#EAEEF5 100%),#FFFFFF;border: 1px solid #E3E6EF;display: flex;flex-direction: column;justify-content: center;gap: 16px;box-sizing: border-box}
.ws-landing .ws-landing__use__body__item__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 24px;line-height: 30px;color: #202532}
.ws-landing .ws-landing__use__body__item__text,.ws-landing .ws-landing__vs__text{max-width: 680px;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 32px;color: #46556A;cursor: default;text-wrap: pretty}
.ws-landing .ws-landing__vs__text-mobile{display: none}
.ws-landing .ws-landing__use__body__item__card{background: #FFFFFF;box-shadow: 0px 2px 3px -2px rgba(4,19,49,0.1),0px 4px 6px -1px rgba(0,0,0,0.1);border-radius: 12px;padding: 20px;margin: auto 0 20px;height: 90px}
.ws-landing .ws-landing__use__body__item__card .iti__flag{position: absolute;display: inline-block;transform: scale(0.8);top: 5px;margin-left: 4px}
.ws-landing .ws-landing__use__body__item__card h3{position: relative;font-family: 'Inter',sans-serif;font-weight: 600;font-size: 16px;line-height: 20px;color: #202532;padding: 0 0 10px}
.ws-landing .ws-landing__use__body__item__card span{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 13px;line-height: 16px;color: #646F87}
.ws-landing .ws-landing__use__body__item .ws-landing__button__light,.ws-landing .ws-landing__use__body__item .ws-landing__button__dark{width: 100%}
.ws-landing .ws-landing__vs{background: url("/img/blocks/trello/trello_vs_background.svg") no-repeat bottom -40px left 50%,radial-gradient(100% 100% at 50% 0%,#FFFFFF 0%,#EAEEF5 100%);border-radius: 32px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 20px;padding: 96px 164px 164px;box-sizing: border-box;margin: 0 auto 80px;max-width: 1280px}
.ws-landing .ws-landing__vs__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 40px;line-height: 50px;color: var(--colors-slate-900);cursor: default;text-wrap: balance}
.ws-landing .ws-landing__vs__body{display: grid;grid-template-columns: repeat(auto-fit,minmax(350px,440px));gap: 72px;justify-content: center;align-items: stretch;margin: 100px auto 0;flex-wrap: wrap;width: 100%}
.ws-landing .ws-landing__vs__body__item{background: rgba(255,255,255,0.95);box-shadow: 0px 32px 200px -12px rgba(4,19,49,0.2);padding: 48px 32px;border-radius: 24px;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;z-index: 1;position: relative;width: 440px}
.ws-landing .ws-landing__vs__body__item:before{content: '';background-size: 64px 64px;background-repeat: no-repeat;background-position: center;width: 80px;height: 80px;background-color: #FFFFFF;border-radius: 50px;position: absolute;top: -40px;text-align: center;display: flex;align-items: center;justify-content: center}
.ws-landing .ws-landing__vs__body__item-vs:before{background-image: url("/img/blocks/ws_landing/emoji_no.png");background-size: 48px 49px}
.ws-landing .ws-landing__vs__body__item-logo:before{background-image: var(--data-logo-url)}
.ws-landing .ws-landing__vs__body__item-trello:before{background-image: url("/img/blocks/trello/trello_logo.svg")}
.ws-landing .ws-landing__vs__body__item-worksection:before{background-image: url("/img/blocks/worksection_logo.svg")}
.ws-landing:has(.ws-landing__vs__body__item-vs) .ws-landing__vs__body__item-worksection:before{background-image: url("/img/blocks/ws_landing/emoji_yes.png");background-size: 48px 49px}
.ws-landing .ws-landing__vs__body__item__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 24px;line-height: 32px;color: var(--colors-slate-900);cursor: default}
.ws-landing .ws-landing__vs__body__item__type{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 13px;line-height: 20px;padding: 8px 16px;border-radius: 32px}
.ws-landing .ws-landing__vs__body__item-vs .ws-landing__vs__body__item__type{background: #FFF1F2;color: #1C2230}
.ws-landing .ws-landing__vs__body__item-worksection .ws-landing__vs__body__item__title{color: #000000}
.ws-landing .ws-landing__vs__body__item-worksection .ws-landing__vs__body__item__type{background: #F0F6FE;color: #2241A8}
.ws-landing .ws-landing__vs__body__item__list{position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;align-self: flex-start;margin-top: 40px;margin-bottom: auto}
.ws-landing .ws-landing__vs__body__item__price{display: flex;flex-direction: row;gap: 16px;justify-content: center;align-items: center;align-self: flex-start;margin-top: 26px;padding: 0 40px;font-family: 'Inter',sans-serif;font-weight: 400}
.ws-landing .ws-landing__vs__body__item__price > b{font-weight: 500;font-size: 64px;line-height: 64px;color: var(--colors-slate-900);position: relative;padding-left: 20px;cursor: default}
.ws-landing .ws-landing__vs__body__item__price > b:before{content: '$';position: absolute;left: -6px;top: -12px;display: inline-block;font-size: 38px;font-weight: 600}
.ws-landing .ws-landing__vs__body__item__price div{font-weight: 400;font-size: 16px;line-height: 24px;color: var(--colors-slate-500);text-align: left;cursor: default}
.ws-landing .ws-landing__vs__body__item__price div b{color: var(--colors-slate-700)}
.ws-landing .ws-landing__rate{position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;bottom: -140px}
.ws-landing .ws-landing__rate svg{width: 187px;height: 96px}
.ws-landing .ws-landing__rate:hover svg{background: rgba(255,255,255,0.2);box-shadow: 0 0 0 1px rgba(255,255,255,0.4) inset;backdrop-filter: blur(4px);border-radius: 12px}
.ws-landing .ws-landing__vs__body__item-vs .ws-landing__rate{cursor: inherit}
.ws-landing .ws-landing__list__item{display: flex;align-items: center;gap: 8px;padding: 8px 0}
.ws-landing .ws-landing__list__item svg{padding: 6px;width: 24px;height: 24px;fill: currentColor;flex-shrink: 0}
.ws-landing .ws-landing__list__item-active svg{color: var(--colors-slate-700)}
.ws-landing .ws-landing__list__item-disable svg{color: var(--colors-slate-400)}
.ws-landing .ws-landing__list__item span{padding: 4px 0;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 18px;line-height: 24px;cursor: default}
.ws-landing .ws-landing__list__item-active{color: var(--colors-slate-900)}
.ws-landing .ws-landing__list__item-disable{color: var(--colors-slate-400);text-decoration: line-through}
.ws-landing .ws-landing__price{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 20px;padding: 96px 10px 120px;background: linear-gradient(180deg,#FFFFFF 0%,#E2E8F3 100%)}
.ws-landing .ws-landing__price__title{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 48px;line-height: 60px;color: var(--colors-slate-900);text-align: center;cursor: default;text-wrap: balance}
.ws-landing .ws-landing__price__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 20px;line-height: 36px;color: var(--colors-slate-trans-700);max-width: 880px;text-align: center;cursor: default;text-wrap: pretty}
.ws-landing .ws-landing__price__canvas{position: absolute;z-index: 1;bottom: 0;width: 100%;height: 430px;overflow: hidden}
.ws-landing .ws-landing__price__canvas:before{content: '';position: absolute;z-index: -1;left: 50%;transform: translateX(-50%);display: inline-block;width: 640px;height: 640px;border-radius: 640px;background: radial-gradient(50% 50% at 50% 50%,rgba(60, 26, 229, 0.7) 0%,rgba(231, 231, 254, 0.16) 100%)}
.ws-landing .ws-landing__price__canvas svg{width: 100%;height: 430px;filter: drop-shadow(0px -1px 0px rgba(13, 26, 38, 0.1));box-shadow: 0 0 0 10px red}
.ws-landing .ws-landing__price__cards{display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;z-index: 2;align-self: stretch}
.ws-landing .ws-landing__price__card{position: relative;padding: 40px 54px 40px 40px;box-sizing: border-box;border-radius: 20px;height: 400px;width: 620px;box-shadow: 0px 4px 6px -1px rgba(4, 19, 49, 0.05),0px 4px 3px -2px rgba(4, 19, 49, 0.05);display: flex;flex-direction: column;align-items: flex-start;gap: 8px}
.ws-landing .ws-landing__price__card-light{background: #FFFFFF;border: 1.5px solid rgba(80, 98, 124, 0.25);padding: 40px}
.ws-landing .ws-landing__price__card-dark{background: #0B0F19;gap: 0}
.ws-landing .ws-landing__price__card__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 28px;line-height: 32px;cursor: default;text-wrap: balance}
.ws-landing .ws-landing__price__card__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: var(--colors-slate-trans-700);cursor: default;text-wrap: pretty}
.ws-landing .ws-landing__price__card-light .ws-landing__price__card__title{color: var(--colors-slate-900)}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__title{color: #FFFFFF}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__title b{color: var(--colors-indigo-400)}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__title span{display: inline-block;background: #354153;padding: 0 12px;border-radius: 24px;font-size: 14px;line-height: 24px;font-family: 'Inter',sans-serif;font-weight: 500;margin: -12px 0 0 8px;height: 24px;box-sizing: border-box;vertical-align: middle}
.ws-landing .ws-landing__price__card-light .ws-landing__price__card__body{display: flex;flex-direction: column;align-items: center;width: 100%;margin: 40px 0 0;gap: 10px}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__body{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;margin: auto 0}
.ws-landing .ws-landing__price__card__body__right{display: flex;flex-direction: column;align-items: flex-start;justify-content: center}
.ws-landing .ws-landing__price__card__row{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__progress{width: 50%;height: 20px;border-radius: 24px;background: var(--colors-slate-100);position: relative}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__progress__fill{position: absolute;height: 12px;border-radius: 12px 2px 2px 12px;margin: 4px 0 0 4px}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__fill{background: var(--colors-indigo-500)}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__fill{background: var(--colors-slate-400)}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__fill:before{position: absolute;right: 0;height: 126px;width: 0;content: ' ';bottom: -130px;border-left: 1px dashed var(--colors-slate-trans-400)}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__fill:before{position: absolute;right: 0;height: 40px;width: 0;content: ' ';bottom: -44px;border-left: 1px dashed var(--colors-slate-trans-400)}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__after{position: absolute;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 12px;line-height: 20px;color: var(--colors-slate-trans-500);width: 100px;cursor: no-drop;padding-left: 12px;margin-top: 54px}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__after:before{position: absolute;content: ' ';width: 4px;height: 4px;top: 8px;left: -3px;border: 1px solid var(--colors-slate-trans-400);border-radius: 100%}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__after{display: flex;position: absolute;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 12px;line-height: 20px;color: #46556A;width: 236px;cursor: no-drop;padding: 2px 4px;margin-top: 146px;border-radius: 24px;border: 1px solid var(--colors-slate-200)}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__after svg{width: 20px;height: 20px}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__after b{padding-left: 4px;padding-right: 8px;font-weight: 600;color: var(--colors-slate-trans-700)}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__label{border-radius: 24px;padding: 4px 8px;width: 125px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 6px;cursor: default}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__label b{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 24px}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__label span{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 24px}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__label{background: var(--colors-indigo-500);box-shadow: 0px 4px 12px rgba(99, 102, 241, 0.5)}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__label{background: var(--colors-slate-200)}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__label b{color: #FFFFFF}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__label span{color: rgba(255, 255, 255, 0.5)}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__label b{color: var(--colors-slate-900)}
.ws-landing .ws-landing__price__card__row:last-child .ws-landing__price__card__label span{color: var(--colors-slate-500)}
.ws-landing .ws-landing__price__card__list{display: flex;flex-direction: column;gap: 20px;align-items: flex-start;justify-content: center}
.ws-landing .ws-landing__price__card__logo img{width: 48px;height: 48px;scale: 0.8}
.ws-landing .ws-landing__price__card__logo-ws img{scale: 1.15}
.ws-landing .ws-landing__price__list__item{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 12px;color: var(--colors-slate-200);font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;cursor: default}
.ws-landing .ws-landing__price__list__item svg{width: 24px;height: 24px;flex-shrink: 0}
.ws-landing .ws-landing__price__card__body__price{display: flex;flex-direction: row;align-items: center;gap: 6px;text-wrap: nowrap;cursor: default}
.ws-landing .ws-landing__price__card__body__price-underline{display: none;position: relative;color: var(--colors-slate-600);font-family: 'Inter',sans-serif;font-weight: 500;font-size: 24px;line-height: 30px;text-decoration: line-through;margin-left: -10px}
.ws-landing .ws-landing__price__card__body__price-underline:before{content: '$';position: absolute;left: -12px;top: -4px;display: inline-block;font-size: 16px;font-weight: 600}
.ws-landing .ws-landing__price__card__body__price b{position: relative;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 48px;line-height: 64px;color: #FFFFFF}
.ws-landing .ws-landing__price__card__body__price b:before{content: '$';position: absolute;left: -18px;top: -8px;display: inline-block;font-size: 28px;font-weight: 600}
.ws-landing .ws-landing__price__card__body__price span{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 24px;line-height: 44px;color: var(--colors-slate-400)}
.ws-landing .ws-landing__price__card__body__buttons{display: none}
.ws-landing .ws-landing__price__slider{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;max-width: 490px;position: relative;padding: 44px 0 64px;gap: 10px}
.ws-landing .ws-landing__price__slider__title{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 20px;color: var(--colors-slate-trans-700);cursor: default}
.ws-landing .ws-landing__price__slider__body{position: relative;height: 40px;padding-top: 10px;width: 100%;margin: 20px auto 20px;-webkit-user-select: none;user-select: none}
.ws-landing .ws-landing__price__slider__line{position: absolute;bottom: 0;left: 35px;width: calc(100% - 70px);height: 3px;background: #FFFFFF;border-radius: 8px}
.ws-landing .ws-landing__price__slider__line.line{background: var(--colors-slate-900);z-index: 10;display: none}
.ws-landing .ws-landing__price__slider__line.line-10{width: 0}
.ws-landing .ws-landing__price__slider__line.line-20{width: calc((100% - 70px) / 4)}
.ws-landing .ws-landing__price__slider__line.line-50{width: calc((100% - 70px) / 2)}
.ws-landing .ws-landing__price__slider__line.line-100{width: calc((100% - 70px) / 1.3)}
.ws-landing .ws-landing__price__slider__line.line-200{width: calc(100% - 70px)}
.ws-landing .ws-landing__price__slider__over{height: 70px;position: absolute;top: 0;bottom: 0;width: 100%;display: flex;cursor: pointer;flex-direction: row;justify-content: space-between}
.ws-landing .ws-landing__price__slider__item{position: relative;cursor: pointer;float: left;height: 100%;text-align: center;font: 400 20px/20px var(--FONT2);color: #000;z-index: 100;min-width: 80px;padding: 20px 0 0;margin-top: -20px}
.ws-landing .ws-landing__price__slider__item.item_act .value,.ws-landing .ws-landing__price__slider__item:hover .value{color: #232A36}
.ws-landing .ws-landing__price__slider__item .pos{bottom: 8px;display: none;position: absolute;width: 100%;min-width: 20px;height: 32px}
.ws-landing .ws-landing__price__slider__item.item_act .pos{display: block}
.ws-landing .ws-landing__price__slider__item .pos .bg{width: 20px;height: 32px;background: url("/img/blocks/dragger.png") no-repeat center;margin: 0 auto;cursor: move}
.ws-landing .ws-landing__price__slider__item .pos .bg:hover{background: url("/img/blocks/dragger_hover.png") no-repeat center}
.ws-landing .ws-landing__price__slider__item .value{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 20px;color: var(--colors-slate-trans-500)}
.ws-landing .ws-landing__price__block{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.ws-landing .ws-landing__price__left{width: 400px}
.ws-landing .ws-landing__price__tumbler{width: 152px;margin-left: 240px;padding-right: 12px;text-align: right;display: flex;justify-content: flex-end;align-items: center;gap: 6px;cursor: pointer}
.ws-landing .ws-landing__price__tumbler__text{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 20px;color: var(--colors-slate-900);text-wrap: pretty}
.ws-landing .ws-landing__price__tumbler .sw_pre{display: flex;flex-direction: row;align-items: center}
.ws-landing .ws-landing__price__tumbler .sw_pre .sw{float: none;margin: 0 6px}
.ws-landing .ws-landing__price__tumbler .sw{box-shadow: 0 0 0 1px rgba(9, 32, 52, 0.46) inset;width: 20px;height: 12px;padding: 2px;border-radius: 8px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease}
.ws-landing .ws-landing__price__tumbler .sw span{background: rgba(9, 32, 52, 0.46);float: left;width: 6px;height: 6px;margin: 3px;border-radius: 10px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease}
.ws-landing .ws-landing__price__tumbler .sw_act .sw{background: #8162E0;box-shadow: none}
.ws-landing .ws-landing__price__tumbler .sw_act .sw span{background: #fff;width: 10px;height: 10px;margin: 1px 0 1px 8px}
@media screen and (max-width: 1312px){.ws-landing .ws-landing__price__block{flex-direction: column-reverse}
.ws-landing .ws-landing__price__tumbler{padding: 24px 36px 12px 20px;margin: 0 auto;justify-content: center;text-align: center}
.ws-landing .ws-landing__price__slider{padding-top: 0}
}
@media screen and (max-width: 1280px){.ws-landing .ws-landing__vs{padding: 36px 80px 150px;min-width: 360px;width: 100%;border-radius: 0}
.ws-landing .ws-landing__vs__body{gap: 40px}
.ws-landing .ws-landing__vs__body__item{min-width: 360px}
.ws-landing .ws-landing__use{padding: 40px 0 20px}
.ws-landing .ws-landing__rate{bottom: -120px}
.ws-landing .ws-landing__price{padding: 96px 80px 120px}
.ws-landing .ws-landing__price__left{width: calc((100% - 420px) / 2)}
}
@media screen and (max-width: 1100px){.ws-landing .ws-landing__vs__body{gap: 80px}
}
@media screen and (max-width: 992px){.ws-landing .textImage{flex-direction: column-reverse;gap: 40px}
.ws-landing .ws-landing__price + .textImage{padding-top: 80px}
.ws-landing .textImage__img{margin-top: 0}
}
@media screen and (max-width: 960px){.ws-landing .ws-landing__header{padding: 0 40px}
.ws-landing .ws-landing__header__big{font-size: 40px}
.ws-landing .ws-landing__companies__logos{gap: 50px}
.ws-landing .ws-landing__desktop{margin-top: -20px}
.ws-landing .ws-landing__use__body__item{width: 70%;min-width: 360px;max-width: 70%;padding: 36px 30px}
.ws-landing .ws-landing__use__body{flex-wrap: wrap}
.ws-landing .ws-landing__vs{margin-bottom: 20px;padding: 36px 40px 150px}
.ws-landing .ws-landing__vs__title{font-size: 36px}
.ws-landing .ws-landing__vs__body{flex-wrap: wrap}
.ws-landing .ws-landing__vs__body__item{width: auto}
.ws-landing .ws-landing__price{padding: 96px 40px 120px}
.ws-landing .ws-landing__price__title{font-size: 36px}
.ws-landing .ws-landing__price__text{font-size: 18px}
}
@media screen and (max-width: 800px){.ws-landing .ws-landing__price__left{display: none}
}
@media screen and (max-width: 768px){.ws-landing .ws-landing__price__card{width: 100%}
}
@media screen and (max-width: 660px){.ws-landing{padding: 20px 0 60px}
.ws-landing .ws-landing__desktop img{width: 110%}
.ws-landing .ws-landing__use__body__item{width: 100%;max-width: 100%}
.ws-landing .ws-landing__price__card__title{font-size: 24px}
.ws-landing .ws-landing__price__card__body__price-underline,.ws-landing .ws-landing__price__card__body__price-underline:before{padding-left: 20px}
.ws-landing .ws-landing__price__card__body__price{margin: 0 auto;padding-left: 20px}
.ws-landing .ws-landing__price__card__body__right{margin-top: 40px}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__body{flex-direction: column;align-items: flex-start;margin-top: 40px}
}
@media screen and (max-width: 600px){.ws-landing .ws-landing__vs__body__button{width: 100%}
.ws-landing .ws-landing__price__card__title{display: flex;flex-direction: column-reverse;gap: 10px}
.ws-landing .ws-landing__price__card-dark{height: fit-content}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__title span{margin: 0;place-self: flex-start}
}
@media screen and (max-width: 500px){.ws-landing{padding: 56px 0 40px;overflow: hidden}
.ws-landing .ws-landing__header{padding: 0 20px}
.ws-landing .ws-landing__header__big{padding: 40px 0 24px;font-size: 32px;line-height: 48px}
.ws-landing .ws-landing__header__big-desktop{display: none}
.ws-landing .ws-landing__header__big-mobile{display: block}
.ws-landing .ws-landing__header__buttons,.ws-landing .ws-landing__header__buttons ws-btn{width: 100%}
.ws-landing .ws-landing__desktop{display: none}
.ws-landing .ws-landing__mobile{display: block;margin-top: 48px}
.ws-landing .ws-landing__mobile img{position: relative;left: 50%;transform: translateX(-50%);width: 550px;height: 360px}
.ws-landing .ws-landing__companies{padding: 52px 0 52px}
.ws-landing .brand-slider{padding-bottom: 0}
.ws-landing .ws-landing__vs{margin: 0;padding: 56px 0 120px;width: 100%;min-width: 100%;border-radius: 0}
.ws-landing .ws-landing__vs__title{padding: 0 38px;font-size: 28px;line-height: 36px}
.ws-landing .ws-landing__vs__text{padding: 0 38px;font-size: 16px}
.ws-landing .ws-landing__vs__text-desktop{display: none}
.ws-landing .ws-landing__vs__text-mobile{display: block}
.ws-landing .ws-landing__list__item{padding: 4px 0}
.ws-landing .ws-landing__list__item span{font-size: 16px}
.ws-landing .ws-landing__vs__body__item__price{padding-left: 8px}
.ws-landing .ws-landing__vs__body__button{margin-top: 40px}
.ws-landing .ws-landing__price{padding: 80px 20px}
.ws-landing .ws-landing__price + .textImage{padding-top: 40px}
.ws-landing .ws-landing__price__title{font-size: 28px;line-height: 36px;text-align: center}
.ws-landing .ws-landing__price__text{font-size: 16px;line-height: 28px}
.ws-landing .ws-landing__price__tumbler{width: auto}
.ws-landing .ws-landing__price__card-dark .ws-landing__price__card__body{margin: 30px 0 0}
.ws-landing .ws-landing__price__card__body__price-underline,.ws-landing .ws-landing__price__card__body__price-underline:before{padding-left: 26px}
.ws-landing .ws-landing__price__card__body__price{margin-bottom: 12px}
.ws-landing .ws-landing__price__card__list{gap: 12px}
.ws-landing .ws-landing__price__card__logo svg{width: 30px;height: 30px}
.ws-landing .ws-landing__price__card{padding: 24px !important}
.ws-landing .ws-landing__price__card-light{padding: 24px !important}
.ws-landing .ws-landing__price__card-dark{height: auto}
.ws-landing .ws-landing__price__card__title{font-size: 20px}
.ws-landing .ws-landing__price__card__logo{width: 48px}
.ws-landing .ws-landing__price__card__logo img{scale: 0.5}
.ws-landing .ws-landing__price__card__logo-ws img{scale: 0.8}
.ws-landing .ws-landing__price__card__progress{flex: 1}
.ws-landing .ws-landing__price__card__row{justify-content: unset}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__label{margin-left: 12px;width: auto;min-width: 80px}
.ws-landing .ws-landing__price__card__row .ws-landing__price__card__label span{display: none}
.ws-landing .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__fill:after{right: -200px}
.ws-landing .ws-landing__price__card-light .ws-landing__price__card__body{margin: 20px 0 0}
.ws-landing .ws-landing__price__slider{width: 350px}
.ws-landing .ws-landing__price__slider__item{min-width: 65px}
.ws-landing .ws-landing__vs__body__item{min-width: 350px;padding: 48px 28px}
.ws-landing .ws-landing__vs__body__item__list{width: 294px}
.ws-landing .ws-landing__price__card__body__right{margin: 40px auto 0;width: fit-content}
.ws-landing .ws-landing__price__card__body__buttons{display: flex;flex-direction: column;gap: 20px;width: 100%;padding-top: 24px}
}
@media screen and (max-width: 375px){.ws-landing .ws-landing__price__slider{width: 320px}
}
.h3__title{text-wrap: balance}
.ws-landing.ws-landing-bitrix24{padding: 40px 0 100px}
.ws-landing.ws-landing-bitrix24 .ws-landing__header{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 10}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__back,.ws-landing.ws-landing-bitrix24 .ws-landing__block__body__link{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 20px;color: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__back:hover,.ws-landing.ws-landing-bitrix24 .ws-landing__block__body__link:hover{color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__back:hover svg,.ws-landing.ws-landing-bitrix24 .ws-landing__block__body__link:hover svg{fill: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__back svg{width: 12px;height: 12px;fill: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__back span{margin-left: 6px}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__big{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 46px;line-height: 56px;color: #202532;padding: 30px 0 10px;text-align: center;text-wrap: balance;max-width: 50ch}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__small{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 28px;color: #46556A;text-align: center;text-wrap: balance}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__small b{font-weight: 700;color: #1C2230}
.ws-landing.ws-landing-bitrix24 .ws-landing__header__small .iti__flag{display: inline-block;transform: scale(0.8);margin: 0 0 -1px}
.ws-landing__header__buttons{display: flex;flex-direction: row;gap: 16px;padding: 40px 0;flex-wrap: wrap;justify-content: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__button__dark{padding: 10px 20px;border-radius: 8px;background: #1C2230;box-shadow: 0 0 0 1px #46556A inset;color: #FFFFFF;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;cursor: pointer;box-sizing: border-box;text-align: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__button__dark:hover{background: #354153;box-shadow: 0 0 0 1px #90A2BC inset}
.ws-landing.ws-landing-bitrix24 .ws-landing__button__light{padding: 10px 20px;border-radius: 8px;background: #FFFFFF;box-shadow: 0 0 0 1px #CAD5E2 inset;color: #1C2230;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 16px;line-height: 24px;cursor: pointer;box-sizing: border-box;text-align: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__button__light:hover{background: #E3E6EF;box-shadow: 0 0 0 1px #90A2BC inset}
.ws-landing.ws-landing-bitrix24 .ws-landing__desktop{position: relative;display: flex;flex-direction: row;justify-content: center;margin-top: -60px;overflow: hidden}
.ws-landing.ws-landing-bitrix24 .ws-landing__desktop img{width: 100%;max-width: 1200px}
.ws-landing.ws-landing-bitrix24 .ws-landing__companies{padding: 54px 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__companies__title{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 28px;text-transform: uppercase;color: #646F87;text-align: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__companies__logos{display: flex;flex-direction: row;gap: 100px;flex-wrap: wrap;justify-content: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__companies__logos svg{height: 30px;width: 120px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block{display: flex;flex-direction: row;gap: 100px;justify-content: center;align-items: center;flex-wrap: wrap;padding: 70px 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__img{width: 50%;min-width: 360px;max-width: 660px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__img img{max-width: 100%;height: auto}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__body{width: 30%;min-width: 350px;max-width: 500px;display: flex;flex-direction: column;align-items: flex-start;gap: 24px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__body__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 32px;line-height: 40px;color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__body__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 15px;line-height: 26px;color: #46556A;text-wrap: pretty}
.ws-landing__block__body__link{display: flex;gap: 10px;text-decoration: underline;align-items: center;cursor: pointer}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__body__link svg{width: 10px;height: 10px;fill: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__use{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 80px;padding: 100px 0 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 38px;line-height: 44px;color: #202532;text-align: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body{display: flex;flex-direction: row;align-items: center;justify-content: center;gap: 60px;position: relative}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item{min-height: 500px;min-width: 280px;max-width: 570px;width: 48%;border-radius: 32px;padding: 46px;background: radial-gradient(100% 100% at 50% 0%,#FFFFFF 0%,#EAEEF5 100%),#FFFFFF;border: 1px solid #E3E6EF;display: flex;flex-direction: column;justify-content: center;gap: 16px;box-sizing: border-box}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 24px;line-height: 30px;color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item__text,.ws-landing.ws-landing-bitrix24 .ws-landing__vs__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;color: #46556A;text-wrap: pretty}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item__card{background: #FFFFFF;box-shadow: 0px 2px 3px -2px rgba(4,19,49,0.1),0px 4px 6px -1px rgba(0,0,0,0.1);border-radius: 12px;padding: 20px;margin: auto 0 20px;height: 90px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item__card .iti__flag{position: absolute;display: inline-block;transform: scale(0.8);top: 5px;margin-left: 4px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item__card h3{position: relative;font-family: 'Inter',sans-serif;font-weight: 600;font-size: 16px;line-height: 20px;color: #202532;padding: 0 0 10px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item__card span{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 13px;line-height: 16px;color: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item .ws-landing__button__light,.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item .ws-landing__button__dark{width: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs{background: radial-gradient(100% 100% at 50% 0%,#FFFFFF 0%,#EAEEF5 100%);border: 1px solid #EBEBF6;border-radius: 32px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;gap: 20px;padding: 70px 120px 200px;box-sizing: border-box;margin: 40px auto;max-width: 1200px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 28px;line-height: 30px;color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body{display: flex;flex-direction: row;gap: 60px;justify-content: center;align-items: center;margin: 60px auto 0;flex-wrap: wrap}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item{background: rgba(255,255,255,0.95);box-shadow: 0px 32px 200px -12px rgba(4,19,49,0.2);padding: 48px 32px;border-radius: 24px;display: flex;flex-direction: column;justify-content: center;align-items: center;box-sizing: border-box;gap: 26px;z-index: 1;position: relative;width: 425px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item:before{content: ' ';width: 80px;height: 80px;background: #FFFFFF;border-radius: 50px;position: absolute;top: -40px;text-align: center;display: flex;align-items: center;justify-content: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item:after{content: ' ';position: absolute;width: 90%;bottom: -12px;height: 24px;background: linear-gradient(to top,#e7e8eb 50%,#FFFFFF 50%);border-radius: 0 0 40px 40px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-vs:before{content: url("/img/blocks/ws_landing/emoji_no.png")}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-worksection:before{content: url("/img/blocks/ws_landing/emoji_yes.png")}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 22px;line-height: 24px;color: #46556A}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__type{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 13px;line-height: 20px;padding: 8px 16px;border-radius: 32px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-vs .ws-landing__vs__body__item__type{background: #FFF1F2;color: #1C2230}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-worksection .ws-landing__vs__body__item__title{color: #000000}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-worksection .ws-landing__vs__body__item__type{background: #F0F6FE;color: #2241A8}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-worksection .ws-landing__list__item-active:before{content: url("/img/blocks/ws_landing/active_black.svg")}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__list{position: relative;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;gap: 10px;width: 250px;margin: 20px 0 0;align-self: auto}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__price{display: flex;flex-direction: row;gap: 16px;justify-content: center;align-items: center;font-family: 'Inter',sans-serif;font-weight: 400}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__price b{font-weight: 500;font-size: 58px;line-height: 58px;color: #232A36;position: relative;padding-left: 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__price b:before{content: '$';position: absolute;left: 0;top: -12px;display: inline-block;font-size: 32px;font-weight: 600}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__price div{font-weight: 400;font-size: 14px;line-height: 20px;color: #646F87;width: 120px;text-align: left;text-wrap: pretty}
.ws-landing.ws-landing-bitrix24 .ws-landing__rate{position: absolute;display: flex;flex-direction: row;align-items: center;justify-content: center;width: 100%;bottom: -140px}
.ws-landing.ws-landing-bitrix24 .ws-landing__rate svg{width: 187px;height: 96px}
.ws-landing.ws-landing-bitrix24 .ws-landing__rate:hover svg{background: rgba(255,255,255,0.2);box-shadow: 0 0 0 1px rgba(255,255,255,0.4) inset;backdrop-filter: blur(4px);border-radius: 12px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item-vs .ws-landing__rate{cursor: inherit}
.ws-landing.ws-landing-bitrix24 .ws-landing__list__item-active{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: #1C2230}
.ws-landing.ws-landing-bitrix24 .ws-landing__list__item-disable{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 24px;color: #646F87;text-decoration: line-through}
.ws-landing__list__item-empty{height: 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__list__item-active:before{width: 20px;height: 20px;content: url("/img/blocks/ws_landing/active_gray.svg");margin: 3px 0 0 -32px;display: inline-block;position: absolute}
.ws-landing.ws-landing-bitrix24 .ws-landing__list__item-disable:before{width: 20px;height: 20px;content: url("/img/blocks/ws_landing/disable.svg");margin: 3px 0 0 -32px;display: inline-block;position: absolute}
.ws-landing.ws-landing-bitrix24 .ws-landing__price{position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;padding: 120px 10px;background: linear-gradient(180deg,#FFFFFF 0%,#E2E8F3 100%)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 32px;line-height: 40px;color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 16px;line-height: 28px;color: #46556A;max-width: 880px;text-align: center;text-wrap: balance}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__cards{display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card{position: relative;padding: 40px 60px 40px 40px;box-sizing: border-box;border-radius: 20px;height: 360px;width: 580px;box-shadow: 0px 4px 3px -2px rgba(4,19,49,0.05),0px 4px 6px -1px rgba(4,19,49,0.05);display: flex;flex-direction: column;align-items: flex-start;gap: 6px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-light{background: #FFFFFF;border: 1.5px solid rgba(80,98,124,0.25);padding: 40px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark{background: #0B0F19;gap: 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__title{font-family: 'Inter',sans-serif;font-weight: 600;font-size: 24px;line-height: 30px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__text{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 24px;color: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-light .ws-landing__price__card__title{color: #101219}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark .ws-landing__price__card__title{color: #FFFFFF}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark .ws-landing__price__card__title b{color: #818CF8}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark .ws-landing__price__card__title span{display: inline-block;background: #354153;padding: 4px 12px;border-radius: 24px;font-size: 12px;line-height: 16px;font-family: 'Inter',sans-serif;font-weight: 400;margin: -12px 0 0 10px;height: 24px;box-sizing: border-box;vertical-align: middle}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-light .ws-landing__price__card__body{display: flex;flex-direction: column;align-items: center;width: 100%;margin: 40px 0 0;gap: 10px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark .ws-landing__price__card__body{display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;margin: auto 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__right{display: flex;flex-direction: column;align-items: flex-start;justify-content: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row{width: 100%;display: flex;flex-direction: row;align-items: center;justify-content: space-between}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__progress{width: 50%;height: 20px;border-radius: 24px;background: #F2F3F7;position: relative}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__progress__fill{position: absolute;height: 12px;border-radius: 12px 2px 2px 12px;margin: 4px 0 0 4px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__fill{background: #6366F1}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__fill{background: #98A0B4}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__fill:before{position: absolute;right: 0;height: 126px;width: 0;content: ' ';bottom: -130px;border-left: 1px dashed #98A0B4}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__fill:before{position: absolute;right: 0;height: 40px;width: 0;content: ' ';bottom: -44px;border-left: 1px dashed #98A0B4}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__after{position: absolute;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 12px;line-height: 20px;font-weight: 400;color: #46556A;width: 100px;cursor: no-drop;padding-left: 12px;margin-top: 54px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__progress__after:before{position: absolute;content: ' ';width: 4px;height: 4px;top: 8px;left: -2px;background: #98A0B4;border-radius: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__after{position: absolute;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 12px;line-height: 20px;color: #46556A;width: 220px;cursor: no-drop;padding-left: 12px;margin-top: 146px;border-radius: 24px;border: 1px solid #E3E6EF}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__after b{font-weight: 600px;color: #354153}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__label{border-radius: 24px;padding: 4px 8px;width: 125px;box-sizing: border-box;display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 6px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__label b{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 24px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__label span{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 24px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__label{background: #6366F1;box-shadow: 0px 4px 12px rgba(99,102,241,0.5)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__label{background: #E3E6EF}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__label b{color: #FFFFFF}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__label span{color: rgba(255,255,255,0.5)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__label b{color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:last-child .ws-landing__price__card__label span{color: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__list{display: flex;flex-direction: column;gap: 20px;align-items: flex-start;justify-content: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__logo svg{width: 48px;height: 48px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__list__item{display: flex;flex-direction: row;align-items: flex-start;justify-content: center;gap: 10px;color: #E3E6EF;font-family: 'Inter',sans-serif;font-weight: 400;font-size: 14px;line-height: 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__list__item svg{width: 20px;height: 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price{display: flex;flex-direction: row;align-items: center;gap: 6px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price-underline{display: none;position: relative;color: #46556A;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 22px;line-height: 30px;text-decoration: line-through;margin-left: -10px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price-underline:before{content: '$';position: absolute;left: -12px;top: -4px;display: inline-block;font-size: 16px;font-weight: 600}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price b{position: relative;font-family: 'Inter',sans-serif;font-weight: 500;font-size: 42px;line-height: 64px;color: #FFFFFF}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price b:before{content: '$';position: absolute;left: -22px;top: -12px;display: inline-block;font-size: 30px;font-weight: 600}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price span{font-family: 'Inter',sans-serif;font-weight: 400;font-size: 22px;line-height: 44px;color: #98A0B4}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 400px;position: relative;padding: 30px 0 60px;gap: 10px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__title{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 20px;color: #232A36}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__body{position: relative;height: 40px;padding-top: 10px;width: 100%;margin: 20px auto 20px;-webkit-user-select: none;user-select: none}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__line{position: absolute;bottom: 0;left: 35px;width: calc(100% - 70px);height: 3px;background: #FFFFFF;border-radius: 8px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__line.line{background: #354153;z-index: 10;display: none}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__line.line-20{width: 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__line.line-50{width: calc((100% - 70px) / 3)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__line.line-100{width: calc((100% - 70px) / 1.5)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__line.line-200{width: calc(100% - 70px)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__over{height: 70px;position: absolute;top: 0;bottom: 0;width: 100%;display: flex;cursor: pointer;flex-direction: row;justify-content: space-between}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item{position: relative;cursor: pointer;float: left;height: 100%;text-align: center;font: 400 20px/20px var(--FONT2);color: #000;z-index: 100;min-width: 80px;padding: 20px 0 0;margin-top: -20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item.item_act .value,.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item:hover .value{color: #232A36}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item .pos{bottom: 8px;display: none;position: absolute;width: 100%;min-width: 20px;height: 32px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item.item_act .pos{display: block}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item .pos .bg{width: 20px;height: 32px;background: url("/img/blocks/ws_landing/dragger.png") no-repeat center;margin: 0 auto;cursor: move}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item .pos .bg:hover{background: url("/img/blocks/ws_landing/dragger_hover.png") no-repeat center}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item .value{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 20px;color: #646F87}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__block{display: flex;flex-direction: row;justify-content: center;align-items: center;width: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__left{width: 400px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler{width: 150px;margin-left: 230px;padding-right: 20px;text-align: right;display: flex;justify-content: flex-end;align-items: center;gap: 6px;cursor: pointer}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler__text{font-family: 'Inter',sans-serif;font-weight: 500;font-size: 14px;line-height: 24px;color: #202532}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler .sw_pre{display: flex;flex-direction: row;align-items: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler .sw_pre .sw{float: none;margin: 0px 4px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler .sw{box-shadow: 0 0 0 1px rgba(9, 32, 52, 0.46);width: 20px;height: 12px;padding: 2px;border-radius: 8px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler .sw span{background: rgba(9, 32, 52, 0.46);float: left;width: 8px;height: 8px;margin: 2px;border-radius: 10px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler .sw_act .sw{background: #8162E0;box-shadow: none}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler .sw_act .sw span{background: #fff;width: 10px;height: 10px;margin: 1px 0 1px 9px}
@media screen and (max-width: 1200px){.ws-landing.ws-landing-bitrix24 .ws-landing__vs{padding: 36px 30px 150px;width: 70%;min-width: 360px;width: calc(100% - 20px);max-width: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body{gap: 40px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item{min-width: 360px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use{padding: 40px 0 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__rate{bottom: -120px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card{width: 500px;padding: 40px 30px 40px 40px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__left{width: calc((100% - 420px) / 2)}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler{width: 150px;margin-left: calc((100% - 400px) / 2 - 170px)}
}
@media screen and (max-width: 1000px){.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body{gap: 200px}
}
@media screen and (max-width: 960px){.ws-landing.ws-landing-bitrix24 .ws-landing__companies__logos{gap: 50px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block{gap: 40px}
.ws-landing.ws-landing-bitrix24 .ws-landing__desktop{margin-top: -20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item{width: 70%;min-width: 360px;max-width: 70%;padding: 36px 30px}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body{flex-wrap: wrap}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body{flex-wrap: wrap}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item{width: auto}
}
@media screen and (max-width: 800px){.ws-landing.ws-landing-bitrix24 .ws-landing__price__left{display: none}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__block{flex-direction: column-reverse}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__tumbler{padding: 20px;margin: 0 auto;justify-content: center;text-align: center}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__body{box-sizing: border-box;padding: 0 10px;width: calc(100% - 20px);min-width: 330px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__img{width: calc(100% - 20px);min-width: 330px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block.ws-landing__block__mobile__reverse{flex-direction: column-reverse}
}
@media screen and (max-width: 660px){.ws-landing.ws-landing-bitrix24{padding: 20px 0 60px}
.ws-landing.ws-landing-bitrix24 .ws-landing__desktop img{width: 110%}
.ws-landing.ws-landing-bitrix24 .ws-landing__use__body__item{width: 100%;max-width: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs{width: calc(100% - 20px);max-width: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__img{width: calc(100% - 20px);min-width: 330px}
.ws-landing.ws-landing-bitrix24 .ws-landing__block__body{box-sizing: border-box;padding: 0 10px;width: calc(100% - 20px);min-width: 330px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card{width: calc(100% - 20px)}
}
@media screen and (max-width: 500px){.ws-landing.ws-landing-bitrix24 .ws-landing__vs{padding: 36px 0 150px;width: 100%;min-width: 100%}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__title{padding: 0 26px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__text{padding: 0 26px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark .ws-landing__price__card__body{flex-direction: column;align-items: flex-start;margin: 30px 0 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__title{display: flex;flex-direction: column-reverse;gap: 10px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-dark .ws-landing__price__card__title span{margin: 0;place-self: flex-start}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price-underline{margin: 10px 0 -30px 22px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__body__price{margin: 30px auto 0;padding-left: 30px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__list{gap: 14px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__logo svg{width: 30px;height: 30px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card{padding: 30px !important}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-light{padding: 30px 20px 30px !important}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__label{width: auto;min-width: 80px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row .ws-landing__price__card__label span{display: none}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card__row:first-child .ws-landing__price__card__progress__fill:after{right: -200px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__card-light .ws-landing__price__card__body{margin: 20px 0 0}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider{width: 350px}
.ws-landing.ws-landing-bitrix24 .ws-landing__price__slider__item{min-width: 65px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item{min-width: 330px;padding: 48px 20px}
.ws-landing.ws-landing-bitrix24 .ws-landing__vs__body__item__list{width: 230px}
}
