1<!DOCTYPE html> 2 3<html lang="ru"> 4 5<head> 6 7 8 <!-- PLUGINS --> 9 10 11 12 13 14 15 16 17 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 18 <meta charset="utf-8"> 19 <meta name="generator" content="Creatium"> 20 21 <title>Custom Software Development Company | CRM, ERP, Mobile & AI Solutions | Kulenkov Group</title> 22 23 <meta name="description" content="We build custom CRM, ERP, mobile applications, and AI solutions to automate business processes and drive growth. From idea to launch — fast, scalable, and tailored to your needs."><meta name="keywords" content="custom software development, CRM development, ERP systems, mobile app development, AI solutions, business automation, SaaS development, web development, IT outsourcing, enterprise software, digital transformation, Kazakhstan IT company, software development company, automation solutions, scalable systems"><meta property="og:title" content="Kulenkov Group - ÐÐ°Ñ ÑÐµÑ Ð½Ð¸ÑеÑкий it паÑÑнеÑ"><meta property="og:description" content="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений в ÐÐ°Ð·Ð°Ñ ÑÑане. 24РабоÑаем Ñо ÑÑабилÑнÑми, ÑÐµÑ Ð½Ð¾Ð»Ð¾Ð³Ð¸ÑнÑми компаниÑми, внедÑÑÑÑими авÑомаÑизаÑÐ¸Ñ Ð² пÑоизводÑÑвеннÑе пÑоÑеÑÑÑ Ð¸ пеÑÑпекÑивнÑми StartUp пÑоекÑами. 25- 146 Ð»ÐµÑ ÑовокÑпнÑй опÑÑ ÐºÐ¾Ð¼Ð°Ð½Ð´Ñ Ð² it; 26- 300+ доволÑнÑÑ ÐºÐ»Ð¸ÐµÐ½Ñов за 4 года ÑабоÑÑ ÐºÐ¾Ð¼Ð¿Ð°Ð½Ð¸Ð¸; 27- 30 ÑпеÑиалиÑÑов вÑÑокого ÑÑÐ¾Ð²Ð½Ñ Ð² команде"><meta property="og:image" content="https://img1.creatium.ru/disk2/02/92/77/a94d49c335ee429bc94cb0ce40c8c36308/frame_1597881110.png"><link rel="canonical" href="https://kulenkov.kz/en"> 28 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 29 30
30<script type="application/ld+json">{}</script>
30 31 32<!--[if IE]><link rel="shortcut icon" href="https://img1.creatium.ru/disk2/c5/b6/c4/bfb9accd847efa8ea393bfba234a5e0775/32x32/frame_1597881110.png"><![endif]--> 33<link rel="apple-touch-icon-precomposed" href="https://img1.creatium.ru/disk2/c5/b6/c4/bfb9accd847efa8ea393bfba234a5e0775/180x180/frame_1597881110.png"> 34<link rel="icon" href="https://img1.creatium.ru/disk2/c5/b6/c4/bfb9accd847efa8ea393bfba234a5e0775/196x196/frame_1597881110.png"> 35
35<script> 36 window.creatium = {"creatium":true,"visit_id":null,"site_id":35816,"page_id":2121940,"content_id":2057888,"lang":"ru","time":1791270444,"screens":"screens-xs-md-lg","animations":[],"cookies":{"alert":0,"message":""},"integrations":[],"misc":{"cdn_host":"i.1.creatium.io"},"allow_cookies":true,"site_options":{"captcha_signup":false,"captcha_orders":false,"member_allow_signup":false,"member_allow_auth":false},"member":{"id":0},"async":{"js":["\/app\/4.4\/delivery-builder?action=async&key=333d5b9c47a870a30e5fd48cf94358ec","\/assets\/4.4\/vendors-async.js?v=1742957206","\/assets\/4.4\/formula-async.js?v=1742957285","\/assets\/4.4\/swiper-async.js?v=1761555634","\/assets\/4.4\/particles-async.js?v=1742957206"],"css":["\/assets\/4.4\/vendors-async.css?v=1742957206","\/assets\/4.4\/hovercss-async.css?v=1742957206"],"js_adaptive_sections":"\/app\/4.4\/delivery-builder?action=adaptive-sections&key=333d5b9c47a870a30e5fd48cf94358ec"},"device":"other","mini":false,"scroll":{"snapping":false}}; 37 window.cr = window.creatium; 38 window.plp = window.creatium; 39 window.error_handler = function (e, fn_id) { 40 window.console && console.log && console.log(fn_id); 41 window['error_handler_' + fn_id] && eval(window['error_handler_' + fn_id]); 42 window.console && console.error && console.error(e.message); 43 }; 44 cr.api = function (v, cb) { cr.api.queue.push([v, cb]) }; 45 cr.api.queue = []; 46 cr.layout = {"top":0,"left":0}; 47 </script>
47 48 <!-- CORE --> 49 <link type="text/css" rel="stylesheet" href="/assets/4.4/vendors.css?v=1742957206"><link type="text/css" rel="stylesheet" href="/assets/4.4/default.css?v=1781677927"><link type="text/css" rel="stylesheet" href="/assets/4.4/nodes.css?v=1777287269"><link type="text/css" rel="stylesheet" href="/assets/4.4/io-fontawesome.css?v=1781505263">
49<script defer type="text/javascript" src="/assets/4.4/vendors.js?v=1742957206"></script>
49<script defer type="text/javascript" src="/assets/4.4/default.js?v=1781677860"></script>
49<script defer type="text/javascript" src="/assets/4.4/nodes.js?v=1779102390"></script>
49<link rel="preload" href="/assets/4.4/vendors-sync.js?v=1742957206" as="script"> 50 <style> 51.node.css1 > .wrapper1 { background-color: rgb(255, 255, 255) } 52.node.css1 { color: #333 } 53.node.css1 > .padding_top { padding-top: 8px } 54.screen-xs .node.css1 > .padding_top { padding-top: 0px!important } 55.node.css1 > .padding_bottom { padding-bottom: 8px } 56.screen-xs .node.css1 > .padding_bottom { padding-bottom: 0px!important } 57.node.css1 a { color: rgb(46, 25, 230) } 58.node.css2 { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px } 59.node.css2 a { color: rgb(46, 25, 230) } 60.metahtml.css3 .hamburger1 { 61 position: relative; 62} 63 64.metahtml.css3 .hamburger1-header { 65 display: flex; 66 align-items: center; 67 width: 100%; 68} 69 70.metahtml.css3 .hamburger1-altmenu { 71 flex-grow: 1; 72 order: 1; 73} 74 75.metahtml.css3 .hamburger1-toggle { 76 width: 32px; 77 height: 19.2px; 78 flex: 0 0 32px; 79 margin: 5px; 80 cursor: pointer; 81 margin-top: 0; 82 order: 2; 83 position: relative; 84} 85 86.metahtml.css3 .hamburger1-toggle span { 87 display: block; 88 position: absolute; 89 height: 5px; 90 width: 100%; 91 background: rgb(34, 34, 34); 92 border-radius: 9px; 93 opacity: 1; 94 left: 0; 95 -webkit-transform: rotate(0deg); 96 -moz-transform: rotate(0deg); 97 -o-transform: rotate(0deg); 98 transform: rotate(0deg); 99 -webkit-transition: .3s ease-in-out; 100 -moz-transition: .3s ease-in-out; 101 -o-transition: .3s ease-in-out; 102 transition: .3s ease-in-out; 103} 104 105.metahtml.css3 .hamburger1-toggle span:nth-child(1) { 106 top: 0px; 107} 108 109.metahtml.css3 .hamburger1-toggle span:nth-child(2), 110.metahtml.css3 .hamburger1-toggle span:nth-child(3) { 111 top: 10px; 112} 113 114.metahtml.css3 .hamburger1-toggle span:nth-child(4) { 115 top: 19px; 116} 117 118.metahtml.css3 .hamburger1-toggle.is-expanded span:nth-child(1) { 119 top: 10px; 120 width: 0%; 121 left: 50%; 122 opacity: 0; 123} 124 125.metahtml.css3 .hamburger1-toggle.is-expanded span:nth-child(2) { 126 -webkit-transform: rotate(45deg); 127 -moz-transform: rotate(45deg); 128 -o-transform: rotate(45deg); 129 transform: rotate(45deg); 130} 131 132.metahtml.css3 .hamburger1-toggle.is-expanded span:nth-child(3) { 133 -webkit-transform: rotate(-45deg); 134 -moz-transform: rotate(-45deg); 135 -o-transform: rotate(-45deg); 136 transform: rotate(-45deg); 137} 138 139.metahtml.css3 .hamburger1-toggle.is-expanded span:nth-child(4) { 140 top: 9.6px; 141 width: 0%; 142 left: 50%; 143 opacity: 0; 144} 145.node.css4 { color: #333; padding-top: 4px; padding-bottom: 4px; padding-left: 0px; padding-right: 0px } 146.node.css4 a { color: rgb(46, 25, 230) } 147.node.css5 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 0px } 148.node.css5 a { color: rgb(46, 25, 230) } 149.node.css6 .bgimage { height: 38px; background-position: left } 150.node.css6 img.selectable { max-height: 38px } 151.node.css6 .proportions { width: calc(var(--width) / var(--height) * 38); padding-top: 38px } 152.node.css7 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 17px } 153.node.css7 a { color: rgb(46, 25, 230) } 154.node.css8 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 155.node.css8 a { color: rgb(46, 25, 230) } 156.btn.css9 { text-align: center } .btn.css9 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(126, 117, 235);padding-top: 8px;padding-bottom: 8px;font-size: 12px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(126, 117, 235)!important;font-family: "Jost", sans-serif; } .btn.css9:hover, .btn.css9.hover { background-color: rgb(103, 89, 241);border-color: rgb(103, 89, 241);color: rgb(255, 255, 255)!important; } .btn.css9:active, .btn.css9.active { background-color: rgb(75, 59, 238);border-color: rgb(103, 89, 241);color: rgb(255, 255, 255)!important; } .btn.css9:before { } .btn.css9:active:before, .btn.css9.active:before { background-color: rgb(75, 59, 238); } 157.btn.css10 { text-align: center } .btn.css10 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(207, 207, 207);padding-top: 8px;padding-bottom: 8px;font-size: 12px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(207, 207, 207)!important;font-family: "Jost", sans-serif; } .btn.css10:hover, .btn.css10.hover { background-color: rgba(199, 199, 199, 0.08);border-color: rgb(207, 207, 207);color: rgb(207, 207, 207)!important; } .btn.css10:active, .btn.css10.active { background-color: rgba(179, 179, 179, 0.11);border-color: rgb(207, 207, 207);color: rgb(207, 207, 207)!important; } .btn.css10:before { } .btn.css10:active:before, .btn.css10.active:before { background-color: rgba(179, 179, 179, 0.11); } 158.node.css11 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 159.screen-xs .node.css11 { padding-bottom: 0px!important; padding-right: 0px!important } 160.node.css11 a { color: rgb(46, 25, 230) } 161.btn.css12 { text-align: center } .btn.css12 { background-color: rgb(104, 89, 241);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-right-width: 2px;border-color: rgb(104, 89, 241);padding-top: 12px;padding-bottom: 12px;font-size: 16px;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css12:hover, .btn.css12.hover { background-color: rgb(76, 59, 238);border-color: rgb(76, 59, 238);color: rgb(255, 255, 255)!important; } .btn.css12:active, .btn.css12.active { background-color: rgb(76, 59, 238);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important;box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css12:before { } .btn.css12:active:before, .btn.css12.active:before { background-color: rgb(76, 59, 238);box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } 162.modal.css13 .modal-dialog { width: 422px } 163.metahtml.css14 .modal3-root { 164 border-radius: 25px; 165 box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5); 166 opacity: 0; 167 transform: scale(1.1); 168 transition: 300ms all ease-out; 169} 170 171.metahtml.css14 .modal3-root.is-active { 172 opacity: 1; 173 transform: scale(1); 174} 175 176.metahtml.css14 .modal3-root.is-hiding { 177 opacity: 0; 178 transform: scale(0.9); 179} 180 181.metahtml.css14 .modal3-panel { 182 padding: 15px; 183 border-radius: 25px; 184 background-image: linear-gradient(rgba(104, 89, 241, 0), rgba(104, 89, 241, 0)), url(https://img1.creatium.ru/disk2/ef/b2/e4/119e34051e9b172534197b104b873f873e/slides01_1.jpg#%7B%22size%22:%5B736,801%5D,%22quality%22:8%7D); 185 background-position: center; 186 background-size: cover; 187} 188 189.metahtml.css14 .modal3-divider { 190 margin-top: 10px; 191 height: 1px; 192 background-color: rgba(255, 255, 255, 0.1); 193 margin-bottom: 10px; 194} 195 196.metahtml.css14 .modal3-close { 197 cursor: pointer; 198 background-color: black; 199 border: 2px solid white; 200 border-radius: 100px; 201 position: absolute; 202 width: 30px; 203 height: 30px; 204 padding: 0; 205 top: -10px; 206 right: -10px; 207 transition: transform 200ms; 208} 209 210.metahtml.css14 .modal3-close-h, 211.metahtml.css14 .modal3-close-v { 212 background-color: white; 213 display: block; 214 width: 16px; 215 height: 2px; 216 position: absolute; 217 left: 50%; 218 top: 50%; 219} 220 221.metahtml.css14 .modal3-close-h { 222 transform: translate(-50%, -50%) rotate(135deg); 223} 224 225.metahtml.css14 .modal3-close-v { 226 transform: translate(-50%, -50%) rotate(45deg); 227} 228 229.metahtml.css14 .modal3-close:hover { 230 transform: scale(1.1); 231} 232.node.css15 { color: #FFF; padding-top: 10px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px } 233.node.css15 a { color: rgb(46, 25, 230) } 234.node.css16 { color: #FFF; padding-top: 4px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } 235.node.css16 a { color: rgb(46, 25, 230) } 236.textable.css17 { text-align: center; font-family: "Jost", sans-serif; font-size: 30px; font-weight: 600; line-height: 1.4; letter-spacing: 0.028571428571428574em; opacity: 1 } 237.screen-md .textable.css17 { font-size: 28px!important } 238.screen-sm .textable.css17 { font-size: 28px!important } 239.screen-xs .textable.css17 { text-align: center!important; font-size: 26px!important } 240.node.css18 { color: #FFF; padding-top: 15px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 241.node.css18 a { color: rgb(46, 25, 230) } 242.textable.css19 { text-align: center; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 0.6 } 243.screen-md .textable.css19 { font-size: 15px!important } 244.screen-sm .textable.css19 { font-size: 15px!important } 245.screen-xs .textable.css19 { text-align: center!important; font-size: 14px!important } 246.node.css20 { color: #FFF; padding-top: 12px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 247.node.css20 a { color: rgb(46, 25, 230) } 248.metahtml.css21 .form1-cover { 249 padding: 20px 15px; 250 background-color: rgba(255, 255, 255, 0); 251 border-color: rgb(0, 0, 0); 252 border-style: none; 253 border-width: 1px; 254 border-radius: 0px; 255 box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1); 256} 257.node.css22 { color: #333; padding-top: 5px; padding-bottom: 19px; padding-left: 0px; padding-right: 0px } 258.node.css22 a { color: rgb(46, 25, 230) } 259.metahtml.css23 [cr-field] { 260 padding-bottom: 12px; 261 font-size: 16px; 262 font-family: "Jost", sans-serif; 263} 264 265.metahtml.css23 .name { 266 color: rgba(0, 0, 0, 0.57); 267 font-weight: normal; 268 font-family: "Jost", sans-serif; 269 font-size: 13px; 270 text-transform: uppercase;; 271 margin-bottom: 6.5px; 272 word-wrap: break-word; 273 letter-spacing: 0.1em;; 274} 275 276.metahtml.css23 .form-control { 277 height: auto; 278 line-height: 1.2; 279 box-shadow: none; 280 position: relative; 281 color: rgb(0, 0, 0); 282 background-color: rgb(255, 255, 255); 283 border: 2px solid rgba(225, 222, 252, 0.32); 284 border-radius: 16px; 285 padding: 20px 16px; 286 font-size: 16px; 287 cursor: initial; 288} 289 290.metahtml.css23 .form-control:focus, 291.metahtml.css23 .form-control:focus-within { 292 border-color: rgb(104, 89, 241); 293 background-color: rgb(242, 242, 242); 294} 295 296.metahtml.css23 ::placeholder { 297 color: rgba(0, 0, 0, 0.57); 298 font-family: "Jost", sans-serif; 299} 300 301.metahtml.css23 .form-control + .form-control { 302 margin-top: 10px; 303} 304 305.metahtml.css23 label { 306 font-weight: normal; 307 display: block; 308 cursor: pointer; 309} 310 311.metahtml.css23 textarea { 312 resize: vertical; 313} 314 315.metahtml.css23 .checkbox { 316 width: 22px; 317 height: 22px; 318 padding: 0; 319 margin: 0 5.5px 0 0; 320 line-height: 0; 321 min-height: auto; 322 display: inline-block; 323 vertical-align: middle; 324 background: white; 325 border: 2px solid rgba(0, 0, 0, 0.25); 326 position: relative; 327 transition: 300ms all; 328 border-radius: 2px; 329} 330 331.metahtml.css23 .checkbox svg { 332 width: 100%; 333 opacity: 0; 334 transform: scale(0); 335 transition: 300ms all; 336} 337 338.metahtml.css23 input:hover ~ .checkbox, 339.metahtml.css23 input:focus ~ .checkbox { 340 border-color: rgb(179, 172, 248); 341} 342 343.metahtml.css23 input:checked ~ .checkbox { 344 border-color: rgb(76, 59, 238); 345 background-color: rgb(104, 89, 241); 346} 347 348.metahtml.css23 input:active ~ .checkbox { 349 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 350} 351 352.metahtml.css23 input:checked ~ .checkbox svg { 353 opacity: 1; 354 transform: scale(1); 355} 356 357.metahtml.css23 .radio { 358 margin: 0; 359 margin: 0 5.5px 0 0; 360 padding: 0; 361 line-height: 0; 362 width: 22px; 363 height: 22px; 364 min-height: auto; 365 display: inline-block; 366 vertical-align: middle; 367 background: white; 368 border: 2px solid rgba(0, 0, 0, 0.25); 369 position: relative; 370 transition: 300ms all; 371 border-radius: 100px; 372} 373 374.metahtml.css23 .radio:before { 375 position: absolute; 376 left: 0; 377 width: 100%; 378 top: 0; 379 height: 100%; 380 content: ''; 381 display: block; 382 background-color: white; 383 border-radius: 100px; 384 opacity: 0; 385 transform: scale(0); 386 transition: 300ms all; 387} 388 389.metahtml.css23 input:hover ~ .radio, 390.metahtml.css23 input:focus ~ .radio { 391 border-color: rgb(179, 172, 248); 392} 393 394.metahtml.css23 input:active ~ .radio { 395 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 396} 397 398.metahtml.css23 input:checked ~ .radio { 399 border-color: rgb(76, 59, 238); 400 background-color: rgb(104, 89, 241); 401} 402 403.metahtml.css23 input:checked ~ .radio:before { 404 opacity: 1; 405 transform: scale(0.5); 406} 407 408.metahtml.css23 [cr-field="checkbox-list"] span { 409 color: rgb(0, 0, 0); 410 vertical-align: middle; 411} 412 413.metahtml.css23 [cr-field="checkbox-list"] input { 414 position: absolute; 415 width: 0; 416 height: 0; 417 opacity: 0; 418 overflow: hidden; 419} 420 421.metahtml.css23 [cr-field="checkbox-list"] label + label { 422 margin-top: 7.333333333333333px; 423} 424 425.metahtml.css23 [cr-field="checkbox-visual"] { 426 overflow: hidden; 427} 428 429.metahtml.css23 [cr-field="checkbox-visual"] .items { 430 display: flex; 431 flex-wrap: wrap; 432 justify-content: space-between; 433} 434 435.metahtml.css23 [cr-field="checkbox-visual"] .item { 436 display: inline-block; 437 vertical-align: top; 438 text-align: center; 439 margin-bottom: 18px; 440 width: 30%; 441 color: rgb(0, 0, 0); 442} 443 444.metahtml.css23 [cr-field="checkbox-visual"] label { 445 position: relative; 446} 447 448.metahtml.css23 [cr-field="checkbox-visual"] .bgimage { 449 background-size: cover; 450 display: inline-block; 451 background-position: center; 452 border-radius: 10%; 453 overflow: hidden; 454 position: relative; 455 width: 100%; 456 padding-top: 100%; 457} 458 459.metahtml.css23 [cr-field="checkbox-visual"] input { 460 position: absolute; 461 width: 0; 462 height: 0; 463 opacity: 0; 464} 465 466.metahtml.css23 [cr-field="checkbox-visual"] .tick { 467 position: absolute; 468 left: 0; 469 top: 0; 470 width: 100%; 471 height: 100%; 472 background-color: rgba(104, 89, 241, 0.75); 473 transition: all 300ms; 474 opacity: 0; 475} 476 477.metahtml.css23 [cr-field="checkbox-visual"] .tick svg { 478 opacity: 0; 479 transition: all 300ms; 480 max-width: 27px; 481 position: absolute; 482 left: 50%; 483 top: 50%; 484 transform: translate(-50%, -50%); 485} 486 487.metahtml.css23 [cr-field="checkbox-visual"] .subname { 488 margin: 8px 0; 489 word-wrap: break-word; 490 white-space: normal; 491} 492 493.metahtml.css23 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 494.metahtml.css23 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 495 opacity: 0.5; 496 border-radius: 10%; 497} 498 499.metahtml.css23 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 500.metahtml.css23 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 501 opacity: 1; 502} 503 504.screen-xs .metahtml.css23 [cr-field="checkbox-visual"] .item { 505 width: 100%; 506 text-align: left; 507 margin-bottom: 9px; 508 white-space: nowrap; 509} 510 511.screen-xs .metahtml.css23 [cr-field="checkbox-visual"] .bgimage { 512 width: 25%; 513 padding-top: 25%; 514 vertical-align: middle; 515} 516 517.screen-xs .metahtml.css23 [cr-field="checkbox-visual"] .subname { 518 width: 75%; 519 display: inline-block; 520 vertical-align: middle; 521 padding-left: 5%; 522 margin-left: -4px; 523} 524 525.metahtml.css23 [cr-field="checkbox-input"] span { 526 vertical-align: middle; 527 color: rgb(0, 0, 0)!important; 528} 529 530.metahtml.css23 [cr-field="checkbox-input"] input { 531 position: absolute; 532 width: 0; 533 height: 0; 534 opacity: 0; 535 overflow: hidden; 536} 537 538.metahtml.css23 [cr-field="radio-list"] span { 539 vertical-align: middle; 540 color: rgb(0, 0, 0); 541} 542 543.metahtml.css23 [cr-field="radio-list"] input { 544 position: absolute; 545 width: 0; 546 height: 0; 547 opacity: 0; 548 overflow: hidden; 549} 550 551.metahtml.css23 [cr-field="radio-list"] label + label { 552 margin-top: 7.333333333333333px; 553} 554 555.metahtml.css23 [cr-field="radio-visual"] { 556 overflow: hidden; 557} 558 559.metahtml.css23 [cr-field="radio-visual"] .items { 560 display: flex; 561 flex-wrap: wrap; 562 justify-content: space-between; 563} 564 565.metahtml.css23 [cr-field="radio-visual"] .item { 566 display: inline-block; 567 vertical-align: top; 568 text-align: center; 569 margin-bottom: 18px; 570 width: 30%; 571 color: rgb(0, 0, 0); 572} 573 574.metahtml.css23 [cr-field="radio-visual"] label { 575 position: relative; 576} 577 578.metahtml.css23 [cr-field="radio-visual"] .bgimage { 579 background-size: cover; 580 display: inline-block; 581 background-position: center; 582 border-radius: 10%; 583 overflow: hidden; 584 position: relative; 585 width: 100%; 586 pa
586dding-top: 100%; 587} 588 589.metahtml.css23 [cr-field="radio-visual"] input { 590 position: absolute; 591 width: 0; 592 height: 0; 593 opacity: 0; 594} 595 596.metahtml.css23 [cr-field="radio-visual"] .tick { 597 position: absolute; 598 left: 0; 599 top: 0; 600 width: 100%; 601 height: 100%; 602 background-color: rgba(104, 89, 241, 0.75); 603 transition: all 300ms; 604 opacity: 0; 605} 606 607.metahtml.css23 [cr-field="radio-visual"] .tick svg { 608 opacity: 0; 609 transition: all 300ms; 610 max-width: 27px; 611 position: absolute; 612 left: 50%; 613 top: 50%; 614 transform: translate(-50%, -50%); 615} 616 617.metahtml.css23 [cr-field="radio-visual"] .subname { 618 margin: 8px 0; 619 word-wrap: break-word; 620 white-space: normal; 621} 622 623.metahtml.css23 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 624 opacity: 0.5; 625 border-radius: 10%; 626} 627 628.metahtml.css23 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 629.metahtml.css23 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 630 opacity: 1; 631} 632 633.screen-xs .metahtml.css23 [cr-field="radio-visual"] .item { 634 width: 100%; 635 text-align: left; 636 margin-bottom: 9px; 637 white-space: nowrap; 638} 639 640.screen-xs .metahtml.css23 [cr-field="radio-visual"] .bgimage { 641 width: 25%; 642 padding-top: 25%; 643 vertical-align: middle; 644} 645 646.screen-xs .metahtml.css23 [cr-field="radio-visual"] .subname { 647 width: 75%; 648 display: inline-block; 649 vertical-align: middle; 650 padding-left: 5%; 651 margin-left: -4px; 652} 653 654.metahtml.css23 [cr-field="select-menu"] select { 655 position: absolute; 656 top: 0; 657 left: 0; 658 width: 100%; 659 height: 100%; 660 opacity: 0; 661 cursor: pointer; 662 z-index: 1; 663 color: black; 664 -webkit-appearance: none; 665} 666 667.metahtml.css23 [cr-field="select-menu"] .fa { 668 font-size: 20px; 669 line-height: 0; 670 opacity: 0.5; 671 vertical-align: middle; 672} 673 674.metahtml.css23 [cr-field="select-menu"] .flexgrid { 675 display: flex; 676 align-items: center; 677} 678 679.metahtml.css23 [cr-field="select-menu"] .flexgrid .left { 680 flex-grow: 1; 681 min-width: 50%; 682 word-wrap: break-word; 683} 684 685.metahtml.css23 [cr-field="file"] svg { 686 width: 20px; 687 height: 20px; 688 vertical-align: middle; 689 margin-top: -5px; 690 margin-bottom: -5px; 691 fill: rgb(0, 0, 0); 692} 693 694.metahtml.css23 [cr-field="file"] span { 695 display: inline-block; 696 vertical-align: middle; 697 line-height: 1; 698} 699 700.metahtml.css23 [cr-field="file"] input { 701 position: absolute; 702 top: 0; 703 left: 0; 704 width: 100%; 705 height: 100%; 706 opacity: 0; 707 cursor: pointer; 708 z-index: 0; 709} 710 711.metahtml.css23 [cr-field="file"] .clean { 712 float: right; 713 opacity: 0.5; 714 cursor: pointer; 715 position: relative; 716 z-index: 1; 717} 718 719.metahtml.css23 [cr-field="file"] .clean:hover { 720 opacity: 1; 721} 722 723.metahtml.css23 [cr-field="file"] .flexgrid { 724 display: flex; 725 align-items: center; 726} 727 728.metahtml.css23 [cr-field="file"] .flexgrid .center { 729 flex-grow: 1; 730 min-width: 50%; 731 word-wrap: break-word; 732 color: rgb(0, 0, 0); 733} 734 735.metahtml.css23 [cr-field="result"] .flexgrid.align-sides { 736 display: flex; 737 align-items: center; 738} 739 740.metahtml.css23 [cr-field="result"] .flexgrid.align-sides .left .name { 741 margin-bottom: 0; 742} 743 744.metahtml.css23 [cr-field="result"] .flexgrid.align-center .left { 745 text-align: center; 746} 747 748.metahtml.css23 [cr-field="result"] .flexgrid.align-right .left { 749 text-align: right; 750} 751 752.metahtml.css23 [cr-field="result"] .flexgrid .right { 753 flex-grow: 1; 754 min-width: 25%; 755 word-wrap: break-word; 756 text-align: right; 757 font-size: 120%; 758 color: rgb(0, 0, 0); 759} 760 761.metahtml.css23 [cr-field="result"] .flexgrid.align-left .right { 762 text-align: left; 763} 764 765.metahtml.css23 [cr-field="result"] .flexgrid.align-center .right { 766 text-align: center; 767} 768 769.metahtml.css23 [cr-field="result"] .flexgrid.align-right .right { 770 text-align: right; 771} 772 773.metahtml.css23 [cr-field="privacy-button"] .open { 774 text-align: center; 775 color: rgba(0, 0, 0, 0.57); 776 font-size: 80%; 777 cursor: pointer; 778} 779 780.metahtml.css23 [cr-field="privacy-checkbox"] { 781 font-size: 80%; 782 color: rgba(0, 0, 0, 0.57); 783} 784 785.metahtml.css23 [cr-field="privacy-checkbox"] span { 786 vertical-align: middle; 787} 788 789.metahtml.css23 [cr-field="privacy-checkbox"] a { 790 vertical-align: middle; 791 text-decoration: none; 792 border-bottom-width: 1px; 793 border-bottom-style: dashed; 794 color: inherit; 795 cursor: pointer; 796} 797 798.metahtml.css23 [cr-field="privacy-checkbox"] input { 799 position: absolute; 800 width: 0; 801 height: 0; 802 opacity: 0; 803 overflow: hidden; 804} 805 806.metahtml.css23 [cr-field="privacy-text"] { 807 font-size: 80%; 808 text-align: center; 809 color: rgba(0, 0, 0, 0.57); 810} 811 812.metahtml.css23 [cr-field="privacy-text"] a { 813 text-decoration: none; 814 border-bottom-width: 1px; 815 border-bottom-style: dashed; 816 color: inherit; 817 cursor: pointer; 818} 819 820.metahtml.css23 [cr-field="hidden"] { 821 opacity: 0.25; 822} 823.btn.css24 { text-align: center } .btn.css24 { background-color: rgb(104, 89, 241);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(104, 89, 241);padding-top: 18px;padding-bottom: 18px;font-size: 16px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif; } .btn.css24:hover, .btn.css24.hover { background-color: rgb(76, 59, 238);border-color: rgb(76, 59, 238);color: rgb(255, 255, 255)!important; } .btn.css24:active, .btn.css24.active { background-color: rgb(76, 59, 238);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important; } .btn.css24:before { } .btn.css24:active:before, .btn.css24.active:before { background-color: rgb(76, 59, 238); } 824.node.css25 { color: #333; padding-top: 30px; padding-bottom: 14px; padding-left: 0px; padding-right: 0px } 825.node.css25 a { color: rgb(46, 25, 230) } 826.node.css26 > .w-menu-grid > .cont > .node { margin: 0 40px } 827.node.css27 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 828.node.css27 a { color: rgb(46, 25, 230) } 829.btn.css28 { text-align: right } .btn.css28 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(104, 89, 241);padding-top: 20px;padding-bottom: 20px;font-size: 15px;font-weight: bold;color: rgb(34, 34, 34)!important;font-family: "Jost", sans-serif; } .btn.css28:hover, .btn.css28.hover { background-color: rgba(104, 89, 241, 0);border-color: rgb(104, 89, 241);color: rgb(134, 122, 244)!important; } .btn.css28:active, .btn.css28.active { background-color: rgba(76, 59, 238, 0);border-color: rgb(104, 89, 241);color: rgb(134, 122, 244)!important; } .btn.css28:before { } .btn.css28:active:before, .btn.css28.active:before { background-color: rgba(76, 59, 238, 0); } 830.node.css29 { color: #333; padding-top: 24px; padding-bottom: 10px; padding-left: 5px; padding-right: 28px } 831.node.css29 a { color: rgb(46, 25, 230) } 832.node.css30 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 833.node.css30 a { color: rgb(46, 25, 230) } 834.soc-icon.css31 .link .bg {border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;width: 48px;
834height: 48px;padding: 8px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;color: rgb(76, 76, 76);border-color: rgb(17, 22, 30);background: rgba(21, 27, 37, 0);}.soc-icon.css31 .link:hover .bg {color: rgb(15, 15, 18);border-color: rgb(13, 16, 22);background: rgb(17, 22, 30);}.soc-icon.css31 .link:active .bg {color: rgb(164, 155, 247);border-color: rgb(13, 16, 22);background: rgb(17, 22, 30);}.soc-icon.css31 span { line-height: 48px } 835.node.css32 .padding { height: 209px } 836.btn.css33 { text-align: center } .btn.css33 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(49, 28, 236);padding-top: 8px;padding-bottom: 8px;font-size: 14px;color: rgb(0, 0, 0)!important;font-family: "Jost", sans-serif; } .btn.css33:hover, .btn.css33.hover { background-color: rgba(76, 59, 238, 0);border-color: rgb(34, 16, 195);color: rgb(0, 0, 0)!important; } .btn.css33:active, .btn.css33.active { background-color: rgba(51, 31, 236, 0);border-color: rgb(38, 18, 219);color: rgb(0, 0, 0)!important; } .btn.css33:before { } .btn.css33:active:before, .btn.css33.active:before { background-color: rgba(51, 31, 236, 0); } 837.node.css34 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 24px; padding-right: 2px } 838.node.css34 a { color: rgb(46, 25, 230) } 839.node.css35 > .w-menu-grid > .cont > .node { margin: 0 8px } 840.btn.css36 { text-align: center } .btn.css36 { background-color: rgba(14, 126, 227, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(104, 89, 241);padding-top: 8px;padding-bottom: 8px;font-size: 14px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(34, 34, 34)!important;font-family: "Jost", sans-serif; } .btn.css36:hover, .btn.css36.hover { background-color: rgba(104, 89, 241, 0);border-color: rgb(104, 89, 241);color: rgb(104, 89, 241)!important; } .btn.css36:active, .btn.css36.active { background-color: rgba(76, 59, 238, 0);border-color: rgb(104, 89, 241);color: rgb(49, 28, 236)!important; } .btn.css36:before { } .btn.css36:active:before, .btn.css36.active:before { background-color: rgba(76, 59, 238, 0); }.area.screen-md .btn.css36 { font-size: 13px; } .area.screen-sm .btn.css36 { font-size: 13px; } .area.screen-xs .btn.css36 { font-size: 13px; } 841.node.css37 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 8px } 842.node.css37 a { color: rgb(46, 25, 230) } 843.btn.css38 { text-align: center } .btn.css38 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(126, 117, 235);padding-top: 12px;padding-bottom: 12px;font-size: 15px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(126, 117, 235)!important;font-family: "Jost", sans-serif; } .btn.css38:hover, .btn.css38.hover { background-color: rgb(103, 89, 241);border-color: rgb(103, 89, 241);color: rgb(255, 255, 255)!important; } .btn.css38:active, .btn.css38.active { background-color: rgb(75, 59, 238);border-color: rgb(103, 89, 241);color: rgb(255, 255, 255)!important; } .btn.css38:before { } .btn.css38:active:before, .btn.css38.active:before { background-color: rgb(75, 59, 238); } 844.btn.css39 { text-align: center } .btn.css39 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-right-radius: 25px;border-bottom-left-radius: 25px;border-style: solid;border-top-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-right-width: 1px;border-color: rgb(207, 207, 207);padding-top: 12px;padding-bottom: 12px;font-size: 15px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(207, 207, 207)!important;font-family: "Jost", sans-serif; } .btn.css39:hover, .btn.css39.hover { background-color: rgba(199, 199, 199, 0.08);border-color: rgb(207, 207, 207);color: rgb(207, 207, 207)!important; } .btn.css39:active, .btn.css39.active { background-color: rgba(179, 179, 179, 0.11);border-color: rgb(207, 207, 207);color: rgb(207, 207, 207)!important; } .btn.css39:before { } .btn.css39:active:before, .btn.css39.active:before { background-color: rgba(179, 179, 179, 0.11); } 845.node.css40 > .wrapper1 { background-color: rgb(255, 255, 255) } 846.node.css40 { color: #333 } 847.node.css40 > .padding_top { padding-top: 99px } 848.screen-md .node.css40 > .padding_top { padding-top: 90px!important } 849.screen-xs .node.css40 > .padding_top { padding-top: 51px!important } 850.node.css40 > .padding_bottom { padding-bottom: 0px } 851.screen-md .node.css40 > .padding_bottom { padding-bottom: 50px!important } 852.screen-xs .node.css40 > .padding_bottom { padding-bottom: 230px!important } 853.node.css40 a { color: rgb(230, 25, 25) } 854.node.css41 { color: #333 } 855.node.css41 a { color: rgb(230, 25, 25) } 856.node.css42 > .zero-grid { height: 595px } 857.zero-layer.css43 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1) } 858.zero-layer.css43 > .zero-layer-axis { height: 595px } 859.zero-layer.css43 > .zero-layer-axis >
859 .zero-layer-frame { left: 0px; top: -10px; width: 1240px } 860.screen-md .zero-layer.css43 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; width: 1170px!important } 861.screen-sm .zero-layer.css43 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; width: 1170px!important } 862.screen-xs .zero-layer.css43 > .zero-layer-axis > .zero-layer-frame { left: 10px!important; top: 0px!important; width: 360px!important } 863.node.css44 { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } 864.node.css44 a { color: rgb(230, 25, 25) } 865.textable.css45 { text-align: left; font-family: "Jost", sans-serif; font-size: 58px; font-weight: 400; line-height: 1.5; letter-spacing: 0em; opacity: 1 } 866.screen-md .textable.css45 { font-size: 64px!important; line-height: 1.4!important; letter-spacing: 0em!important } 867.screen-sm .textable.css45 { font-size: 64px!important; line-height: 1.4!important; letter-spacing: 0em!important } 868.screen-xs .textable.css45 { text-align: left!important; font-size: 30px!important; line-height: 1.4!important; letter-spacing: 0em!important } 869.node.css46 { color: #333; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 870.node.css46 a { color: rgb(230, 25, 25) } 871.node.css47 { color: #333; padding-top: 22px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 872.screen-xs .node.css47 { padding-top: 0px!important } 873.node.css47 a { color: rgb(230, 25, 25) } 874.node.css48 { color: #333; padding-top: 30px; padding-bottom: 10px; padding-left: 5px; padding-right: 187px } 875.screen-md .node.css48 { padding-right: 5px!important } 876.screen-xs .node.css48 { padding-right: 5px!important } 877.node.css48 a { color: rgb(230, 25, 25) } 878.textable.css49 { text-align: left; font-family: "Jost", sans-serif; font-size: 26px; font-weight: 400; line-height: 1.7; letter-spacing: 0em; opacity: 1 } 879.screen-md .textable.css49 { font-size: 24px!important } 880.screen-sm .textable.css49 { font-size: 24px!important } 881.screen-xs .textable.css49 { text-align: left!important; font-size: 17px!important; line-height: 1.5!important; letter-spacing: 0em!important } 882.node.css50 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 883.node.css50 a { color: rgb(230, 25, 25) } 884.node.css51 .padding { height: 64px } 885.screen-xs .node.css51 .padding { height: 16px!important } 886.screen-md .node.css51 .padding { height: 24px!important } 887.node.css52 > .max-width { max-width: 285px; margin-left: 0; margin-right: auto } 888.node.css53 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 889.screen-xs .node.css53 { padding-right: 0px!important } 890.node.css53 a { color: rgb(230, 25, 25) } 891.metahtml.css54 .bl { 892 width: 296px; 893 margin: 0 auto; 894} 895 896.metahtml.css54 .pulse { 897 border-radius: 59px; 898 animation: radial-pulsecss54 2s infinite !important; 899 width: 100%; 900} 901 902.metahtml.css54 .dref .cont .btn-legacy { 903 border-radius: 59px !important; 904} 905 906@keyframes radial-pulsecss54 { 907 0% { 908 box-shadow: 0 0 0 0px rgba(134, 122, 244, 0.36); 909 } 910 911 100% { 912 box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); 913 } 914} 915 916.metahtml.css54 .ripple { 917 width: 0; 918 height: 0; 919 border-radius: 50%; 920 background: rgba(255, 255, 255, 0.4); 921 transform: scale(0); 922 position: absolute; 923 opacity: 1; 924} 925 926.metahtml.css54 .rippleEffect { 927 animation: rippleDrop 1.6s infinite linear; 928} 929 930@keyframes rippleDrop { 931 100% { 932 transform: scale(2); 933 opacity: 0; 934 } 935} 936.node.css55 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 937.screen-xs .node.css55 { padding-bottom: 0px!important; padding-right: 0px!important } 938.node.css55 a { color: rgb(230, 25, 25) } 939.btn.css56 { text-align: left } .btn.css56 { background-color: rgb(104, 89, 241);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(104, 89, 241);padding-top: 0px;padding-bottom: 0px;font-size: 20px;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css56:hover, .btn.css56.hover { background-color: rgb(76, 59, 238);border-color: rgb(76, 59, 238);color: rgb(255, 255, 255)!important; } .btn.css56:active, .btn.css56.active { background-color: rgb(76, 59, 238);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important;box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css56:before { } .btn.css56:active:before, .btn.css56.active:before { background-color: rgb(76, 59, 238);box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } 940.modal.css57 .modal-dialog { width: 1026px } 941.metahtml.css58 .modal1-root { 942 border-radius: 10px; 943 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); 944 opacity: 0; 945 transform: scale(1.1); 946 transition: 300ms all ease-in; 947} 948 949.metahtml.css58 .modal1-root.is-active { 950 opacity: 1; 951 transform: scale(1); 952} 953 954.metahtml.css58 .modal1-root.is-hiding { 955 opacity: 0; 956 transform: scale(0.9); 957} 958 959.metahtml.css58 .modal1-panel { 960 padding: 15px; 961 border-radius: 10px; 962 background-color: rgb(6, 9, 16); 963} 964 965.metahtml.css58 .modal1-divider { 966 margin-top: 10px; 967 height: 1px; 968 background-color: rgba(0, 0, 0, 0.05); 969 margin-bottom: 10px; 970} 971 972.metahtml.css58 .modal1-close { 973 cursor: pointer; 974 background-color: white; 975 border: 2px solid black; 976 border-radius: 100px; 977 position: absolute; 978 width: 30px; 979 height: 30px; 980 padding: 0; 981 top: -10px; 982 right: -10px; 983 transition: transform 200ms; 984} 985 986.metahtml.css58 .modal1-close-h, 987.metahtml.css58 .modal1-close-v { 988 background-color: black; 989 display: block; 990 width: 16px; 991 height: 2px; 992 position: absolute; 993 left: 50%; 994 top: 50%; 995} 996 997.metahtml.css58 .modal1-close-h { 998 transform: translate(-50%, -50%) rotate(135deg); 999} 1000 1001.metahtml.css58 .modal1-close-v { 1002 transform: translate(-50%, -50%) rotate(45deg); 1003} 1004 1005.metahtml.css58 .modal1-close:hover { 1006 transform: scale(1.1); 1007} 1008.node.css59 { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 120px; padding-right: 120px } 1009.screen-xs .node.css59 { padding-left: 0px!important; padding-right: 0px!important } 1010.node.css59 a { color: rgb(230, 25, 25) } 1011.metahtml.css60 .form1-cover { 1012 padding: 0px 0px; 1013 background-color: rgb(6, 9, 16); 1014 border-color: rgb(104, 89, 241); 1015 border-style: none; 1016 border-width: 2px;
1017 border-radius: 36px; 1018 box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1); 1019} 1020.node.css61 { color: #FFF; padding-top: 60px; padding-bottom: 60px; padding-left: 60px; padding-right: 60px } 1021.screen-xs .node.css61 { padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 24px!important; padding-right: 24px!important } 1022.node.css61 a { color: rgb(230, 25, 25) } 1023.node.css62 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 1024.node.css62 a { color: rgb(230, 25, 25) } 1025.node.css63 { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } 1026.node.css63 a { color: rgb(230, 25, 25) } 1027.textable.css64 { text-align: left; font-family: "Jost", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 1028.screen-md .textable.css64 { font-size: 26px!important } 1029.screen-sm .textable.css64 { font-size: 26px!important } 1030.screen-xs .textable.css64 { font-size: 20px!important } 1031.textable.css65 { text-align: right; font-family: "Jost", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 0.6 } 1032.screen-xs .textable.css65 { font-size: 14px!important } 1033.node.css66 { color: #FFF; padding-top: 5px; padding-bottom: 60px; padding-left: 5px; padding-right: 5px } 1034.screen-xs .node.css66 { padding-bottom: 30px!important } 1035.node.css66 a { color: rgb(230, 25, 25) } 1036.node.css67 { color: #FFF; padding-top: 5px; padding-bottom: 40px; padding-left: 0px; padding-right: 5px } 1037.screen-xs .node.css67 { padding-bottom: 16px!important; padding-right: 10px!important } 1038.node.css67 a { color: rgb(230, 25, 25) } 1039.metahtml.css68 [cr-field] { 1040 padding-bottom: 16px; 1041 font-size: 15px; 1042 font-family: "Jost", sans-serif; 1043} 1044 1045.metahtml.css68 .name { 1046 font-weight: normal; 1047 font-family: "Jost", sans-serif; 1048 opacity: 0.8; 1049 margin-bottom: 8.5px; 1050 font-size: 17px; 1051 word-wrap: break-word; 1052 text-transform: normal; 1053 letter-spacing: none; 1054} 1055 1056.metahtml.css68 .form-control { 1057 height: auto; 1058 line-height: 1.2; 1059 box-shadow: none; 1060 position: relative; 1061 background-color: rgb(30, 33, 40); 1062 color: rgb(255, 255, 255); 1063 border: 1px solid rgba(90, 90, 91, 0.73); 1064 border-radius: 20px; 1065 padding: 18px 14.4px; 1066 font-size: 15px; 1067 cursor: initial; 1068} 1069 1070.metahtml.css68 .form-control:focus, 1071.metahtml.css68 .form-control:focus-within { 1072 border-color: rgb(104, 89, 241); 1073 background-color: rgb(32, 35, 43); 1074} 1075 1076.metahtml.css68 .form-control + .form-control { 1077 margin-top: 10px; 1078} 1079 1080.metahtml.css68 label { 1081 font-weight: normal; 1082 display: block; 1083 cursor: pointer; 1084} 1085 1086.metahtml.css68 textarea { 1087 resize: vertical; 1088} 1089 1090.metahtml.css68 .checkbox { 1091 width: 23px; 1092 height: 23px; 1093 padding: 0; 1094 margin: 0 5.75px 0 0; 1095 line-height: 0; 1096 min-height: auto; 1097 display: inline-block; 1098 vertical-align: middle; 1099 background: white; 1100 border: 2px solid rgba(0, 0, 0, 0.25); 1101 position: relative; 1102 transition: 300ms all; 1103 border-radius: 2px; 1104} 1105 1106.metahtml.css68 .checkbox svg { 1107 width: 100%; 1108 opacity: 0; 1109 transform: scale(0); 1110 transition: 300ms all; 1111} 1112 1113.metahtml.css68 input:hover ~ .checkbox, 1114.metahtml.css68 input:focus ~ .checkbox { 1115 border-color: rgb(179, 172, 248); 1116} 1117 1118.metahtml.css68 input:checked ~ .checkbox { 1119 border-color: rgb(76, 59, 238); 1120 background-color: rgb(104, 89, 241); 1121} 1122 1123.metahtml.css68 input:active ~ .checkbox { 1124 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 1125} 1126 1127.metahtml.css68 input:checked ~ .checkbox svg { 1128 opacity: 1; 1129 transform: scale(1); 1130} 1131 1132.metahtml.css68 .radio { 1133 margin: 0; 1134 margin: 0 5.75px 0 0; 1135 padding: 0; 1136 line-height: 0; 1137 width: 23px; 1138 height: 23px; 1139 min-height: auto; 1140 display: inline-block; 1141 vertical-align: middle; 1142 background: white; 1143 border: 2px solid rgba(0, 0, 0, 0.25); 1144 position: relative; 1145 transition: 300ms all; 1146 border-radius: 100px; 1147} 1148 1149.metahtml.css68 .radio:before { 1150 position: absolute; 1151 left: 0; 1152 width: 100%; 1153 top: 0; 1154 height: 100%; 1155 content: ''; 1156 display: block; 1157 background-color: white; 1158 border-radius: 100px; 1159 opacity: 0; 1160 transform: scale(0); 1161 transition: 300ms all; 1162} 1163 1164.metahtml.css68 input:hover ~ .radio, 1165.metahtml.css68 input:focus ~ .radio { 1166 border-color: rgb(179, 172, 248); 1167} 1168 1169.metahtml.css68 input:active ~ .radio { 1170 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 1171} 1172 1173.metahtml.css68 input:checked ~ .radio { 1174 border-color: rgb(76, 59, 238); 1175 background-color: rgb(104, 89, 241); 1176} 1177 1178.metahtml.css68 input:checked ~ .radio:before { 1179 opacity: 1; 1180 transform: scale(0.5); 1181} 1182 1183.metahtml.css68 [cr-field="checkbox-list"] span { 1184 vertical-align: middle; 1185} 1186 1187.metahtml.css68 [cr-field="checkbox-list"] input { 1188 position: absolute; 1189 width: 0; 1190 height: 0; 1191 opacity: 0; 1192 overflow: hidden; 1193} 1194 1195.metahtml.css68 [cr-field="checkbox-list"] label + label { 1196 margin-top: 7.666666666666667px; 1197} 1198 1199.metahtml.css68 [cr-field="checkbox-visual"] { 1200 overflow: hidden; 1201} 1202 1203.metahtml.css68 [cr-field="checkbox-visual"] .items { 1204 display: flex; 1205 flex-wrap: wrap; 1206 margin-bottom: -26px; 1207 justify-content: space-between; 1208} 1209 1210.metahtml.css68 [cr-field="checkbox-visual"] .item { 1211 display: inline-block; 1212 vertical-align: top; 1213 text-align: center; 1214 margin-bottom: 26px; 1215 width: 30%; 1216} 1217 1218.metahtml.css68 [cr-field="checkbox-visual"] label { 1219 position: relative; 1220} 1221 1222.metahtml.css68 [cr-field="checkbox-visual"] .bgimage { 1223 background-size: cover; 1224 display: inline-block; 1225 background-position: center; 1226 border-radius: 20px; 1227 overflow: hidden; 1228 position: relative; 1229 width: 100%; 1230 padding-top: 100%; 1231} 1232 1233.metahtml.css68 [cr-field="checkbox-visual"] input { 1234 position: absolute; 1235 width: 0; 1236 height: 0; 1237 opacity: 0; 1238} 1239 1240.metahtml.css68 [cr-field="checkbox-visual"] .tick { 1241 position: absolute; 1242 left: 0; 1243 top: 0; 1244 width: 100%; 1245 height: 100%; 1246 background-color: rgba(104, 89, 241, 0.75); 1247 transition: all 300ms; 1248 opacity: 0; 1249} 1250 1251.metahtml.css68 [cr-field="checkbox-visual"] .tick svg { 1252 opacity: 0; 1253 transition: all 300ms; 1254 max-width: 30px; 1255 position: absolute; 1256 left: 50%; 1257 top: 50%; 1258 transform: translate(-50%, -50%); 1259} 1260 1261.metahtml.css68 [cr-field="checkbox-visual"] .subname { 1262 margin: 7.5px 0; 1263 word-wrap: break-word; 1264} 1265 1266.metahtml.css68 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 1267.metahtml.css68 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 1268 opacity: 0.5; 1269} 1270 1271.metahtml.css68 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 1272.metahtml.css68 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 1273 opacity: 1; 1274} 1275 1276.metahtml.css68 [cr-field="checkbox-input"] span { 1277 vertical-align: middle; 1278} 1279 1280.metahtml.css68 [cr-field="checkbox-input"] input { 1281 position: absolute; 1282 width: 0; 1283 height: 0; 1284 opacity: 0; 1285 overflow: hidden; 1286} 1287 1288.metahtml.css68 [cr-field="radio-list"] span { 1289 vertical-align: middle; 1290} 1291 1292.metahtml.css68 [cr-field="radio-list"] input { 1293 position: absolute; 1294 width: 0; 1295 height: 0; 1296 opacity: 0; 1297 overflow: hidden; 1298} 1299 1300.metahtml.css68 [cr-field="radio-list"] label + label { 1301 margin-top: 7.666666666666667px; 1302} 1303 1304.metahtml.css68 [cr-field="radio-visual"] { 1305 overflow: hidden; 1306} 1307 1308.metahtml.css68 [cr-field="radio-visual"] .items { 1309 display: flex; 1310 flex-wrap: wrap; 1311 margin-bottom: -26px; 1312 justify-content: space-between; 1313} 1314 1315.metahtml.css68 [cr-field="radio-visual"] .item { 1316 display: inline-block; 1317 vertical-align: top; 1318 text-align: center; 1319 margin-bottom: 26px; 1320 width: 30%; 1321} 1322 1323.metahtml.css68 [cr-field="radio-visual"] label { 1324 position: relative; 1325} 1326 1327.metahtml.css68 [cr-field="radio-visual"] .bgimage { 1328 background-size: cover; 1329 display: inline-block; 1330 background-position: center; 1331 border-radius: 20px; 1332 overflow: hidden; 1333 position: relative; 1334 width: 100%; 1335 padding-top: 100%; 1336} 1337 1338.metahtml.css68 [cr-field="radio-visual"] input { 1339 position: absolute; 1340 width: 0; 1341 height: 0; 1342 opacity: 0; 1343} 1344 1345.metahtml.css68 [cr-field="radio-visual"] .tick { 1346 position: absolute; 1347 left: 0; 1348 top: 0; 1349 width: 100%; 1350 height: 100%; 1351 background-color: rgba(104, 89, 241, 0.75); 1352 transition: all 300ms; 1353 opacity: 0; 1354} 1355 1356.metahtml.css68 [cr-field="radio-visual"] .tick svg { 1357 opacity: 0; 1358 transition: all 300ms; 1359 max-width: 30px; 1360 position: absolute; 1361 left: 50%; 1362 top: 50%; 1363 transform: translate(-50%, -50%); 1364} 1365 1366.metahtml.css68 [cr-field="radio-visual"] .subname { 1367 margin: 7.5px 0; 1368 word-wrap: break-word; 1369} 1370 1371.metahtml.css68 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 1372 opacity: 0.5; 1373} 1374 1375.metahtml.css68 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 1376.metahtml.css68 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 1377 opacity: 1; 1378} 1379 1380.metahtml.css68 [cr-field="select-menu"] select { 1381 position: absolute; 1382 top: 0; 1383 left: 0; 1384 width: 100%; 1385 height: 100%; 1386 opacity: 0; 1387 cursor: pointer; 1388 z-index: 1; 1389 color: black; 1390} 1391 1392.metahtml.css68 [cr-field="select-menu"] .fa { 1393 font-size: 20px; 1394 line-height: 0; 1395 opacity: 0.5; 1396 vertical-align: middle; 1397} 1398 1399.metahtml.css68 [cr-field="select-menu"] .flexgrid { 1400 display: flex; 1401 align-items: center; 1402} 1403 1404.metahtml.css68 [cr-field="select-menu"] .flexgrid .left { 1405 flex-grow: 1; 1406 min-width: 50%; 1407 word-wrap: break-word; 1408} 1409 1410.metahtml.css68 [cr-field="file"] svg {
1411 width: 20px; 1412 height: 20px; 1413 vertical-align: middle; 1414 margin-top: -5px; 1415 margin-bottom: -5px; 1416} 1417 1418.metahtml.css68 [cr-field="file"] span { 1419 display: inline-block; 1420 vertical-align: middle; 1421 line-height: 1; 1422} 1423 1424.metahtml.css68 [cr-field="file"] input { 1425 position: absolute; 1426 top: 0; 1427 left: 0; 1428 width: 100%; 1429 height: 100%; 1430 opacity: 0; 1431 cursor: pointer; 1432 z-index: 0; 1433} 1434 1435.metahtml.css68 [cr-field="file"] .clean { 1436 float: right; 1437 opacity: 0.5; 1438 cursor: pointer; 1439 position: relative; 1440 z-index: 1; 1441} 1442 1443.metahtml.css68 [cr-field="file"] .clean:hover { 1444 opacity: 1; 1445} 1446 1447.metahtml.css68 [cr-field="file"] .flexgrid { 1448 display: flex; 1449 align-items: center; 1450} 1451 1452.metahtml.css68 [cr-field="file"] .flexgrid .center { 1453 flex-grow: 1; 1454 min-width: 50%; 1455 word-wrap: break-word; 1456} 1457 1458.metahtml.css68 [cr-field="result"] .flexgrid.align-sides { 1459 display: flex; 1460 align-items: center; 1461} 1462 1463.metahtml.css68 [cr-field="result"] .flexgrid.align-sides .left .name { 1464 margin-bottom: 0; 1465} 1466 1467.metahtml.css68 [cr-field="result"] .flexgrid.align-center .left { 1468 text-align: center; 1469} 1470 1471.metahtml.css68 [cr-field="result"] .flexgrid.align-right .left { 1472 text-align: right; 1473} 1474 1475.metahtml.css68 [cr-field="result"] .flexgrid .right { 1476 flex-grow: 1; 1477 min-width: 25%; 1478 word-wrap: break-word; 1479 text-align: right; 1480 font-size: 100%; 1481} 1482 1483.metahtml.css68 [cr-field="result"] .flexgrid.align-left .right { 1484 text-align: left; 1485} 1486 1487.metahtml.css68 [cr-field="result"] .flexgrid.align-center .right { 1488 text-align: center; 1489} 1490 1491.metahtml.css68 [cr-field="result"] .flexgrid.align-right .right { 1492 text-align: right; 1493} 1494 1495.metahtml.css68 [cr-field="privacy-button"] .open { 1496 text-align: center; 1497 opacity: 0.5; 1498 font-size: 80%; 1499 cursor: pointer; 1500} 1501 1502.metahtml.css68 [cr-field="privacy-button"] .open a { 1503 color: inherit; 1504 text-decoration: none; 1505} 1506 1507.metahtml.css68 [cr-field="privacy-checkbox"] { 1508 font-size: 80%; 1509} 1510 1511.metahtml.css68 [cr-field="privacy-checkbox"] span { 1512 vertical-align: middle; 1513} 1514 1515.metahtml.css68 [cr-field="privacy-checkbox"] a { 1516 vertical-align: middle; 1517 text-decoration: none; 1518 border-bottom-width: 1px; 1519 border-bottom-style: dashed; 1520 color: inherit; 1521 cursor: pointer; 1522} 1523 1524.metahtml.css68 [cr-field="privacy-checkbox"] input { 1525 position: absolute; 1526 width: 0; 1527 height: 0; 1528 opacity: 0; 1529 overflow: hidden; 1530} 1531 1532.metahtml.css68 [cr-field="privacy-text"] { 1533 font-size: 80%; 1534 text-align: center; 1535} 1536 1537.metahtml.css68 [cr-field="privacy-text"] a { 1538 text-decoration: none; 1539 border-bottom-width: 1px; 1540 border-bottom-style: dashed; 1541 color: inherit; 1542 cursor: pointer; 1543} 1544 1545.metahtml.css68 [cr-field="hidden"] { 1546 opacity: 0.25; 1547} 1548.node.css69 { color: #FFF; padding-top: 24px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 1549.node.css69 a { color: rgb(230, 25, 25) } 1550.btn.css70 { text-align: center } .btn.css70 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(0, 0, 0);padding-top: 0px;padding-bottom: 0px;font-size: 24px;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif; } .btn.css70:hover, .btn.css70.hover { background-color: rgba(119, 106, 242, 0);border-color: rgb(0, 0, 0);color: rgb(255, 255, 255)!important; } .btn.css70:active, .btn.css70.active { background-color: rgba(90, 74, 240, 0);border-color: rgb(255, 255, 255);color: rgb(255, 255, 255)!important; } .btn.css70:before { } .btn.css70:active:before, .btn.css70.active:before { background-color: rgba(90, 74, 240, 0); }.area.screen-md .btn.css70 { font-size: 20px; } .area.screen-sm .btn.css70 { font-size: 20px; } .area.screen-xs .btn.css70 { font-size: 20px; } 1551.node.css71 { color: #FFF; padding-top: 5px; padding-bottom: 29px; padding-left: 5px; padding-right: 5px } 1552.node.css71 a { color: rgb(230, 25, 25) } 1553.node.css72 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 1554.screen-xs .node.css72 { padding-bottom: 5px!important } 1555.node.css72 a { color: rgb(230, 25, 25) } 1556.metahtml.css73 [cr-field="checkbox-list"], 1557.metahtml.css73 [cr-field="radio-list"] { 1558 display: flex; 1559 flex-wrap: wrap; 1560 justify-content: start; 1561 row-gap: 6px; 1562 align-items: center; 1563 padding-top: -5px; 1564 /*ÐÑÑоÑа заголовка*/ 1565} 1566 1567.metahtml.css73 [cr-field="radio-list"] label + label { 1568 margin: 0px; 1569} 1570 1571.metahtml.css73 [cr-field="checkbox-list"] label + label { 1572 margin: 0px; 1573} 1574 1575.metahtml.css73 [cr-field="checkbox-list"] label { 1576 margin-top: 0px; 1577} 1578 1579.metahtml.css73 .svgwrap { 1580 width: 17px; 1581 height: 17px; 1582 color: rgba(129, 103, 255, 0.8); 1583 top: -40px; 1584 margin-right: -17px; 1585} 1586 1587.metahtml.css73 .name { 1588 margin-bottom: -5px; 1589 margin-left: 26px; 1590 position: absolute; 1591 top: 0px; 1592} 1593 1594.metahtml.css73 .label { 1595 order: 1; 1596 margin: 0px; 1597 display: flex; 1598} 1599 1600.metahtml.css73 div.checkbox, 1601.metahtml.css73 div.radio { 1602 display: none; 1603} 1604 1605.metahtml.css73 input ~ span { 1606 padding-left: 10px; 1607 padding-right: 10px; 1608 padding-top: 6px; 1609 padding-bottom: 6px; 1610 background: rgba(160, 142, 255, 0.12); 1611 color: rgba(160, 142, 255, 0.9)!important; 1612 border: 0px solid rgba(129, 103, 255, 0.5); 1613 border-radius: 12px; 1614 transition: .3s all; 1615 margin-right: 6px; 1616} 1617 1618.metahtml.css73 input:hover ~ span { 1619 background-color: rgba(160, 142, 255, 0.2); 1620 color: rgb(160, 142, 255)!important;
1621 border: 0px solid rgba(24, 102, 255, 0); 1622 border-radius: 10px; 1623} 1624 1625.metahtml.css73 input:checked ~ span { 1626 background-color: rgb(104, 89, 241); 1627 color: rgb(255, 255, 255)!important; 1628 border: 0px solid rgba(244, 20, 74, 0); 1629 border-radius: 10px; 1630} 1631.node.css74 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 1632.node.css74 a { color: rgb(230, 25, 25) } 1633.node.css75 .padding { height: 10px } 1634.node.css76 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 1635.node.css76 a { color: rgb(230, 25, 25) } 1636.node.css77 { color: #FFF; padding-top: 5px; padding-bottom: 35px; padding-left: 5px; padding-right: 5px } 1637.node.css77 a { color: rgb(230, 25, 25) } 1638.node.css78 { color: #FFF; padding-top: 5px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px } 1639.node.css78 a { color: rgb(230, 25, 25) } 1640.node.css79 { color: #FFF; padding-top: 12px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px } 1641.node.css79 a { color: rgb(230, 25, 25) } 1642.node.css80 .padding { height: 2px } 1643.node.css81 { color: #FFF; padding-top: 5px; padding-bottom: 59px; padding-left: 5px; padding-right: 5px } 1644.node.css81 a { color: rgb(230, 25, 25) } 1645.metahtml.css82 [cr-field="checkbox-list"], 1646.metahtml.css82 [cr-field="radio-list"] { 1647 display: flex; 1648 flex-wrap: wrap; 1649 justify-content: start; 1650 row-gap: 12px; 1651 align-items: center; 1652 padding-top: -5px; 1653 /*ÐÑÑоÑа заголовка*/ 1654} 1655 1656.metahtml.css82 [cr-field="radio-list"] label + label { 1657 margin: 0px; 1658} 1659 1660.metahtml.css82 [cr-field="checkbox-list"] label + label { 1661 margin: 0px; 1662} 1663 1664.metahtml.css82 [cr-field="checkbox-list"] label { 1665 margin-top: 0px; 1666} 1667 1668.metahtml.css82 .svgwrap { 1669 width: 20px; 1670 height: 20px; 1671 color: rgba(129, 103, 255, 0.8); 1672 top: -40px; 1673 margin-right: -20px; 1674} 1675 1676.metahtml.css82 .name { 1677 margin-bottom: -5px; 1678 margin-left: 26px; 1679 position: absolute; 1680 top: 0px; 1681} 1682 1683.metahtml.css82 .label { 1684 order: 1; 1685 margin: 0px; 1686 display: flex; 1687} 1688 1689.metahtml.css82 div.checkbox, 1690.metahtml.css82 div.radio { 1691 display: none; 1692} 1693 1694.metahtml.css82 input ~ span { 1695 padding-left: 12px; 1696 padding-right: 12px; 1697 padding-top: 8px; 1698 padding-bottom: 8px; 1699 background: rgba(160, 142, 255, 0.12); 1700 color: rgba(160, 142, 255, 0.9)!important; 1701 border: 0px solid rgba(129, 103, 255, 0.5); 1702 border-radius: 12px; 1703 transition: .3s all; 1704 margin-right: 12px; 1705} 1706 1707.metahtml.css82 input:hover ~ span { 1708 background-color: rgba(160, 142, 255, 0.2); 1709 color: rgb(160, 142, 255)!important; 1710 border: 0px solid rgba(24, 102, 255, 0); 1711 border-radius: 10px; 1712} 1713 1714.metahtml.css82 input:checked ~ span { 1715 background-color: rgb(104, 89, 241); 1716 color: rgb(255, 255, 255)!important; 1717 border: 0px solid rgba(244, 20, 74, 0); 1718 border-radius: 10px; 1719} 1720.node.css83 .padding { height: 22px } 1721.node.css84 { color: #FFF; padding-top: 10px; padding-bottom: 19px; padding-left: 0px; padding-right: 5px } 1722.node.css84 a { color: rgb(230, 25, 25) } 1723.textable.css85 { text-align: left; font-family: "Jost", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 1724.screen-md .textable.css85 { font-size: 26px!important } 1725.screen-sm .textable.css85 { font-size: 26px!important } 1726.screen-xs .textable.css85 { font-size: 29px!important; font-weight: 800!important } 1727.node.css86 { color: #FFF; padding-top: 18px; padding-bottom: 37px; padding-left: 5px; padding-right: 5px } 1728.node.css86 a { color: rgb(230, 25, 25) } 1729.textable.css87 { text-align: left; font-family: "Jost", sans-serif; font-size: 24px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 1730.screen-xs .textable.css87 { font-size: 20px!important } 1731.metahtml.css88 [cr-field] { 1732 padding-bottom: 16px; 1733 font-size: 15px; 1734 font-family: "Jost", sans-serif; 1735} 1736 1737.metahtml.css88 .name { 1738 font-weight: normal; 1739 font-family: "Jost", sans-serif; 1740 opacity: 0.8; 1741 margin-bottom: 8.5px; 1742 font-size: 17px; 1743 word-wrap: break-word; 1744 text-transform: normal; 1745 letter-spacing: none; 1746} 1747 1748.metahtml.css88 .form-control { 1749 height: auto; 1750 line-height: 1.2; 1751 box-shadow: none; 1752 position: relative; 1753 background-color: rgb(30, 33, 40); 1754 color: rgb(255, 255, 255); 1755 border: 1px solid rgba(90, 90, 91, 0.73); 1756 border-radius: 20px; 1757 padding: 18px 14.4px; 1758 font-size: 15px; 1759 cursor: initial; 1760} 1761 1762.metahtml.css88 .form-control:focus, 1763.metahtml.css88 .form-control:focus-within { 1764 border-color: rgb(104, 89, 241); 1765 background-color: rgb(32, 35, 43); 1766} 1767 1768.metahtml.css88 .form-control + .form-control { 1769 margin-top: 10px; 1770} 1771 1772.metahtml.css88 label { 1773 font-weight: normal; 1774 display: block; 1775 cursor: pointer; 1776} 1777 1778.metahtml.css88 textarea { 1779 resize: vertical; 1780} 1781 1782.metahtml.css88 .checkbox { 1783 width: 23px; 1784 height: 23px; 1785 padding: 0; 1786 margin: 0 5.75px 0 0; 1787 line-height: 0; 1788 min-height: auto; 1789 display: inline-block; 1790 vertical-align: middle; 1791 background: white; 1792 border: 2px solid rgba(0, 0, 0, 0.25); 1793 position: relative; 1794 transition: 300ms all; 1795 border-radius: 2px; 1796} 1797 1798.metahtml.css88 .checkbox svg { 1799 width: 100%; 1800 opacity: 0; 1801 transform: scale(0); 1802 transition: 300ms all; 1803} 1804
1805.metahtml.css88 input:hover ~ .checkbox, 1806.metahtml.css88 input:focus ~ .checkbox { 1807 border-color: rgb(179, 172, 248); 1808} 1809 1810.metahtml.css88 input:checked ~ .checkbox { 1811 border-color: rgb(76, 59, 238); 1812 background-color: rgb(104, 89, 241); 1813} 1814 1815.metahtml.css88 input:active ~ .checkbox { 1816 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 1817} 1818 1819.metahtml.css88 input:checked ~ .checkbox svg { 1820 opacity: 1; 1821 transform: scale(1); 1822} 1823 1824.metahtml.css88 .radio { 1825 margin: 0; 1826 margin: 0 5.75px 0 0; 1827 padding: 0; 1828 line-height: 0; 1829 width: 23px; 1830 height: 23px; 1831 min-height: auto; 1832 display: inline-block; 1833 vertical-align: middle; 1834 background: white; 1835 border: 2px solid rgba(0, 0, 0, 0.25); 1836 position: relative; 1837 transition: 300ms all; 1838 border-radius: 100px; 1839} 1840 1841.metahtml.css88 .radio:before { 1842 position: absolute; 1843 left: 0; 1844 width: 100%; 1845 top: 0; 1846 height: 100%; 1847 content: ''; 1848 display: block; 1849 background-color: white; 1850 border-radius: 100px; 1851 opacity: 0; 1852 transform: scale(0); 1853 transition: 300ms all; 1854} 1855 1856.metahtml.css88 input:hover ~ .radio, 1857.metahtml.css88 input:focus ~ .radio { 1858 border-color: rgb(179, 172, 248); 1859} 1860 1861.metahtml.css88 input:active ~ .radio { 1862 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 1863} 1864 1865.metahtml.css88 input:checked ~ .radio { 1866 border-color: rgb(76, 59, 238); 1867 background-color: rgb(104, 89, 241); 1868} 1869 1870.metahtml.css88 input:checked ~ .radio:before { 1871 opacity: 1; 1872 transform: scale(0.5); 1873} 1874 1875.metahtml.css88 [cr-field="checkbox-list"] span { 1876 vertical-align: middle; 1877} 1878 1879.metahtml.css88 [cr-field="checkbox-list"] input { 1880 position: absolute; 1881 width: 0; 1882 height: 0; 1883 opacity: 0; 1884 overflow: hidden; 1885} 1886 1887.metahtml.css88 [cr-field="checkbox-list"] label + label { 1888 margin-top: 7.666666666666667px; 1889} 1890 1891.metahtml.css88 [cr-field="checkbox-visual"] { 1892 overflow: hidden; 1893} 1894 1895.metahtml.css88 [cr-field="checkbox-visual"] .items { 1896 display: flex; 1897 flex-wrap: wrap; 1898 margin-bottom: -26px; 1899 justify-content: space-between; 1900} 1901 1902.metahtml.css88 [cr-field="checkbox-visual"] .item { 1903 display: inline-block; 1904 vertical-align: top; 1905 text-align: center; 1906 margin-bottom: 26px; 1907 width: 30%; 1908} 1909 1910.metahtml.css88 [cr-field="checkbox-visual"] label { 1911 position: relative; 1912} 1913 1914.metahtml.css88 [cr-field="checkbox-visual"] .bgimage { 1915 background-size: cover; 1916 display: inline-block; 1917 background-position: center; 1918 border-radius: 20px; 1919 overflow: hidden; 1920 position: relative; 1921 width: 100%; 1922 padding-top: 100%; 1923} 1924 1925.metahtml.css88 [cr-field="checkbox-visual"] input { 1926 position: absolute; 1927 width: 0; 1928 height: 0; 1929 opacity: 0; 1930} 1931 1932.metahtml.css88 [cr-field="checkbox-visual"] .tick { 1933 position: absolute; 1934 left: 0; 1935 top: 0; 1936 width: 100%; 1937 height: 100%; 1938 background-color: rgba(104, 89, 241, 0.75); 1939 transition: all 300ms; 1940 opacity: 0; 1941} 1942 1943.metahtml.css88 [cr-field="checkbox-visual"] .tick svg { 1944 opacity: 0; 1945 transition: all 300ms; 1946 max-width: 30px; 1947 position: absolute; 1948 left: 50%; 1949 top: 50%; 1950 transform: translate(-50%, -50%); 1951} 1952 1953.metahtml.css88 [cr-field="checkbox-visual"] .subname { 1954 margin: 7.5px 0; 1955 word-wrap: break-word; 1956} 1957 1958.metahtml.css88 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 1959.metahtml.css88 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 1960 opacity: 0.5; 1961} 1962 1963.metahtml.css88 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 1964.metahtml.css88 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 1965 opacity: 1; 1966} 1967 1968.metahtml.css88 [cr-field="checkbox-input"] span { 1969 vertical-align: middle; 1970} 1971 1972.metahtml.css88 [cr-field="checkbox-input"] input { 1973 position: absolute; 1974 width: 0; 1975 height: 0; 1976 opacity: 0; 1977 overflow: hidden; 1978} 1979 1980.metahtml.css88 [cr-field="radio-list"] span { 1981 vertical-align: middle; 1982} 1983 1984.metahtml.css88 [cr-field="radio-list"] input { 1985 position: absolute; 1986 width: 0; 1987 height: 0; 1988 opacity: 0; 1989 overflow: hidden; 1990} 1991 1992.metahtml.css88 [cr-field="radio-list"] label + label { 1993 margin-top: 7.666666666666667px; 1994} 1995 1996.metahtml.css88 [cr-field="radio-visual"] { 1997 overflow: hidden; 1998} 1999 2000.metahtml.css88 [cr-field="radio-visual"] .items { 2001 display: flex; 2002 flex-wrap: wrap; 2003 margin-bottom: -26px; 2004 justify-content: space-between; 2005} 2006 2007.metahtml.css88 [cr-field="radio-visual"] .item { 2008 display: inline-block; 2009 vertical-align: top; 2010 text-align: center; 2011 margin-bottom: 26px; 2012 width: 30%; 2013} 2014 2015.metahtml.css88 [cr-field="radio-visual"] label { 2016 position: relative; 2017} 2018 2019.metahtml.css88 [cr-field="radio-visual"] .bgimage { 2020 background-size: cover; 2021 display: inline-block; 2022 background-position: center; 2023 border-radius: 20px; 2024 overflow: hidden; 2025 position: relative; 2026 width: 100%; 2027 padding-top: 100%; 2028} 2029 2030.metahtml.css88 [cr-field="radio-visual"] input { 2031 position: absolute; 2032 width: 0; 2033 height: 0; 2034 opacity: 0; 2035} 2036 2037.metahtml.css88 [cr-field="radio-visual"] .tick { 2038 position: absolute; 2039 left: 0; 2040 top: 0; 2041 width: 100%; 2042 height: 100%; 2043 background-color: rgba(104, 89, 241, 0.75); 2044 transition: all 300ms; 2045 opacity: 0; 2046} 2047 2048.metahtml.css88 [cr-field="radio-visual"] .tick svg { 2049 opacity: 0; 2050 transition: all 300ms; 2051 max-width: 30px; 2052 position: absolute; 2053 left: 50%; 2054 top: 50%; 2055 transform: translate(-50%, -50%); 2056} 2057 2058.metahtml.css88 [cr-field="radio-visual"] .subname { 2059 margin: 7.5px 0; 2060 word-wrap: break-word; 2061} 2062 2063.metahtml.css88 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 2064 opacity: 0.5; 2065} 2066 2067.metahtml.css88 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 2068.metahtml.css88 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 2069 opacity: 1; 2070} 2071 2072.metahtml.css88 [cr-field="select-menu"] select { 2073 position: absolute; 2074 top: 0; 2075 left: 0; 2076 width: 100%; 2077 height: 100%; 2078 opacity: 0; 2079 cursor: pointer; 2080 z-index: 1; 2081 color: black; 2082} 2083 2084.metahtml.css88 [cr-field="select-menu"] .fa { 2085 font-size: 20px; 2086 line-height: 0; 2087 opacity: 0.5; 2088 vertical-align: middle; 2089} 2090 2091.metahtml.css88 [cr-field="select-menu"] .flexgrid { 2092 display: flex; 2093 align-items: center; 2094} 2095 2096.metahtml.css88 [cr-field="select-menu"] .flexgrid .left { 2097 flex-grow: 1; 2098 min-width: 50%; 2099 word-wrap: break-word; 2100} 2101 2102.metahtml.css88 [cr-field="file"] svg {
2103 width: 20px; 2104 height: 20px; 2105 vertical-align: middle; 2106 margin-top: -5px; 2107 margin-bottom: -5px; 2108} 2109 2110.metahtml.css88 [cr-field="file"] span { 2111 display: inline-block; 2112 vertical-align: middle; 2113 line-height: 1; 2114} 2115 2116.metahtml.css88 [cr-field="file"] input { 2117 position: absolute; 2118 top: 0; 2119 left: 0; 2120 width: 100%; 2121 height: 100%; 2122 opacity: 0; 2123 cursor: pointer; 2124 z-index: 0; 2125} 2126 2127.metahtml.css88 [cr-field="file"] .clean { 2128 float: right; 2129 opacity: 0.5; 2130 cursor: pointer; 2131 position: relative; 2132 z-index: 1; 2133} 2134 2135.metahtml.css88 [cr-field="file"] .clean:hover { 2136 opacity: 1; 2137} 2138 2139.metahtml.css88 [cr-field="file"] .flexgrid { 2140 display: flex; 2141 align-items: center; 2142} 2143 2144.metahtml.css88 [cr-field="file"] .flexgrid .center { 2145 flex-grow: 1; 2146 min-width: 50%; 2147 word-wrap: break-word; 2148} 2149 2150.metahtml.css88 [cr-field="result"] .flexgrid.align-sides { 2151 display: flex; 2152 align-items: center; 2153} 2154 2155.metahtml.css88 [cr-field="result"] .flexgrid.align-sides .left .name { 2156 margin-bottom: 0; 2157} 2158 2159.metahtml.css88 [cr-field="result"] .flexgrid.align-center .left { 2160 text-align: center; 2161} 2162 2163.metahtml.css88 [cr-field="result"] .flexgrid.align-right .left { 2164 text-align: right; 2165} 2166 2167.metahtml.css88 [cr-field="result"] .flexgrid .right { 2168 flex-grow: 1; 2169 min-width: 25%; 2170 word-wrap: break-word; 2171 text-align: right; 2172 font-size: 120%; 2173} 2174 2175.metahtml.css88 [cr-field="result"] .flexgrid.align-left .right { 2176 text-align: left; 2177} 2178 2179.metahtml.css88 [cr-field="result"] .flexgrid.align-center .right { 2180 text-align: center; 2181} 2182 2183.metahtml.css88 [cr-field="result"] .flexgrid.align-right .right { 2184 text-align: right; 2185} 2186 2187.metahtml.css88 [cr-field="privacy-button"] .open { 2188 text-align: center; 2189 opacity: 0.5; 2190 font-size: 80%; 2191 cursor: pointer; 2192} 2193 2194.metahtml.css88 [cr-field="privacy-button"] .open a { 2195 color: inherit; 2196 text-decoration: none; 2197} 2198 2199.metahtml.css88 [cr-field="privacy-checkbox"] { 2200 font-size: 80%; 2201} 2202 2203.metahtml.css88 [cr-field="privacy-checkbox"] span { 2204 vertical-align: middle; 2205} 2206 2207.metahtml.css88 [cr-field="privacy-checkbox"] a { 2208 vertical-align: middle; 2209 text-decoration: none; 2210 border-bottom-width: 1px; 2211 border-bottom-style: dashed; 2212 color: inherit; 2213 cursor: pointer; 2214} 2215 2216.metahtml.css88 [cr-field="privacy-checkbox"] input { 2217 position: absolute; 2218 width: 0; 2219 height: 0; 2220 opacity: 0; 2221 overflow: hidden; 2222} 2223 2224.metahtml.css88 [cr-field="privacy-text"] { 2225 font-size: 80%; 2226 text-align: center; 2227} 2228 2229.metahtml.css88 [cr-field="privacy-text"] a { 2230 text-decoration: none; 2231 border-bottom-width: 1px; 2232 border-bottom-style: dashed; 2233 color: inherit; 2234 cursor: pointer; 2235} 2236 2237.metahtml.css88 [cr-field="hidden"] { 2238 opacity: 0.25; 2239} 2240.node.css89 .padding { height: 48px } 2241.node.css90 { color: #FFF; padding-top: 0px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px } 2242.screen-xs .node.css90 { padding-left: 0px!important; padding-right: 0px!important } 2243.node.css90 a { color: rgb(230, 25, 25) } 2244.node.css91 { color: #FFF; padding-top: 30px; padding-bottom: 60px; padding-left: 60px; padding-right: 60px } 2245.screen-xs .node.css91 { padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 24px!important; padding-right: 24px!important } 2246.node.css91 a { color: rgb(230, 25, 25) } 2247.textable.css92 { text-align: right; font-family: "Jost", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.3; letter-spacing: 0em; opacity: 0.6 } 2248.node.css93 { color: #FFF; padding-top: 5px; padding-bottom: 60px; padding-left: 5px; padding-right: 5px } 2249.node.css93 a { color: rgb(230, 25, 25) } 2250.node.css94 { color: #FFF; padding-top: 5px; padding-bottom: 40px; padding-left: 0px; padding-right: 5px } 2251.screen-xs .node.css94 { padding-right: 10px!important } 2252.node.css94 a { color: rgb(230, 25, 25) } 2253.metahtml.css95 [cr-field] { 2254 padding-bottom: 16px; 2255 font-size: 16px; 2256 font-family: "Jost", sans-serif; 2257} 2258 2259.metahtml.css95 .name { 2260 font-weight: normal; 2261 font-family: "Jost", sans-serif; 2262 opacity: 0.8; 2263 margin-bottom: 8.5px; 2264 font-size: 17px; 2265 word-wrap: break-word; 2266 text-transform: normal; 2267 letter-spacing: none; 2268} 2269 2270.metahtml.css95 .form-control { 2271 height: auto; 2272 line-height: 1.2; 2273 box-shadow: none; 2274 position: relative; 2275 background-color: rgb(30, 33, 40); 2276 color: rgb(255, 255, 255); 2277 border: 1px solid rgba(132, 132, 132, 0.2); 2278 border-radius: 20px; 2279 padding: 18px 14.4px; 2280 font-size: 16px; 2281 cursor: initial; 2282} 2283 2284.metahtml.css95 .form-control:focus, 2285.metahtml.css95 .form-control:focus-within { 2286 border-color: rgb(104, 89, 241); 2287 background-color: rgb(32, 35, 43); 2288} 2289 2290.metahtml.css95 .form-control + .form-control { 2291 margin-top: 10px; 2292} 2293 2294.metahtml.css95 label { 2295 font-weight: normal; 2296 display: block; 2297 cursor: pointer; 2298} 2299 2300.metahtml.css95 textarea { 2301 resize: vertical; 2302} 2303 2304.metahtml.css95 .checkbox { 2305 width: 23px; 2306 height: 23px; 2307 padding: 0; 2308 margin: 0 5.75px 0 0; 2309 line-height: 0; 2310 min-height: auto; 2311 display: inline-block; 2312 vertical-align: middle; 2313 background: white; 2314 border: 2px solid rgba(0, 0, 0, 0.25); 2315 position: relative; 2316 transition: 300ms all; 2317 border-radius: 2px; 2318} 2319 2320.metahtml.css95 .checkbox svg { 2321 width: 100%; 2322 opacity: 0; 2323 transform: scale(0); 2324 transition: 300ms all; 2325} 2326 2327.metahtml.css95 input:hover ~ .checkbox, 2328.metahtml.css95 input:focus ~ .checkbox { 2329 border-color: rgb(179, 172, 248); 2330} 2331 2332.metahtml.css95 input:checked ~ .checkbox { 2333 border-color: rgb(76, 59, 238); 2334 background-color: rgb(104, 89, 241); 2335} 2336 2337.metahtml.css95 input:active ~ .checkbox { 2338 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 2339} 2340 2341.metahtml.css95 input:checked ~ .checkbox svg { 2342 opacity: 1; 2343 transform: scale(1); 2344} 2345 2346.metahtml.css95 .radio { 2347 margin: 0; 2348 margin: 0 5.75px 0 0; 2349 padding: 0; 2350 line-height: 0; 2351 width: 23px; 2352 height: 23px; 2353 min-height: auto; 2354 display: inline-block; 2355 vertical-align: middle; 2356 background: white; 2357 border: 2px solid rgba(0, 0, 0, 0.25); 2358 position: relative; 2359 transition: 300ms all; 2360 border-radius: 100px; 2361} 2362 2363.metahtml.css95 .radio:before { 2364 position: absolute; 2365 left: 0; 2366 width: 100%; 2367 top: 0; 2368 height: 100%; 2369 content: ''; 2370 display: block; 2371 background-color: white; 2372 border-radius: 100px; 2373 opacity: 0; 2374 transform: scale(0); 2375 transition: 300ms all; 2376} 2377 2378.metahtml.css95 input:hover ~ .radio, 2379.metahtml.css95 input:focus ~ .radio { 2380 border-color: rgb(179, 172, 248); 2381} 2382 2383.metahtml.css95 input:active ~ .radio { 2384 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 2385} 2386 2387.metahtml.css95 input:checked ~ .radio { 2388 border-color: rgb(76, 59, 238); 2389 background-color: rgb(104, 89, 241); 2390} 2391 2392.metahtml.css95 input:checked ~ .radio:before { 2393 opacity: 1; 2394 transform: scale(0.5); 2395} 2396 2397.metahtml.css95 [cr-field="checkbox-list"] span { 2398 vertical-align: middle; 2399} 2400 2401.metahtml.css95 [cr-field="checkbox-list"] input { 2402 position: absolute; 2403 width: 0; 2404 height: 0; 2405 opacity: 0; 2406 overflow: hidden; 2407} 2408 2409.metahtml.css95 [cr-field="checkbox-list"] label + label { 2410 margin-top: 7.666666666666667px; 2411} 2412 2413.metahtml.css95 [cr-field="checkbox-visual"] { 2414 overflow: hidden; 2415} 2416 2417.metahtml.css95 [cr-field="checkbox-visual"] .items { 2418 display: flex; 2419 flex-wrap: wrap; 2420 margin-bottom: -26px; 2421 justify-content: space-between; 2422} 2423 2424.metahtml.css95 [cr-field="checkbox-visual"] .item { 2425 display: inline-block; 2426 vertical-align: top; 2427 text-align: center; 2428 margin-bottom: 26px; 2429 width: 19%; 2430} 2431 2432.metahtml.css95 [cr-field="checkbox-visual"] label { 2433 position: relative; 2434} 2435 2436.metahtml.css95 [cr-field="checkbox-visual"] .bgimage { 2437 background-size: cover; 2438 display: inline-block; 2439 background-position: center; 2440 border-radius: 20px; 2441 overflow: hidden; 2442 position: relative; 2443 width: 100%; 2444 padding-top: 100%; 2445} 2446 2447.metahtml.css95 [cr-field="checkbox-visual"] input { 2448 position: absolute; 2449 width: 0; 2450 height: 0; 2451 opacity: 0; 2452} 2453 2454.metahtml.css95 [cr-field="checkbox-visual"] .tick { 2455 position: absolute; 2456 left: 0; 2457 top: 0; 2458 width: 100%; 2459 height: 100%; 2460 background-color: rgba(104, 89, 241, 0.75); 2461 transition: all 300ms; 2462 opacity: 0; 2463} 2464 2465.metahtml.css95 [cr-field="checkbox-visual"] .tick svg { 2466 opacity: 0; 2467 transition: all 300ms; 2468 max-width: 30px; 2469 position: absolute; 2470 left: 50%; 2471 top: 50%; 2472 transform: translate(-50%, -50%); 2473} 2474 2475.metahtml.css95 [cr-field="checkbox-visual"] .subname { 2476 margin: 8px 0; 2477 word-wrap: break-word; 2478} 2479 2480.metahtml.css95 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 2481.metahtml.css95 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 2482 opacity: 0.5; 2483} 2484 2485.metahtml.css95 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 2486.metahtml.css95 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 2487 opacity: 1; 2488} 2489 2490.metahtml.css95 [cr-field="checkbox-input"] span { 2491 vertical-align: middle; 2492} 2493 2494.metahtml.css95 [cr-field="checkbox-input"] input { 2495 position: absolute; 2496 width: 0; 2497 height: 0; 2498 opacity: 0; 2499 overflow: hidden; 2500} 2501 2502.metahtml.css95 [cr-field="radio-list"] span { 2503 vertical-align: middle; 2504} 2505 2506.metahtml.css95 [cr-field="radio-list"] input { 2507 position: absolute; 2508 width: 0; 2509 height: 0; 2510 opacity: 0; 2511 overflow: hidden; 2512} 2513 2514.metahtml.css95 [cr-field="radio-list"] label + label { 2515 margin-top: 7.666666666666667px; 2516} 2517 2518.metahtml.css95 [cr-field="radio-visual"] { 2519 overflow: hidden; 2520} 2521 2522.metahtml.css95 [cr-field="radio-visual"] .items { 2523 display: flex; 2524 flex-wrap: wrap; 2525 margin-bottom: -26px; 2526 justify-content: space-between; 2527} 2528 2529.metahtml.css95 [cr-field="radio-visual"] .item { 2530 display: inline-block; 2531 vertical-align: top; 2532 text-align: center; 2533 margin-bottom: 26px; 2534 width: 19%; 2535} 2536 2537.metahtml.css95 [cr-field="radio-visual"] label { 2538 position: relative; 2539} 2540 2541.metahtml.css95 [cr-field="radio-visual"] .bgimage { 2542 background-size: cover; 2543 display: inline-block; 2544 background-position: center; 2545 border-radius: 20px; 2546 overflow: hidden; 2547 position: relative; 2548 width: 100%; 2549 padding-top: 100%; 2550} 2551 2552.metahtml.css95 [cr-field="radio-visual"] input { 2553 position: absolute; 2554 width: 0; 2555 height: 0; 2556 opacity: 0; 2557} 2558 2559.metahtml.css95 [cr-field="radio-visual"] .tick { 2560 position: absolute; 2561 left: 0; 2562 top: 0; 2563 width: 100%; 2564 height: 100%; 2565 background-color: rgba(104, 89, 241, 0.75); 2566 transition: all 300ms; 2567 opacity: 0; 2568} 2569 2570.metahtml.css95 [cr-field="radio-visual"] .tick svg { 2571 opacity: 0; 2572 transition: all 300ms; 2573 max-width: 30px; 2574 position: absolute; 2575 left: 50%; 2576 top: 50%; 2577 transform: translate(-50%, -50%); 2578} 2579 2580.metahtml.css95 [cr-field="radio-visual"] .subname { 2581 margin: 8px 0; 2582 word-wrap: break-word; 2583} 2584 2585.metahtml.css95 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 2586 opacity: 0.5; 2587} 2588 2589.metahtml.css95 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 2590.metahtml.css95 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 2591 opacity: 1; 2592} 2593 2594.metahtml.css95 [cr-field="select-menu"] select { 2595 position: absolute; 2596 top: 0; 2597 left: 0; 2598 width: 100%; 2599 height: 100%; 2600 opacity: 0; 2601 cursor: pointer; 2602 z-index: 1; 2603 color: black; 2604} 2605 2606.metahtml.css95 [cr-field="select-menu"] .fa { 2607 font-size: 20px; 2608 line-height: 0; 2609 opacity: 0.5; 2610 vertical-align: middle; 2611} 2612 2613.metahtml.css95 [cr-field="select-menu"] .flexgrid { 2614 display: flex; 2615 align-items: center; 2616} 2617 2618.metahtml.css95 [cr-field="select-menu"] .flexgrid .left { 2619 flex-grow: 1; 2620 min-width: 50%; 2621 word-wrap: break-word; 2622} 2623 2624.metahtml.css95 [cr-field="file"] svg {
2625 width: 20px; 2626 height: 20px; 2627 vertical-align: middle; 2628 margin-top: -5px; 2629 margin-bottom: -5px; 2630} 2631 2632.metahtml.css95 [cr-field="file"] span { 2633 display: inline-block; 2634 vertical-align: middle; 2635 line-height: 1; 2636} 2637 2638.metahtml.css95 [cr-field="file"] input { 2639 position: absolute; 2640 top: 0; 2641 left: 0; 2642 width: 100%; 2643 height: 100%; 2644 opacity: 0; 2645 cursor: pointer; 2646 z-index: 0; 2647} 2648 2649.metahtml.css95 [cr-field="file"] .clean { 2650 float: right; 2651 opacity: 0.5; 2652 cursor: pointer; 2653 position: relative; 2654 z-index: 1; 2655} 2656 2657.metahtml.css95 [cr-field="file"] .clean:hover { 2658 opacity: 1; 2659} 2660 2661.metahtml.css95 [cr-field="file"] .flexgrid { 2662 display: flex; 2663 align-items: center; 2664} 2665 2666.metahtml.css95 [cr-field="file"] .flexgrid .center { 2667 flex-grow: 1; 2668 min-width: 50%; 2669 word-wrap: break-word; 2670} 2671 2672.metahtml.css95 [cr-field="result"] .flexgrid.align-sides { 2673 display: flex; 2674 align-items: center; 2675} 2676 2677.metahtml.css95 [cr-field="result"] .flexgrid.align-sides .left .name { 2678 margin-bottom: 0; 2679} 2680 2681.metahtml.css95 [cr-field="result"] .flexgrid.align-center .left { 2682 text-align: center; 2683} 2684 2685.metahtml.css95 [cr-field="result"] .flexgrid.align-right .left { 2686 text-align: right; 2687} 2688 2689.metahtml.css95 [cr-field="result"] .flexgrid .right { 2690 flex-grow: 1; 2691 min-width: 25%; 2692 word-wrap: break-word; 2693 text-align: right; 2694 font-size: 100%; 2695} 2696 2697.metahtml.css95 [cr-field="result"] .flexgrid.align-left .right { 2698 text-align: left; 2699} 2700 2701.metahtml.css95 [cr-field="result"] .flexgrid.align-center .right { 2702 text-align: center; 2703} 2704 2705.metahtml.css95 [cr-field="result"] .flexgrid.align-right .right { 2706 text-align: right; 2707} 2708 2709.metahtml.css95 [cr-field="privacy-button"] .open { 2710 text-align: center; 2711 opacity: 0.5; 2712 font-size: 80%; 2713 cursor: pointer; 2714} 2715 2716.metahtml.css95 [cr-field="privacy-button"] .open a { 2717 color: inherit; 2718 text-decoration: none; 2719} 2720 2721.metahtml.css95 [cr-field="privacy-checkbox"] { 2722 font-size: 80%; 2723} 2724 2725.metahtml.css95 [cr-field="privacy-checkbox"] span { 2726 vertical-align: middle; 2727} 2728 2729.metahtml.css95 [cr-field="privacy-checkbox"] a { 2730 vertical-align: middle; 2731 text-decoration: none; 2732 border-bottom-width: 1px; 2733 border-bottom-style: dashed; 2734 color: inherit; 2735 cursor: pointer; 2736} 2737 2738.metahtml.css95 [cr-field="privacy-checkbox"] input { 2739 position: absolute; 2740 width: 0; 2741 height: 0; 2742 opacity: 0; 2743 overflow: hidden; 2744} 2745 2746.metahtml.css95 [cr-field="privacy-text"] { 2747 font-size: 80%; 2748 text-align: center; 2749} 2750 2751.metahtml.css95 [cr-field="privacy-text"] a { 2752 text-decoration: none; 2753 border-bottom-width: 1px; 2754 border-bottom-style: dashed; 2755 color: inherit; 2756 cursor: pointer; 2757} 2758 2759.metahtml.css95 [cr-field="hidden"] { 2760 opacity: 0.25; 2761} 2762.node.css96 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 2763.node.css96 a { color: rgb(230, 25, 25) } 2764.metahtml.css97 [cr-field] { 2765 padding-bottom: 16px; 2766 font-size: 16px; 2767 font-family: "Jost", sans-serif; 2768} 2769 2770.metahtml.css97 .name { 2771 font-weight: normal; 2772 font-family: "Jost", sans-serif; 2773 opacity: 0.8; 2774 margin-bottom: 8.5px; 2775 font-size: 17px; 2776 word-wrap: break-word; 2777 text-transform: normal; 2778 letter-spacing: none; 2779} 2780 2781.metahtml.css97 .form-control { 2782 height: auto; 2783 line-height: 1.2; 2784 box-shadow: none; 2785 position: relative; 2786 background-color: rgb(30, 33, 40); 2787 color: rgb(255, 255, 255); 2788 border: 1px solid rgba(132, 132, 132, 0.2); 2789 border-radius: 20px; 2790 padding: 18px 14.4px; 2791 font-size: 16px; 2792 cursor: initial; 2793} 2794 2795.metahtml.css97 .form-control:focus, 2796.metahtml.css97 .form-control:focus-within { 2797 border-color: rgb(104, 89, 241); 2798 background-color: rgb(32, 35, 43); 2799} 2800 2801.metahtml.css97 .form-control + .form-control { 2802 margin-top: 10px; 2803} 2804 2805.metahtml.css97 label { 2806 font-weight: normal; 2807 display: block; 2808 cursor: pointer; 2809} 2810 2811.metahtml.css97 textarea { 2812 resize: vertical; 2813} 2814 2815.metahtml.css97 .checkbox { 2816 width: 23px; 2817 height: 23px; 2818 padding: 0; 2819 margin: 0 5.75px 0 0; 2820 line-height: 0; 2821 min-height: auto; 2822 display: inline-block; 2823 vertical-align: middle; 2824 background: white; 2825 border: 2px solid rgba(0, 0, 0, 0.25); 2826 position: relative; 2827 transition: 300ms all; 2828 border-radius: 2px; 2829} 2830 2831.metahtml.css97 .checkbox svg { 2832 width: 100%; 2833 opacity: 0; 2834 transform: scale(0); 2835 transition: 300ms all; 2836} 2837 2838.metahtml.css97 input:hover ~ .checkbox, 2839.metahtml.css97 input:focus ~ .checkbox { 2840 border-color: rgb(179, 172, 248); 2841} 2842 2843.metahtml.css97 input:checked ~ .checkbox { 2844 border-color: rgb(76, 59, 238); 2845 background-color: rgb(104, 89, 241); 2846} 2847 2848.metahtml.css97 input:active ~ .checkbox { 2849 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 2850} 2851 2852.metahtml.css97 input:checked ~ .checkbox svg { 2853 opacity: 1; 2854 transform: scale(1); 2855} 2856 2857.metahtml.css97 .radio { 2858 margin: 0; 2859 margin: 0 5.75px 0 0; 2860 padding: 0; 2861 line-height: 0; 2862 width: 23px; 2863 height: 23px; 2864 min-height: auto; 2865 display: inline-block; 2866 vertical-align: middle; 2867 background: white; 2868 border: 2px solid rgba(0, 0, 0, 0.25); 2869 position: relative; 2870 transition: 300ms all; 2871 border-radius: 100px; 2872} 2873 2874.metahtml.css97 .radio:before { 2875 position: absolute; 2876 left: 0; 2877 width: 100%; 2878 top: 0; 2879 height: 100%; 2880 content: ''; 2881 display: block; 2882 background-color: white; 2883 border-radius: 100px; 2884 opacity: 0; 2885 transform: scale(0); 2886 transition: 300ms all; 2887} 2888 2889.metahtml.css97 input:hover ~ .radio, 2890.metahtml.css97 input:focus ~ .radio { 2891 border-color: rgb(179, 172, 248); 2892} 2893 2894.metahtml.css97 input:active ~ .radio { 2895 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 2896} 2897 2898.metahtml.css97 input:checked ~ .radio { 2899 border-color: rgb(76, 59, 238); 2900 background-color: rgb(104, 89, 241); 2901} 2902 2903.metahtml.css97 input:checked ~ .radio:before { 2904 opacity: 1; 2905 transform: scale(0.5); 2906} 2907 2908.metahtml.css97 [cr-field="checkbox-list"] span { 2909 vertical-align: middle; 2910} 2911 2912.metahtml.css97 [cr-field="checkbox-list"] input { 2913 position: absolute; 2914 width: 0; 2915 height: 0; 2916 opacity: 0; 2917 overflow: hidden; 2918} 2919 2920.metahtml.css97 [cr-field="checkbox-list"] label + label { 2921 margin-top: 7.666666666666667px; 2922} 2923 2924.metahtml.css97 [cr-field="checkbox-visual"] { 2925 overflow: hidden; 2926} 2927 2928.metahtml.css97 [cr-field="checkbox-visual"] .items { 2929 display: flex; 2930 flex-wrap: wrap; 2931 margin-bottom: -26px; 2932 justify-content: space-between; 2933} 2934 2935.metahtml.css97 [cr-field="checkbox-visual"] .item { 2936 display: inline-block; 2937 vertical-align: top; 2938 text-align: center; 2939 margin-bottom: 26px; 2940 width: 30%; 2941} 2942 2943.metahtml.css97 [cr-field="checkbox-visual"] label { 2944 position: relative; 2945} 2946 2947.metahtml.css97 [cr-field="checkbox-visual"] .bgimage { 2948 background-size: cover; 2949 display: inline-block; 2950 background-position: center; 2951 border-radius: 20px; 2952 overflow: hidden; 2953 position: relative; 2954 width: 100%; 2955 padding-top: 100%; 2956} 2957 2958.metahtml.css97 [cr-field="checkbox-visual"] input { 2959 position: absolute; 2960 width: 0; 2961 height: 0; 2962 opacity: 0; 2963} 2964 2965.metahtml.css97 [cr-field="checkbox-visual"] .tick { 2966 position: absolute; 2967 left: 0; 2968 top: 0; 2969 width: 100%; 2970 height: 100%; 2971 background-color: rgba(104, 89, 241, 0.75); 2972 transition: all 300ms; 2973 opacity: 0; 2974} 2975 2976.metahtml.css97 [cr-field="checkbox-visual"] .tick svg { 2977 opacity: 0; 2978 transition: all 300ms; 2979 max-width: 30px; 2980 position: absolute; 2981 left: 50%; 2982 top: 50%; 2983 transform: translate(-50%, -50%); 2984} 2985 2986.metahtml.css97 [cr-field="checkbox-visual"] .subname { 2987 margin: 8px 0; 2988 word-wrap: break-word; 2989} 2990 2991.metahtml.css97 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 2992.metahtml.css97 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 2993 opacity: 0.5; 2994} 2995 2996.metahtml.css97 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 2997.metahtml.css97 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 2998 opacity: 1; 2999} 3000 3001.metahtml.css97 [cr-field="checkbox-input"] span { 3002 vertical-align: middle; 3003} 3004 3005.metahtml.css97 [cr-field="checkbox-input"] input { 3006 position: absolute; 3007 width: 0; 3008 height: 0; 3009 opacity: 0; 3010 overflow: hidden; 3011} 3012 3013.metahtml.css97 [cr-field="radio-list"] span { 3014 vertical-align: middle; 3015} 3016 3017.metahtml.css97 [cr-field="radio-list"] input { 3018 position: absolute; 3019 width: 0; 3020 height: 0; 3021 opacity: 0; 3022 overflow: hidden; 3023} 3024 3025.metahtml.css97 [cr-field="radio-list"] label + label { 3026 margin-top: 7.666666666666667px; 3027} 3028 3029.metahtml.css97 [cr-field="radio-visual"] { 3030 overflow: hidden; 3031} 3032 3033.metahtml.css97 [cr-field="radio-visual"] .items { 3034 display: flex; 3035 flex-wrap: wrap; 3036 margin-bottom: -26px; 3037 justify-content: space-between; 3038} 3039 3040.metahtml.css97 [cr-field="radio-visual"] .item { 3041 display: inline-block; 3042 vertical-align: top; 3043 text-align: center; 3044 margin-bottom: 26px; 3045 width: 30%; 3046} 3047 3048.metahtml.css97 [cr-field="radio-visual"] label { 3049 position: relative; 3050} 3051 3052.metahtml.css97 [cr-field="radio-visual"] .bgimage { 3053 background-size: cover; 3054 display: inline-block; 3055 background-position: center; 3056 border-radius: 20px; 3057 overflow: hidden; 3058 position: relative; 3059 width: 100%; 3060 padding-top: 100%; 3061} 3062 3063.metahtml.css97 [cr-field="radio-visual"] input { 3064 position: absolute; 3065 width: 0; 3066 height: 0; 3067 opacity: 0; 3068} 3069 3070.metahtml.css97 [cr-field="radio-visual"] .tick { 3071 position: absolute; 3072 left: 0; 3073 top: 0; 3074 width: 100%; 3075 height: 100%; 3076 background-color: rgba(104, 89, 241, 0.75); 3077 transition: all 300ms; 3078 opacity: 0; 3079} 3080 3081.metahtml.css97 [cr-field="radio-visual"] .tick svg { 3082 opacity: 0; 3083 transition: all 300ms; 3084 max-width: 30px; 3085 position: absolute; 3086 left: 50%; 3087 top: 50%; 3088 transform: translate(-50%, -50%); 3089} 3090 3091.metahtml.css97 [cr-field="radio-visual"] .subname { 3092 margin: 8px 0; 3093 word-wrap: break-word; 3094} 3095 3096.metahtml.css97 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 3097 opacity: 0.5; 3098} 3099 3100.metahtml.css97 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 3101.metahtml.css97 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 3102 opacity: 1; 3103} 3104 3105.metahtml.css97 [cr-field="select-menu"] select { 3106 position: absolute; 3107 top: 0; 3108 left: 0; 3109 width: 100%; 3110 height: 100%; 3111 opacity: 0; 3112 cursor: pointer; 3113 z-index: 1; 3114 color: black; 3115} 3116 3117.metahtml.css97 [cr-field="select-menu"] .fa { 3118 font-size: 20px; 3119 line-height: 0; 3120 opacity: 0.5; 3121 vertical-align: middle; 3122} 3123 3124.metahtml.css97 [cr-field="select-menu"] .flexgrid { 3125 display: flex; 3126 align-items: center; 3127} 3128 3129.metahtml.css97 [cr-field="select-menu"] .flexgrid .left { 3130 flex-grow: 1; 3131 min-width: 50%; 3132 word-wrap: break-word; 3133} 3134 3135.metahtml.css97 [cr-field="file"] svg {
3136 width: 20px; 3137 height: 20px; 3138 vertical-align: middle; 3139 margin-top: -5px; 3140 margin-bottom: -5px; 3141} 3142 3143.metahtml.css97 [cr-field="file"] span { 3144 display: inline-block; 3145 vertical-align: middle; 3146 line-height: 1; 3147} 3148 3149.metahtml.css97 [cr-field="file"] input { 3150 position: absolute; 3151 top: 0; 3152 left: 0; 3153 width: 100%; 3154 height: 100%; 3155 opacity: 0; 3156 cursor: pointer; 3157 z-index: 0; 3158} 3159 3160.metahtml.css97 [cr-field="file"] .clean { 3161 float: right; 3162 opacity: 0.5; 3163 cursor: pointer; 3164 position: relative; 3165 z-index: 1; 3166} 3167 3168.metahtml.css97 [cr-field="file"] .clean:hover { 3169 opacity: 1; 3170} 3171 3172.metahtml.css97 [cr-field="file"] .flexgrid { 3173 display: flex; 3174 align-items: center; 3175} 3176 3177.metahtml.css97 [cr-field="file"] .flexgrid .center { 3178 flex-grow: 1; 3179 min-width: 50%; 3180 word-wrap: break-word; 3181} 3182 3183.metahtml.css97 [cr-field="result"] .flexgrid.align-sides { 3184 display: flex; 3185 align-items: center; 3186} 3187 3188.metahtml.css97 [cr-field="result"] .flexgrid.align-sides .left .name { 3189 margin-bottom: 0; 3190} 3191 3192.metahtml.css97 [cr-field="result"] .flexgrid.align-center .left { 3193 text-align: center; 3194} 3195 3196.metahtml.css97 [cr-field="result"] .flexgrid.align-right .left { 3197 text-align: right; 3198} 3199 3200.metahtml.css97 [cr-field="result"] .flexgrid .right { 3201 flex-grow: 1; 3202 min-width: 25%; 3203 word-wrap: break-word; 3204 text-align: right; 3205 font-size: 100%; 3206} 3207 3208.metahtml.css97 [cr-field="result"] .flexgrid.align-left .right { 3209 text-align: left; 3210} 3211 3212.metahtml.css97 [cr-field="result"] .flexgrid.align-center .right { 3213 text-align: center; 3214} 3215 3216.metahtml.css97 [cr-field="result"] .flexgrid.align-right .right { 3217 text-align: right; 3218} 3219 3220.metahtml.css97 [cr-field="privacy-button"] .open { 3221 text-align: center; 3222 opacity: 0.5; 3223 font-size: 80%; 3224 cursor: pointer; 3225} 3226 3227.metahtml.css97 [cr-field="privacy-button"] .open a { 3228 color: inherit; 3229 text-decoration: none; 3230} 3231 3232.metahtml.css97 [cr-field="privacy-checkbox"] { 3233 font-size: 80%; 3234} 3235 3236.metahtml.css97 [cr-field="privacy-checkbox"] span { 3237 vertical-align: middle; 3238} 3239 3240.metahtml.css97 [cr-field="privacy-checkbox"] a { 3241 vertical-align: middle; 3242 text-decoration: none; 3243 border-bottom-width: 1px; 3244 border-bottom-style: dashed; 3245 color: inherit; 3246 cursor: pointer; 3247} 3248 3249.metahtml.css97 [cr-field="privacy-checkbox"] input { 3250 position: absolute; 3251 width: 0; 3252 height: 0; 3253 opacity: 0; 3254 overflow: hidden; 3255} 3256 3257.metahtml.css97 [cr-field="privacy-text"] { 3258 font-size: 80%; 3259 text-align: center; 3260} 3261 3262.metahtml.css97 [cr-field="privacy-text"] a { 3263 text-decoration: none; 3264 border-bottom-width: 1px; 3265 border-bottom-style: dashed; 3266 color: inherit; 3267 cursor: pointer; 3268} 3269 3270.metahtml.css97 [cr-field="hidden"] { 3271 opacity: 0.25; 3272} 3273.metahtml.css98 [cr-field="checkbox-list"], 3274.metahtml.css98 [cr-field="radio-list"] { 3275 display: flex; 3276 flex-wrap: wrap; 3277 justify-content: start; 3278 row-gap: 8px; 3279 align-items: center; 3280 padding-top: -5px; 3281 /*ÐÑÑоÑа заголовка*/ 3282} 3283 3284.metahtml.css98 [cr-field="radio-list"] label + label { 3285 margin: 0px; 3286} 3287 3288.metahtml.css98 [cr-field="checkbox-list"] label + label { 3289 margin: 0px; 3290} 3291 3292.metahtml.css98 [cr-field="checkbox-list"] label { 3293 margin-top: 0px; 3294} 3295 3296.metahtml.css98 .svgwrap { 3297 width: 20px; 3298 height: 20px; 3299 color: rgba(129, 103, 255, 0.8); 3300 top: -40px; 3301 margin-right: -20px; 3302} 3303 3304.metahtml.css98 .name { 3305 margin-bottom: -5px; 3306 margin-left: 26px; 3307 position: absolute; 3308 top: 0px; 3309} 3310 3311.metahtml.css98 .label { 3312 order: 1; 3313 margin: 0px; 3314 display: flex; 3315} 3316 3317.metahtml.css98 div.checkbox, 3318.metahtml.css98 div.radio { 3319 display: none; 3320} 3321 3322.metahtml.css98 input ~ span { 3323 padding-left: 15px; 3324 padding-right: 15px; 3325 padding-top: 8px; 3326 padding-bottom: 8px; 3327 background: rgba(160, 142, 255, 0.12); 3328 color: rgba(160, 142, 255, 0.9)!important; 3329 border: 0px solid rgba(129, 103, 255, 0.5); 3330 border-radius: 12px; 3331 transition: .3s all; 3332 margin-right: 8px; 3333} 3334 3335.metahtml.css98 input:hover ~ span { 3336 background-color: rgba(160, 142, 255, 0.2); 3337 color: rgb(160, 142, 255)!important; 3338 border: 0px solid rgba(24, 102, 255, 0); 3339 border-radius: 10px; 3340} 3341 3342.metahtml.css98 input:checked ~ span { 3343 background-color: rgb(104, 89, 241); 3344 color: rgb(255, 255, 255)!important; 3345 border: 0px solid rgba(244, 20, 74, 0); 3346 border-radius: 10px; 3347} 3348.metahtml.css99 [cr-field="checkbox-list"], 3349.metahtml.css99 [cr-field="radio-list"] { 3350 display: flex; 3351 flex-wrap: wrap; 3352 justify-content: start; 3353 row-gap: 16px; 3354 align-items: center; 3355 padding-top: -5px; 3356 /*ÐÑÑоÑа заголовка*/ 3357} 3358 3359.metahtml.css99 [cr-field="radio-list"] label + label { 3360 margin: 0px; 3361} 3362 3363.metahtml.css99 [cr-field="checkbox-list"] label + label { 3364 margin: 0px; 3365} 3366 3367.metahtml.css99 [cr-field="checkbox-list"] label { 3368 margin-top: 0px; 3369} 3370 3371.metahtml.css99 .svgwrap {
3372 width: 20px; 3373 height: 20px; 3374 color: rgba(129, 103, 255, 0.8); 3375 top: -40px; 3376 margin-right: -20px; 3377} 3378 3379.metahtml.css99 .name { 3380 margin-bottom: -5px; 3381 margin-left: 26px; 3382 position: absolute; 3383 top: 0px; 3384} 3385 3386.metahtml.css99 .label { 3387 order: 1; 3388 margin: 0px; 3389 display: flex; 3390} 3391 3392.metahtml.css99 div.checkbox, 3393.metahtml.css99 div.radio { 3394 display: none; 3395} 3396 3397.metahtml.css99 input ~ span { 3398 padding-left: 20px; 3399 padding-right: 20px; 3400 padding-top: 12px; 3401 padding-bottom: 12px; 3402 background: rgba(160, 142, 255, 0.12); 3403 color: rgba(160, 142, 255, 0.9)!important; 3404 border: 0px solid rgba(129, 103, 255, 0.5); 3405 border-radius: 12px; 3406 transition: .3s all; 3407 margin-right: 16px; 3408} 3409 3410.metahtml.css99 input:hover ~ span { 3411 background-color: rgba(160, 142, 255, 0.2); 3412 color: rgb(160, 142, 255)!important; 3413 border: 0px solid rgba(24, 102, 255, 0); 3414 border-radius: 10px; 3415} 3416 3417.metahtml.css99 input:checked ~ span { 3418 background-color: rgb(104, 89, 241); 3419 color: rgb(255, 255, 255)!important; 3420 border: 0px solid rgba(244, 20, 74, 0); 3421 border-radius: 10px; 3422} 3423.node.css100 .padding { height: 85px } 3424.textable.css101 { text-align: left; font-family: "Jost", sans-serif; font-size: 48px; font-weight: 800; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 3425.screen-md .textable.css101 { font-size: 26px!important } 3426.screen-sm .textable.css101 { font-size: 26px!important } 3427.screen-xs .textable.css101 { font-size: 20px!important } 3428.metahtml.css102 [cr-field] { 3429 padding-bottom: 16px; 3430 font-size: 16px; 3431 font-family: "Jost", sans-serif; 3432} 3433 3434.metahtml.css102 .name { 3435 font-weight: normal; 3436 font-family: "Jost", sans-serif; 3437 opacity: 0.8; 3438 margin-bottom: 8.5px; 3439 font-size: 17px; 3440 word-wrap: break-word; 3441 text-transform: normal; 3442 letter-spacing: none; 3443} 3444 3445.metahtml.css102 .form-control { 3446 height: auto; 3447 line-height: 1.2; 3448 box-shadow: none; 3449 position: relative; 3450 background-color: rgb(30, 33, 40); 3451 color: rgb(255, 255, 255); 3452 border: 1px solid rgba(132, 132, 132, 0.2); 3453 border-radius: 20px; 3454 padding: 18px 14.4px; 3455 font-size: 16px; 3456 cursor: initial; 3457} 3458 3459.metahtml.css102 .form-control:focus, 3460.metahtml.css102 .form-control:focus-within { 3461 border-color: rgb(104, 89, 241); 3462 background-color: rgb(32, 35, 43); 3463} 3464 3465.metahtml.css102 .form-control + .form-control { 3466 margin-top: 10px; 3467} 3468 3469.metahtml.css102 label { 3470 font-weight: normal; 3471 display: block; 3472 cursor: pointer; 3473} 3474 3475.metahtml.css102 textarea { 3476 resize: vertical; 3477} 3478 3479.metahtml.css102 .checkbox { 3480 width: 23px; 3481 height: 23px; 3482 padding: 0; 3483 margin: 0 5.75px 0 0; 3484 line-height: 0; 3485 min-height: auto; 3486 display: inline-block; 3487 vertical-align: middle; 3488 background: white; 3489 border: 2px solid rgba(0, 0, 0, 0.25); 3490 position: relative; 3491 transition: 300ms all; 3492 border-radius: 2px; 3493} 3494 3495.metahtml.css102 .checkbox svg { 3496 width: 100%; 3497 opacity: 0; 3498 transform: scale(0); 3499 transition: 300ms all; 3500} 3501 3502.metahtml.css102 input:hover ~ .checkbox, 3503.metahtml.css102 input:focus ~ .checkbox { 3504 border-color: rgb(179, 172, 248); 3505} 3506 3507.metahtml.css102 input:checked ~ .checkbox { 3508 border-color: rgb(76, 59, 238); 3509 background-color: rgb(104, 89, 241); 3510} 3511 3512.metahtml.css102 input:active ~ .checkbox { 3513 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 3514} 3515 3516.metahtml.css102 input:checked ~ .checkbox svg { 3517 opacity: 1; 3518 transform: scale(1); 3519} 3520 3521.metahtml.css102 .radio { 3522 margin: 0; 3523 margin: 0 5.75px 0 0; 3524 padding: 0; 3525 line-height: 0; 3526 width: 23px; 3527 height: 23px; 3528 min-height: auto; 3529 display: inline-block; 3530 vertical-align: middle; 3531 background: white; 3532 border: 2px solid rgba(0, 0, 0, 0.25); 3533 position: relative; 3534 transition: 300ms all; 3535 border-radius: 100px; 3536} 3537 3538.metahtml.css102 .radio:before { 3539 position: absolute; 3540 left: 0; 3541 width: 100%; 3542 top: 0; 3543 height: 100%; 3544 content: ''; 3545 display: block; 3546 background-color: white; 3547 border-radius: 100px; 3548 opacity: 0; 3549 transform: scale(0); 3550 transition: 300ms all; 3551} 3552 3553.metahtml.css102 input:hover ~ .radio, 3554.metahtml.css102 input:focus ~ .radio { 3555 border-color: rgb(179, 172, 248); 3556} 3557 3558.metahtml.css102 input:active ~ .radio { 3559 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 3560} 3561 3562.metahtml.css102 input:checked ~ .radio { 3563 border-color: rgb(76, 59, 238); 3564 background-color: rgb(104, 89, 241); 3565} 3566 3567.metahtml.css102 input:checked ~ .radio:before { 3568 opacity: 1; 3569 transform: scale(0.5); 3570} 3571 3572.metahtml.css102 [cr-field="checkbox-list"] span { 3573 vertical-align: middle; 3574} 3575 3576.metahtml.css102 [cr-field="checkbox-list"] input { 3577 position: absolute; 3578 width: 0; 3579 height: 0; 3580 opacity: 0; 3581 overflow: hidden; 3582} 3583 3584.metahtml.css102 [cr-field="checkbox-list"] label + label { 3585 margin-top: 7.666666666666667px; 3586} 3587 3588.metahtml.css102 [cr-field="checkbox-visual"] { 3589 overflow: hidden; 3590} 3591 3592.metahtml.css102 [cr-field="checkbox-visual"] .items { 3593 display: flex; 3594 flex-wrap: wrap; 3595 margin-bottom: -26px; 3596 justify-content: space-between; 3597} 3598 3599.metahtml.css102 [cr-field="checkbox-visual"] .item { 3600 display: inline-block; 3601 vertical-align: top; 3602 text-align: center; 3603 margin-bottom: 26px; 3604 width: 30%; 3605} 3606 3607.metahtml.css102 [cr-field="checkbox-visual"] label { 3608 position: relative; 3609} 3610 3611.metahtml.css102 [cr-field="checkbox-visual"] .bgimage { 3612 background-size: cover; 3613 display: inline-block; 3614 background-position: center; 3615 border-radius: 20px; 3616 overflow: hidden; 3617 position: relative; 3618 width: 100%; 3619 padding-top: 100%; 3620} 3621 3622.metahtml.css102 [cr-field="checkbox-visual"] input { 3623 position: absolute; 3624 width: 0; 3625 height: 0; 3626 opacity: 0; 3627} 3628 3629.metahtml.css102 [cr-field="checkbox-visual"] .tick { 3630 position: absolute; 3631 left: 0; 3632 top: 0; 3633 width: 100%; 3634 height: 100%; 3635 background-color: rgba(104, 89, 241, 0.75); 3636 transition: all 300ms; 3637 opacity: 0; 3638} 3639 3640.metahtml.css102 [cr-field="checkbox-visual"] .tick svg { 3641 opacity: 0; 3642 transition: all 300ms; 3643 max-width: 30px; 3644 position: absolute; 3645 left: 50%; 3646 top: 50%; 3647 transform: translate(-50%, -50%); 3648} 3649 3650.metahtml.css102 [cr-field="checkbox-visual"] .subname { 3651 margin: 8px 0; 3652 word-wrap: break-word; 3653} 3654 3655.metahtml.css102 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 3656.metahtml.css102 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 3657 opacity: 0.5; 3658} 3659 3660.metahtml.css102 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 3661.metahtml.css102 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 3662 opacity: 1; 3663} 3664 3665.metahtml.css102 [cr-field="checkbox-input"] span { 3666 vertical-align: middle; 3667} 3668 3669.metahtml.css102 [cr-field="checkbox-input"] input { 3670 position: absolute; 3671 width: 0; 3672 height: 0; 3673 opacity: 0; 3674 overflow: hidden; 3675} 3676 3677.metahtml.css102 [cr-field="radio-list"] span { 3678 vertical-align: middle; 3679} 3680 3681.metahtml.css102 [cr-field="radio-list"] input { 3682 position: absolute; 3683 width: 0; 3684 height: 0; 3685 opacity: 0; 3686 overflow: hidden; 3687} 3688 3689.metahtml.css102 [cr-field="radio-list"] label + label { 3690 margin-top: 7.666666666666667px; 3691} 3692 3693.metahtml.css102 [cr-field="radio-visual"] { 3694 overflow: hidden; 3695} 3696 3697.metahtml.css102 [cr-field="radio-visual"] .items { 3698 display: flex; 3699 flex-wrap: wrap; 3700 margin-bottom: -26px; 3701 justify-content: space-between; 3702} 3703 3704.metahtml.css102 [cr-field="radio-visual"] .item { 3705 display: inline-block; 3706 vertical-align: top; 3707 text-align: center; 3708 margin-bottom: 26px; 3709 width: 30%; 3710} 3711 3712.metahtml.css102 [cr-field="radio-visual"] label { 3713 position: relative; 3714} 3715 3716.metahtml.css102 [cr-field="radio-visual"] .bgimage { 3717 background-size: cover; 3718 display: inline-block; 3719 background-position: center; 3720 border-radius: 20px; 3721 overflow: hidden; 3722 position: relative; 3723 width: 100%; 3724 padding-top: 100%; 3725} 3726 3727.metahtml.css102 [cr-field="radio-visual"] input { 3728 position: absolute; 3729 width: 0; 3730 height: 0; 3731 opacity: 0; 3732} 3733 3734.metahtml.css102 [cr-field="radio-visual"] .tick { 3735 position: absolute; 3736 left: 0; 3737 top: 0; 3738 width: 100%; 3739 height: 100%; 3740 background-color: rgba(104, 89, 241, 0.75); 3741 transition: all 300ms; 3742 opacity: 0; 3743} 3744 3745.metahtml.css102 [cr-field="radio-visual"] .tick svg { 3746 opacity: 0; 3747 transition: all 300ms; 3748 max-width: 30px; 3749 position: absolute; 3750 left: 50%; 3751 top: 50%; 3752 transform: translate(-50%, -50%); 3753} 3754 3755.metahtml.css102 [cr-field="radio-visual"] .subname { 3756 margin: 8px 0; 3757 word-wrap: break-word; 3758} 3759 3760.metahtml.css102 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 3761 opacity: 0.5; 3762} 3763 3764.metahtml.css102 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 3765.metahtml.css102 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 3766 opacity: 1; 3767} 3768 3769.metahtml.css102 [cr-field="select-menu"] select { 3770 position: absolute; 3771 top: 0; 3772 left: 0; 3773 width: 100%; 3774 height: 100%; 3775 opacity: 0; 3776 cursor: pointer; 3777 z-index: 1; 3778 color: black; 3779} 3780 3781.metahtml.css102 [cr-field="select-menu"] .fa { 3782 font-size: 20px; 3783 line-height: 0; 3784 opacity: 0.5; 3785 vertical-align: middle; 3786} 3787 3788.metahtml.css102 [cr-field="select-menu"] .flexgrid { 3789 display: flex; 3790 align-items: center; 3791} 3792 3793.metahtml.css102 [cr-field="select-menu"] .flexgrid .left { 3794 flex-grow: 1; 3795 min-width: 50%; 3796 word-wrap: break-word; 3797} 3798 3799.metahtml.css102 [cr-field="file"] svg {
3800 width: 20px; 3801 height: 20px; 3802 vertical-align: middle; 3803 margin-top: -5px; 3804 margin-bottom: -5px; 3805} 3806 3807.metahtml.css102 [cr-field="file"] span { 3808 display: inline-block; 3809 vertical-align: middle; 3810 line-height: 1; 3811} 3812 3813.metahtml.css102 [cr-field="file"] input { 3814 position: absolute; 3815 top: 0; 3816 left: 0; 3817 width: 100%; 3818 height: 100%; 3819 opacity: 0; 3820 cursor: pointer; 3821 z-index: 0; 3822} 3823 3824.metahtml.css102 [cr-field="file"] .clean { 3825 float: right; 3826 opacity: 0.5; 3827 cursor: pointer; 3828 position: relative; 3829 z-index: 1; 3830} 3831 3832.metahtml.css102 [cr-field="file"] .clean:hover { 3833 opacity: 1; 3834} 3835 3836.metahtml.css102 [cr-field="file"] .flexgrid { 3837 display: flex; 3838 align-items: center; 3839} 3840 3841.metahtml.css102 [cr-field="file"] .flexgrid .center { 3842 flex-grow: 1; 3843 min-width: 50%; 3844 word-wrap: break-word; 3845} 3846 3847.metahtml.css102 [cr-field="result"] .flexgrid.align-sides { 3848 display: flex; 3849 align-items: center; 3850} 3851 3852.metahtml.css102 [cr-field="result"] .flexgrid.align-sides .left .name { 3853 margin-bottom: 0; 3854} 3855 3856.metahtml.css102 [cr-field="result"] .flexgrid.align-center .left { 3857 text-align: center; 3858} 3859 3860.metahtml.css102 [cr-field="result"] .flexgrid.align-right .left { 3861 text-align: right; 3862} 3863 3864.metahtml.css102 [cr-field="result"] .flexgrid .right { 3865 flex-grow: 1; 3866 min-width: 25%; 3867 word-wrap: break-word; 3868 text-align: right; 3869 font-size: 120%; 3870} 3871 3872.metahtml.css102 [cr-field="result"] .flexgrid.align-left .right { 3873 text-align: left; 3874} 3875 3876.metahtml.css102 [cr-field="result"] .flexgrid.align-center .right { 3877 text-align: center; 3878} 3879 3880.metahtml.css102 [cr-field="result"] .flexgrid.align-right .right { 3881 text-align: right; 3882} 3883 3884.metahtml.css102 [cr-field="privacy-button"] .open { 3885 text-align: center; 3886 opacity: 0.5; 3887 font-size: 80%; 3888 cursor: pointer; 3889} 3890 3891.metahtml.css102 [cr-field="privacy-button"] .open a { 3892 color: inherit; 3893 text-decoration: none; 3894} 3895 3896.metahtml.css102 [cr-field="privacy-checkbox"] { 3897 font-size: 80%; 3898} 3899 3900.metahtml.css102 [cr-field="privacy-checkbox"] span { 3901 vertical-align: middle; 3902} 3903 3904.metahtml.css102 [cr-field="privacy-checkbox"] a { 3905 vertical-align: middle; 3906 text-decoration: none; 3907 border-bottom-width: 1px; 3908 border-bottom-style: dashed; 3909 color: inherit; 3910 cursor: pointer; 3911} 3912 3913.metahtml.css102 [cr-field="privacy-checkbox"] input { 3914 position: absolute; 3915 width: 0; 3916 height: 0; 3917 opacity: 0; 3918 overflow: hidden; 3919} 3920 3921.metahtml.css102 [cr-field="privacy-text"] { 3922 font-size: 80%; 3923 text-align: center; 3924} 3925 3926.metahtml.css102 [cr-field="privacy-text"] a { 3927 text-decoration: none; 3928 border-bottom-width: 1px; 3929 border-bottom-style: dashed; 3930 color: inherit; 3931 cursor: pointer; 3932} 3933 3934.metahtml.css102 [cr-field="hidden"] { 3935 opacity: 0.25; 3936} 3937.node.css103 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 3938.screen-xs .node.css103 { padding-top: 16px!important; padding-bottom: 0px!important; padding-left: 0px!important; padding-right: 12px!important } 3939.node.css103 a { color: rgb(230, 25, 25) } 3940.btn.css104 { text-align: center } .area.screen-xs .btn.css104 { text-align: center } .btn.css104 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-right-width: 2px;border-color: rgb(34, 34, 34);padding-top: 22px;padding-bottom: 22px;font-size: 20px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(34, 34, 34)!important;font-family: "Jost", sans-serif;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css104:hover, .btn.css104.hover { background-color: rgb(76, 59, 238);border-color: rgb(76, 59, 238);color: rgb(255, 255, 255)!important; } .btn.css104:active, .btn.css104.active { background-color: rgb(76, 59, 238);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important;box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css104:before { } .btn.css104:active:before, .btn.css104.active:before { background-color: rgb(76, 59, 238);box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); }.area.screen-xs .btn.css104 { font-size: 18px; } 3941.modal.css105 .modal-dialog { width: 490px } 3942.node.css106 { color: #FFF; padding-top: 10px; padding-bottom: 0px; padding-left: 10px; padding-right: 10px } 3943.node.css106 a { color: rgb(230, 25, 25) } 3944.node.css107 { color: #FFF; padding-top: 4px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } 3945.node.css107 a { color: rgb(230, 25, 25) } 3946.textable.css108 { text-align: center; font-family: "Jost", sans-serif; font-size: 32px; font-weight: 700; line-height: 1.4; letter-spacing: 0.028571428571428574em; opacity: 1 } 3947.screen-md .textable.css108 { font-size: 28px!important } 3948.screen-sm .textable.css108 { font-size: 28px!important } 3949.screen-xs .textable.css108 { text-align: center!important; font-size: 26px!important } 3950.node.css109 { color: #FFF; padding-top: 15px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 3951.node.css109 a { color: rgb(230, 25, 25) } 3952.textable.css110 { text-align: center; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 0.64 } 3953.screen-md .textable.css110 { font-size: 15px!important } 3954.screen-sm .textable.css110 { font-size: 15px!important } 3955.screen-xs .textable.css110 { text-align: center!important; font-size: 14px!important } 3956.node.css111 { color: #FFF; padding-top: 12px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 3957.node.css111 a { color: rgb(230, 25, 25) } 3958.metahtml.css112 [cr-field] { 3959 padding-bottom: 12px; 3960 font-size: 16px; 3961 font-family: "Jost", sans-serif; 3962} 3963 3964.metahtml.css112 .name { 3965 color: rgba(0, 0, 0, 0.66); 3966 font-weight: normal; 3967 font-family: "Jost", sans-serif; 3968 font-size: 13px; 3969 text-transform: uppercase;; 3970 margin-bottom: 6.5px; 3971 word-wrap: break-word; 3972 letter-spacing: 0.1em;; 3973} 3974 3975.metahtml.css112 .form-control { 3976 height: auto; 3977 line-height: 1.2; 3978 box-shadow: none; 3979 position: relative; 3980 color: rgb(0, 0, 0); 3981 background-color: rgb(255, 255, 255); 3982 border: 2px solid rgba(185, 182, 212, 0.32); 3983 border-radius: 16px; 3984 padding: 20px 16px; 3985 font-size: 16px; 3986 cursor: initial; 3987} 3988 3989.metahtml.css112 .form-control:focus, 3990.metahtml.css112 .form-control:focus-within { 3991 border-color: rgb(104, 89, 241); 3992 background-color: rgb(242, 242, 242); 3993} 3994 3995.metahtml.css112 ::placeholder { 3996 color: rgba(0, 0, 0, 0.66); 3997 font-family: "Jost", sans-serif; 3998} 3999 4000.metahtml.css112 .form-control + .form-control { 4001 margin-top: 10px; 4002} 4003 4004.metahtml.css112 label { 4005 font-weight: normal; 4006 display: block; 4007 cursor: pointer; 4008} 4009 4010.metahtml.css112 textarea { 4011 resize: vertical; 4012} 4013 4014.metahtml.css112 .checkbox { 4015 width: 22px; 4016 height: 22px; 4017 padding: 0; 4018 margin: 0 5.5px 0 0; 4019 line-height: 0; 4020 min-height: auto; 4021 display: inline-block; 4022 vertical-align: middle; 4023 background: white; 4024 border: 2px solid rgba(0, 0, 0, 0.25); 4025 position: relative; 4026 transition: 300ms all; 4027 border-radius: 2px; 4028} 4029 4030.metahtml.css112 .checkbox svg { 4031 width: 100%; 4032 opacity: 0; 4033 transform: scale(0); 4034 transition: 300ms all; 4035} 4036 4037.metahtml.css112 input:hover ~ .checkbox, 4038.metahtml.css112 input:focus ~ .checkbox { 4039 border-color: rgb(179, 172, 248); 4040} 4041 4042.metahtml.css112 input:checked ~ .checkbox { 4043 border-color: rgb(76, 59, 238); 4044 background-color: rgb(104, 89, 241); 4045} 4046 4047.metahtml.css112 input:active ~ .checkbox { 4048 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 4049} 4050 4051.metahtml.css112 input:checked ~ .checkbox svg { 4052 opacity: 1; 4053 transform: scale(1); 4054} 4055 4056.metahtml.css112 .radio { 4057 margin: 0; 4058 margin: 0 5.5px 0 0; 4059 padding: 0; 4060 line-height: 0; 4061 width: 22px; 4062 height: 22px; 4063 min-height: auto; 4064 display: inline-block; 4065 vertical-align: middle; 4066 background: white; 4067 border: 2px solid rgba(0, 0, 0, 0.25); 4068 position: relative; 4069 transition: 300ms all; 4070 border-radius: 100px; 4071} 4072 4073.metahtml.css112 .radio:before { 4074 position: absolute; 4075 left: 0; 4076 width: 100%; 4077 top: 0; 4078 height: 100%; 4079 content: ''; 4080 display: block; 4081 background-color: white; 4082 border-radius: 100px; 4083 opacity: 0; 4084 transform: scale(0); 4085 transition: 300ms all; 4086} 4087 4088.metahtml.css112 input:hover ~ .radio, 4089.metahtml.css112 input:focus ~ .radio { 4090 border-color: rgb(179, 172, 248); 4091} 4092 4093.metahtml.css112 input:active ~ .radio { 4094 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 4095} 4096 4097.metahtml.css112 input:checked ~ .radio { 4098 border-color: rgb(76, 59, 238); 4099 background-color: rgb(104, 89, 241); 4100} 4101 4102.metahtml.css112 input:checked ~ .radio:before { 4103 opacity: 1; 4104 transform: scale(0.5); 4105} 4106 4107.metahtml.css112 [cr-field="checkbox-list"] span { 4108 color: rgb(0, 0, 0); 4109 vertical-align: middle; 4110} 4111 4112.metahtml.css112 [cr-field="checkbox-list"] input { 4113 position: absolute; 4114 width: 0; 4115 height: 0; 4116 opacity: 0; 4117 overflow: hidden; 4118} 4119 4120.metahtml.css112 [cr-field="checkbox-list"] label + label { 4121 margin-top: 7.333333333333333px; 4122} 4123 4124.metahtml.css112 [cr-field="checkbox-visual"] { 4125 overflow: hidden; 4126} 4127 4128.metahtml.css112 [cr-field="checkbox-visual"] .items { 4129 display: flex; 4130 flex-wrap: wrap; 4131 justify-content: space-between; 4132} 4133 4134.metahtml.css112 [cr-field="checkbox-visual"] .item { 4135 display: inline-block; 4136 vertical-align: top; 4137 text-align: center; 4138 margin-bottom: 18px; 4139 width: 30%; 4140 color: rgb(0, 0, 0); 4141} 4142 4143.metahtml.css112 [cr-field="checkbox-visual"] label { 4144 position: relative; 4145} 4146 4147.metahtml.css112 [cr-field="checkbox-visual"] .bgimage { 4148 background-size: cover; 4149 display: inline-block; 4150 background-position: center; 4151 border-radius: 10%; 4152 overflow: hidden; 4153 position: relative; 4154 width: 100%; 4155 padding-top: 100%; 4156} 4157 4158.metahtml.css112 [cr-field="checkbox-visual"] input { 4159 position: absolute; 4160 width: 0; 4161 height: 0; 4162 opacity: 0; 4163} 4164 4165.metahtml.css112 [cr-field="checkbox-visual"] .tick { 4166 position: absolute; 4167 left: 0; 4168 top: 0; 4169 width: 100%; 4170 height: 100%; 4171 background-color: rgba(104, 89, 241, 0.75); 4172 transition: all 300ms; 4173 opacity: 0; 4174} 4175 4176.metahtml.css112 [cr-field="checkbox-visual"] .tick svg { 4177 opacity: 0; 4178 transition: all 300ms; 4179 max-width: 27px; 4180 position: absolute; 4181 left: 50%; 4182 top: 50%; 4183 transform: translate(-50%, -50%); 4184} 4185 4186.metahtml.css112 [cr-field="checkbox-visual"] .subname { 4187 margin: 8px 0; 4188 word-wrap: break-word; 4189 white-space: normal; 4190} 4191 4192.metahtml.css112 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 4193.metahtml.css112 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 4194 opacity: 0.5; 4195 border-radius: 10%; 4196} 4197 4198.metahtml.css112 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 4199.metahtml.css112 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 4200 opacity: 1; 4201} 4202 4203.screen-xs .metahtml.css112 [cr-field="checkbox-visual"] .item { 4204 width: 100%; 4205 text-align: left; 4206 margin-bottom: 9px; 4207 white-space: nowrap; 4208} 4209 4210.screen-xs .metahtml.css112 [cr-field="checkbox-visual"] .bgimage { 4211 width: 25%; 4212 padding-top: 25%; 4213 vertical-align: middle; 4214} 4215 4216.screen-xs .metahtml.css112 [cr-field="checkbox-visual"] .subname { 4217 width: 75%; 4218 display: inline-block; 4219 vertical-align: middle; 4220 padding-left: 5%; 4221 margin-left: -4px; 4222} 4223 4224.metahtml.css112 [cr-field="checkbox-input"] span { 4225 vertical-align: middle; 4226 color: rgb(0, 0, 0)!important; 4227} 4228 4229.metahtml.css112 [cr-field="checkbox-input"] input { 4230 position: absolute; 4231 width: 0; 4232 height: 0; 4233 opacity: 0; 4234 overflow: hidden; 4235} 4236 4237.metahtml.css112 [cr-field="radio-list"] span { 4238 vertical-align: middle; 4239 color: rgb(0, 0, 0); 4240} 4241 4242.metahtml.css112 [cr-field="radio-list"] input { 4243 position: absolute; 4244 width: 0; 4245 height: 0; 4246 opacity: 0; 4247 overflow: hidden; 4248} 4249 4250.metahtml.css112 [cr-field="radio-list"] label + label { 4251 margin-top: 7.333333333333333px; 4252} 4253 4254.metahtml.css112 [cr-field="radio-visual"] { 4255 overflow: hidden; 4256} 4257 4258.metahtml.css112 [cr-field="radio-visual"] .items { 4259 display: flex; 4260 flex-wrap: wrap; 4261 justify-content: space-between; 4262} 4263 4264.metahtml.css112 [cr-field="radio-visual"] .item { 4265 display: inline-block; 4266 vertical-align: top; 4267 text-align: center; 4268 margin-bottom: 18px; 4269 width: 30%; 4270 color: rgb(0, 0, 0); 4271} 4272 4273.metahtml.css112 [cr-field="radio-visual"] label { 4274 position: relative; 4275} 4276 4277.metahtml.css112 [cr-field="radio-visual"] .bgimage { 4278 background-size: cover; 4279 display: inline-block; 4280 background-position: center; 4281 border-radius: 10%; 4282 overflow: hidden; 4283 position: relative; 4284 width: 100%; 4285 padding-top: 100%; 4286} 4287 4288.metahtml.css112 [cr-field="radio-visual"] input { 4289 position: absolute; 4290 width: 0; 4291 height: 0; 4292 opacity: 0; 4293} 4294 4295.metahtml.css112 [cr-field="radio-visual"] .tick { 4296 position: absolute; 4297 left: 0; 4298 top: 0; 4299 width: 100%; 4300 height: 100%; 4301 background-color: rgba(104, 89, 241, 0.75); 4302 transition: all 300ms; 4303 opacity: 0; 4304} 4305 4306.metahtml.css112 [cr-field="radio-visual"] .tick svg { 4307 opacity: 0; 4308 transition: all 300ms; 4309 max-width: 27px; 4310 position: absolute; 4311 left: 50%; 4312 top: 50%; 4313 transform: translate(-50%, -50%); 4314} 4315 4316.metahtml.css112 [cr-field="radio-visual"] .subname { 4317 margin: 8px 0; 4318 word-wrap: break-word; 4319 white-space: normal; 4320} 4321 4322.metahtml.css112 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 4323 opacity: 0.5; 4324 border-radius: 10%; 4325} 4326 4327.metahtml.css112 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 4328.metahtml.css112 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 4329 opacity: 1; 4330} 4331 4332.screen-xs .metahtml.css112 [cr-field="radio-visual"] .item { 4333 width: 100%; 4334 text-align: left; 4335 margin-bottom: 9px; 4336 white-space: nowrap; 4337} 4338 4339.screen-xs .metahtml.css112 [cr-field="radio-visual"] .bgimage { 4340 width: 25%; 4341 padding-top: 25%; 4342 vertical-align: middle; 4343} 4344 4345.screen-xs .metahtml.css112 [cr-field="radio-visual"] .subname { 4346 width: 75%; 4347 display: inline-block; 4348 vertical-align: middle; 4349 padding-left: 5%; 4350 margin-left: -4px; 4351} 4352 4353.metahtml.css112 [cr-field="select-menu"] select { 4354 position: absolute; 4355 top: 0; 4356 left: 0; 4357 width: 100%; 4358 height: 100%; 4359 opacity: 0; 4360 cursor: pointer; 4361 z-index: 1; 4362 color: black; 4363 -webkit-appearance: none; 4364} 4365 4366.metahtml.css112 [cr-field="select-menu"] .fa { 4367 font-size: 20px; 4368 line-height: 0; 4369 opacity: 0.5; 4370 vertical-align: middle; 4371} 4372 4373.metahtml.css112 [cr-field="select-menu"] .flexgrid { 4374 display: flex; 4375 align-items: center; 4376} 4377 4378.metahtml.css112 [cr-field="select-menu"] .flexgrid .left { 4379 flex-grow: 1; 4380 min-width: 50%; 4381 word-wrap: break-word; 4382} 4383 4384.metahtml.css112 [cr-field="file"] svg {
4385 width: 20px; 4386 height: 20px; 4387 vertical-align: middle; 4388 margin-top: -5px; 4389 margin-bottom: -5px; 4390 fill: rgb(0, 0, 0); 4391} 4392 4393.metahtml.css112 [cr-field="file"] span { 4394 display: inline-block; 4395 vertical-align: middle; 4396 line-height: 1; 4397} 4398 4399.metahtml.css112 [cr-field="file"] input { 4400 position: absolute; 4401 top: 0; 4402 left: 0; 4403 width: 100%; 4404 height: 100%; 4405 opacity: 0; 4406 cursor: pointer; 4407 z-index: 0; 4408} 4409 4410.metahtml.css112 [cr-field="file"] .clean { 4411 float: right; 4412 opacity: 0.5; 4413 cursor: pointer; 4414 position: relative; 4415 z-index: 1; 4416} 4417 4418.metahtml.css112 [cr-field="file"] .clean:hover { 4419 opacity: 1; 4420} 4421 4422.metahtml.css112 [cr-field="file"] .flexgrid { 4423 display: flex; 4424 align-items: center; 4425} 4426 4427.metahtml.css112 [cr-field="file"] .flexgrid .center { 4428 flex-grow: 1; 4429 min-width: 50%; 4430 word-wrap: break-word; 4431 color: rgb(0, 0, 0); 4432} 4433 4434.metahtml.css112 [cr-field="result"] .flexgrid.align-sides { 4435 display: flex; 4436 align-items: center; 4437} 4438 4439.metahtml.css112 [cr-field="result"] .flexgrid.align-sides .left .name { 4440 margin-bottom: 0; 4441} 4442 4443.metahtml.css112 [cr-field="result"] .flexgrid.align-center .left { 4444 text-align: center; 4445} 4446 4447.metahtml.css112 [cr-field="result"] .flexgrid.align-right .left { 4448 text-align: right; 4449} 4450 4451.metahtml.css112 [cr-field="result"] .flexgrid .right { 4452 flex-grow: 1; 4453 min-width: 25%; 4454 word-wrap: break-word; 4455 text-align: right; 4456 font-size: 120%; 4457 color: rgb(0, 0, 0); 4458} 4459 4460.metahtml.css112 [cr-field="result"] .flexgrid.align-left .right { 4461 text-align: left; 4462} 4463 4464.metahtml.css112 [cr-field="result"] .flexgrid.align-center .right { 4465 text-align: center; 4466} 4467 4468.metahtml.css112 [cr-field="result"] .flexgrid.align-right .right { 4469 text-align: right; 4470} 4471 4472.metahtml.css112 [cr-field="privacy-button"] .open { 4473 text-align: center; 4474 color: rgba(0, 0, 0, 0.66); 4475 font-size: 80%; 4476 cursor: pointer; 4477} 4478 4479.metahtml.css112 [cr-field="privacy-checkbox"] { 4480 font-size: 80%; 4481 color: rgba(0, 0, 0, 0.66); 4482} 4483 4484.metahtml.css112 [cr-field="privacy-checkbox"] span { 4485 vertical-align: middle; 4486} 4487 4488.metahtml.css112 [cr-field="privacy-checkbox"] a { 4489 vertical-align: middle; 4490 text-decoration: none; 4491 border-bottom-width: 1px; 4492 border-bottom-style: dashed; 4493 color: inherit; 4494 cursor: pointer; 4495} 4496 4497.metahtml.css112 [cr-field="privacy-checkbox"] input { 4498 position: absolute; 4499 width: 0; 4500 height: 0; 4501 opacity: 0; 4502 overflow: hidden; 4503} 4504 4505.metahtml.css112 [cr-field="privacy-text"] { 4506 font-size: 80%; 4507 text-align: center; 4508 color: rgba(0, 0, 0, 0.66); 4509} 4510 4511.metahtml.css112 [cr-field="privacy-text"] a { 4512 text-decoration: none; 4513 border-bottom-width: 1px; 4514 border-bottom-style: dashed; 4515 color: inherit; 4516 cursor: pointer; 4517} 4518 4519.metahtml.css112 [cr-field="hidden"] { 4520 opacity: 0.25; 4521} 4522.node.css113 { color: #333; padding-top: 5px; padding-bottom: 19px; padding-left: 0px; padding-right: 0px } 4523.node.css113 a { color: rgb(230, 25, 25) } 4524.node.css114 { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px } 4525.node.css114 a { color: rgb(230, 25, 25) } 4526.zero-layer.css115 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1) } 4527.zero-layer.css115 > .zero-layer-axis { height: 595px } 4528.zero-layer.css115 > .zero-layer-axis > .zero-layer-frame { left: 850px; top: 20px; width: 452.81px } 4529.screen-md .zero-layer.css115 > .zero-layer-axis > .zero-layer-frame { left: 806.48px!important; width: 407.03px!important } 4530.screen-sm .zero-layer.css115 > .zero-layer-axis > .zero-layer-frame { left: 806.48px!important; width: 407.03px!important } 4531.screen-xs .zero-layer.css115 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 358.5px!important; width: 321.06px!important } 4532.node.css116 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4533.node.css116 a { color: rgb(230, 25, 25) } 4534.node.css117 .bgimage { height: 453px; background-position: center } 4535.node.css117 img.selectable { max-height: 453px } 4536.node.css117 .proportions { width: calc(var(--width) / var(--height) * 453); padding-top: 453px } 4537.zero-layer.css118 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 10; transform: scale(1, 1) } 4538.zero-layer.css118 > .zero-layer-axis { height: 595px } 4539.zero-layer.css118 > .zero-layer-axis >
4539 .zero-layer-frame { left: 946.41px; top: 220px; width: 260px } 4540.screen-xs .zero-layer.css118 > .zero-layer-axis > .zero-layer-frame { left: 75.8px!important; top: 548.5px!important; width: 169.47px!important } 4541.node.css119 img { width: calc(1 * var(--width)) } 4542.node.css119 .bgnormal { text-align: center } 4543.node.css120 > .wrapper1 { background-color: rgb(255, 255, 255) } 4544.node.css120 { color: #333 } 4545.node.css120 > .padding_top { padding-top: 0px } 4546.screen-xs .node.css120 > .padding_top { padding-top: 0px!important } 4547.node.css120 > .padding_bottom { padding-bottom: 0px } 4548.screen-xs .node.css120 > .padding_bottom { padding-bottom: 0px!important } 4549.node.css120 a { color: rgb(25, 76, 230) } 4550.node.css121 { color: #333; padding-top: 0px; padding-bottom: 7px; padding-left: 0px; padding-right: 0px } 4551.node.css121 a { color: rgb(25, 76, 230) } 4552.metahtml.css122 .marquee-container { 4553 width: 100%; 4554 overflow: hidden; 4555} 4556 4557.metahtml.css122 .marquee { 4558 display: flex; 4559 overflow: hidden; 4560 width: 100%; 4561} 4562 4563.metahtml.css122 .marquee-content { 4564 display: flex; 4565 flex-wrap: nowrap; 4566 flex-shrink: 0; 4567 width: auto; 4568} 4569 4570.metahtml.css122 .marquee-content img { 4571 flex: 0 0 auto; 4572 flex-shrink: 0; 4573 margin-right: 1rem; 4574} 4575 4576.metahtml.css122 .marquee-content img:last-child { 4577 margin-right: 0; 4578} 4579 4580.metahtml.css122 .images-list .image { 4581 width: 88px; 4582 height: auto; 4583} 4584.node.css123 { color: #333; padding-top: 12px; padding-bottom: 21px; padding-left: 0px; padding-right: 0px } 4585.node.css123 a { color: rgb(25, 76, 230) } 4586.node.css124 > .w-gallery-grid > .cont > .node { margin: 16px } 4587.node.css125 { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } 4588.node.css125 a { color: rgb(25, 76, 230) } 4589.node.css126 > .wrapper1 { background-color: rgb(104, 89, 241) } 4590.node.css126 { color: #FFF } 4591.node.css126 > .padding_top { padding-top: 60px } 4592.node.css126 > .padding_bottom { padding-bottom: 60px } 4593.node.css126 a { color: rgb(46, 25, 230) } 4594.node.css127 .s-elements-grid > div > .node { width: calc(100% / 3 - 30px + 30px / 3) } 4595.node.css127 .s-elements-grid { margin: 10px 0 } 4596.node.css127 .s-elements-grid > .cont { gap: 20px 30px } 4597.screen-xs .node.css127 .s-elements-grid > div > .node { width: calc(100% / 1 - 30px + 30px / 1)!important } 4598.screen-xs .node.css127 .s-elements-grid > .cont { column-gap: 30px!important } 4599.node.css128 { color: #FFF; padding-top: 20px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px } 4600.node.css128 > .wrapper1 { border-radius: 5px } 4601.node.css128 a { color: rgb(46, 25, 230) } 4602.node.css129 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4603.node.css129 a { color: rgb(46, 25, 230) } 4604.textable.css130 { text-align: left; font-family: "Jost", sans-serif; font-size: 64px; font-weight: 700; line-height: 1.2; letter-spacing: 0em; opacity: 1 } 4605.screen-xs .textable.css130 { font-size: 46px!important } 4606.node.css131 { color: #FFF; padding-top: 12px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4607.node.css131 a { color: rgb(46, 25, 230) } 4608.textable.css132 { text-align: left; font-family: "Jost", sans-serif; font-size: 22px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4609.screen-xs .textable.css132 { font-size: 18px!important } 4610.node.css133 > .wrapper1 { background-color: rgb(6, 9, 16) } 4611.node.css133 { color: #FFF } 4612.node.css133 > .padding_top { padding-top: 120px } 4613.screen-md .node.css133 > .padding_top { padding-top: 100px!important } 4614.screen-xs .node.css133 > .padding_top { padding-top: 80px!important } 4615.node.css133 > .padding_bottom { padding-bottom: 120px } 4616.screen-md .node.css133 > .padding_bottom { padding-bottom: 100px!important } 4617.screen-xs .node.css133 > .padding_bottom { padding-bottom: 80px!important } 4618.node.css133 a { color: rgb(25, 87, 230) } 4619.node.css134 { color: #FFF; padding-top: 5px; padding-bottom: 20px; padding-left: 0px; padding-right: 5px } 4620.node.css134 a { color: rgb(25, 87, 230) } 4621.textable.css135 { text-align: left; font-family: "Jost", sans-serif; font-size: 56px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; opacity: 1 } 4622.screen-md .textable.css135 { text-align: left!important; font-size: 54px!important } 4623.screen-sm .textable.css135 { text-align: left!important; font-size: 54px!important } 4624.screen-xs .textable.css135 { text-align: center!important; font-size: 32px!important; line-height: 1.5!important; letter-spacing: 0em!important } 4625.node.css136 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4626.node.css136 a { color: rgb(25, 87, 230) } 4627.node.css137 .padding { height: 45px } 4628.screen-xs .node.css137 .padding { height: 24px!important } 4629.screen-md .node.css137 .padding { height: 30px!important } 4630.node.css138 { color: #FFF; padding-top: 2px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4631.node.css138 a { color: rgb(25, 87, 230) } 4632.node.css139 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4633.node.css139 a { color: rgb(25, 87, 230) } 4634.node.css140 > .wrapper1 { background-color: rgb(24, 25, 37);
4634 border-radius: 36px } 4635.node.css140 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4636.node.css140 a { color: rgb(25, 41, 230) } 4637.node.css141 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4638.node.css141 a { color: rgb(25, 41, 230) } 4639.node.css142 .bgimage { height: 276px; background-position: center } 4640.node.css143 { color: #FFF; padding-top: 24px; padding-bottom: 32px; padding-left: 32px; padding-right: 32px } 4641.screen-xs .node.css143 { padding-top: 16px!important; padding-bottom: 16px!important; padding-left: 24px!important; padding-right: 24px!important } 4642.node.css143 a { color: rgb(25, 41, 230) } 4643.node.css144 { color: #FFF } 4644.node.css144 a { color: rgb(25, 41, 230) } 4645.node.css145 > .zero-grid { height: 9px } 4646.zero-layer.css146 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1) } 4647.zero-layer.css146 > .zero-layer-axis { height: 9px } 4648.zero-layer.css146 > .zero-layer-axis > .zero-layer-frame { left: -10px; top: -290px; width: 68.5px } 4649.node.css147 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4650.node.css147 a { color: rgb(25, 41, 230) } 4651.node.css148 img { width: calc(1 * var(--width)) } 4652.node.css148 .bgnormal { text-align: left } 4653.screen-xs .node.css148 img { width: calc(0.8 * var(--width))!important } 4654.node.css149 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 4655.node.css149 a { color: rgb(25, 41, 230) } 4656.node.css150 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4657.node.css150 a { color: rgb(25, 41, 230) } 4658.textable.css151 { text-align: left; font-family: "Jost", sans-serif; font-size: 30px; font-weight: 500; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4659.screen-xs .textable.css151 { font-size: 20px!important; font-weight: 600!important; line-height: 1.5!important; letter-spacing: 0em!important } 4660.node.css152 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4661.node.css152 a { color: rgb(25, 41, 230) } 4662.node.css153 .padding { height: 32px } 4663.node.css154 > .wrapper1 { background-color: rgb(24, 27, 37); border-radius: 36px } 4664.node.css154 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4665.node.css154 a { color: rgb(25, 75, 230) } 4666.node.css155 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4667.node.css155 a { color: rgb(25, 75, 230) } 4668.node.css156 { color: #FFF; padding-top: 24px; padding-bottom: 32px; padding-left: 32px; padding-right: 32px } 4669.screen-xs .node.css156 { padding-top: 16px!important; padding-bottom: 16px!important; padding-left: 24px!important; padding-right: 24px!important } 4670.node.css156 a { color: rgb(25, 75, 230) }
4671.node.css157 { color: #FFF } 4672.node.css157 a { color: rgb(25, 75, 230) } 4673.node.css158 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4674.node.css158 a { color: rgb(25, 75, 230) } 4675.node.css159 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 4676.node.css159 a { color: rgb(25, 75, 230) } 4677.node.css160 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4678.node.css160 a { color: rgb(25, 75, 230) } 4679.node.css161 { color: #FFF; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4680.node.css161 a { color: rgb(25, 75, 230) } 4681.node.css162 { color: #FFF; padding-top: 30px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4682.node.css162 a { color: rgb(25, 87, 230) } 4683.node.css163 { color: #FFF; padding-top: 8px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px } 4684.node.css163 a { color: rgb(25, 87, 230) } 4685.node.css164 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 4686.node.css164 a { color: rgb(25, 87, 230) } 4687.node.css165 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4688.node.css165 a { color: rgb(25, 87, 230) } 4689.node.css166 img { width: calc(1 * var(--width)) } 4690.node.css166 .bgnormal { text-align: left } 4691.screen-xs .node.css166 img { width: calc(0.6 * var(--width))!important } 4692.textable.css167 { text-align: left; font-family: "Jost", sans-serif; font-size: 28px; font-weight: 500; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4693.screen-xs .textable.css167 { font-size: 18px!important; font-weight: 600!important; line-height: 1.5!important; letter-spacing: 0em!important } 4694.node.css168 { color: #FFF; padding-top: 4px; padding-bottom: 4px; padding-left: 0px; padding-right: 5px } 4695.node.css168 a { color: rgb(25, 87, 230) } 4696.node.css169 .padding { height: 80px } 4697.node.css170 > .wrapper1 { background-color: rgb(104, 89, 241); border-radius: 32px } 4698.node.css170 { color: #FFF; padding-top: 48px; padding-bottom: 48px; padding-left: 48px; padding-right: 48px } 4699.screen-xs .node.css170 { padding-top: 32px!important } 4700.node.css170 a { color: rgb(46, 25, 230) } 4701.node.css171 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4702.node.css171 a { color: rgb(46, 25, 230) } 4703.node.css172 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 4704.node.css172 a { color: rgb(46, 25, 230) } 4705.textable.css173 { text-align: left; font-family: "Jost", sans-serif; font-size: 34px; font-weight: 600; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4706.node.css174 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 4707.screen-xs .node.css174 { padding-bottom: 32px!important } 4708.node.css174 a { color: rgb(46, 25, 230) } 4709.textable.css175 { text-align: left; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4710.screen-xs .textable.css175 { font-size: 18px!important; line-height: 1.5!important; letter-spacing: 0em!important } 4711.node.css176 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4712.screen-xs .node.css176 { padding-right: 0px!important } 4713.node.css176 a { color: rgb(46, 25, 230) } 4714.metahtml.css177 .bl { 4715 width: 284px; 4716 margin: 0 auto; 4717} 4718 4719.metahtml.css177 .pulse { 4720 border-radius: 59px; 4721 animation: radial-pulsecss177 2s infinite !important; 4722 width: 100%; 4723} 4724 4725.metahtml.css177 .dref .cont .btn-legacy { 4726 border-radius: 59px !important; 4727} 4728 4729@keyframes radial-pulsecss177 { 4730 0% { 4731 box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.36); 4732 } 4733 4734 100% { 4735 box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); 4736 } 4737} 4738 4739.metahtml.css177 .ripple { 4740 width: 0; 4741 height: 0; 4742 border-radius: 50%; 4743 background: rgba(255, 255, 255, 0.4); 4744 transform: scale(0); 4745 position: absolute; 4746 opacity: 1; 4747} 4748 4749.metahtml.css177 .rippleEffect { 4750 animation: rippleDrop 1.6s infinite linear; 4751} 4752 4753@keyframes rippleDrop { 4754 100% { 4755 transform: scale(2); 4756 opacity: 0; 4757 } 4758} 4759.node.css178 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4760.screen-xs .node.css178 { padding-bottom: 0px!important; padding-right: 0px!important } 4761.node.css178 a { color: rgb(46, 25, 230) } 4762.btn.css179 { text-align: left } .btn.css179 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(34, 34, 34);padding-top: 0px;padding-bottom: 0px;font-size: 20px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(34, 34, 34)!important;font-family: "Jost", sans-serif;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css179:hover, .btn.css179.hover { background-color: rgba(76, 59, 238, 0.03);border-color: rgb(76, 59, 238);color: rgb(255, 255, 255)!important; } .btn.css179:active, .btn.css179.active { background-color: rgba(76, 59, 238, 0.07);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important;box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css179:before { } .btn.css179:active:before, .btn.css179.active:before { background-color: rgba(76, 59, 238, 0.07);box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } 4763.modal.css180 .modal-dialog { width: 458px } 4764.metahtml.css181 .bl { 4765 width: 296px; 4766 margin: 0 auto; 4767} 4768 4769.metahtml.css181 .pulse { 4770 border-radius: 59px; 4771 animation: radial-pulsecss181 2s infinite !important; 4772 width: 100%; 4773} 4774 4775.metahtml.css181 .dref .cont .btn-legacy { 4776 border-radius: 59px !important; 4777} 4778 4779@keyframes radial-pulsecss181 { 4780 0% { 4781 box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.36); 4782 } 4783 4784 100% { 4785 box-shadow: 0 0 0 20px rgba(0, 0, 0, 0); 4786 } 4787} 4788 4789.metahtml.css181 .ripple { 4790 width: 0; 4791 height: 0; 4792 border-radius: 50%; 4793 background: rgba(255, 255, 255, 0.4); 4794 transform: scale(0); 4795 position: absolute; 4796 opacity: 1; 4797} 4798 4799.metahtml.css181 .rippleEffect { 4800 animation: rippleDrop 1.6s infinite linear; 4801} 4802 4803@keyframes rippleDrop { 4804 100% { 4805 transform: scale(2); 4806 opacity: 0; 4807 } 4808} 4809.node.css182 > .wrapper1 { background-color: rgb(243, 243, 244) } 4810.node.css182 { color: #333 } 4811.node.css182 > .padding_top { padding-top: 100px } 4812.node.css182 > .padding_bottom { padding-bottom: 100px } 4813.node.css182 a { color: rgb(25, 25, 230) } 4814.node.css183 .s-elements-grid > div > .node { width: calc(100% / 3 - 30px + 30px / 3) } 4815.node.css183 .s-elements-grid { margin: 15px 0 } 4816.node.css183 .s-elements-grid > .cont { gap: 30px 30px } 4817.screen-xs .node.css183 .s-elements-grid > div > .node { width: calc(100% / 1 - 30px + 30px / 1)!important } 4818.screen-xs .node.css183 .s-elements-grid > .cont { column-gap: 30px!important } 4819.node.css184 { color: #333; padding-top: 5px; padding-bottom: 47px; padding-left: 0px; padding-right: 5px } 4820.node.css184 a { color: rgb(25, 25, 230) } 4821.textable.css185 { text-align: left; font-family: "Jost", sans-serif; font-size: 48px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; opacity: 1 } 4822.screen-md .textable.css185 { text-align: left!important; font-size: 54px!important } 4823.screen-sm .textable.css185 { text-align: left!important; font-size: 54px!important } 4824.screen-xs .textable.css185 { text-align: center!important; font-size: 32px!important; line-height: 1.5!important; letter-spacing: 0em!important } 4825.node.css186 > .wrapper1 { background-color: rgb(255, 255, 255); border-radius: 32px; box-shadow: 0px 10px 40px 15px rgba(11, 5, 61, 0.05) } 4826.node.css186 { color: #333; padding-top: 32px; padding-bottom: 32px; padding-left: 32px; padding-right: 32px } 4827.node.css186 a { color: rgb(225, 25, 230) } 4828.node.css187 { color: #333; padding-top: 10px; padding-bottom: 24px; padding-left: 0px; padding-right: 5px } 4829.screen-xs .node.css187 { padding-bottom: 12px!important } 4830.node.css187 a { color: rgb(225, 25, 230) } 4831.node.css188 img { width: calc(0.35 * var(--width)) } 4832.node.css188 .bgnormal { text-align: left } 4833.screen-xs .node.css188 img { width: calc(0.28 * var(--width))!important } 4834.node.css189 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4835.node.css189 a { color: rgb(225, 25, 230) } 4836.textable.css190 { text-align: left; font-family: "Jost", sans-serif; font-size: 21px; font-weight: 600; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4837.screen-xs .textable.css190 { font-size: 18px!important } 4838.textable.css191 { text-align: left; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.7 } 4839.screen-xs .textable.css191 { font-size: 15px!important } 4840.node.css192 > .wrapper1 { background-color: rgb(255, 255, 255) } 4841.node.css192 { color: #333 } 4842.node.css192 > .padding_top { padding-top: 120px } 4843.screen-md .node.css192 > .padding_top { padding-top: 100px!important } 4844.screen-xs .node.css192 > .padding_top { padding-top: 80px!important } 4845.node.css192 > .padding_bottom { padding-bottom: 80px } 4846.node.css192 a { color: rgb(230, 25, 25) } 4847.node.css193 { color: #333; padding-top: 5px; padding-bottom: 20px; padding-left: 0px; padding-right: 5px } 4848.node.css193 a { color: rgb(230, 25, 25) } 4849.node.css194 { color: #333; padding-top: 18px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 4850.node.css194 a { color: rgb(230, 25, 25) } 4851.metahtml.css195 .tabs5-root { 4852 position: relative; 4853} 4854 4855.metahtml.css195 .tabs5-pagination { 4856 text-align: left; 4857 overflow: auto; 4858 margin-bottom: 20px; 4859 display: flex; 4860 align-content: stretch; 4861} 4862 4863.metahtml.css195 .tabs5-page { 4864 position: relative; 4865 transition: all 0.5s; 4866 padding: 0 12px 10px; 4867 color: rgba(51, 51, 51, 0.6); 4868 font-size: 14px; 4869 flex-grow: 1; 4870} 4871 4872.metahtml.css195 .tabs5-page:hover { 4873 border-bottom-color: rgba(51, 51, 51, 0.6); 4874} 4875 4876.metahtml.css195 .tabs5-page.is-active { 4877 color: rgb(104, 89, 241); 4878 font-weight: 700; 4879 border-bottom-color: rgb(104, 89, 241); 4880} 4881 4882.metahtml.css195 .tabs5-page.is-active:before { 4883 background-color: rgb(104, 89, 241); 4884} 4885.textable.css196 { text-align: left; font-family: "Jost", sans-serif; font-size: 17px; font-weight: 400; line-height: 1.4; letter-spacing: 0.02em; opacity: 1 } 4886.node.css197 { color: #333; padding-top: 22px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px } 4887.node.css197 a { color: rgb(230, 25, 25) } 4888.node.css198 > .w-elements-grid > div > .node { width: calc(100% / 2 - 40px + 40px / 2) } 4889.node.css198 > .w-elements-grid > .cont { gap: 60px 40px } 4890.screen-xs .node.css198 > .w-elements-grid > div > .node { width: calc(100% / 1 - 20px + 20px / 1)!important } 4891.screen-xs .node.css198 > .w-elements-grid > .cont { column-gap: 20px!important; row-gap: 30px!important } 4892.node.css198 > .w-elements-container-bottom { margin-top: 60px } 4893.screen-md .node.css198 > .w-elements-container-bottom { margin-top: nullpx!important } 4894.screen-sm .node.css198 > .w-elements-container-bottom { margin-top: nullpx!important } 4895.screen-xs .node.css198 > .w-elements-container-bottom { margin-top: 30px!important } 4896.node.css199 { color: #333; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px } 4897.node.css199 > .wrapper1 { border-radius: 24px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) } 4898.node.css199 a { color: rgb(230, 25, 25) } 4899.node.css200 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4900.screen-xs .node.css200 { padding-bottom: 0px!important } 4901.node.css200 a { color: rgb(230, 25, 25) } 4902.node.css201 .bgimage { height: 410px; background-position: center } 4903.screen-md .node.css201 .bgimage { height: 277px!important } 4904.screen-xs .node.css201 .bgimage { height: 260px!important } 4905.node.css202 { color: #333; padding-top: 20px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4906.screen-xs .node.css202 { padding-top: 16px!important; padding-bottom: 0px!important; padding-left: 0px!important; padding-right: 0px!important } 4907.node.css202 a { color: rgb(230, 25, 25) } 4908.node.css203 { color: #333; padding-top: 10px; padding-bottom: 14px; padding-left: 0px; padding-right: 5px } 4909.screen-xs .node.css203 { padding-top: 3px!important } 4910.node.css203 a { color: rgb(230, 25, 25) } 4911.textable.css204 { text-align: left; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 4912.node.css205 { color: #333; padding-top: 1px; padding-bottom: 10px; padding-left: 0px; padding-right: 29px } 4913.screen-md .node.css205 { padding-right: 5px!important } 4914.screen-xs .node.css205 { padding-right: 5px!important } 4915.node.css205 a { color: rgb(230, 25, 25) } 4916.textable.css206 { text-align: left; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.7; letter-spacing: 0em; opacity: 0.75 } 4917.screen-md .textable.css206 { font-size: 24px!important } 4918.screen-sm .textable.css206 { font-size: 24px!important } 4919.screen-xs .textable.css206 { text-align: left!important; font-size: 14px!important; line-height: 1.8!important; letter-spacing: 0em!important }
4920.node.css207 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4921.screen-xs .node.css207 { padding-top: 20px!important; padding-bottom: 0px!important; padding-right: 0px!important } 4922.node.css207 a { color: rgb(230, 25, 25) } 4923.btn.css208 { text-align: center } .btn.css208 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 2px;border-bottom-width: 2px;border-left-width: 2px;border-right-width: 2px;border-color: rgb(104, 89, 241);padding-top: 24px;padding-bottom: 24px;font-size: 16px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(104, 89, 241)!important;font-family: "Jost", sans-serif; } .btn.css208:hover, .btn.css208.hover { background-color: rgb(104, 89, 241);border-color: rgb(104, 89, 241);color: rgb(255, 255, 255)!important; } .btn.css208:active, .btn.css208.active { background-color: rgb(104, 89, 241);border-color: rgb(49, 28, 236);color: rgb(255, 255, 255)!important; } .btn.css208:before { } .btn.css208:active:before, .btn.css208.active:before { background-color: rgb(104, 89, 241); } 4924.node.css209 > .wrapper1 { background-color: rgb(255, 255, 255) } 4925.node.css209 { color: #333 } 4926.node.css209 > .padding_top { padding-top: 80px } 4927.screen-md .node.css209 > .padding_top { padding-top: 100px!important } 4928.screen-xs .node.css209 > .padding_top { padding-top: 80px!important } 4929.node.css209 > .padding_bottom { padding-bottom: 110px } 4930.node.css209 a { color: rgb(230, 25, 25) } 4931.textable.css210 { text-align: center; font-family: "Jost", sans-serif; font-size: 42px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; opacity: 1 } 4932.screen-md .textable.css210 { text-align: left!important; font-size: 54px!important } 4933.screen-sm .textable.css210 { text-align: left!important; font-size: 54px!important } 4934.screen-xs .textable.css210 { text-align: center!important; font-size: 32px!important; line-height: 1.5!important; letter-spacing: 0em!important } 4935.node.css211 { color: #333; padding-top: 10px; padding-bottom: 42px; padding-left: 5px; padding-right: 5px } 4936.node.css211 a { color: rgb(230, 25, 25) } 4937.textable.css212 { text-align: center; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.9 } 4938.node.css213 { color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 120px; padding-right: 120px } 4939.screen-xs .node.css213 { padding-left: 0px!important; padding-right: 0px!important } 4940.node.css213 a { color: rgb(230, 25, 25) } 4941.node.css214 { color: #333; padding-top: 0px; padding-bottom: 5px; padding-left: 82px; padding-right: 82px } 4942.screen-xs .node.css214 { padding-left: 0px!important; padding-right: 0px!important } 4943.node.css214 a { color: rgb(230, 25, 25) } 4944.node.css215 > .wrapper1 { background-color: rgb(255, 255, 255) } 4945.node.css215 { color: #333 } 4946.node.css215 > .padding_top { padding-top: 60px } 4947.node.css215 > .padding_bottom { padding-bottom: 140px } 4948.screen-xs .node.css215 > .padding_bottom { padding-bottom: 300px!important } 4949.node.css215 a { color: rgb(25, 25, 230) } 4950.node.css216 { color: #333; padding-top: 5px; padding-bottom: 20px; padding-left: 0px; padding-right: 5px } 4951.node.css216 a { color: rgb(25, 25, 230) } 4952.node.css217 { color: #333; padding-top: 10px; padding-bottom: 9px; padding-left: 5px; padding-right: 5px } 4953.node.css217 a { color: rgb(25, 25, 230) } 4954.textable.css218 { text-align: left; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.75 } 4955.screen-xs .textable.css218 { text-align: center!important; font-size: 16px!important } 4956.node.css219 { color: #333 } 4957.node.css219 a { color: rgb(25, 25, 230) } 4958.node.css220 > .zero-grid { height: 436px } 4959.zero-layer.css221 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 9; transform: scale(1, 1) } 4960.zero-layer.css221 > .zero-layer-axis { height: 436px } 4961.zero-layer.css221 > .zero-layer-axis >
4961 .zero-layer-frame { left: 0px; top: 3px; width: 1250px } 4962.screen-md .zero-layer.css221 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; width: 1150px!important } 4963.screen-sm .zero-layer.css221 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; width: 1150px!important } 4964.screen-xs .zero-layer.css221 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: 90px!important; width: 370px!important } 4965.node.css222 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px } 4966.node.css222 a { color: rgb(25, 25, 230) } 4967.node.css223 > .wrapper1 { background-color: rgb(243, 243, 244); border-radius: 32px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) } 4968.node.css223 { color: #333; padding-top: 34px; padding-bottom: 34px; padding-left: 34px; padding-right: 34px } 4969.screen-xs .node.css223 { padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 24px!important; padding-right: 24px!important } 4970.node.css223 a { color: rgb(25, 25, 230) } 4971.node.css224 { color: #333; padding-top: 24px; padding-bottom: 24px; padding-left: 5px; padding-right: 5px } 4972.screen-xs .node.css224 { padding-top: 12px!important; padding-bottom: 17px!important } 4973.node.css224 a { color: rgb(25, 25, 230) } 4974.node.css225 img { width: calc(0.9 * var(--width)) } 4975.node.css225 .bgnormal { text-align: left } 4976.screen-xs .node.css225 img { width: calc(0.68 * var(--width))!important } 4977.node.css226 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4978.screen-xs .node.css226 { padding-bottom: 0px!important } 4979.node.css226 a { color: rgb(25, 25, 230) } 4980.textable.css227 { text-align: left; font-family: "Jost", sans-serif; font-size: 24px; font-weight: 600; line-height: 1.4; letter-spacing: 0em; opacity: 1 } 4981.screen-md .textable.css227 { font-size: 22px!important } 4982.screen-sm .textable.css227 { font-size: 22px!important } 4983.screen-xs .textable.css227 { font-size: 20px!important } 4984.node.css228 { color: #333; padding-top: 10px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 4985.node.css228 a { color: rgb(25, 25, 230) } 4986.textable.css229 { text-align: left; font-family: "Jost", sans-serif; font-size: 16px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.72 } 4987.screen-md .textable.css229 { font-size: 15px!important } 4988.screen-sm .textable.css229 { font-size: 15px!important } 4989.screen-xs .textable.css229 { font-size: 15px!important } 4990.node.css230 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 4991.node.css230 a { color: rgb(25, 25, 230) } 4992.node.css231 .padding { height: 20px } 4993.node.css232 > .wrapper1 { background-color: rgb(243, 243, 244); border-radius: 32px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) } 4994.node.css232 { color: #333; padding-top: 34px; padding-bottom: 83px; padding-left: 34px; padding-right: 34px } 4995.screen-xs .node.css232 { padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 24px!important; padding-right: 24px!important } 4996.node.css232 a { color: rgb(25, 25, 230) } 4997.node.css233 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 4998.node.css233 a { color: rgb(25, 25, 230) } 4999.node.css234 > .wrapper1 { background-color: rgb(243, 243, 244); border-radius: 32px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) } 5000.node.css234 { color: #333; padding-top: 34px; padding-bottom: 48px; padding-left: 34px; padding-right: 34px } 5001.screen-xs .node.css234 { padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 24px!important; padding-right: 24px!important } 5002.node.css234 a { color: rgb(25, 25, 230) } 5003.node.css235 > .wrapper1 { background-color: rgb(243, 243, 244); border-radius: 32px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) } 5004.node.css235 { color: #333; padding-top: 34px; padding-bottom: 75px; padding-left: 34px; padding-right: 34px } 5005.screen-xs .node.css235 { padding-top: 24px!important; padding-bottom: 24px!important; padding-left: 24px!important; padding-right: 24px!important } 5006.node.css235 a { color: rgb(25, 25, 230) } 5007.zero-layer.css236 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1) } 5008.zero-layer.css236 > .zero-layer-axis { height: 436px } 5009.zero-layer.css236 > .zero-layer-axis >
5009 .zero-layer-frame { left: -340px; top: 13px; width: 502.81px } 5010.screen-md .zero-layer.css236 > .zero-layer-axis > .zero-layer-frame { left: 806.48px!important; width: 407.03px!important } 5011.screen-sm .zero-layer.css236 > .zero-layer-axis > .zero-layer-frame { left: 806.48px!important; width: 407.03px!important } 5012.screen-xs .zero-layer.css236 > .zero-layer-axis > .zero-layer-frame { left: 100px!important; top: -134px!important; width: 330px!important } 5013.node.css237 .bgimage { height: 480px; background-position: center } 5014.node.css237 img.selectable { max-height: 480px } 5015.node.css237 .proportions { width: calc(var(--width) / var(--height) * 480); padding-top: 480px } 5016.node.css238 .padding { height: 400px } 5017.node.css239 .padding { height: 142px } 5018.node.css240 > .wrapper1 { background-color: rgb(243, 243, 244) } 5019.node.css240 { color: #333 } 5020.node.css240 > .padding_top { padding-top: 100px } 5021.screen-xs .node.css240 > .padding_top { padding-top: 80px!important } 5022.node.css240 > .padding_bottom { padding-bottom: 110px } 5023.screen-xs .node.css240 > .padding_bottom { padding-bottom: 80px!important } 5024.node.css240 a { color: rgb(25, 25, 230) } 5025.textable.css241 { text-align: left; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.75 } 5026.screen-xs .textable.css241 { text-align: left!important; font-size: 16px!important } 5027.node.css242 .padding { height: 24px } 5028.screen-xs .node.css242 .padding { height: 12px!important } 5029.metahtml.css243 .slider1-root { 5030 position: relative; 5031} 5032 5033.metahtml.css243 .slider1-previous, 5034.metahtml.css243 .slider1-next { 5035 display: inline-block; 5036 height: 32px; 5037 width: 32px; 5038 font-size: 10.666666666666666px; 5039 vertical-align: middle; 5040 line-height: 28px; 5041 text-align: center; 5042 border-radius: 100%; 5043 border: 2px solid rgba(51, 51, 51, 0.2); 5044 color: rgb(51, 51, 51); 5045 opacity: 0.8; 5046} 5047 5048.metahtml.css243 .slider1-previous { 5049 margin-right: 10.666666666666666px; 5050} 5051 5052.metahtml.css243 .slider1-previous:hover { 5053 opacity: 1; 5054} 5055 5056.metahtml.css243 .slider1-previous i { 5057 margin-right: 2.1333333333333333px; 5058} 5059 5060.metahtml.css243 .slider1-next { 5061 margin-left: 10.666666666666666px; 5062} 5063 5064.metahtml.css243 .slider1-next:hover { 5065 opacity: 1; 5066} 5067 5068.metahtml.css243 .slider1-next i { 5069 margin-left: 2.1333333333333333px; 5070} 5071 5072.metahtml.css243 .slider1-container { 5073 margin-top: 10px; 5074} 5075.node.css244 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 4px; padding-right: 4px } 5076.node.css244 a { color: rgb(25, 25, 230) } 5077.textable.css245 { text-align: left; font-family: "Jost", sans-serif; font-size: 28px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 5078.screen-md .textable.css245 { text-align: left!important; font-size: 28px!important } 5079.screen-sm .textable.css245 { text-align: left!important; font-size: 28px!important } 5080.screen-xs .textable.css245 { text-align: left!important; font-size: 26px!important } 5081.node.css246 { color: #333; padding-top: 10px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px } 5082.node.css246 a { color: rgb(25, 25, 230) } 5083.node.css247 li { background-size: 60px 60px; min-height: 60px; padding-left: 68px } 5084.node.css247 li + li { margin-top: 15px } 5085.textable.css248 { text-align: left; font-family: "Jost", sans-serif; font-size: 22px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 5086.screen-md .textable.css248 { font-size: 24px!important } 5087.screen-sm .textable.css248 { font-size: 24px!important } 5088.screen-xs .textable.css248 { font-size: 20px!important } 5089.node.css249 { color: #333; padding-top: 6px; padding-bottom: 6px; padding-left: 5px; padding-right: 5px } 5090.node.css249 a { color: rgb(25, 25, 230) } 5091.node.css250 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 5px } 5092.node.css250 a { color: rgb(25, 25, 230) } 5093.textable.css251 { text-align: left; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 5094.screen-md .textable.css251 { font-size: 24px!important } 5095.screen-sm .textable.css251 { font-size: 24px!important } 5096.screen-xs .textable.css251 { font-size: 20px!important } 5097.node.css252 .padding { height: 56px } 5098.screen-xs .node.css252 .padding { height: 2px!important } 5099.node.css253 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px } 5100.node.css253 a { color: rgb(25, 25, 230) } 5101.node.css254 .zigzag-bottom { background: white; background: linear-gradient(45deg, white 25%, rgba(255,255,255,0) 25%), linear-gradient(315deg, white 25%, rgba(255,255,255,0) 25%);} 5102.node.css255 > .wrapper1 { background-color: rgb(255, 255, 255) } 5103.node.css255 { color: #333 } 5104.node.css255 > .padding_top { padding-top: 120px } 5105.screen-xs .node.css255 > .padding_top { padding-top: 80px!important } 5106.node.css255 > .padding_bottom { padding-bottom: 120px } 5107.screen-xs .node.css255 > .padding_bottom { padding-bottom: 80px!important } 5108.node.css255 a { color: rgb(25, 230, 162) } 5109.node.css256 { color: #333; padding-top: 5px; padding-bottom: 20px; padding-left: 5px; padding-right: 5px } 5110.node.css256 a { color: rgb(25, 230, 162) } 5111.node.css257 { color: #333; padding-top: 10px; padding-bottom: 9px; padding-left: 5px; padding-right: 5px } 5112.node.css257 a { color: rgb(25, 230, 162) } 5113.node.css258 { color: #333; padding-top: 0px; padding-bottom: 34px; padding-left: 0px; padding-right: 0px } 5114.screen-xs .node.css258 { padding-left: 12px!important } 5115.node.css258 a { color: rgb(25, 230, 162) } 5116.node.css259 { color: #333; padding-top: 5px; padding-bottom: 20px; padding-left: 0px; padding-right: 5px } 5117.node.css259 a { color: rgb(25, 230, 162) } 5118.textable.css260 { text-align: left; font-family: "Jost", sans-serif; font-size: 48px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; opacity: 1 } 5119.screen-md .textable.css260 { text-align: left!important; font-size: 54px!important } 5120.screen-sm .textable.css260 { text-align: left!important; font-size: 54px!important } 5121.screen-xs .textable.css260 { text-align: left!important; font-size: 32px!important; line-height: 1.5!important; letter-spacing: 0em!important } 5122.textable.css261 { text-align: left; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.75 } 5123.screen-xs .textable.css261 { font-size: 16px!important } 5124.node.css262 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 5125.node.css262 a { color: rgb(25, 230, 162) } 5126.metahtml.css263 .button-546 { 5127 background: rgba(104, 89, 241, 0.5); 5128 color: rgb(255, 255, 255); 5129 font-family: "Jost", sans-serif; 5130 font-size: 20px; 5131 padding: 12px 0; 5132 display: flex; 5133 justify-content: start; 5134 position: relative; 5135 align-items: center; 5136 flex-direction: row-reverse; 5137 max-width: 100%; 5138 user-select: none; 5139 overflow: hidden; 5140 width: 100%; 5141 border: none; 5142 border-radius: 32px 32px 32px 32px; 5143 outline: none; 5144 transition: all 0.3s ease; 5145 box-shadow: 0 0px 0px 0px rgba(104, 89, 241, 0); 5146 -webkit-touch-callout: none; 5147 -webkit-user-select: none; 5148 -khtml-user-select: none; 5149 -moz-user-select: none; 5150 -ms-user-select: none; 5151 user-select: none; 5152} 5153 5154.metahtml.css263 .button-546:hover, 5155.metahtml.css263 .button-546.hover { 5156 background: rgb(104, 89, 241); 5157 color: rgb(255, 255, 255); 5158 box-shadow: 0 0px 0px 0px rgba(104, 89, 241, 0); 5159} 5160 5161/* СÑили Ð´Ð»Ñ ÑазмеÑÐµÐ½Ð¸Ñ Ð¸ÐºÐ¾Ð½ÐºÐ¸ */ 5162 5163.metahtml.css263 .ico { 5164 width: 26px; 5165 display: inline-block; 5166 flex-shrink: 0; 5167 box-sizing: content-box; 5168 pointer-events: none; 5169 z-index: 10; 5170} 5171 5172.metahtml.css263 .ico-margin { 5173 width: 0px; 5174 display: inline-block; 5175 flex-shrink: 0; 5176} 5177 5178.metahtml.css263 .button-546.disable { 5179 pointer-events: none; 5180 background: rgba(104, 89, 241, 0.05); 5181 color: rgba(104, 89, 241, 0.2); 5182 box-shadow: 0 0px 0px 0px rgba(104, 89, 241, 0); 5183 opacity: 1; 5184} 5185 5186.metahtml.css263 .button-546.bold { 5187 font-weight: bold; 5188} 5189 5190.metahtml.css263 .button-546.uppercase { 5191 letter-spacing: 0.1em; 5192 text-transform: uppercase; 5193} 5194 5195.metahtml.css263 .padding { 5196 flex-shrink: 1000000; 5197 flex-grow: 1; 5198 width: 12px; 5199 display: block; 5200 transition: all 0.45s; 5201} 5202 5203.metahtml.css263 .text { 5204 flex-shrink: 1; 5205 text-align: right; 5206 display: flex; 5207 pointer-events: none; 5208 z-index: 10; 5209} 5210 5211.metahtml.css263 .button-546:hover { 5212 transform: translatex(-5px); 5213 transition: all 0.1s ease; 5214} 5215.node.css264 { color: #333; padding-top: 21px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 5216.node.css264 a { color: rgb(25, 230, 162) } 5217.metahtml.css265 .shadow { 5218 height: 100%; 5219 position: absolute; 5220 z-index: 100; 5221 bottom: 0; 5222 pointer-events: none; 5223 transition: opacity 0.3s ease; 5224} 5225 5226.metahtml.css265 .shadow--right { 5227 background: -webkit-linear-gradient(270deg, rgba(128, 128, 128, 1), transparent); 5228 background: linear-gradient(270deg, rgba(128, 128, 128, 1), transparent); 5229 opacity: 0; 5230 right: 0px; 5231 width: 0%; 5232 display: block; 5233 opacity: 1; 5234} 5235 5236.metahtml.css265 .shadow--left { 5237 background: -webkit-linear-gradient(90deg, rgba(128, 128, 128, 1), transparent); 5238 background: linear-gradient(90deg, rgba(128, 128, 128, 1), transparent); 5239 left: 0px; 5240 width: 0%; 5241 opacity: 0; 5242} 5243 5244.metahtml.css265 .owl-item > .widget-element.widget .cont { 5245 display: flex; 5246 flex-direction: column; 5247 width: 100%; 5248} 5249 5250.metahtml.css265 .owl-item > .widget-element.widget a { 5251 height: 100%; 5252} 5253 5254.metahtml.css265 .owl-carousel > .cont { 5255 display: none; 5256} 5257 5258.metahtml.css265 .disable { 5259 opacity: .3; 5260} 5261 5262.metahtml.css265 .slide-block { 5263 overflow: hidden; 5264} 5265 5266.screen-sm .metahtml.css265 .owl-nav, 5267.screen-xs .metahtml.css265 .owl-nav { 5268 display: none; 5269} 5270 5271.metahtml.css265 .owl-next { 5272 display: none; 5273} 5274 5275.metahtml.css265 .owl-prev { 5276 display: none; 5277} 5278 5279.metahtml.css265 .owl-carousel { 5280 display: flex; 5281 flex-direction: column; 5282 -ms-touch-action: pan-y; 5283 touch-action: pan-y; 5284 -webkit-touch-callout: none; 5285 -webkit-user-select: none; 5286 -khtml-user-select: none; 5287 -moz-user-select: none; 5288 -ms-user-select: none; 5289 user-select: none; 5290} 5291 5292.metahtml.css265 .owl-stage-outer { 5293 overflow: hidden; 5294 border-radius: 10px; 5295 cursor: grabbing; 5296 cursor: -webkit-grabbing; 5297} 5298 5299.metahtml.css265 .owl-stage { 5300 display: flex; 5301} 5302 5303.metahtml.css265 .owl-item > .widget-element { 5304 height: 100%; 5305} 5306 5307.metahtml.css265 .owl-item > .widget-element > .widget-element.wrapper { 5308 height: 100%; 5309} 5310 5311.metahtml.css265 .owl-item > .widget-element > .widget-element.wrapper > .cont { 5312 height: 100%; 5313} 5314 5315.metahtml.css265 .owl-item > .widget-element > .widget-element.wrapper > .cont > .slide-block { 5316 height: 100%; 5317} 5318.node.css266 { color: #333; padding-top: 24px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 5319.node.css266 a { color: rgb(25, 230, 162) } 5320.node.css267 > .w-elements-grid > div > .node { width: calc(100% / 4 - 30px + 30px / 4) } 5321.node.css267 > .w-elements-grid > .cont { gap: 20px 30px } 5322.screen-xs .node.css267 > .w-elements-grid > div > .node { width: calc(100% / 1 - 30px + 30px / 1)!important } 5323.screen-xs .node.css267 > .w-elements-grid > .cont { column-gap: 30px!important } 5324.node.css268 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 5325.node.css268 > .wrapper1 { border-radius: 24px } 5326.node.css268 a { color: rgb(25, 230, 162) } 5327.node.css269 > .wrapper1 { background-color: rgb(243, 243, 244); border-radius: 32px } 5328.node.css269 { color: #333; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 5329.screen-xs .node.css269 { padding-top: 0px!important; padding-bottom: 0px!important; padding-left: 0px!important; padding-right: 0px!important } 5330.node.css269 a { color: rgb(25, 25, 230) } 5331.node.css270 { color: #333; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px } 5332.screen-xs .node.css270 { padding-bottom: 0px!important } 5333.node.css270 > .wrapper1 { border-radius: 24px; border-width: 2px; border-style: solid; border-color: rgb(255, 255, 255) } 5334.node.css270 a { color: rgb(25, 25, 230) } 5335.node.css271 .bgimage { height: 415px; background-position: center } 5336.screen-xs .node.css271 .bgimage { height: 420px!important } 5337.node.css272 { color: #333; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px } 5338.node.css272 a { color: rgb(25, 25, 230) } 5339.textable.css273 { text-align: center; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 600; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 5340.screen-md .textable.css273 { font-size: 19px!important } 5341.screen-sm .textable.css273 { font-size: 19px!important } 5342.screen-xs .textable.css273 { font-size: 19px!important } 5343.node.css274 { color: #333; padding-top: 4px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 5344.node.css274 a { color: rgb(25, 25, 230) } 5345.textable.css275 { text-align: center; font-family: "Jost", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 0.7 } 5346.screen-xs .textable.css275 { font-size: 15px!important } 5347.node.css276 { color: #333; padding-top: 4px; padding-bottom: 9px; padding-left: 5px; padding-right: 5px } 5348.screen-md .node.css276 { padding-bottom: 10px!important } 5349.screen-sm .node.css276 { padding-bottom: 10px!important } 5350.screen-xs .node.css276 { padding-bottom: 10px!important } 5351.node.css276 a { color: rgb(25, 25, 230) } 5352.node.css277 .bgimage { height: 415px; background-position: center } 5353.screen-xs .node.css277 .bgimage { height: 380px!important } 5354.node.css278 { color: #333; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 5355.node.css278 a { color: rgb(25, 230, 162) } 5356.node.css279 { color: #333; padding-top: 14px; padding-bottom: 9px; padding-left: 0px; padding-right: 0px } 5357.node.css279 a { color: rgb(25, 230, 162) } 5358.metahtml.css280 .slicdots { 5359 display: flex; 5360 justify-content: center; 5361 gap: 9px; 5362} 5363 5364.metahtml.css280 .owl-dot { 5365 width: 12px; 5366 height: 12px; 5367 background-color: rgb(244, 244, 244); 5368 border: none; 5369 border-radius: 50%; 5370 padding: 0; 5371 cursor: pointer; 5372 transition: all 0.3s ease; 5373} 5374 5375.metahtml.css280 .owl-dot.active { 5376 background-color: rgb(104, 89, 241)!important; 5377} 5378 5379.metahtml.css280 .owl-dot span { 5380 display: none; 5381} 5382 5383.metahtml.css280 .owl-dot:hover { 5384 background-color: rgb(164, 155, 247); 5385} 5386.metahtml.css281 .slider1-root { 5387 position: relative; 5388 display: flex; 5389 align-items: center; 5390} 5391 5392.metahtml.css281 .slider1-container { 5393 margin: 0 20px; 5394 flex-grow: 1; 5395} 5396 5397.metahtml.css281 .slider1-previous, 5398.metahtml.css281 .slider1-next { 5399 flex: 0 0 40px; 5400 height: 40px; 5401 font-size: 13.333333333333334px; 5402 line-height: 36px; 5403 text-align: center; 5404 border-radius: 100%; 5405 border: 2px solid rgba(51, 51, 51, 0.2); 5406 color: rgb(51, 51, 51); 5407 opacity: 0.8; 5408} 5409 5410.metahtml.css281 .slider1-previous { 5411 left: 0; 5412} 5413 5414.metahtml.css281 .slider1-previous:hover { 5415 opacity: 1; 5416} 5417 5418.metahtml.css281 .slider1-previous i { 5419 margin-right: 2.6666666666666665px; 5420} 5421 5422.metahtml.css281 .slider1-next { 5423 right: 0; 5424} 5425 5426.metahtml.css281 .slider1-next:hover { 5427 opacity: 1; 5428} 5429 5430.metahtml.css281 .slider1-next i { 5431 margin-left: 2.6666666666666665px; 5432} 5433 5434.metahtml.css281 .slider1-pagination { 5435 text-align: center; 5436 margin-top: 10px; 5437} 5438 5439.metahtml.css281 .slider1-page { 5440 display: inline-block; 5441 width: 8px; 5442 height: 8px; 5443 background-color: rgba(51, 51, 51, 0.2); 5444 border-radius: 100%; 5445 padding: 1.6px; 5446 transition: background-color 0.3s; 5447 vertical-align: middle; 5448} 5449 5450.metahtml.css281 .slider1-page + .slider1-page { 5451 margin-left: 5.333333333333333px; 5452} 5453 5454.metahtml.css281 .slider1-page.is-active { 5455 background-color: rgb(104, 89, 241); 5456} 5457 5458.metahtml.css281 .slider1-page:hover { 5459 opacity: 1; 5460} 5461 5462.screen-xs .metahtml.css281 .slider1-previous, 5463.screen-xs .metahtml.css281 .slider1-next { 5464 display: none; 5465} 5466 5467.screen-xs .metahtml.css281 .slider1-container { 5468 margin: 0; 5469} 5470.node.css282 .bgimage { height: 375px; background-position: center } 5471.screen-xs .node.css282 .bgimage { height: 481px!important } 5472.node.css283 .bgimage { height: 380px; background-position: center } 5473.screen-xs .node.css283 .bgimage { height: 481px!important } 5474.node.css284 > .wrapper1 { background-color: rgb(6, 9, 16) } 5475.node.css284 { color: #FFF } 5476.node.css284 > .padding_top { padding-top: 120px } 5477.screen-md .node.css284 > .padding_top { padding-top: 100px!impor
5477tant } 5478.screen-xs .node.css284 > .padding_top { padding-top: 80px!important } 5479.node.css284 > .padding_bottom { padding-bottom: 300px } 5480.node.css284 a { color: rgb(25, 87, 230) } 5481.node.css285 { color: #FFF; padding-top: 5px; padding-bottom: 32px; padding-left: 0px; padding-right: 5px } 5482.screen-xs .node.css285 { padding-bottom: 7px!important } 5483.node.css285 a { color: rgb(25, 87, 230) } 5484.textable.css286 { text-align: center; font-family: "Jost", sans-serif; font-size: 48px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; opacity: 1 } 5485.screen-md .textable.css286 { text-align: left!important; font-size: 54px!important } 5486.screen-sm .textable.css286 { text-align: left!important; font-size: 54px!important } 5487.screen-xs .textable.css286 { text-align: center!important; font-size: 32px!important; line-height: 1.5!important; letter-spacing: 0em!important } 5488.node.css287 .padding { height: 45px } 5489.screen-xs .node.css287 .padding { height: 2px!important } 5490.screen-md .node.css287 .padding { height: 30px!important } 5491.node.css288 { color: #FFF; padding-top: 34px; padding-bottom: 10px; padding-left: 5px; padding-right: 136px } 5492.screen-xs .node.css288 { padding-top: 0px!important; padding-right: 10px!important } 5493.node.css288 a { color: rgb(25, 87, 230) } 5494.textable.css289 { text-align: left; font-family: "Jost", sans-serif; font-size: 19px; font-weight: 400; line-height: 1.9; letter-spacing: 0em; opacity: 0.8 } 5495.screen-xs .textable.css289 { text-align: center!important; font-size: 16px!important } 5496.node.css290 { color: #FFF; padding-top: 13px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 5497.screen-xs .node.css290 { padding-top: 0px!important; padding-bottom: 35px!important } 5498.node.css290 a { color: rgb(25, 87, 230) } 5499.node.css291 img { width: 250px } 5500.node.css291 .roundimage { text-align: left } 5501.screen-xs .node.css291 img { width: 191px!important } 5502.screen-xs .node.css291 .roundimage { text-align: center!important } 5503.node.css292 { color: #FFF; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px } 5504.node.css292 a { color: rgb(25, 87, 230) } 5505.node.css293 .bgimage { height: 70px; background-position: center } 5506.node.css293 img.selectable { max-height: 70px } 5507.node.css293 .proportions { width: calc(var(--width) / var(--height) * 70); padding-top: 70px } 5508.node.css294 { color: #FFF; padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px } 5509.node.css294 a { color: rgb(25, 87, 230) } 5510.metahtml.css295 .spoiler2 { 5511 background-color: rgb(6, 9, 16); 5512 border-radius: 5px; 5513 box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1); 5514 color: rgb(220, 226, 242); 5515 padding: 15 25px; 5516} 5517 5518.metahtml.css295 .spoiler2-header { 5519 padding: 15px 5px; 5520 padding-right: 20px; 5521 position: relative; 5522 cursor: pointer; 5523 font-weight: 700; 5524} 5525 5526.metahtml.css295 .spoiler2-header, 5527.metahtml.css295 p { 5528 font-weight: 700; 5529} 5530 5531.metahtml.css295 .spoiler2-toggle { 5532 position: absolute; 5533 top: 50%; 5534 transform: translateY(-50%); 5535 right: 0px; 5536 font-size: 26px; 5537} 5538 5539.metahtml.css295 .spoiler2-toggle i { 5540 transition: all 0.2s ease-in-out; 5541} 5542 5543.metahtml.css295 .spoiler2-header.is-expanded .spoiler2-toggle i { 5544 transform: rotate(180deg); 5545 margin-top: 6px; 5546} 5547 5548.metahtml.css295 .spoiler2-container { 5549 border-top: 1px solid rgba(255, 255, 255, 0.1); 5550 padding: 15px 0; 5551} 5552.textable.css296 { text-align: left; font-family: "Jost", sans-serif; font-size: 24px; font-weight: 400; line-height: 1.5999999999999999; letter-spacing: 0em; opacity: 1 } 5553.screen-md .textable.css296 { font-size: 28px!important } 5554.screen-sm .textable.css296 { font-size: 28px!important } 5555.screen-xs .textable.css296 { font-size: 18px!important } 5556.node.css297 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 5px } 5557.node.css297 a { color: rgb(25, 87, 230) } 5558.node.css298 ul { padding-left: 16px; list-style-type: disc } 5559.node.css298 li { padding-left: 5px } 5560.node.css298 li + li { margin-top: 0.4em } 5561.textable.css299 { text-align: left; font-family: "Jost", sans-serif; font-size: 18px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 5562.screen-md .textable.css299 { font-size: 18px!important } 5563.screen-sm .textable.css299 { font-size: 18px!important } 5564.screen-xs .textable.css299 { font-size: 16px!important } 5565.node.css300 { color: #FFF; padding-top: 10px; padding-bottom: 96px; padding-left: 5px; padding-right: 5px } 5566.node.css300 a { color: rgb(25, 87, 230) } 5567.node.css301 > .wrapper1 { background-color: rgb(6, 9, 16) } 5568.node.css301 { color: #FFF } 5569.node.css301 > .padding_top { padding-top: 300px } 5570.screen-md .node.css301 > .padding_top { padding-top: 250px!important } 5571.screen-xs .node.css301 > .padding_top { padding-top: 250px!important } 5572.node.css301 > .padding_bottom { padding-bottom: 60px } 5573.screen-xs .node.css301 > .padding_bottom { padding-bottom: 44px!important } 5574.node.css301 a { color: rgb(25, 87, 230) } 5575.node.css302 { color: #FFF } 5576.node.css302 a { color: rgb(25, 87, 230) } 5577.node.css303 > .zero-grid { height: 102px } 5578.zero-layer.css304 > .zero-layer-axis > .zero-layer-frame > .cont { z-index: 8; transform: scale(1, 1) } 5579.zero-layer.css304 > .zero-layer-axis { height: 102px } 5580.zero-layer.css304 > .zero-layer-axis >
5580 .zero-layer-frame { left: 0px; top: -560px; width: 1250px } 5581.screen-md .zero-layer.css304 > .zero-layer-axis > .zero-layer-frame { left: 3.5px!important; top: -540px!important; width: 1141px!important } 5582.screen-sm .zero-layer.css304 > .zero-layer-axis > .zero-layer-frame { left: 3.5px!important; top: -540px!important; width: 1141px!important } 5583.screen-xs .zero-layer.css304 > .zero-layer-axis > .zero-layer-frame { left: 0px!important; top: -590px!important; width: 373.25px!important } 5584.node.css305 > .wrapper1 { background-color: rgb(104, 89, 241); border-radius: 46px; border-width: 1px; border-style: solid; border-color: rgb(57, 57, 57) } 5585.node.css305 { color: #FFF; padding-top: 61px; padding-bottom: 61px; padding-left: 101px; padding-right: 101px } 5586.screen-xs .node.css305 { padding-top: 32px!important; padding-bottom: 32px!important; padding-left: 32px!important; padding-right: 32px!important } 5587.screen-md .node.css305 { padding-left: 70px!important; padding-right: 70px!important } 5588.node.css305 a { color: rgb(46, 25, 230) } 5589.node.css306 { color: #FFF; padding-top: 0px; padding-bottom: 57px; padding-left: 0px; padding-right: 0px } 5590.screen-xs .node.css306 { padding-bottom: 12px!important } 5591.node.css306 a { color: rgb(46, 25, 230) } 5592.textable.css307 { text-align: center; font-family: "Jost", sans-serif; font-size: 36px; font-weight: 600; line-height: 1.1; letter-spacing: 0em; opacity: 1 } 5593.screen-md .textable.css307 { font-size: 40px!important } 5594.screen-sm .textable.css307 { font-size: 40px!important } 5595.screen-xs .textable.css307 { text-align: left!important; font-size: 26px!important; line-height: 1.3!important; letter-spacing: 0em!important } 5596.node.css308 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 0px; padding-right: 43px } 5597.screen-xs .node.css308 { padding-top: 16px!important; padding-bottom: 21px!important; padding-right: 0px!important } 5598.node.css308 a { color: rgb(46, 25, 230) } 5599.textable.css309 { text-align: left; font-family: "Jost", sans-serif; font-size: 24px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 1 } 5600.screen-md .textable.css309 { font-size: 26px!important } 5601.screen-sm .textable.css309 { font-size: 26px!important } 5602.screen-xs .textable.css309 { text-align: left!important; font-size: 16px!important } 5603.node.css310 { color: #FFF; padding-top: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px } 5604.node.css310 a { color: rgb(46, 25, 230) } 5605.metahtml.css311 .form1-cover { 5606 padding: 0px 0px; 5607 background-color: rgba(255, 255, 255, 0); 5608 border-color: rgb(0, 0, 0); 5609 border-style: none; 5610 border-width: 1px; 5611 border-radius: 0px; 5612 box-shadow: 0 0px 0px 0px rgba(0, 0, 0, 0.1); 5613} 5614.metahtml.css312 [cr-field] { 5615 padding-bottom: 12px; 5616 font-size: 16px; 5617 font-family: "Jost", sans-serif; 5618} 5619 5620.metahtml.css312 .name { 5621 color: rgba(255, 255, 255, 0.66); 5622 font-weight: normal; 5623 font-family: "Jost", sans-serif; 5624 font-size: 13px; 5625 text-transform: uppercase;; 5626 margin-bottom: 6.5px; 5627 word-wrap: break-word; 5628 letter-spacing: 0.1em;; 5629} 5630 5631.metahtml.css312 .form-control { 5632 height: auto; 5633 line-height: 1.2; 5634 box-shadow: none; 5635 position: relative; 5636 color: rgb(255, 255, 255); 5637 background-color: rgba(255, 255, 255, 0.1); 5638 border: 2px solid rgba(185, 182, 212, 0.32); 5639 border-radius: 16px; 5640 padding: 20px 16px; 5641 font-size: 16px; 5642 cursor: initial; 5643} 5644 5645.metahtml.css312 .form-control:focus, 5646.metahtml.css312 .form-control:focus-within { 5647 border-color: rgb(104, 89, 241); 5648 background-color: rgba(242, 242, 242, 0.1); 5649} 5650 5651.metahtml.css312 ::placeholder { 5652 color: rgba(255, 255, 255, 0.66); 5653 font-family: "Jost", sans-serif; 5654} 5655 5656.metahtml.css312 .form-control + .form-control { 5657 margin-top: 10px; 5658} 5659 5660.metahtml.css312 label { 5661 font-weight: normal; 5662 display: block; 5663 cursor: pointer; 5664} 5665 5666.metahtml.css312 textarea { 5667 resize: vertical; 5668} 5669 5670.metahtml.css312 .checkbox { 5671 width: 22px; 5672 height: 22px; 5673 padding: 0; 5674 margin: 0 5.5px 0 0; 5675 line-height: 0; 5676 min-height: auto; 5677 display: inline-block; 5678 vertical-align: middle; 5679 background: white; 5680 border: 2px solid rgba(0, 0, 0, 0.25); 5681 position: relative; 5682 transition: 300ms all; 5683 border-radius: 2px; 5684} 5685 5686.metahtml.css312 .checkbox svg { 5687 width: 100%; 5688 opacity: 0; 5689 transform: scale(0); 5690 transition: 300ms all; 5691} 5692
5693.metahtml.css312 input:hover ~ .checkbox, 5694.metahtml.css312 input:focus ~ .checkbox { 5695 border-color: rgb(179, 172, 248); 5696} 5697 5698.metahtml.css312 input:checked ~ .checkbox { 5699 border-color: rgb(76, 59, 238); 5700 background-color: rgb(104, 89, 241); 5701} 5702 5703.metahtml.css312 input:active ~ .checkbox { 5704 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 5705} 5706 5707.metahtml.css312 input:checked ~ .checkbox svg { 5708 opacity: 1; 5709 transform: scale(1); 5710} 5711 5712.metahtml.css312 .radio { 5713 margin: 0; 5714 margin: 0 5.5px 0 0; 5715 padding: 0; 5716 line-height: 0; 5717 width: 22px; 5718 height: 22px; 5719 min-height: auto; 5720 display: inline-block; 5721 vertical-align: middle; 5722 background: white; 5723 border: 2px solid rgba(0, 0, 0, 0.25); 5724 position: relative; 5725 transition: 300ms all; 5726 border-radius: 100px; 5727} 5728 5729.metahtml.css312 .radio:before { 5730 position: absolute; 5731 left: 0; 5732 width: 100%; 5733 top: 0; 5734 height: 100%; 5735 content: ''; 5736 display: block; 5737 background-color: white; 5738 border-radius: 100px; 5739 opacity: 0; 5740 transform: scale(0); 5741 transition: 300ms all; 5742} 5743 5744.metahtml.css312 input:hover ~ .radio, 5745.metahtml.css312 input:focus ~ .radio { 5746 border-color: rgb(179, 172, 248); 5747} 5748 5749.metahtml.css312 input:active ~ .radio { 5750 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15); 5751} 5752 5753.metahtml.css312 input:checked ~ .radio { 5754 border-color: rgb(76, 59, 238); 5755 background-color: rgb(104, 89, 241); 5756} 5757 5758.metahtml.css312 input:checked ~ .radio:before { 5759 opacity: 1; 5760 transform: scale(0.5); 5761} 5762 5763.metahtml.css312 [cr-field="checkbox-list"] span { 5764 color: rgb(0, 0, 0); 5765 vertical-align: middle; 5766} 5767 5768.metahtml.css312 [cr-field="checkbox-list"] input { 5769 position: absolute; 5770 width: 0; 5771 height: 0; 5772 opacity: 0; 5773 overflow: hidden; 5774} 5775 5776.metahtml.css312 [cr-field="checkbox-list"] label + label { 5777 margin-top: 7.333333333333333px; 5778} 5779 5780.metahtml.css312 [cr-field="checkbox-visual"] { 5781 overflow: hidden; 5782} 5783 5784.metahtml.css312 [cr-field="checkbox-visual"] .items { 5785 display: flex; 5786 flex-wrap: wrap; 5787 justify-content: space-between; 5788} 5789 5790.metahtml.css312 [cr-field="checkbox-visual"] .item { 5791 display: inline-block; 5792 vertical-align: top; 5793 text-align: center; 5794 margin-bottom: 18px; 5795 width: 30%; 5796 color: rgb(0, 0, 0); 5797} 5798 5799.metahtml.css312 [cr-field="checkbox-visual"] label { 5800 position: relative; 5801} 5802 5803.metahtml.css312 [cr-field="checkbox-visual"] .bgimage { 5804 background-size: cover; 5805 display: inline-block; 5806 background-position: center; 5807 border-radius: 10%; 5808 overflow: hidden; 5809 position: relative; 5810 width: 100%; 5811 padding-top: 100%; 5812} 5813 5814.metahtml.css312 [cr-field="checkbox-visual"] input { 5815 position: absolute; 5816 width: 0; 5817 height: 0; 5818 opacity: 0; 5819} 5820 5821.metahtml.css312 [cr-field="checkbox-visual"] .tick { 5822 position: absolute; 5823 left: 0; 5824 top: 0; 5825 width: 100%; 5826 height: 100%; 5827 background-color: rgba(104, 89, 241, 0.75); 5828 transition: all 300ms; 5829 opacity: 0; 5830} 5831 5832.metahtml.css312 [cr-field="checkbox-visual"] .tick svg { 5833 opacity: 0; 5834 transition: all 300ms; 5835 max-width: 27px; 5836 position: absolute; 5837 left: 50%; 5838 top: 50%; 5839 transform: translate(-50%, -50%); 5840} 5841 5842.metahtml.css312 [cr-field="checkbox-visual"] .subname { 5843 margin: 8px 0; 5844 word-wrap: break-word; 5845 white-space: normal; 5846} 5847 5848.metahtml.css312 [cr-field="checkbox-visual"] input:hover ~ .bgimage .tick, 5849.metahtml.css312 [cr-field="checkbox-visual"] input:focus ~ .bgimage .tick { 5850 opacity: 0.5; 5851 border-radius: 10%; 5852} 5853 5854.metahtml.css312 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick, 5855.metahtml.css312 [cr-field="checkbox-visual"] input:checked ~ .bgimage .tick svg { 5856 opacity: 1; 5857} 5858 5859.screen-xs .metahtml.css312 [cr-field="checkbox-visual"] .item { 5860 width: 100%; 5861 text-align: left; 5862 margin-bottom: 9px; 5863 white-space: nowrap; 5864} 5865 5866.screen-xs .metahtml.css312 [cr-field="checkbox-visual"] .bgimage { 5867 width: 25%; 5868 padding-top: 25%; 5869 vertical-align: middle; 5870} 5871 5872.screen-xs .metahtml.css312 [cr-field="checkbox-visual"] .subname { 5873 width: 75%; 5874 display: inline-block; 5875 vertical-align: middle; 5876 padding-left: 5%; 5877 margin-left: -4px; 5878} 5879 5880.metahtml.css312 [cr-field="checkbox-input"] span { 5881 vertical-align: middle; 5882 color: rgb(0, 0, 0)!important; 5883} 5884 5885.metahtml.css312 [cr-field="checkbox-input"] input { 5886 position: absolute; 5887 width: 0; 5888 height: 0; 5889 opacity: 0; 5890 overflow: hidden; 5891} 5892 5893.metahtml.css312 [cr-field="radio-list"] span { 5894 vertical-align: middle; 5895 color: rgb(0, 0, 0); 5896} 5897 5898.metahtml.css312 [cr-field="radio-list"] input { 5899 position: absolute; 5900 width: 0; 5901 height: 0; 5902 opacity: 0; 5903 overflow: hidden; 5904} 5905 5906.metahtml.css312 [cr-field="radio-list"] label + label { 5907 margin-top: 7.333333333333333px; 5908} 5909 5910.metahtml.css312 [cr-field="radio-visual"] { 5911 overflow: hidden; 5912} 5913 5914.metahtml.css312 [cr-field="radio-visual"] .items { 5915 display: flex; 5916 flex-wrap: wrap; 5917 justify-content: space-between; 5918} 5919 5920.metahtml.css312 [cr-field="radio-visual"] .item { 5921 display: inline-block; 5922 vertical-align: top; 5923 text-align: center; 5924 margin-bottom: 18px; 5925 width: 30%; 5926 color: rgb(0, 0, 0); 5927} 5928 5929.metahtml.css312 [cr-field="radio-visual"] label { 5930 position: relative; 5931} 5932 5933.metahtml.css312 [cr-field="radio-visual"] .bgimage { 5934 background-size: cover; 5935 display: inline-block; 5936 background-position: center; 5937 border-radius: 10%; 5938 overflow: hidden; 5939 position: relative; 5940 width: 100%; 5941 padding-top: 100%; 5942} 5943 5944.metahtml.css312 [cr-field="radio-visual"] input { 5945 position: absolute; 5946 width: 0; 5947 height: 0; 5948 opacity: 0; 5949} 5950 5951.metahtml.css312 [cr-field="radio-visual"] .tick { 5952 position: absolute; 5953 left: 0; 5954 top: 0; 5955 width: 100%; 5956 height: 100%; 5957 background-color: rgba(104, 89, 241, 0.75); 5958 transition: all 300ms; 5959 opacity: 0; 5960} 5961 5962.metahtml.css312 [cr-field="radio-visual"] .tick svg { 5963 opacity: 0; 5964 transition: all 300ms; 5965 max-width: 27px; 5966 position: absolute; 5967 left: 50%; 5968 top: 50%; 5969 transform: translate(-50%, -50%); 5970} 5971 5972.metahtml.css312 [cr-field="radio-visual"] .subname { 5973 margin: 8px 0; 5974 word-wrap: break-word; 5975 white-space: normal; 5976} 5977 5978.metahtml.css312 [cr-field="radio-visual"] input:hover ~ .bgimage .tick { 5979 opacity: 0.5; 5980 border-radius: 10%; 5981} 5982 5983.metahtml.css312 [cr-field="radio-visual"] input:checked ~ .bgimage .tick, 5984.metahtml.css312 [cr-field="radio-visual"] input:checked ~ .bgimage .tick svg { 5985 opacity: 1; 5986} 5987 5988.screen-xs .metahtml.css312 [cr-field="radio-visual"] .item { 5989 width: 100%; 5990 text-align: left; 5991 margin-bottom: 9px; 5992 white-space: nowrap; 5993} 5994 5995.screen-xs .metahtml.css312 [cr-field="radio-visual"] .bgimage { 5996 width: 25%; 5997 padding-top: 25%; 5998 vertical-align: middle; 5999} 6000 6001.screen-xs .metahtml.css312 [cr-field="radio-visual"] .subname { 6002 width: 75%; 6003 display: inline-block; 6004 vertical-align: middle; 6005 padding-left: 5%; 6006 margin-left: -4px; 6007} 6008 6009.metahtml.css312 [cr-field="select-menu"] select { 6010 position: absolute; 6011 top: 0; 6012 left: 0; 6013 width: 100%; 6014 height: 100%; 6015 opacity: 0; 6016 cursor: pointer; 6017 z-index: 1; 6018 color: black; 6019 -webkit-appearance: none; 6020} 6021 6022.metahtml.css312 [cr-field="select-menu"] .fa { 6023 font-size: 20px; 6024 line-height: 0; 6025 opacity: 0.5; 6026 vertical-align: middle; 6027} 6028 6029.metahtml.css312 [cr-field="select-menu"] .flexgrid { 6030 display: flex; 6031 align-items: center; 6032} 6033 6034.metahtml.css312 [cr-field="select-menu"] .flexgrid .left { 6035 flex-grow: 1; 6036 min-width: 50%; 6037 word-wrap: break-word; 6038} 6039 6040.metahtml.css312 [cr-field="file"] svg {
6041 width: 20px; 6042 height: 20px; 6043 vertical-align: middle; 6044 margin-top: -5px; 6045 margin-bottom: -5px; 6046 fill: rgb(255, 255, 255); 6047} 6048 6049.metahtml.css312 [cr-field="file"] span { 6050 display: inline-block; 6051 vertical-align: middle; 6052 line-height: 1; 6053} 6054 6055.metahtml.css312 [cr-field="file"] input { 6056 position: absolute; 6057 top: 0; 6058 left: 0; 6059 width: 100%; 6060 height: 100%; 6061 opacity: 0; 6062 cursor: pointer; 6063 z-index: 0; 6064} 6065 6066.metahtml.css312 [cr-field="file"] .clean { 6067 float: right; 6068 opacity: 0.5; 6069 cursor: pointer; 6070 position: relative; 6071 z-index: 1; 6072} 6073 6074.metahtml.css312 [cr-field="file"] .clean:hover { 6075 opacity: 1; 6076} 6077 6078.metahtml.css312 [cr-field="file"] .flexgrid { 6079 display: flex; 6080 align-items: center; 6081} 6082 6083.metahtml.css312 [cr-field="file"] .flexgrid .center { 6084 flex-grow: 1; 6085 min-width: 50%; 6086 word-wrap: break-word; 6087 color: rgb(255, 255, 255); 6088} 6089 6090.metahtml.css312 [cr-field="result"] .flexgrid.align-sides { 6091 display: flex; 6092 align-items: center; 6093} 6094 6095.metahtml.css312 [cr-field="result"] .flexgrid.align-sides .left .name { 6096 margin-bottom: 0; 6097} 6098 6099.metahtml.css312 [cr-field="result"] .flexgrid.align-center .left { 6100 text-align: center; 6101} 6102 6103.metahtml.css312 [cr-field="result"] .flexgrid.align-right .left { 6104 text-align: right; 6105} 6106 6107.metahtml.css312 [cr-field="result"] .flexgrid .right { 6108 flex-grow: 1; 6109 min-width: 25%; 6110 word-wrap: break-word; 6111 text-align: right; 6112 font-size: 120%; 6113 color: rgb(0, 0, 0); 6114} 6115 6116.metahtml.css312 [cr-field="result"] .flexgrid.align-left .right { 6117 text-align: left; 6118} 6119 6120.metahtml.css312 [cr-field="result"] .flexgrid.align-center .right { 6121 text-align: center; 6122} 6123 6124.metahtml.css312 [cr-field="result"] .flexgrid.align-right .right { 6125 text-align: right; 6126} 6127 6128.metahtml.css312 [cr-field="privacy-button"] .open { 6129 text-align: center; 6130 color: rgba(255, 255, 255, 0.66); 6131 font-size: 80%; 6132 cursor: pointer; 6133} 6134 6135.metahtml.css312 [cr-field="privacy-checkbox"] { 6136 font-size: 80%; 6137 color: rgba(255, 255, 255, 0.66); 6138} 6139 6140.metahtml.css312 [cr-field="privacy-checkbox"] span { 6141 vertical-align: middle; 6142} 6143 6144.metahtml.css312 [cr-field="privacy-checkbox"] a { 6145 vertical-align: middle; 6146 text-decoration: none; 6147 border-bottom-width: 1px; 6148 border-bottom-style: dashed; 6149 color: inherit; 6150 cursor: pointer; 6151} 6152 6153.metahtml.css312 [cr-field="privacy-checkbox"] input { 6154 position: absolute; 6155 width: 0; 6156 height: 0; 6157 opacity: 0; 6158 overflow: hidden; 6159} 6160 6161.metahtml.css312 [cr-field="privacy-text"] { 6162 font-size: 80%; 6163 text-align: center; 6164 color: rgba(255, 255, 255, 0.66); 6165} 6166 6167.metahtml.css312 [cr-field="privacy-text"] a { 6168 text-decoration: none; 6169 border-bottom-width: 1px; 6170 border-bottom-style: dashed; 6171 color: inherit; 6172 cursor: pointer; 6173} 6174 6175.metahtml.css312 [cr-field="hidden"] { 6176 opacity: 0.25; 6177} 6178.node.css313 { color: #333; padding-top: 5px; padding-bottom: 25px; padding-left: 0px; padding-right: 0px } 6179.node.css313 a { color: rgb(46, 25, 230) } 6180.btn.css314 { text-align: left } .btn.css314 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 50px;border-top-right-radius: 50px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(104, 89, 241);padding-top: 0px;padding-bottom: 0px;font-size: 20px;letter-spacing: 0.1em; text-transform: uppercase;color: rgb(104, 89, 241)!important;font-family: "Jost", sans-serif;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css314:hover, .btn.css314.hover { background-color: rgba(76, 59, 238, 0.03);border-color: rgb(76, 59, 238);color: rgb(0, 0, 0)!important; } .btn.css314:active, .btn.css314.active { background-color: rgba(76, 59, 238, 0.07);border-color: rgb(38, 18, 219);color: rgb(0, 0, 0)!important;box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } .btn.css314:before { } .btn.css314:active:before, .btn.css314.active:before { background-color: rgba(76, 59, 238, 0.07);box-shadow: inset 0px 2px 5px 0px rgba(0, 0, 0, 0.25); } 6181.btn.css315 { text-align: center } .btn.css315 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(49, 28, 236);padding-top: 0px;padding-bottom: 0px;font-size: 15px;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif; } .btn.css315:hover, .btn.css315.hover { background-color: rgba(76, 59, 238, 0);border-color: rgb(34, 16, 195);color: rgb(255, 255, 255)!important; } .btn.css315:active, .btn.css315.active { background-color: rgba(51, 31, 236, 0);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important; } .btn.css315:before { } .btn.css315:active:before, .btn.css315.active:before { background-color: rgba(51, 31, 236, 0); } 6182.node.css316 { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 0px } 6183.node.css316 a { color: rgb(25, 87, 230) } 6184.soc-icon.css317 .link .bg {border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;width: 56px;height: 56px;padding: 5px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.13);}.soc-icon.css317 span { line-height: 56px } 6185.soc-icon.css318 .link .bg {border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;width: 52px;height: 52px;padding: 5px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.13);}.soc-icon.css318 span { line-height: 52px } 6186.node.css319 .padding { height: 40px } 6187.node.css320 { color: #FFF; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px } 6188.node.css320 a { color: rgb(25, 87, 230) } 6189.btn.css321 { text-align: center } .btn.css321 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(49, 28, 236);padding-top: 6px;padding-bottom: 6px;font-size: 14px;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif; } .btn.css321:hover, .btn.css321.hover { background-color: rgba(76, 59, 238, 0);border-color: rgb(34, 16, 195);color: rgb(255, 255, 255)!important; } .btn.css321:active, .btn.css321.active { background-color: rgba(51, 31, 236, 0);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important; } .btn.css321:before { } .btn.css321:active:before, .btn.css321.active:before { background-color: rgba(51, 31, 236, 0); }.area.screen-xs .btn.css321 { font-size: 12px; } 6190.node.css322 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px } 6191.screen-xs .node.css322 { padding-top: 41px!important; padding-bottom: 24px!important } 6192.node.css322 a { color: rgb(25, 87, 230) } 6193.textable.css323 { text-align: center; font-family: "Jost", sans-serif; font-size: 20px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 6194.screen-md .textable.css323 { font-size: 18px!important } 6195.screen-sm .textable.css323 { font-size: 18px!important } 6196.screen-xs .textable.css323 { text-align: center!important; font-size: 18px!important } 6197.node.css324 { color: #FFF; padding-top: 5px; padding-bottom: 15px; padding-left: 5px; padding-right: 5px } 6198.node.css324 a { color: rgb(25, 87, 230) } 6199.node.css325 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 65px; padding-right: 0px } 6200.node.css325 a { color: rgb(25, 87, 230) } 6201.btn.css326 { text-align: center } .btn.css326 { background-color: rgba(104, 89, 241, 0);border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;border-style: solid;border-top-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-right-width: 0px;border-color: rgb(49, 28, 236);padding-top: 8px;padding-bottom: 8px;font-size: 14px;color: rgb(255, 255, 255)!important;font-family: "Jost", sans-serif; } .btn.css326:hover, .btn.css326.hover { background-color: rgba(76, 59, 238, 0);border-color: rgb(34, 16, 195);color: rgb(255, 255, 255)!important; } .btn.css326:active, .btn.css326.active { background-color: rgba(51, 31, 236, 0);border-color: rgb(38, 18, 219);color: rgb(255, 255, 255)!important; } .btn.css326:before { } .btn.css326:active:before, .btn.css326.active:before { background-color: rgba(51, 31, 236, 0); } 6202.node.css327 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 5px } 6203.node.css327 a { color: rgb(25, 87, 230) } 6204.node.css328 { color: #FFF; padding-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-right: 65px } 6205.node.css328 a { color: rgb(25, 87, 230) } 6206.node.css329 { color: #FFF; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px } 6207.screen-xs .node.css329 { padding-top: 30px!important } 6208.node.css329 a { color: rgb(25, 87, 230) } 6209.node.css330 img { width: calc(1 * var(--width)) } 6210.node.css330 .bgnormal { text-align: right } 6211.screen-xs .node.css330 .bgnormal { text-align: center!important } 6212.textable.css331 { text-align: right; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.4; letter-spacing: 0em; opacity: 1 } 6213.screen-xs .textable.css331 { text-align: center!important; opacity: 0.72!important } 6214.textable.css332 { text-align: center; font-family: "Jost", sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6; letter-spacing: 0em; opacity: 1 } 6215.jost-<uniquifier> { 6216 font-family: "Jost", sans-serif; 6217 font-optical-sizing: auto; 6218 font-weight: <weight>; 6219 font-style: normal; 6220} 6221 6222 6223.area { 6224 font-family: "Jost", sans-serif} 6225 6226.area .font-header { 6227 font-family: "Jost", sans-serif}.area.screen-lg { min-width: 1250px; }.area.screen-lg .container { width: 1250px; }.area.screen-lg .container.soft { max-width: 1250px; }.area.screen-md { min-width: 1148px; }.area.screen-md .container { width: 1148px; }.area.screen-md .container.soft { max-width: 1148px; }.area.screen-sm { min-width: 720px; }.area.screen-sm .container { width: 720px; }.area.screen-sm .container.soft { max-width: 720px; }.area.screen-xs .container { max-width: 737px; padding: 0 16px; } 6228 </style> 6229 6230 6231 <!-- PLUGINS --> 6232 6233<!-- Google Tag Manager -->
6233<script>
vendor: 327 bytes, lines 6233-6237
6233(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 6234new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 6235j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 6236'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 6237})(window,document,'script','dataLayer','
6237GTM-MZTHND42
vendor: 3 bytes, line 6237
6237');
6237</script>
6237<!-- End Google Tag Manager --> 6238<!-- Google Tag Manager (noscript) -->
vendor: 67 bytes, line 6238
6238<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
6238GTM-MZTHND42
vendor: 82 bytes, lines 6238-6239
6238" 6239height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
6239<!-- End Google Tag Manager (noscript) --> 6240
6241<script type="text/javascript"> 6242 // ÐеÑÑÐ¸Ñ 3
vendor: 391 bytes, lines 6242-6245
6242 6243 (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) 6244 (window, document, 'script', 'https://mc.yandex.ru/metrika/tag.js', 'ym'); 6245 ym(
624597512902
vendor: 99 bytes, lines 6245-6251
6245, 'init', { 6246 clickmap:true, 6247 trackLinks:true, 6248 accurateTrackBounce:true, 6249 webvisor: true, 6250 }); 6251
6251</script>
6251<noscript><div><img src='https://mc.yandex.ru/watch/97512902' style='position:absolute; left:-9999px;' alt='' /></div></noscript> 6252<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 6253 6254 6255 6256 6257 <!-- proxy-module cut-head --> 6258</head> 6259 6260<body class="area"> 6261<div class="area-wrapper"> 6262 6263<!-- PLUGINS --> 6264 6265 6266 6267 6268 6269 6270 6271 6272<!-- HTML -->
6273<script> 6274 creatium.getWindowWidth = function () { 6275 var windowWidth = window.innerWidth; 6276 6277 6278 if (window.innerWidth === 980 && !window.MSStream && /iPhone|iPod/.test(navigator.userAgent)) { 6279 windowWidth = window.outerWidth; 6280 } 6281 6282 return windowWidth; 6283 } 6284 6285 creatium.getScreen = function () { 6286 var _windowWidth = creatium.getWindowWidth(); 6287 6288 var lgWidth = 1310 + cr.layout._left_current; 6289 var mdWidth = 1200 + cr.layout._left_current; 6290 var smWidth = 768 + cr.layout._left_current; 6291 6292 if (creatium.screens === 'screens-xs') return 'xs'; 6293 else if (creatium.screens === 'screens-sm') return 'sm'; 6294 else if (creatium.screens === 'screens-md') return 'md'; 6295 else if (creatium.screens === 'screens-lg') return 'lg'; 6296 else if (creatium.screens === 'screens-xs-sm') { 6297 if (_windowWidth >= smWidth) return 'sm'; 6298 else return 'xs'; 6299 } else if (creatium.screens === 'screens-xs-md') { 6300 if (_windowWidth >= mdWidth) return 'md'; 6301 else return 'xs'; 6302 } else if (creatium.screens === 'screens-xs-lg') { 6303 if (_windowWidth >= lgWidth) return 'lg'; 6304 else return 'xs'; 6305 } else if (creatium.screens === 'screens-sm-md') { 6306 if (_windowWidth >= mdWidth) return 'md'; 6307 else return 'sm'; 6308 } else if (creatium.screens === 'screens-sm-lg') { 6309 if (_windowWidth >= lgWidth) return 'lg'; 6310 else return 'sm'; 6311 } else if (creatium.screens === 'screens-md-lg') { 6312 if (_windowWidth >= lgWidth) return 'lg'; 6313 else return 'md'; 6314 } else if (creatium.screens === 'screens-xs-sm-md') { 6315 if (_windowWidth >= mdWidth) return 'md'; 6316 else if (_windowWidth >= smWidth && _windowWidth < mdWidth) return 'sm'; 6317 else return 'xs'; 6318 } else if (creatium.screens === 'screens-xs-sm-lg') { 6319 if (_windowWidth >= lgWidth) return 'lg'; 6320 else if (_windowWidth >= smWidth && _windowWidth < lgWidth) return 'sm'; 6321 else return 'xs'; 6322 } else if (creatium.screens === 'screens-xs-md-lg') { 6323 if (_windowWidth >= lgWidth) return 'lg'; 6324 else if (_windowWidth >= mdWidth && _windowWidth < lgWidth) return 'md'; 6325 else return 'xs'; 6326 } else if (creatium.screens === 'screens-sm-md-lg') { 6327 if (_windowWidth >= lgWidth) return 'lg'; 6328 else if (_windowWidth >= mdWidth && _windowWidth < lgWidth) return 'md'; 6329 else return 'sm'; 6330 } else if (creatium.screens === 'screens-xs-sm-md-lg') { 6331 if (_windowWidth >= lgWidth) return 'lg'; 6332 else if (_windowWidth >= mdWidth && _windowWidth < lgWidth) return 'md'; 6333 else if (_windowWidth >= smWidth && _windowWidth < mdWidth) return 'sm'; 6334 else return 'xs'; 6335 } 6336 } 6337 6338 creatium.isLayoutMobile = function () { 6339 if (creatium.getScreen() !== 'xs') return false; 6340 return creatium.getWindowWidth() < 410 + cr.layout.left; 6341 } 6342 6343 cr.layout._left_current = cr.layout.left; 6344 if (cr.layout._left_current) { 6345 document.body.classList.add('layout-left-active'); 6346 } 6347 6348 creatium.layout.mobile = creatium.isLayoutMobile(); 6349 if (creatium.layout.mobile) { 6350 document.body.classList.add('layout-mobile'); 6351 } 6352 6353 creatium.screen = creatium.getScreen(); 6354 document.body.classList.add('screen-' + creatium.screen); 6355 6356 if (creatium.device) { 6357 creatium.device_fix = false;
6358 if (creatium.screen === 'xs' && creatium.device !== 'mobile') creatium.device_fix = true; 6359 if (creatium.screen === 'sm' && creatium.device !== 'tablet') creatium.device_fix = true; 6360 if (creatium.screen === 'md' && creatium.device !== 'other') creatium.device_fix = true; 6361 if (creatium.screen === 'lg' && creatium.device !== 'other') creatium.device_fix = true; 6362 if (creatium.device_fix) document.write('
6362<script src="' + creatium.async.js_adaptive_sections + '"></scr'+'ipt>'); 6363 } 6364 </script>
6364<div class="node section-clear section css1" id="menu1125125" data-common="ummv23zuod7ln5hd8lwg" data-fixation="{"lg":"top","md":"top","sm":"top","xs":"top"}" data-opacity="1"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-hamburger widget md-hidden lg-hidden css2"><div class="metahtml css3">
6364<script data-name="2108154040" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_2108154040(page, el, params) { 6365 6366 6367 6368}</script>
6368<div class="hamburger1"> 6369 <div cr-hamburger-root=""> 6370 <div class="hamburger1-header"> 6371 <div cr-hamburger-toggle="" il-action="toggle" class="hamburger1-toggle is-collapsed"> 6372 <span></span> 6373 <span></span> 6374 <span></span> 6375 <span></span> 6376 </div> 6377 <div class="hamburger1-altmenu"> 6378 <div class="cont"><div class="node widget-grid widget css4"><div class="grid valign-middle paddings-20px"><div class="gridwrap"><div class="col" style="width: 64.5251%;"><div class="cont"><div class="node widget-image widget css5 css6"><a class="bgimage bg-contain" href="/en" target="" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/2d/64/6f/e324cbaa2ba56097759cced7276a5e16c5/logo.svg#%7B%22size%22:%5B240,48%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""><div class="proportions"></div></div></a><noscript><img src="https://img1.creatium.ru/disk2/2d/64/6f/e324cbaa2ba56097759cced7276a5e16c5/logo.svg#%7B%22size%22:%5B240,48%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 35.4749%;"><div class="cont"><div class="node widget-grid widget css7"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-button widget css8"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css9" data-action="link" data-highlight="true" data-track-active="false" href="/" target="_self"><div class="pad-left" style="width: 6px;"></div><div class="btn-content"><span class="text">RU</span></div><div class="pad-right" style="width: 6px;"></div></a></div></div></div></div></div><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-button widget css8"><div class="button-container center"><div class="button-wrapper"><button class="btn btn-legacy css10" data-action="none" data-highlight="false" data-track-active="false"><div class="pad-left" style="width: 6px;"></div><div class="btn-content"><span class="text">EN</span></div><div class="pad-right" style="width: 6px;"></div></button></div></div></div></div></div></div></div></div></div></div></div></div></div></div> 6379 </div> 6380 </div> 6381 </div> 6382 <div cr-hamburger-menu="" class="hamburger1-menu is-collapsed" style="display: none;"> 6383 <div class="cont"><div class="node widget-button widget css11"><div class="button-container right"><div class="button-wrapper"><button class="btn btn-legacy css12" data-action="modal" data-highlight="false" data-track-active="false" data-modal="modal"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><span class="text">Request a call</span></div><div class="pad-right" style="width: 24px;"></div></button></div></div><div class="modal nocolors css13" data-name="modal" data-type="modal" data-duration="300" data-id=""><div data-uid="umnqnagll1rsafchj7a6_0"></div></div></div><div class="node widget-menu widget sm-hidden md-hidden css25 css26"><div class="w-menu-grid right"><div class="cont"><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css28" data-action="link" data-highlight="false" data-track-active="false" href="/en#services" target="_self"><div class="pad-left" style="width: 80px;"></div><div class="btn-content"><span class="text">Services</span></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css28" data-action="link" data-highlight="false" data-track-active="false" href="/en#cases" target="_self"><div class="pad-left" style="width: 80px;"></div><div class="btn-content"><span class="text">Case studies</span></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css28" data-action="link" data-highlight="true" data-track-active="false" href="/en#howwework" target="_self"><div class="pad-left" style="width: 80px;"></div><div class="btn-content"><span class="text">How we work</span></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css28" data-action="link" data-highlight="true" data-track-active="false" href="/en#team" target="_self"><div class="pad-left" style="width: 80px;"></div><div class="btn-content"><span class="text">Team</span></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-button widget xs-hidden sm-hidden md-hidden lg-hidden css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css28" data-action="link" data-highlight="true" data-track-active="false" href="/#reviews" target="_self"><div class="pad-left" style="width: 80px;"></div><div class="btn-content"><span class="text">Reviews</span></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-button widget xs-hidden sm-hidden md-hidden lg-hidden css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css28" data-action="link" data-highlight="true" data-track-active="false" href="/#blog" target="_self"><div class="pad-left" style="width: 80px;"></div><div class="btn-content"><span class="text">ÐÐÐÐ</span></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div></div></div></div><div class="node widget-grid widget css29"><div class="grid valign-middle paddings-20px"><div class="gridwrap"><div class="col" style="width: 56.311%;"><div class="cont"></div></div><div class="col" style="width: 43.689%;"><div class="cont"><div class="node widget-socials widget css30"><div class="soc-icon paddings-10px white transparent css31" style="text-align: right; font-size: 32px;"><a class="link wa" soc-index="0" href="https://wa.me/77005343300" target="_blank"><div class="bg "></div></a><a class="link in" soc-index="1" href="https://www.instagram.com/kulenkov_group" target="_blank"><div class="bg "></div></a></div></div></div></div></div></div></div><div class="node widget-blank widget css30 css32"><div class="padding"></div></div></div> 6384 </div> 6385</div></div></div><div class="node widget-grid widget xs-hidden css30"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 196px;"><div class="cont"><div class="node widget-button widget css5"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css33" data-action="link" data-highlight="true" data-track-active="false" href="/en" target="_self"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAADCAYAAACasY9UAAAAG0lEQVR4AcTMMQ0AAACDsGX+RSOCgwroJ/UBAAAA//8PoDaFAAAABklEQVQDAAPPAAegQIBeAAAAAElFTkSuQmCC" style="width: 240px;" data-lazy-image="https://img1.creatium.ru/disk2/5b/d3/5c/c935a720e1ae3a6bb304a3bd60c363cfe0/logo.png#%7B%22size%22:%5B480,96%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6385css-width"></div><div class="pad-right" style="width: 24px;"></div></a></div></div></div></div></div><div class="col" style="width: 756px;"><div class="cont"><div class="node widget-menu widget css34 css35"><div class="w-menu-grid center xs-center"><div class="cont"><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css36" data-action="link" data-highlight="false" data-track-active="false" href="/en#services" target="_self"><div class="pad-left" style="width: 16px;"></div><div class="btn-content"><span class="text">services</span></div><div class="pad-right" style="width: 16px;"></div></a></div></div></div><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css36" data-action="link" data-highlight="false" data-track-active="false" href="/en#cases" target="_self"><div class="pad-left" style="width: 16px;"></div><div class="btn-content"><span class="text">cases</span></div><div class="pad-right" style="width: 16px;"></div></a></div></div></div><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css36" data-action="link" data-highlight="true" data-track-active="false" href="/en#howwework" target="_self"><div class="pad-left" style="width: 16px;"></div><div class="btn-content"><span class="text">How we work</span></div><div class="pad-right" style="width: 16px;"></div></a></div></div></div><div class="node widget-button widget css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css36" data-action="link" data-highlight="true" data-track-active="false" href="/en#team" target="_self"><div class="pad-left" style="width: 16px;"></div><div class="btn-content"><span class="text">team</span></div><div class="pad-right" style="width: 16px;"></div></a></div></div></div><div class="node widget-button widget xs-hidden sm-hidden md-hidden lg-hidden css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css36" data-action="link" data-highlight="true" data-track-active="false" href="/#reviews" target="_self"><div class="pad-left" style="width: 16px;"></div><div class="btn-content"><span class="text">reviews</span></div><div class="pad-right" style="width: 16px;"></div></a></div></div></div><div class="node widget-button widget xs-hidden sm-hidden md-hidden lg-hidden css27"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy hvr-fade css36" data-action="link" data-highlight="true" data-track-active="false" href="/#blog" target="_self"><div class="pad-left" style="width: 16px;"></div><div class="btn-content"><span class="text">блог</span></div><div class="pad-right" style="width: 16px;"></div></a></div></div></div></div></div></div></div></div><div class="col" style="width: 100%;"><div class="cont"><div class="node widget-grid widget css37"><div class="grid valign-middle paddings-10px xs-wrap"><div class="gridwrap"><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-button widget css8"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css38" data-action="link" data-highlight="true" data-track-active="false" href="/" target="_self"><div class="pad-left" style="width: 8px;"></div><div class="btn-content"><span class="text">RU</span></div><div class="pad-right" style="width: 8px;"></div></a></div></div></div></div></div><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-button widget css8"><div class="button-container center"><div class="button-wrapper"><button class="btn btn-legacy css39" data-action="none" data-highlight="false" data-track-active="false"><div class="pad-left" style="width: 8px;"></div><div class="btn-content"><span class="text">EN</span></div><div class="pad-right" style="width: 8px;"></div></button></div></div></div></div></div></div></div></div></div></div><div class="col" style="width: 191px;"><div class="cont"><div class="node widget-button widget css11"><div class="button-container right"><div class="button-wrapper"><button class="btn btn-legacy css12" data-action="modal" data-highlight="false" data-track-active="false" data-modal="modal"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><span class="text">Request a call</span></div><div class="pad-right" style="width: 24px;"></div></button></div></div><div class="modal nocolors css13" data-name="modal" data-type="modal" data-duration="300" data-id=""><div data-uid="umnqnagm40q134ti5bh5q_0"></div></div></div></div></div></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css40"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-zero widget css41 css42"><div class="zero-grid"></div><div class="zero-layer css43" data-index="0"><div class="zero-layer-axis lg-left lg-top xs-left xs-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-text cr-text widget css44"><h1 class="textable css45"><strong><span style="color: rgb(34, 34, 34);">END-TO-END </span><span style="color: rgb(104, 89, 241);">WEB & MOBILE APP</span><span style="color: rgb(34, 34, 34);"> DEVELOPMENT</span></strong></h1></div><div class="node widget-element widget css46"><div class="cont"><div class="node widget-grid widget css47"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 71.5926%;"><div class="cont"><div class="node widget-text cr-text widget css48"><h3 class="textable css49">We deliver even complex projectsâ so you <br><u>get a solution for any business goal</u></h3></div><div class="node widget-blank widget css50 css51"><div class="padding"></div></div><div class="node widget-grid widget css50"><div class="grid valign-middle paddings-40px xs-wrap"><div class="gridwrap"><div class="col" style="width: 35.0894%;"><div class="cont"><div class="node widget-max-width widget css50 css52"><div class="max-width" style="position: relative;"><div class="cont"><div class="node widget-metahtml widget css53"><div class="metahtml css54">
6385<script data-name="10876123" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_10876123(page, el, params) { 6386 6387 6388 6389}</script>
6389<div class="dref"><div class="bl"><div class="pulse"><div class="cont"><div class="node widget-button widget css55"><div class="button-container left"><div class="button-wrapper"><button class="btn btn-legacy css56" data-action="modal" data-highlight="false" data-track-active="false" data-modal="modal"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="width: 296px;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/42/4e/3e/04c24316b540c22967c62a07aa623e157a/1.svg#%7B%22size%22:%5B296,77%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></button></div></div><div class="modal nocolors css57" data-name="modal" data-type="modal" data-duration="300" data-id=""><div data-uid="umnqnagmztwb3hx6wucd_0"></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="col" style="width: 64.9106%;"><div class="cont"><div class="node widget-button widget css103"><div class="button-container left xs-left"><div class="button-wrapper"><button class="btn btn-legacy css104" data-action="modal" data-highlight="false" data-track-active="false" data-modal="modal"><div class="pad-left" style="width: 36px;"></div><div class="btn-content"><span class="text">Free consultation</span></div><div class="pad-right" style="width: 36px;"></div></button></div></div><div class="modal nocolors css105" data-name="modal" data-type="modal" data-duration="300" data-id=""><div data-uid="umnqnagp27twdu7ri9db_0"></div></div></div></div></div></div></div></div></div></div><div class="col" style="width: 28.4074%;"><div class="cont"></div></div></div></div></div></div></div></div></div></div></div><div class="zero-layer css115" data-index="2"><div class="zero-layer-axis lg-left lg-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-image widget hvr-grow-mini css116 css117"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img2.creatium.app/plp/i.1.creatium.io/disk2/2b/a0/18/e60ccfb751baf5ce5138c15a48e1190c84/animate.gif#%7B%22size%22:%5B358,358%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""><div class="proportions"></div></div></div><noscript><img src="https://img2.creatium.app/plp/i.1.creatium.io/disk2/2b/a0/18/e60ccfb751baf5ce5138c15a48e1190c84/animate.gif#%7B%22size%22:%5B358,358%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div><div class="zero-layer css118" data-index="6"><div class="zero-layer-axis lg-left lg-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-image widget css116 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHCAYAAAABIM1CAAAAH0lEQVR4AezQMREAAACCQM7+oQ3h4AIBGD6MOYC/QQEAAP//++hR5gAAAAZJREFUAwAP/wAPwCZSRAAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 196px; --height: 90px; --ratio: 2.1777777777777776;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/74/6f/1d/10da4a246acf2e5f50982c85c3405ad35a/frame_1000002897.svg#%7B%22size%22:%5B196,90%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6389css-width"></div><noscript><img src="https://img2.creatium.app/plp/i.1.creatium.io/disk2/74/6f/1d/10da4a246acf2e5f50982c85c3405ad35a/frame_1000002897.svg#%7B%22size%22:%5B196,90%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css120" data-common="ummijf350pf04q0md1ub"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container fullwidth"><div class="cont"><div class="node widget-metahtml widget css121"><div class="metahtml css122">
6389<script data-name="1992558419" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{"ovrf":"hidden","container":"cont","direction":"left","speed":75,"count":5}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1992558419(page, el, params) { 6390 6391 6392// ФÑнкÑÐ¸Ñ Ð´Ð»Ñ Ð´Ð¸Ð½Ð°Ð¼Ð¸ÑеÑкой загÑÑзки ÑкÑипÑа 6393function loadScript(src) { 6394 return new Promise((resolve, reject) => { 6395 const script = document.createElement('script'); 6396 script.src = src; 6397 script.onload = () => { 6398 resolve(); 6399 }; 6400 script.onerror = () => { 6401 reject(new Error(`Failed to load script ${src}`)); 6402 }; 6403 document.head.appendChild(script); 6404 }); 6405} 6406 6407// ÐÑÐ½Ð¾Ð²Ð½Ð°Ñ ÑÑнкÑÐ¸Ñ Ð¸Ð½Ð¸ÑиализаÑии 6408function init() { 6409 const marquee = el.querySelector('[wb-data="marquee"]'); 6410 if (!marquee) { 6411 console.error('Element with wb-data="marquee" not found.'); 6412 return; 6413 } 6414 const marqueeContent = marquee.querySelector(".marquee-content"); 6415 if (!marqueeContent) { 6416 console.error('.marquee-content element not found.'); 6417 return; 6418 } 6419 6420 // ÐолÑÑаем паÑамеÑÑÑ Ð½Ð°Ð¿ÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð¸ ÑкоÑоÑÑи 6421 const direction = params.direction || 'left'; 6422 const speed = parseFloat(params.speed) || 50; 6423 6424 console.log(`Direction: ${direction}, Speed: ${speed}`); 6425 6426 const marqueeContentClone = marqueeContent.cloneNode(true); 6427 marquee.append(marqueeContentClone); 6428 6429 let tween; 6430 6431 const playMarquee = () => { 6432 let progress = tween ? tween.progress() : 0; 6433 tween && tween.progress(0).kill(); 6434 6435 const width = marqueeContent.getBoundingClientRect().width; 6436 const totalDistance = width; 6437 const duration = totalDistance / speed; // длиÑелÑноÑÑÑ Ð² ÑекÑÐ½Ð´Ð°Ñ 6438 6439 let fromX, toX; 6440 6441 if (direction === 'left') { 6442 fromX = 0; 6443 toX = -totalDistance; 6444 } else if (direction === 'right') { 6445 fromX = -totalDistance; 6446 toX = 0; 6447 } else { 6448 console.error('Invalid direction:', direction); 6449 return; 6450 } 6451 6452 tween = gsap.fromTo( 6453 marquee.children, 6454 { x: fromX }, 6455 { x: toX, duration, ease: "none", repeat: -1 } 6456 ); 6457 tween.progress(progress); 6458 }; 6459 playMarquee(); 6460 6461 function debounce(func) { 6462 let timer; 6463 return function (e) { 6464 if (timer) clearTimeout(timer); 6465 timer = setTimeout( 6466 () => { 6467 func(); 6468 }, 6469 500, 6470 e 6471 ); 6472 }; 6473 } 6474 6475 window.addEventListener("resize", debounce(playMarquee)); 6476} 6477 6478// ÐагÑÑзка GSAP и вÑполнение иниÑиализаÑии 6479loadScript('https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js') 6480 .then(() => { 6481 // ÐÑовеÑÑем, ÑÑо DOM загÑÑжен 6482 if (document.readyState === 'complete') { 6483 init(); 6484 } else { 6485 window.addEventListener('load', init); 6486 } 6487 }) 6488 .catch(error => { 6489 console.error(error); 6490 }); 6491 6492 6493const cdn = [ 6494 import ('https://creatium-backend.uplinestudio.io/api/creatium/178/js/3.0.0') 6495]; 6496 6497Promise.all(cdn).then((item) => { 6498 item[0].init(el,params); 6499 }, 6500 (error) => { 6501 const isError = error.message.indexOf('Failed to fetch dynamically imported module'); 6502 if(isError>=0){ 6503 el.querySelector('.error-upl').innerHTML = `<p>ÐÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½Ñ Ð²ÑклÑÑен или не оплаÑен.<br> ÐÐ»Ñ Ð²ÐºÐ»ÑдÑÐµÐ½Ð¸Ñ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½Ñа пеÑейдиÑе в <a href="https://creatium.uplinestudio.ru/lk" target="_blank">лиÑнÑй кабинеÑ</a><br> и ÑбедиÑеÑÑ ÑÑо Ñ Ð²Ð°Ñ Ð¿Ð¾Ð»Ð¾Ð¶Ð¸ÑелÑнÑй баланÑ,<br> Ñак же пÑовеÑÑÑе ÑÑо ÑÑаÑÑÑ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½Ñа <b>вклÑÑено</b>.</p>`; 6504 } 6505 }); 6506}</script>
6506<div class="marquee-container"> 6507 <div wb-data="marquee" duration="20" class="marquee"> 6508 <div class="marquee-content"> 6509 6510 6511 <div class="cont"><div class="node widget-gallery widget css123 css124"><div class="w-gallery-grid center"><div class="cont"><div class="node widget-gallery-image widget css125"><img class="" alt="ÑазÑабоÑка пÑиложений на заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHCAYAAAABIM1CAAAAH0lEQVR4AezQMREAAACCQM7+oQ3h4AIBGD6MOYC/QQEAAP//++hR5gAAAAZJREFUAwAP/wAPwCZSRAAAAABJRU5ErkJggg==" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/7b/2d/6c/e4d7e8e63106550524c1f19ceb333b34c8/1.svg#%7B%22size%22:%5B227,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/7b/2d/6c/e4d7e8e63106550524c1f19ceb333b34c8/1.svg#%7B%22size%22:%5B227,113%5D,%22quality%22:8%7D" alt="ÑазÑабоÑка пÑиложений на заказ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="ÑазÑабоÑка пÑиложений на заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAGCAYAAADKfB7nAAAAHklEQVR4AezQMQ0AAACDMDL/oieCFwRwdMgagDY4AAAA///IteCBAAAABklEQVQDAAwwAA2mbk37AAAAAElFTkSuQmCC" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/ef/bf/2d/ff96b563e22c14a3c5dfcd1489f456ca52/2.svg#%7B%22size%22:%5B270,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6511css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/ef/bf/2d/ff96b563e22c14a3c5dfcd1489f456ca52/2.svg#%7B%22size%22:%5B270,113%5D,%22quality%22:8%7D" alt="ÑазÑабоÑка пÑиложений на заказ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð½Ð° заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/0e/4a/72/0f5fb96b57050f590bbed47d5f81f126d2/3.svg#%7B%22size%22:%5B396,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/0e/4a/72/0f5fb96b57050f590bbed47d5f81f126d2/3.svg#%7B%22size%22:%5B396,113%5D,%22quality%22:8%7D" alt="пÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ð½Ð° заказ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="ÑазÑабоÑка пÑиложений на заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/23/72/e9/e59258f41eb5098fb20544eca91e0f07ca/4.svg#%7B%22size%22:%5B369,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6511css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/23/72/e9/e59258f41eb5098fb20544eca91e0f07ca/4.svg#%7B%22size%22:%5B369,113%5D,%22quality%22:8%7D" alt="ÑазÑабоÑка пÑиложений на заказ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="ÑазÑабоÑка пÑиложений на заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAGCAYAAADKfB7nAAAAHklEQVR4AezQMQ0AAACDMDL/oieCFwRwdMgagDY4AAAA///IteCBAAAABklEQVQDAAwwAA2mbk37AAAAAElFTkSuQmCC" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/01/46/1a/c69a429dad819cb9c41c8c6fbe69d3a988/5.svg#%7B%22size%22:%5B301,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/01/46/1a/c69a429dad819cb9c41c8c6fbe69d3a988/5.svg#%7B%22size%22:%5B301,113%5D,%22quality%22:8%7D" alt="ÑазÑабоÑка пÑиложений на заказ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="ÑазÑабоÑка пÑиложений на заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGklEQVR4AezMMQ0AAAACIGb/0IbwlQDE6AEFAAD//wQQoIkAAAAGSURBVAMACOMAC0+g9PAAAAAASUVORK5CYII=" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/5f/3e/0c/f7867572dad2b7a815efc150b9fa20d221/6.svg#%7B%22size%22:%5B310,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6511css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/5f/3e/0c/f7867572dad2b7a815efc150b9fa20d221/6.svg#%7B%22size%22:%5B310,113%5D,%22quality%22:8%7D" alt="ÑазÑабоÑка пÑиложений на заказ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAGCAYAAADKfB7nAAAAHklEQVR4AezQMQ0AAACDMDL/oieCFwRwdMgagDY4AAAA///IteCBAAAABklEQVQDAAwwAA2mbk37AAAAAElFTkSuQmCC" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/9a/7c/ec/6343eca28f5b55efed352cb999ad59ecf8/7.svg#%7B%22size%22:%5B300,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/9a/7c/ec/6343eca28f5b55efed352cb999ad59ecf8/7.svg#%7B%22size%22:%5B300,113%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="заказаÑÑ ÑазÑабоÑÐºÑ Ð¿ÑиложениÑ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHCAYAAAABIM1CAAAAH0lEQVR4AezQMREAAACCQM7+oQ3h4AIBGD6MOYC/QQEAAP//++hR5gAAAAZJREFUAwAP/wAPwCZSRAAAAABJRU5ErkJggg==" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/b0/6e/3e/b71cfbd95b4f023cb45882f227840d7e5f/8.svg#%7B%22size%22:%5B252,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6511css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/b0/6e/3e/b71cfbd95b4f023cb45882f227840d7e5f/8.svg#%7B%22size%22:%5B252,113%5D,%22quality%22:8%7D" alt="заказаÑÑ ÑазÑабоÑÐºÑ Ð¿ÑиложениÑ"></noscript></div><div class="node widget-gallery-image widget css125"><img class="" alt="ÑазÑабоÑка пÑиложений на заказ" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="max-height: 100px;" data-lazy-image="https://img1.creatium.ru/disk2/1f/82/9e/b368edfe9cc492acb28f6601eaaceeb178/9.svg#%7B%22size%22:%5B363,113%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-max-height"><noscript><img src="https://img1.creatium.ru/disk2/1f/82/9e/b368edfe9cc492acb28f6601eaaceeb178/9.svg#%7B%22size%22:%5B363,113%5D,%22quality%22:8%7D" alt="ÑазÑабоÑка пÑиложений на заказ"></noscript></div></div></div></div></div> 6512 6513 6514 </div> 6515 </div> 6516</div> 6517<div class="error-upl"></div> 6518</div></div></div></div><div class="padding_bottom"></div></div><div class="node section-elements section css126 css127" data-common="ummv297lt40gq6s334kq"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="s-elements-container container sm-wrap xs-wrap"><div class="s-elements-content"><div class="cont"></div><div class="s-elements-grid valign-top halign-center valign-stretch"><div class="cont"><div class="node widget-element widget css128"><div class="cont"><div class="node widget-text cr-text widget css129"><p class="textable css130">135,000+</p></div><div class="node widget-text cr-text widget css131"><p class="textable css132">end users across our clients</p></div></div></div><div class="node widget-element widget css128"><div class="cont"><div class="node widget-text cr-text widget css129"><p class="textable css130">300+</p></div><div class="node widget-text cr-text widget css131"><p class="textable css132">projects delivered</p></div></div></div><div class="node widget-element widget css128"><div class="cont"><div class="node widget-text cr-text widget css129"><p class="textable css130">7 <span style="font-size: 70%;">years</span></p></div><div class="node widget-text cr-text widget css131"><p class="textable css132">years in software development</p></div></div></div></div></div><div class="cont"></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css133" id="services"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-text cr-text widget css134" id="uppercase"><h2 class="textable css135">Services</h2></div><div class="node widget-blank widget css136 css137"><div class="padding"></div></div><div class="node widget-element widget css138"><div class="cont"><div class="node widget-grid widget css139"><div class="grid valign-top paddings-40px xs-wrap"><div class="gridwrap"><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-element widget css140"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/mobile-app-development" target=""><div class="cont"><div class="node widget-image widget css141 css142"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/85/98/4a/cdda296b24acc538f22c98632f6ad0c524/kling_20260309_image_to_video_a_hand_hol_2007_0.gif#%7B%22size%22:%5B584,390%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/85/98/4a/cdda296b24acc538f22c98632f6ad0c524/kling_20260309_image_to_video_a_hand_hol_2007_0.gif#%7B%22size%22:%5B584,390%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css143"><div class="cont"><div class="node widget-zero widget css144 css145"><div class="zero-grid"></div><div class="zero-layer css146" data-index="0"><div class="zero-layer-axis lg-left lg-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-image widget css147 css148"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/c0/ce/cf/73ccca754faea85984bc31e706ffcf8ce8/48.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/c0/ce/cf/73ccca754faea85984bc31e706ffcf8ce8/48.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div><div class="node widget-grid widget css149"><div class="grid valign-top paddings-10px"><div class="gridwrap"><div class="col" style="width: 87.1141%;"><div class="cont"><div class="node widget-text cr-text widget css150"><p class="textable css151">Mobile app development</p></div></div></div><div class="col" style="width: 12.8859%;"><div class="cont"><div class="node widget-image widget css152 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></div></div></a></div><div class="node widget-blank widget sm-hidden md-hidden lg-hidden css136 css153"><div class="padding"></div></div></div></div><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-element widget css154"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/crm-erp-development" target=""><div class="cont"><div class="node widget-image widget css155 css142"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/5b/75/0e/78852af294c0fdb0553b1a83c88143e34c/kling_20260309_image_to_video_futuristic_2058_0.gif#%7B%22size%22:%5B584,390%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/5b/75/0e/78852af294c0fdb0553b1a83c88143e34c/kling_20260309_image_to_video_futuristic_2058_0.gif#%7B%22size%22:%5B584,390%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css156"><div class="cont"><div class="node widget-zero widget css157 css145"><div class="zero-grid"></div><div class="zero-layer hover css146" data-index="0"><div class="zero-layer-axis lg-left lg-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-image widget css158 css148"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/2c/9a/b5/a8991af83799f2f5b17fde90458be3608b/2.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/2c/9a/b5/a8991af83799f2f5b17fde90458be3608b/2.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div><div class="node widget-grid widget css159"><div class="grid valign-top paddings-10px"><div class="gridwrap"><div class="col" style="width: 87.1141%;"><div class="cont"><div class="node widget-text cr-text widget css160"><p class="textable css151">CRM/ERP development</p></div></div></div><div class="col" style="width: 12.8859%;"><div class="cont"><div class="node widget-image widget css161 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></div></div></a></div></div></div></div></div></div><div class="node widget-element widget css162"><div class="cont"><div class="node widget-element widget hvr-grow-mini css163"><a href="/en/neural-network" target=""><div class="cont"><div class="node widget-grid widget css164"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 13.0159%;"><div class="cont"><div class="node widget-image widget css165 css166"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/67/ac/9c/76715941f996f8d8fde9a7acb5e87c044c/3.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/67/ac/9c/76715941f996f8d8fde9a7acb5e87c044c/3.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 74.8506%;"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css167">Neural networks for business</p></div></div></div><div class="col" style="width: 12.1334%;"><div class="cont"><div class="node widget-image widget css139 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></a></div><div class="node widget-line widget css168"><div class="alignment" style="text-align: center;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-element widget hvr-grow-mini css163"><a href="/en/ai-solutions" target=""><div class="cont"><div class="node widget-grid widget css164"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 13.0159%;"><div class="cont"><div class="node widget-image widget css165 css166"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/ab/d1/fe/709094ad92a82980c4afda9574974a79cc/4.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/ab/d1/fe/709094ad92a82980c4afda9574974a79cc/4.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 74.8506%;"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css167">AI integration in business</p></div></div></div><div class="col" style="width: 12.1334%;"><div class="cont"><div class="node widget-image widget css139 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></a></div><div class="node widget-line widget css168"><div class="alignment" style="text-align: center;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-element widget hvr-grow-mini css163"><a href="/en/startup-development" target=""><div class="cont"><div class="node widget-grid widget css164"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 13.0159%;"><div class="cont"><div class="node widget-image widget css165 css166"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/66/e8/95/665dbb5e0acf889621d0b0aa58469bec5c/5.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/66/e8/95/665dbb5e0acf889621d0b0aa58469bec5c/5.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 74.8506%;"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css167">Startup partnership</p></div></div></div><div class="col" style="width: 12.1334%;"><div class="cont"><div class="node widget-image widget css139 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></a></div><div class="node widget-line widget css168"><div class="alignment" style="text-align: center;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-element widget hvr-grow-mini css163"><a href="/en/logistics" target=""><div class="cont"><div class="node widget-grid widget css164"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 13.0159%;"><div class="cont"><div class="node widget-image widget css165 css166"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/5a/8f/a8/5c3c80aa6dc40d1398c7a4bb869360998b/6.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/5a/8f/a8/5c3c80aa6dc40d1398c7a4bb869360998b/6.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 74.8506%;"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css167">Logistics & warehouse automation</p></div></div></div><div class="col" style="width: 12.1334%;"><div class="cont"><div class="node widget-image widget css139 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></a></div><div class="node widget-line widget css168"><div class="alignment" style="text-align: center;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-element widget hvr-grow-mini css163"><a href="/en/web-development" target=""><div class="cont"><div class="node widget-grid widget css164"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 13.0159%;"><div class="cont"><div class="node widget-image widget css165 css166"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/34/82/5c/a5f3ec6ca9753bd9593f17c0eb9b6c10e0/7.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/34/82/5c/a5f3ec6ca9753bd9593f17c0eb9b6c10e0/7.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 74.8506%;"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css167">Website development</p></div></div></div><div class="col" style="width: 12.1334%;"><div class="cont"><div class="node widget-image widget css139 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></a></div><div class="node widget-line widget css168"><div class="alignment" style="text-align: center;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-element widget hvr-grow-mini css163"><a href="/en/business-process-automation" target=""><div class="cont"><div class="node widget-grid widget css164"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 13.0159%;"><div class="cont"><div class="node widget-image widget css165 css166"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 68px; --height: 68px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/93/92/6f/eba201342af8cf13cfe44827af02fc8531/8.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6518css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/93/92/6f/eba201342af8cf13cfe44827af02fc8531/8.svg#%7B%22size%22:%5B68,68%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 74.8506%;"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css167">IT department building service</p></div></div></div><div class="col" style="width: 12.1334%;"><div class="cont"><div class="node widget-image widget css139 css119"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 40px; --height: 40px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/4f/f1/93/24929009506da706cb560071e753616c76/iconoir_arrow_tr.svg#%7B%22size%22:%5B40,40%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div></div></a></div></div></div></div></div><div class="node widget-blank widget css136 css169"><div class="padding"></div></div><div class="node widget-element widget css170"><div class="wrapper1"><div class="wrapper2"><div class="bg_particles" data-config="{"particles":{"number":{"value":200},"color":{"value":"#ffffff"},"shape":{"type":"circle"},"opacity":{"value":0.1,"random":false,"anim":{"enable":false}},"size":{"value":1,"random":true,"anim":{"enable":false}},"line_linked":{"enable":true,"color":"#ffffff","opacity":0.1,"distance":150},"move":{"enable":true,"speed":0.4,"direction":"none","random":true,"straight":false,"out_mode":"out","attract":{"enable":false}}},"interactivity":{"detect_on":"window","events":{"onhover":{"enable":false,"mode":"grab"},"onclick":{"enable":false,"mode":"push"}},"modes":{"grab":{"distance":250,"line_linked":{"opacity":0.8}},"repulse":{"distance":150},"bubble":{"distance":150,"size":10},"push":{"particles_nb":2},"remove":{"particles_nb":2}}}}"><canvas class="particles-js-canvas-el" width="1250" height="222"></canvas></div></div></div><div class="cont"><div class="node widget-grid widget css171"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 70.1874%;"><div class="cont"><div class="node widget-text cr-text widget css172"><p class="textable css173">Need something special?</p></div><div class="node widget-text cr-text widget css174"><p class="textable css175">Letâs talkâwe love non-standard challenges</p></div></div></div><div class="col" style="width: 29.8126%;"><div class="cont"><div class="node widget-metahtml widget sm-hidden md-hidden lg-hidden css176"><div class="metahtml css177">
6518<script data-name="314137370" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_314137370(page, el, params) { 6519 6520 6521 6522}</script>
6522<div class="dref"><div class="bl"><div class="pulse"><div class="cont"><div class="node widget-button widget css178"><div class="button-container left"><div class="button-wrapper"><button class="btn btn-legacy css179" data-action="modal" data-highlight="false" data-track-active="false" data-modal="modal"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAADCAYAAACasY9UAAAAG0lEQVR4AcTMMQ0AAACDsGX+RSOCgwroJ/UBAAAA//8PoDaFAAAABklEQVQDAAPPAAegQIBeAAAAAElFTkSuQmCC" style="width: 321px;" data-lazy-image="https://img1.creatium.ru/disk2/70/02/b9/cba66402b14feaff09a339ef824775fb36/button_1.svg#%7B%22size%22:%5B321,76%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></button></div></div><div class="modal nocolors css180" data-name="modal" data-type="modal" data-duration="300" data-id=""><div data-uid="umnqnaha2dpehnspae04_0"></div></div></div></div></div></div></div></div></div><div class="node widget-metahtml widget xs-hidden css176"><div class="metahtml css181">
6522<script data-name="872005125" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_872005125(page, el, params) { 6523 6524 6525 6526}</script>
6526<div class="dref"><div class="bl"><div class="pulse"><div class="cont"><div class="node widget-button widget css178"><div class="button-container left"><div class="button-wrapper"><button class="btn btn-legacy css179" data-action="modal" data-highlight="false" data-track-active="false" data-modal="modal"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="width: 302px;" data-lazy-image="https://img1.creatium.ru/disk2/cc/7a/6c/f46ef1fdfc014615ecc667a7b2f509b664/button_3.svg#%7B%22size%22:%5B302,76%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></button></div></div><div class="modal nocolors css180" data-name="modal" data-type="modal" data-duration="300" data-id=""><div data-uid="umnqnahae7zaof1pjjui_0"></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-elements section css182 css183"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="s-elements-container container sm-wrap xs-wrap"><div class="s-elements-content"><div class="cont"><div class="node widget-text cr-text widget css184" id="uppercase"><h2 class="textable css185"><span style="color: rgb(17, 17, 17);">Faster delivery</span></h2></div></div><div class="s-elements-grid valign-top halign-center valign-stretch"><div class="cont"><div class="node widget-element widget css186"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css187 css188"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 399px; --height: 399px; --ratio: 1;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/39/87/61/1065113ece103cd89261fd973ac81e3b3e/1245_2.png#%7B%22size%22:%5B399,399%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6526css-width"></div><noscript><img src="https://img2.creatium.app/plp/i.1.creatium.io/disk2/39/87/61/1065113ece103cd89261fd973ac81e3b3e/1245_2.png#%7B%22size%22:%5B399,399%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css189"><p class="textable css190">Rapid Application Development</p></div><div class="node widget-text cr-text widget css189"><p class="textable css191">We build in rapid iterationsâeach step is tested and QA-checked so stable releases ship faster</p></div></div></div><div class="node widget-element widget css186"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css187 css188"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 399px; --height: 399px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/1d/0c/f4/cd922ca2555cdd17943f24c86ae8e3c9ed/1246_2.png#%7B%22size%22:%5B399,399%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6526css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/1d/0c/f4/cd922ca2555cdd17943f24c86ae8e3c9ed/1246_2.png#%7B%22size%22:%5B399,399%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css189"><p class="textable css190">Multi-team delivery</p></div><div class="node widget-text cr-text widget css189"><p class="textable css191">For large projects, multiple teams work in parallelâshipping different parts at the same time and shortening timelines</p></div></div></div><div class="node widget-element widget css186"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css187 css188"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 399px; --height: 399px; --ratio: 1;" data-lazy-image="https://img1.creatium.ru/disk2/33/b4/73/83b51ef173562682be0b9b834ab6c6d43d/1247_2.png#%7B%22size%22:%5B399,399%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6526css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/33/b4/73/83b51ef173562682be0b9b834ab6c6d43d/1247_2.png#%7B%22size%22:%5B399,399%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css189"><p class="textable css190">Modern technology stack</p></div><div class="node widget-text cr-text widget css189"><p class="textable css191">We use modern dev tools, automation, machine learning, and neural networks to speed up delivery and improve quality</p></div></div></div></div></div><div class="cont"></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css192" id="cases" data-common="ummv2adxlx91650ej8e"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-text cr-text widget css193" id="uppercase"><h2 class="textable css185"><span style="color: rgb(17, 17, 17);">Featured case studies</span></h2></div><div class="node widget-tabs cr-tabs widget css194"><div class="metahtml css195">
6526<script data-name="1362821978" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1362821978(page, el, params) { 6527 6528 6529 6530}</script>
6530<div cr-slider-pagination="" class="tabs5-pagination"><div cr-slider-page="" class="tabs5-page is-active"> 6531 <div cr-slider-page_label="" class="tabs5-label"><p class="textable css196">All</p></div> 6532 </div><div cr-slider-page="" class="tabs5-page"> 6533 <div cr-slider-page_label="" class="tabs5-label"><p class="textable css196">MOBILE APPS</p></div> 6534 </div><div cr-slider-page="" class="tabs5-page"> 6535 <div cr-slider-page_label="" class="tabs5-label"><p class="textable css196">CRM/ERP</p></div> 6536 </div><div cr-slider-page="" class="tabs5-page"> 6537 <div cr-slider-page_label="" class="tabs5-label"><p class="textable css196">WEBSITES</p></div> 6538 </div><div cr-slider-page="" class="tabs5-page"> 6539 <div cr-slider-page_label="" class="tabs5-label"><p class="textable css196">AI SOLUTIONS</p></div> 6540 </div><div cr-slider-page="" class="tabs5-page"> 6541 <div cr-slider-page_label="" class="tabs5-label"><p class="textable css196">MARKETPLACES & E-COMMERCE</p></div> 6542 </div></div> 6543<div class="tabs5-root"> 6544 <div cr-slider-container="" data-red-libs="swiper-async" data-auto="false" data-loop="false" data-touch="false" data-pause="5000" data-animated="false" data-fixheight="false" class="tabs5-container swiper-container"><div class="swiper-wrapper"><div class="swiper-slide active"><div class="cont-wrapper"><div class="cont"><div class="node widget-elements widget css197 css198"><div class="w-elements-grid valign-top halign-left valign-stretch"><div class="cont"><div class="node widget-element widget wow fadeInUp css199" data-wow-delay="0.5s"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/cases/15552947" target=""><div class="cont"><div class="node widget-image widget css200 css201"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/68/c3/41/dbd29ad93d0d1b36eddc496eaa05370033/oblojka_1.jpg#%7B%22size%22:%5B1950,1320%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/68/c3/41/dbd29ad93d0d1b36eddc496eaa05370033/oblojka_1.jpg#%7B%22size%22:%5B1950,1320%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css202"><div class="cont"><div class="node widget-imagedtext widget css203"><div class="tbl middle"><div class="td text"><div style="padding-right: 10px;"><div class="cont"></div><p class="textable css204" style="margin-top: 0px;">TELEPORT â a platform for delivery optimization</p><div class="cont"></div></div></div><div class="td icon" style="width: 32px;"><div class="wrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 32px; height: 32px;" data-lazy-image="https://img1.creatium.ru/disk2/08/d9/ef/36f600f3fdf98f56cf7b99159551509365/iconoir_arrow_tr.svg#%7B%22size%22:%5B36,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6544css-width-height"></div></div></div></div></div></div><div class="node widget-text cr-text widget css205" id="uppercase"><p class="textable css206"><span style="color: rgb(104, 89, 241);">CRM, ERP, Automation, User Account, Logistics</span></p></div></div></a></div><div class="node widget-element widget wow fadeInUp css199" data-wow-delay="0.5s"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/cases/15553188" target=""><div class="cont"><div class="node widget-image widget css200 css201"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/5f/94/49/8561ec1f48420baba0fc2fa74a7552d8c0/oblojka_3.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/5f/94/49/8561ec1f48420baba0fc2fa74a7552d8c0/oblojka_3.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css202"><div class="cont"><div class="node widget-imagedtext widget css203"><div class="tbl middle"><div class="td text"><div style="padding-right: 10px;"><div class="cont"></div><p class="textable css204" style="margin-top: 0px;">TEOS â an ERP system for managing temporary staff</p><div class="cont"></div></div></div><div class="td icon" style="width: 32px;"><div class="wrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 32px; height: 32px;" data-lazy-image="https://img1.creatium.ru/disk2/08/d9/ef/36f600f3fdf98f56cf7b99159551509365/iconoir_arrow_tr.svg#%7B%22size%22:%5B36,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6544css-width-height"></div></div></div></div></div></div><div class="node widget-text cr-text widget css205" id="uppercase"><p class="textable css206"><span style="color: rgb(104, 89, 241);">CRM, Automation, HR</span></p></div></div></a></div><div class="node widget-element widget wow fadeInUp css199" data-wow-delay="0.5s"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/cases/15553385" target=""><div class="cont"><div class="node widget-image widget css200 css201"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/5e/31/07/3025b6cf0e55dee394b38cb6314032ecb5/oblojka_4.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/5e/31/07/3025b6cf0e55dee394b38cb6314032ecb5/oblojka_4.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css202"><div class="cont"><div class="node widget-imagedtext widget css203"><div class="tbl middle"><div class="td text"><div style="padding-right: 10px;"><div class="cont"></div><p class="textable css204" style="margin-top: 0px;">RAPL CLUB â an online platform for a new-generation business club</p><div class="cont"></div></div></div><div class="td icon" style="width: 32px;"><div class="wrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 32px; height: 32px;" data-lazy-image="https://img1.creatium.ru/disk2/08/d9/ef/36f600f3fdf98f56cf7b99159551509365/iconoir_arrow_tr.svg#%7B%22size%22:%5B36,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6544css-width-height"></div></div></div></div></div></div><div class="node widget-text cr-text widget css205" id="uppercase"><p class="textable css206"><span style="color: rgb(104, 89, 241);">User Account</span></p></div></div></a></div><div class="node widget-element widget wow fadeInUp css199" data-wow-delay="0.5s"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/cases/15553407" target=""><div class="cont"><div class="node widget-image widget css200 css201"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/a5/59/0c/0684022ee1ef89de75e48e6342a602e265/oblojka_5.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/a5/59/0c/0684022ee1ef89de75e48e6342a602e265/oblojka_5.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css202"><div class="cont"><div class="node widget-imagedtext widget css203"><div class="tbl middle"><div class="td text"><div style="padding-right: 10px;"><div class="cont"></div><p class="textable css204" style="margin-top: 0px;">Vezunchik Pro Finance â document workflow automation for taxi fleets</p><div class="cont"></div></div></div><div class="td icon" style="width: 32px;"><div class="wrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 32px; height: 32px;" data-lazy-image="https://img1.creatium.ru/disk2/08/d9/ef/36f600f3fdf98f56cf7b99159551509365/iconoir_arrow_tr.svg#%7B%22size%22:%5B36,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6544css-width-height"></div></div></div></div></div></div><div class="node widget-text cr-text widget css205" id="uppercase"><p class="textable css206"><span style="color: rgb(104, 89, 241);">CRM, ERP, Automation, Logistics</span></p></div></div></a></div><div class="node widget-element widget wow fadeInUp css199" data-wow-delay="0.5s"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/cases/15622912" target=""><div class="cont"><div class="node widget-image widget css200 css201"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/ef/e5/09/d76d2548f72ced1a7fefb5b47865fc543b/oblojka_2.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/ef/e5/09/d76d2548f72ced1a7fefb5b47865fc543b/oblojka_2.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css202"><div class="cont"><div class="node widget-imagedtext widget css203"><div class="tbl middle"><div class="td text"><div style="padding-right: 10px;"><div class="cont"></div><p class="textable css204" style="margin-top: 0px;">Vezunchik Pro EDO â an electronic document management system between drivers and Yandex.Taxi</p><div class="cont"></div></div></div><div class="td icon" style="width: 32px;"><div class="wrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 32px; height: 32px;" data-lazy-image="https://img1.creatium.ru/disk2/08/d9/ef/36f600f3fdf98f56cf7b99159551509365/iconoir_arrow_tr.svg#%7B%22size%22:%5B36,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6544css-width-height"></div></div></div></div></div></div><div class="node widget-text cr-text widget css205" id="uppercase"><p class="textable css206"><span style="color: rgb(104, 89, 241);">CRM, ERP, Integrations, Logistics</span></p></div></div></a></div><div class="node widget-element widget wow fadeInUp css199" data-wow-delay="0.5s"><div class="wrapper1"><div class="wrapper2"></div></div><a href="/en/cases/15622873" target=""><div class="cont"><div class="node widget-image widget css200 css201"><div class="bgimage bg-cover" style="background-size: cover; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/94/b0/9d/f7ebe2a63c7ff873c47c90b14189541e7d/oblojka_1.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/94/b0/9d/f7ebe2a63c7ff873c47c90b14189541e7d/oblojka_1.jpg#%7B%22size%22:%5B1300,880%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css202"><div class="cont"><div class="node widget-imagedtext widget css203"><div class="tbl middle"><div class="td text"><div style="padding-right: 10px;"><div class="cont"></div><p class="textable css204" style="margin-top: 0px;">MURA â Heritage â a digital platform dedicated to the history and genealogy of Kazakhstan</p><div class="cont"></div></div></div><div class="td icon" style="width: 32px;"><div class="wrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 32px; height: 32px;" data-lazy-image="https://img1.creatium.ru/disk2/08/d9/ef/36f600f3fdf98f56cf7b99159551509365/iconoir_arrow_tr.svg#%7B%22size%22:%5B36,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6544css-width-height"></div></div></div></div></div></div><div class="node widget-text cr-text widget css205" id="uppercase"><p class="textable css206"><span style="color: rgb(104, 89, 241);">CRM, Website, User Account, Education</span></p></div></div></a></div></div></div><div class="w-elements-container-bottom"><div class="cont"></div></div></div></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910rotino3n51_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb91011j6acvtrbqd_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910uk6ug58m7nd_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910kjck9zcygze_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910giprroa44xp_0"></div></div></div></div></div> 6545</div></div></div><div class="node widget-button widget css207"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css208" data-action="link" data-highlight="true" data-track-active="false" href="/en/cases" target="_self"><div class="pad-left" style="width: 40px;"></div><div class="btn-content"><span class="text">View all cases</span></div><div class="pad-right" style="width: 40px;"></div></a></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css209" id="cases" data-common="ummv30m4zam6iw9029en"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-text cr-text widget css193" id="calc"><h2 class="textable css210"><span style="color: rgb(17, 17, 17);">Get a project estimate</span></h2></div><div class="node widget-text cr-text widget css211"><p class="textable css212">Get a preliminary <strong>estimate + a free consultation</strong></p></div><div class="node widget-form2 cr-form widget sm-hidden md-hidden lg-hidden css213" data-form="{"action":"order","name":"РаÑÑÐµÑ ÑÑоимоÑÑи","scenario":"","after":"msg","msg":"Thank you!â¨\nYour request has been submitted.â¨\nWe will contact you shortly.","url":"/thankyou","urlauto":true,"urlclean":true,"dontreset":false,"addhtml":"<!-- ÐÑÐ¾Ñ ÐºÐ¾Ð´ бÑÐ´ÐµÑ Ð²ÑÑавлен пеÑед закÑÑваÑÑим Ñегом BODY -->","js":"alert(\"ÐÑÐ¾Ñ ÐºÐ¾Ð´ вÑполнÑеÑÑÑ Ð¿Ð¾Ñле ÑÑпеÑного оÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð·Ð°Ñвки.\");","sequence":"stepwise"}" data-isquiz="true" data-jumps="[null,null,null,null,null]"><div><div class="metahtml css60">
6545<script data-name="1992607399" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1992607399(page, el, params) { 6546 6547 6548 6549}</script>
6549<div class="form1-cover"> 6550 <div cr-form-container="" colorside="cover_bgcolored?cover_bgcolor.colorside():_colorside" data-red-libs="swiper-async" data-animated="true" data-fixheight="false" class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide active"><div class="cont-wrapper"><div class="cont"><div class="node widget-element widget css61"><div class="cont"><div class="node widget-grid widget css62"><div class="grid valign-middle paddings-20px"><div class="gridwrap"><div class="col" style="width: 78.1143%;"><div class="cont"><div class="node widget-text cr-text widget css63"><p class="textable css64"><span style="color: rgb(255, 255, 255);">What do you need to build?</span></p></div></div></div><div class="col" style="width: 21.8857%;"><div class="cont"><div class="node widget-text cr-text widget css63"><p class="textable css65">1 of 5</p></div></div></div></div></div></div><div class="node widget-line widget css66"><div class="alignment" style="text-align: left;"><div class="line" style="width: 20%; height: 4px; background-color: rgb(104, 89, 241); border-radius: 25px;"></div></div></div><div class="node widget-field cr-field widget css67"><div class="metahtml css68" data-vals="{"condition":"","variable":"","variable2":"","text":"Project type","type":"radio-visual","required":true,"id":"","valueOn":"1","valueOff":"0","privacy_checkbox":"ÐÐ°Ñ ÑоглаÑие на <обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ >","typing":"string","formula":"","format":"%result% ÑÑб.","min":"0","max":"100","step":"1","template":""}"><div cr-field="radio-visual"> 6551 <div class="name hidden"> 6552 Project type * 6553 </div> 6554 <div class="items"> 6555 <div cr-field-item="" class="item" data-item-text="Mobile app" data-item-value="0"> 6556 <label class="label"> 6557 <input type="checkbox" il-action="listen" il-data="0"> 6558 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/a2/39/4b/9a338ff5a121e293b03c197794a9e71f4c/1.png#%7B%22size%22:%5B440,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6559 <div class="tick"> 6560 <svg viewBox="0 0 18 18" version="1.1"> 6561 <g> 6562 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6563 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6564 </g> 6565 </svg> 6566 </div> 6567 </div> 6568 <div cr-field-item_value="" class="subname">Mobile app</div> 6569 </label> 6570 </div><div cr-field-item="" class="item" data-item-text="CRM/ERP system" data-item-value="0"> 6571 <label class="label"> 6572 <input type="checkbox" il-action="listen" il-data="1"> 6573 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/ff/cc/ef/7b6fab58c3694c3d37a293cab417bd7109/5.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6574 <div class="tick"> 6575 <svg viewBox="0 0 18 18" version="1.1"> 6576 <g> 6577 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6578 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6579 </g> 6580 </svg> 6581 </div> 6582 </div> 6583 <div cr-field-item_value="" class="subname">CRM/ERP system</div> 6584 </label> 6585 </div><div cr-field-item="" class="item" data-item-text="AI-enabled development" data-item-value="0"> 6586 <label class="label"> 6587 <input type="checkbox" il-action="listen" il-data="2"> 6588 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/45/df/b4/753040d214be15a62ee602f46ba7e2bfc8/4.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6589 <div class="tick"> 6590 <svg viewBox="0 0 18 18" version="1.1"> 6591 <g> 6592 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6593 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6594 </g> 6595 </svg> 6596 </div> 6597 </div> 6598 <div cr-field-item_value="" class="subname">AI-enabled development</div> 6599 </label> 6600 </div><div cr-field-item="" class="item" data-item-text="Website" data-item-value="0"> 6601 <label class="label"> 6602 <input type="checkbox" il-action="listen" il-data="3">
6603 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/89/b6/04/77ef8c84a6c6246f1c89475cb7fe1a39b9/3.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6604 <div class="tick"> 6605 <svg viewBox="0 0 18 18" version="1.1"> 6606 <g> 6607 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6608 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6609 </g> 6610 </svg> 6611 </div> 6612 </div> 6613 <div cr-field-item_value="" class="subname">Website</div> 6614 </label> 6615 </div><div cr-field-item="" class="item" data-item-text=" I need consultation" data-item-value="0"> 6616 <label class="label"> 6617 <input type="checkbox" il-action="listen" il-data="4"> 6618 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/d9/71/b6/79305c8290164c76e322669e92e0fe0f42/2.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6619 <div class="tick"> 6620 <svg viewBox="0 0 18 18" version="1.1"> 6621 <g> 6622 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6623 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6624 </g> 6625 </svg> 6626 </div> 6627 </div> 6628 <div cr-field-item_value="" class="subname"> I need consultation</div> 6629 </label> 6630 </div> 6631 </div> 6632 <div cr-field-addon=""><div class="metahtml">
6632<script data-name="1299709885" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1299709885(page, el, params) { 6633 6634 6635 6636}</script>
6636</div></div> 6637</div></div></div><div class="node widget-button widget css69"><div class="button-container left xs-full"><div class="button-wrapper"><button class="btn btn-legacy css70" data-action="send" data-highlight="false" data-track-active="false"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGklEQVR4AezMMQ0AAAACIGb/0IbwlQDE6AEFAAD//wQQoIkAAAAGSURBVAMACOMAC0+g9PAAAAAASUVORK5CYII=" style="width: 194.88px;" data-lazy-image="https://img1.creatium.ru/disk2/bf/46/68/d259494d10ae747a028d33f43d6ae8f80a/button_3.svg#%7B%22size%22:%5B232,76%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></button></div></div></div></div></div></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910jrhznxaf73_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910pv6hno7t58_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910nm3zx6d0wri_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb9100heyrlqm5r7_0"></div></div></div></div></div> 6638</div></div></div></div><div class="node widget-form2 cr-form widget xs-hidden css214" data-form="{"action":"order","name":"ÐÑениÑÑ Ð¿ÑÐ¾ÐµÐºÑ (ÐÐ ÑкÑан)","scenario":"","after":"msg","msg":"Thank you!â¨\nYour request has been submitted.â¨\nWe will contact you shortly.","url":"/thankyou","urlauto":true,"urlclean":true,"dontreset":false,"addhtml":"<!-- ÐÑÐ¾Ñ ÐºÐ¾Ð´ бÑÐ´ÐµÑ Ð²ÑÑавлен пеÑед закÑÑваÑÑим Ñегом BODY -->","js":"alert(\"ÐÑÐ¾Ñ ÐºÐ¾Ð´ вÑполнÑеÑÑÑ Ð¿Ð¾Ñле ÑÑпеÑного оÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð·Ð°Ñвки.\");","sequence":"stepwise"}" data-isquiz="true" data-jumps="[null,null,null,null,null]"><div><div class="metahtml css60">
6638<script data-name="2093068759" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_2093068759(page, el, params) { 6639 6640 6641 6642}</script>
6642<div class="form1-cover"> 6643 <div cr-form-container="" colorside="cover_bgcolored?cover_bgcolor.colorside():_colorside" data-red-libs="swiper-async" data-animated="true" data-fixheight="false" class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide active"><div class="cont-wrapper"><div class="cont"><div class="node widget-element widget css91"><div class="cont"><div class="node widget-grid widget css62"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 80.708%;"><div class="cont"><div class="node widget-text cr-text widget css63"><p class="textable css64"><span style="color: rgb(255, 255, 255);">What do you need to build?</span></p></div></div></div><div class="col" style="width: 19.292%;"><div class="cont"><div class="node widget-text cr-text widget css63"><p class="textable css92">1 of 5</p></div></div></div></div></div></div><div class="node widget-line widget css93"><div class="alignment" style="text-align: left;"><div class="line" style="width: 20%; height: 4px; background-color: rgb(104, 89, 241); border-radius: 25px;"></div></div></div><div class="node widget-field cr-field widget css94"><div class="metahtml css95" data-vals="{"condition":"","variable":"","variable2":"","text":"Project type","type":"radio-visual","required":true,"id":"","valueOn":"1","valueOff":"0","privacy_checkbox":"ÐÐ°Ñ ÑоглаÑие на <обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ >","typing":"string","formula":"","format":"%result% ÑÑб.","min":"0","max":"100","step":"1","template":""}"><div cr-field="radio-visual"> 6644 <div class="name hidden"> 6645 Project type * 6646 </div> 6647 <div class="items"> 6648 <div cr-field-item="" class="item" data-item-text="Mobile app" data-item-value="0"> 6649 <label class="label"> 6650 <input type="checkbox" il-action="listen" il-data="0"> 6651 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/a2/39/4b/9a338ff5a121e293b03c197794a9e71f4c/1.png#%7B%22size%22:%5B440,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6652 <div class="tick"> 6653 <svg viewBox="0 0 18 18" version="1.1"> 6654 <g> 6655 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6656 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6657 </g> 6658 </svg> 6659 </div> 6660 </div> 6661 <div cr-field-item_value="" class="subname">Mobile app</div> 6662 </label> 6663 </div><div cr-field-item="" class="item" data-item-text="CRM/ERP system" data-item-value="0"> 6664 <label class="label"> 6665 <input type="checkbox" il-action="listen" il-data="1"> 6666 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/ff/cc/ef/7b6fab58c3694c3d37a293cab417bd7109/5.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6667 <div class="tick"> 6668 <svg viewBox="0 0 18 18" version="1.1"> 6669 <g> 6670 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6671 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6672 </g> 6673 </svg> 6674 </div> 6675 </div> 6676 <div cr-field-item_value="" class="subname">CRM/ERP system</div> 6677 </label> 6678 </div><div cr-field-item="" class="item" data-item-text="AI-enabled development" data-item-value="0"> 6679 <label class="label"> 6680 <input type="checkbox" il-action="listen" il-data="2"> 6681 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/45/df/b4/753040d214be15a62ee602f46ba7e2bfc8/4.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6682 <div class="tick"> 6683 <svg viewBox="0 0 18 18" version="1.1"> 6684 <g> 6685 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6686 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6687 </g> 6688 </svg> 6689 </div> 6690 </div> 6691 <div cr-field-item_value="" class="subname">AI-enabled development</div> 6692 </label> 6693 </div><div cr-field-item="" class="item" data-item-text="Website" data-item-value="0"> 6694 <label class="label"> 6695 <input type="checkbox" il-action="listen" il-data="3">
6696 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/89/b6/04/77ef8c84a6c6246f1c89475cb7fe1a39b9/3.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6697 <div class="tick"> 6698 <svg viewBox="0 0 18 18" version="1.1"> 6699 <g> 6700 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6701 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6702 </g> 6703 </svg> 6704 </div> 6705 </div> 6706 <div cr-field-item_value="" class="subname">Website</div> 6707 </label> 6708 </div><div cr-field-item="" class="item" data-item-text="I need consultation" data-item-value="0"> 6709 <label class="label"> 6710 <input type="checkbox" il-action="listen" il-data="4"> 6711 <div cr-field-item_bgimage="" class="bgimage" data-lazy-bgimage="https://img1.creatium.ru/disk2/d9/71/b6/79305c8290164c76e322669e92e0fe0f42/2.png#%7B%22size%22:%5B441,440%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"> 6712 <div class="tick"> 6713 <svg viewBox="0 0 18 18" version="1.1"> 6714 <g> 6715 <rect fill="none" x="0" y="0" width="18" height="18"></rect> 6716 <polygon fill="#FFFFFF" points="8 10 14 4 16 6 8 14 2 8 4 6"></polygon> 6717 </g> 6718 </svg> 6719 </div> 6720 </div> 6721 <div cr-field-item_value="" class="subname">I need consultation</div> 6722 </label> 6723 </div> 6724 </div> 6725 <div cr-field-addon=""><div class="metahtml">
6725<script data-name="1593772244" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1593772244(page, el, params) { 6726 6727 6728 6729}</script>
6729</div></div> 6730</div></div></div><div class="node widget-button widget css69"><div class="button-container left xs-full"><div class="button-wrapper"><button class="btn btn-legacy css70" data-action="send" data-highlight="false" data-track-active="false"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAFCAYAAABM6GxJAAAAGklEQVR4AezMMQ0AAAACIGb/0IbwlQDE6AEFAAD//wQQoIkAAAAGSURBVAMACOMAC0+g9PAAAAAASUVORK5CYII=" style="width: 232px;" data-lazy-image="https://img1.creatium.ru/disk2/bf/46/68/d259494d10ae747a028d33f43d6ae8f80a/button_3.svg#%7B%22size%22:%5B232,76%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></button></div></div></div></div></div></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910aenh1xzp2s4_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910zxs1p6u8h5q_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb9106exs9wyyjo2_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910nmevb017p7r_0"></div></div></div></div></div> 6731</div></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-elements section css215 css183" id="howwework" data-common="ummv2bozwhljsxguw7br"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="s-elements-container container sm-wrap xs-wrap"><div class="s-elements-content"><div class="cont"><div class="node widget-text cr-text widget css216" id="uppercase"><h2 class="textable css185"><span style="color: rgb(17, 17, 17);">How we work?</span></h2></div><div class="node widget-text cr-text widget css217"><p class="textable css218">At every stage, we place special emphasis on quality and efficiency to deliver the best possible solution for you</p></div></div><div class="s-elements-grid valign-top halign-left valign-stretch"><div class="cont"></div></div><div class="cont"><div class="node widget-zero widget css219 css220"><div class="zero-grid"></div><div class="zero-layer css221" data-index="0"><div class="zero-layer-axis lg-left lg-top xs-center xs-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-grid widget css222"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css223"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css224 css225"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAAIElEQVR4AezQMREAAACCQM7+oQ3h5kEAhg9jDkCDC4MCAAD//+GRsK8AAAAGSURBVAMAKqgAGcrtgCwAAAAASUVORK5CYII=" style="border-radius: 0px; --width: 92px; --height: 69px; --ratio: 1.3333333333333333;" data-lazy-image="https://img1.creatium.ru/disk2/d8/c2/ca/8e903ef1232e8e615cbded7a5b234615cd/01.svg#%7B%22size%22:%5B92,69%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6731css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/d8/c2/ca/8e903ef1232e8e615cbded7a5b234615cd/01.svg#%7B%22size%22:%5B92,69%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css226"><p class="textable css227">Consultation & analysis</p></div><div class="node widget-text cr-text widget css228"><p class="textable css229">We start by discussing your needs and analyzing the project to define goals and the best approach</p></div></div></div><div class="node widget-blank widget sm-hidden md-hidden lg-hidden css230 css231"><div class="padding"></div></div></div></div><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css232"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css224 css225"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAAH0lEQVR4AezQMREAAACCQM7+oQ2hIwRg+DDmADQ4GBQAAP//qQiJ/AAAAAZJREFUAwAeeAAVMZuWwQAAAABJRU5ErkJggg==" style="border-radius: 0px; --width: 110px; --height: 69px; --ratio: 1.5942028985507246;" data-lazy-image="https://img1.creatium.ru/disk2/89/1f/3c/7c2af4ea00924cbaeb479de8f22c9b13ca/02.svg#%7B%22size%22:%5B110,69%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6731css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/89/1f/3c/7c2af4ea00924cbaeb479de8f22c9b13ca/02.svg#%7B%22size%22:%5B110,69%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css226"><p class="textable css227">Planning & design</p></div><div class="node widget-text cr-text widget css233"><p class="textable css229">We create a detailed plan and designâcombining your vision with UX/UI best practices</p></div></div></div><div class="node widget-blank widget sm-hidden md-hidden lg-hidden css230 css231"><div class="padding"></div></div></div></div><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css234"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css224 css225"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAHklEQVR4AezQMQ0AAADCsAb/ohHBywTsaIx9wA0oAAAA//8BFkWXAAAABklEQVQDABkjABMlxsocAAAAAElFTkSuQmCC" style="border-radius: 0px; --width: 113px; --height: 69px; --ratio: 1.6376811594202898;" data-lazy-image="https://img1.creatium.ru/disk2/8f/cc/7f/56628be677fd7ceef7eca1f6c9768f1b6d/03.svg#%7B%22size%22:%5B113,69%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6731css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/8f/cc/7f/56628be677fd7ceef7eca1f6c9768f1b6d/03.svg#%7B%22size%22:%5B113,69%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css226"><p class="textable css227">Development & testing</p></div><div class="node widget-text cr-text widget css233"><p class="textable css229">We develop according to the approved plan, then run thorough testing</p></div></div></div><div class="node widget-blank widget sm-hidden md-hidden lg-hidden css230 css231"><div class="padding"></div></div></div></div><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css235"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css224 css225"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAHklEQVR4AezQMQ0AAADCsAb/ohHBywTsaIx9wA0oAAAA//8BFkWXAAAABklEQVQDABkjABMlxsocAAAAAElFTkSuQmCC" style="border-radius: 0px; --width: 116px; --height: 69px; --ratio: 1.681159420289855;" data-lazy-image="https://img1.creatium.ru/disk2/fd/35/4c/2e8a6621720c6a228a7d3aba76c2c7ac4e/04.svg#%7B%22size%22:%5B116,69%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6731css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/fd/35/4c/2e8a6621720c6a228a7d3aba76c2c7ac4e/04.svg#%7B%22size%22:%5B116,69%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css226"><p class="textable css227">Launch & support</p></div><div class="node widget-text cr-text widget css233"><p class="textable css229">We launch, ensure stability, and can provide ongoing support and optimization</p></div></div></div><div class="node widget-blank widget sm-hidden md-hidden lg-hidden css230 css231"><div class="padding"></div></div></div></div></div></div></div></div></div></div></div><div class="zero-layer css236" data-index="1"><div class="zero-layer-axis lg-left lg-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-image widget hvr-grow-mini css233 css237"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/2b/a0/18/e60ccfb751baf5ce5138c15a48e1190c84/animate.gif#%7B%22size%22:%5B358,358%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/2b/a0/18/e60ccfb751baf5ce5138c15a48e1190c84/animate.gif#%7B%22size%22:%5B358,358%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div></div></div></div><div class="node widget-blank widget md-hidden lg-hidden css230 css238"><div class="padding"></div></div><div class="node widget-blank widget md-hidden lg-hidden css230 css239"><div class="padding"></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css240" id="stack" data-common="ummv2cca9k5o0f5ketrn"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-text cr-text widget css216" id="uppercase"><h2 class="textable css185"><span style="color: rgb(17, 17, 17);">Technology stack</span></h2></div><div class="node widget-text cr-text widget css217"><p class="textable css241">We place great importance on using advanced technologies to provide our clients with the most effective and innovative solutions</p></div><div class="node widget-blank widget css230 css242"><div class="padding"></div></div><div class="node widget-slider cr-slider widget sm-hidden md-hidden lg-hidden css228"><div class="metahtml css243">
6731<script data-name="717008857" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_717008857(page, el, params) { 6732 6733 6734 6735}</script>
6735<div class="slider1-root"> 6736 <div cr-slider-previous="" class="slider1-previous"> 6737 <i class="fa fa-chevron-left"></i> 6738 </div> 6739 <span cr-slider-index="">1</span> / <span cr-slider-total="">5</span> 6740 <div cr-slider-next="" class="slider1-next"> 6741 <i class="fa fa-chevron-right"></i> 6742 </div> 6743 <div cr-slider-container="" data-red-libs="swiper-async" data-auto="true" data-loop="true" data-touch="true" data-pause="5000" data-animated="true" data-fixheight="true" class="slider1-container swiper-container"><div class="swiper-wrapper"><div class="swiper-slide active"><div class="cont-wrapper"><div class="cont"><div class="node widget-element widget css244"><div class="cont"><div class="node widget-text cr-text widget css233"><h6 class="textable css245"><strong>Management</strong></h6></div><div class="node widget-list widget css246 css247"><div class="type-img textable css248"><ul><li>Discord</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/a5/70/d4/faa08f905cda98b05a6efdc2d928808286/logo.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6743css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css248"><ul><li>Jira</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/f9/82/ec/d60b17f0eefed5b7153b1a67e0cabadc24/logo_1.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css248"><ul><li>Trello</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/6c/b2/98/ecc1463c40e2ed340fb6fd382f8f0ae394/logo_2.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6743css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css248"><ul><li>Miro</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/2a/46/ed/5fa48b464ac1ae38cfa8c739f84d06c031/logo_3.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css248"><ul><li>Google Meet</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img2.creatium.app/plp/i.1.creatium.io/disk2/ca/df/40/0cbd833f4ce2e936adddf9cf2ae377da1f/logo_4.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6743css-width"></div></div></div></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910hcem402w3f_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910qwdzwlv8w2_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910248crquk3xy_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910o6tfjvhlm_0"></div></div></div></div></div> 6744</div></div></div><div class="node widget-grid widget xs-hidden css250"><div class="grid valign-top paddings-40px xs-wrap"><div class="gridwrap"><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css244"><div class="cont"><div class="node widget-text cr-text widget css233"><h6 class="textable css245"><strong>Management</strong></h6></div><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>Discord</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/a5/70/d4/faa08f905cda98b05a6efdc2d928808286/logo.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Jira</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/f9/82/ec/d60b17f0eefed5b7153b1a67e0cabadc24/logo_1.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Trello</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/6c/b2/98/ecc1463c40e2ed340fb6fd382f8f0ae394/logo_2.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Miro</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/2a/46/ed/5fa48b464ac1ae38cfa8c739f84d06c031/logo_3.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Google Meet</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/ca/df/40/0cbd833f4ce2e936adddf9cf2ae377da1f/logo_4.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div></div></div></div></div><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css244"><div class="cont"><div class="node widget-text cr-text widget css233"><h6 class="textable css245"><strong>UX/UI design</strong></h6></div><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>Figma</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/43/b7/94/357d6da63747c60f11396f9a063b84bd61/logo.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Adobe Illustrator</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/26/7d/8f/c9d2e1e13f25234004c7f3e2b1fad9fe2f/logo_1.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Adobe Photoshop</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/82/57/d8/dcd4d96958b62eec8b9d492b4fa4b338a6/logo_2.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Adobe After Effects</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/2c/cb/0f/f471f756b45dedb5fb1f7dd6d23750f8a9/logo_3.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Lightform</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/d9/a3/39/7883bf6a12fb4af45f41794152666b0b41/logo_4.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div></div></div></div></div><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css244"><div class="cont"><div class="node widget-text cr-text widget css233"><h6 class="textable css245"><strong>Frontend / mobile</strong></h6></div><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>Vue JS</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/2d/8f/e4/12ce8592e1b5644323ddc58d2945d370aa/logo.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>React</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/af/fc/44/e81a8f16cd2d3cca3a9f786f7882086e65/logo_1.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Flutter</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/7a/19/7d/cfec1e2752c37b3635e58a488ce39f16c9/logo_2.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Element-ui</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/a8/60/51/382092e5497132bd15a5cc25aeb6639fc8/logo_3.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>SCSS</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/c1/5a/fe/47bc3514fb342350e28defe0e2e4806466/logo_4.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div></div></div></div></div><div class="col" style="width: 25%;"><div class="cont"><div class="node widget-element widget css244"><div class="cont"><div class="node widget-text cr-text widget css233"><h6 class="textable css245"><strong>Backend</strong></h6></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Node</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/f3/b4/3a/26cc6b070a9ddff901e7fe9dbf67376804/logo.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>GoLang</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/ac/c1/16/30d17fba2e9d9e28ee9541b662586e7f81/logo_1.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Python</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/fd/e5/2f/e58911d6daa263de1039b235d30930cad5/logo_2.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Docker</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/3e/60/b5/8273027a46204de46bfae20f40bb0926b5/logo_3.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>PostgreSQL</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/80/ff/8d/f0e2914b3a82852480ebee489885ec3a7b/logo_4.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div></div></div></div></div></div></div></div><div class="node widget-blank widget css230 css252"><div class="padding"></div></div><div class="node widget-element widget xs-hidden css253"><div class="cont"><div class="node widget-text cr-text widget css233"><h6 class="textable css245"><strong>Architecture</strong></h6></div><div class="node widget-grid widget css233"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 16.6667%;"><div class="cont"><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>NoSQL</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/9c/9e/63/1dbaa3e9576b01d0ebf0192987142a73a6/logo.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div></div></div><div class="col" style="width: 16.6667%;"><div class="cont"><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>Nginx</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/1f/87/cb/0bc4263056b82aa4643c89b5bbd0651cd3/logo_1.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div></div></div><div class="col" style="width: 16.6667%;"><div class="cont"><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>Redis</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/2c/d1/06/d4dc2616fe9bf457fabed38cfec5586311/logo_2.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div></div></div><div class="col" style="width: 16.6667%;"><div class="cont"><div class="node widget-list widget css249 css247"><div class="type-img textable css251"><ul><li>Docker</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/3e/60/b5/8273027a46204de46bfae20f40bb0926b5/logo_3.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div></div></div><div class="col" style="width: 16.6667%;"><div class="cont"><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>Munin</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/88/08/01/46b1a264f1c2075ce6c2343184d1faeeb5/logo_4.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
6744css-width"></div></div></div><div class="col" style="width: 16.6667%;"><div class="cont"><div class="node widget-list widget css246 css247"><div class="type-img textable css251"><ul><li>MySQL</li></ul></div><img class="lazy-loader" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 60px;" data-lazy-image="https://img1.creatium.ru/disk2/95/3c/6b/62de744b7b08c52aefa8b6b8eeef39ffa3/logo_5.svg#%7B%22size%22:%5B60,61%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div></div></div></div></div></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css254 css255" id="team" data-common="ummv2cxkh0zssi849bx5i"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-text cr-text widget sm-hidden md-hidden lg-hidden css256" id="uppercase"><h2 class="textable css185">Our Team</h2></div><div class="node widget-text cr-text widget sm-hidden md-hidden lg-hidden css257"><p class="textable css218">Experts who build digital solutions for your business</p></div><div class="node widget-grid widget xs-hidden css258"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 100%;"><div class="cont"><div class="node widget-text cr-text widget css259" id="uppercase"><h2 class="textable css260"><span style="color: rgb(17, 17, 17);">Our team</span></h2></div><div class="node widget-text cr-text widget css257"><p class="textable css261">Experts who build digital solutions for your business</p></div></div></div><div class="col" style="width: 59px;"><div class="cont"><div class="node widget-button widget xs-hidden but-prev kek2 css262"><div class="button-container right"><div class="button-wrapper"><div class="metahtml css263">
6744<script data-name="663633122" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_663633122(page, el, params) { 6745 6746 6747 6748}</script>
6748<button cr-button-root="" data-action="none" data-highlight="false" data-track-active="false" class="button-546 normal btn-meta"> 6749 <span class="padding"></span> 6750 6751 6752 <span class="ico"> 6753 <div class="svgwrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEAAQMAAABmvDolAAAAA1BMVEVMaXFNx9g6AAAAAXRSTlMAQObYZgAAAB9JREFUeAHtwQEBAAAIAqD+r+5GKTAAAAAAAAAAAM8tIQAAAYRf8qsAAAAASUVORK5CYII="><div data-cut="svg:umnqnb910oaeh6csk788_0"></div></div> 6754 </span> 6755 <span class="ico-margin"></span> 6756 6757 <span cr-button-content="" class="text"></span> 6758 <span class="padding"></span> 6759</button> 6760 6761</div></div></div></div></div></div><div class="col" style="width: 64px;"><div class="cont"><div class="node widget-button widget xs-hidden but-next kek2 css262"><div class="button-container right"><div class="button-wrapper"><div class="metahtml css263">
6761<script data-name="553778645" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_553778645(page, el, params) { 6762 6763 6764 6765}</script>
6765<button cr-button-root="" data-action="none" data-highlight="false" data-track-active="false" class="button-546 normal btn-meta"> 6766 <span class="padding"></span> 6767 6768 6769 <span class="ico"> 6770 <div class="svgwrap"><img class="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEAAQMAAABmvDolAAAAA1BMVEVMaXFNx9g6AAAAAXRSTlMAQObYZgAAAB9JREFUeAHtwQEBAAAIAqD+r+5GKTAAAAAAAAAAAM8tIQAAAYRf8qsAAAAASUVORK5CYII="><div data-cut="svg:umnqnb910df6kcsmf02_0"></div></div> 6771 </span> 6772 <span class="ico-margin"></span> 6773 6774 <span cr-button-content="" class="text"></span> 6775 <span class="padding"></span> 6776</button> 6777 6778</div></div></div></div></div></div></div></div></div><div class="node widget-metahtml widget xs-hidden css264"><div class="metahtml css265">
6778<script data-name="1085179022" data-lazy="false" data-cdn="["https://cdn.jsdelivr.net/npm/[email protected]/dist/owl.carousel.min.js"]" data-sequentially="false" data-static-params="{"butname":"kek2","margin":24,"block_radius":10,"items_x_all":4,"items_x_md":null,"items_x_sm":null,"items_x_xs":1,"smartspeed":465,"height":false,"center":false,"autoplay":false,"autoplayhover":true,"autoplaytime":20000,"mousewheel":false}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1085179022(page, el, params) { 6779 6780 6781const cdn=[import("https://creatium-backend.uplinestudio.io/api/creatium/271/js/1.0.0")];Promise.all(cdn).then(e=>{e[0].init(el,params)},e=>{0<=e.message.indexOf("Failed to fetch dynamically imported module")&&(el.querySelector(".owl-carousel").innerHTML=`<div class='error'><a href="https://batvai.by/contact" target="_blank"><div class='headtext'>ÐÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½Ñ Ð·Ð°Ð±Ð»Ð¾ÐºÐ¸Ñован</div> ÐÐ»Ñ Ð²ÐºÐ»ÑÑÐµÐ½Ð¸Ñ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½Ñа ÑвÑжиÑеÑÑ Ñ ÑазÑабоÑÑиком!</a></div>`)}); 6782 6783 var owlEl = el.querySelector('.owl-carousel'); 6784 var owl = $(owlEl); 6785 var shadowRight = document.querySelector('.shadow--right'); 6786 var shadowLeft = document.querySelector('.shadow--left'); 6787 6788 owl.owlCarousel({ 6789 nestedItemSelector: 'slide-block', 6790 dots: false, 6791 dotsEach: params.dotachs, 6792 autoWidth: false, 6793 navText: false, 6794 autoplay: params.autoplay, 6795 dots: true, // ÐозвÑаÑайÑеÑÑ Ð½Ð°Ð·Ð°Ð´, когда бÑÐ´ÐµÑ Ð´Ð¾ÑÑигнÑÑа гÑаниÑа. 6796 dotsEach: true, 6797 dotsSpeed: params.speeddots, 6798 dotsContainer: '.slicdots.' + params.butname, 6799 autoplayTimeout: params.autoplaytime, 6800 autoplayHoverPause: params.autoplayhover, 6801 smartSpeed: params.smartspeed, 6802 center: params.center, 6803 items: params.items_x_all, 6804 lazyLoadEager: (params.items_x_all / 2), 6805 margin: params.margin, 6806 responsive: { 6807 0: {items: (params.items_x_xs == undefined) ? params.items_x_all : params.items_x_xs}, 6808 600: {items: (params.items_x_sm == undefined) ? params.items_x_all : params.items_x_sm}, 6809 1000: {items: (params.items_x_md == undefined) ? params.items_x_all : params.items_x_md}, 6810 1700: {items: params.items_x_all} 6811 } 6812 }); 6813 6814owl.on('changed.owl.carousel', function(event) { 6815 var currentIndex = event.item.index; 6816 var totalItems = event.item.count; 6817 var itemsVisible = owl.find('.owl-item.active').length; 6818 var currentScroll = currentIndex / (totalItems - itemsVisible); 6819 currentScroll = Math.max(0, Math.min(1, currentScroll)); 6820 6821 shadowLeft.style.opacity = currentScroll; 6822 shadowRight.style.opacity = 1 - currentScroll; 6823}); 6824 6825 6826let prev = $('.owl-prev'); 6827let next = $('.owl-next'); 6828let customPrevBtn = $('.but-prev.' + params.butname + ' button'); 6829let customNextBtn = $('.but-next.' + params.butname + ' button'); 6830 6831$(customPrevBtn).click(function() { 6832 owl.trigger('prev.owl.carousel'); 6833}) 6834$(customNextBtn).click(function() { 6835 owl.trigger('next.owl.carousel'); 6836}) 6837 6838prev.addClass('disable'); 6839customPrevBtn.addClass('disable'); 6840 6841if (params.mousewheel) { 6842 owl.on("mousewheel", owlEl, function (e) { 6843 var current = $(this); 6844 if (e.originalEvent.wheelDelta > 0) { 6845 current.trigger("next.owl"); 6846 } else { 6847 current.trigger("prev.owl"); 6848 } 6849 e.preventDefault(); 6850 }); 6851} 6852 6853owl.on('changed.owl.carousel', function(event) { 6854 var currentIndex = event.item.index; 6855 var totalItems = event.item.count; 6856 var itemsVisible = owl.find('.owl-item.active').length; 6857 var currentScroll = currentIndex / (totalItems - itemsVisible); 6858 currentScroll = Math.max(0, Math.min(1, currentScroll)); 6859 6860 shadowLeft.style.opacity = currentScroll; 6861 shadowRight.style.opacity = 1 - currentScroll; 6862 6863 var current = (event.item.index + 1) - event.relatedTarget._clones.length / 2; 6864 if (current > totalItems || current == 0) { 6865 current = totalItems - (current % totalItems); 6866 } 6867 6868 if (current + itemsVisible > totalItems) { 6869 next.addClass('disable'); 6870 customNextBtn.addClass('disable'); 6871 } else { 6872 next.removeClass('disable'); 6873 customNextBtn.removeClass('disable'); 6874 } 6875 6876 if (current == 1) { 6877 prev.addClass('disable'); 6878 customPrevBtn.addClass('disable'); 6879 } else { 6880 prev.removeClass('disable'); 6881 customPrevBtn.removeClass('disable'); 6882 } 6883}); 6884 6885owlEl.classList.remove('zero-height'); 6886}</script>
6886<div class="owl-carousel zero-height"><div class="cont"><div class="node widget-elements widget css266 css267"><div class="w-elements-grid valign-top halign-left valign-stretch"><div class="cont"><div class="node widget-element widget slide-block css268"><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css271" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/43/f0/91/009f4b3362e272ee23540c8ee15195675c/1.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/43/f0/91/009f4b3362e272ee23540c8ee15195675c/1.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Konstantin Kulenkov</p></div><div class="node widget-text cr-text widget css274"><p class="textable css275">Founder & CEO â 16 years in business</p></div></div></div></div></div></div></div><div class="node widget-element widget slide-block css268"><a href="/blog/article?id=" target=""><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css271" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/77/d3/c6/796063b255f28bdaca1bc785008914d7a7/2.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/77/d3/c6/796063b255f28bdaca1bc785008914d7a7/2.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Anna Burova</p></div><div class="node widget-text cr-text widget css274"><p class="textable css275">Managing Director â 6 years with the company</p></div></div></div></div></div></div></a></div><div class="node widget-element widget slide-block css268"><a href="/blog/article?id=" target=""><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css271" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/b4/62/a6/bd175bf734bf6444aa2609bc5dfc90c316/3.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/b4/62/a6/bd175bf734bf6444aa2609bc5dfc90c316/3.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Denis Laletin</p></div><div class="node widget-text cr-text widget css276"><p class="textable css275">CTO & Head of Engineering â 12 years of experience</p></div></div></div></div></div></div></a></div><div class="node widget-element widget slide-block css268"><a href="/blog/article?id=" target=""><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css271" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/b1/88/46/5f1bf99169f95c6673e9849db3a5515748/4.jpg#%7B%22size%22:%5B654,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/b1/88/46/5f1bf99169f95c6673e9849db3a5515748/4.jpg#%7B%22size%22:%5B654,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Sergey Sosnin</p></div><div class="node widget-text cr-text widget css274"><p class="textable css275">Head of Sales â secured projects worth $430K+</p></div></div></div></div></div></div></a></div><div class="node widget-element widget slide-block css268"><a href="/blog/article?id=" target=""><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css271" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/89/37/b7/ed4330290e6dd1f5400d2486c4ac3c2e2e/5.jpg#%7B%22size%22:%5B654,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/89/37/b7/ed4330290e6dd1f5400d2486c4ac3c2e2e/5.jpg#%7B%22size%22:%5B654,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Almas Kadyrzhanov</p></div><div class="node widget-text cr-text widget css274"><p class="textable css275">Head of UX/UI Design â 8 years of experience</p></div></div></div></div></div></div></a></div><div class="node widget-element widget slide-block css268"><a href="/blog/article?id=" target=""><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css277" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/4d/15/f8/1a06cee650a0b69c250faedf4b0cd16ff1/6.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/4d/15/f8/1a06cee650a0b69c250faedf4b0cd16ff1/6.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Veronika Gaplevskaya</p></div><div class="node widget-text cr-text widget css274"><p class="textable css275">HR Director â 6+ years of HR management experience</p></div></div></div></div></div></div></a></div></div></div></div></div></div> 6887<span class="shadow shadow--right"></span> 6888<span class="shadow shadow--left"></span> 6889 6890 6891 6892<style> 6893.error {
6894 background: rgb(255 110 110 / 20%); 6895 border-radius: 10px; 6896 padding: 10px; 6897 font-size: 16px; 6898 line-height: 1.4em; 6899 border: 2px solid rgb(255 110 110 / 20%); 6900 transition: all 0.3s; 6901} 6902 6903.error:hover { 6904 background: rgb(255 110 110 / 30%); 6905 border: 2px solid rgb(255 110 110 / 50%); 6906} 6907 6908.error a { 6909 color: rgb(255 110 110)!important; 6910 text-decoration: none!important; 6911} 6912 6913.headtext { 6914 font-weight: bold; 6915 font-size: 22px; 6916} 6917</style></div></div><div class="node widget-grid widget xs-hidden sm-hidden md-hidden lg-hidden css278"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 50%;"><div class="cont"><div class="node widget-metahtml widget css279"><div class="metahtml css280">
6917<script data-name="1390934478" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{"butname":"kek2"}" class="component-js-fn">function _component_js_1390934478(page, el, params) { 6918 6919 6920 6921}</script>
6921<div class="slicdots kek2"> 6922 6923 6924 6925 6926 6927</div></div></div></div></div><div class="col" style="width: 50%;"><div class="cont"></div></div></div></div></div><div class="node widget-slider cr-slider widget sm-hidden md-hidden lg-hidden css278"><div class="metahtml css281">
6927<script data-name="1520475194" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1520475194(page, el, params) { 6928 6929 6930 6931}</script>
6931<div class="slider1-root"> 6932 <div cr-slider-previous="" class="slider1-previous"> 6933 <i class="fa fa-chevron-left"></i> 6934 </div> 6935 <div cr-slider-container="" data-red-libs="swiper-async" data-auto="false" data-loop="true" data-touch="true" data-pause="5000" data-animated="true" data-fixheight="true" class="slider1-container swiper-container"><div class="swiper-wrapper"><div class="swiper-slide active"><div class="cont-wrapper"><div class="cont"><div class="node widget-element widget css269"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-image widget css270 css282" id="photo-result"><div class="wrapper1"><div class="wrapper2"></div></div><div class="bgimage bg-cover" style="background-size: cover; border-radius: 24px;" data-lazy-bgimage="https://img2.creatium.app/disk2/43/f0/91/009f4b3362e272ee23540c8ee15195675c/1.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img2.creatium.app/disk2/43/f0/91/009f4b3362e272ee23540c8ee15195675c/1.jpg#%7B%22size%22:%5B653,980%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-element widget css272"><div class="cont"><div class="node widget-text cr-text widget css233"><p class="textable css273">Konstantin Kulenkov</p></div><div class="node widget-text cr-text widget css274"><p class="textable css275">Founder & CEO â 16 years in business</p></div></div></div></div></div></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910xy4hd3juna_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910rsba5hrsur_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910q57pkvwj57_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910yghwuj1l3cs_0"></div></div></div><div class="swiper-slide"><div class="cont-wrapper"><div data-cut="slide:umnqnb910lyip90r9bml_0"></div></div></div></div></div> 6936 <div cr-slider-next="" class="slider1-next"> 6937 <i class="fa fa-chevron-right"></i> 6938 </div> 6939</div> 6940<div cr-slider-pagination="" class="slider1-pagination"><div cr-slider-page="" class="slider1-page is-active"></div><div cr-slider-page="" class="slider1-page"></div><div cr-slider-page="" class="slider1-page"></div><div cr-slider-page="" class="slider1-page"></div><div cr-slider-page="" class="slider1-page"></div><div cr-slider-page="" class="slider1-page"></div></div></div></div></div></div><div class="padding_bottom"></div><div class="separatorbottom"><div class="zigzag-bottom" style="background-size: 6px 100%; height: 6px; background-position: 0px -3px; margin-bottom: -3px;"></div></div></div><div class="node section-clear section css284" id="faq" data-common="ummv2dldktoupi1lrls8"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-text cr-text widget css285" id="uppercase"><h2 class="textable css286">FAQ</h2></div><div class="node widget-blank widget css136 css287"><div class="padding"></div></div><div class="node widget-grid widget css139"><div class="grid valign-top paddings-40px xs-wrap"><div class="gridwrap"><div class="col" style="width: 38.6694%;"><div class="cont"><div class="node widget-text cr-text widget css288"><p class="textable css289">If you still have questions, youâll find answers here</p></div><div class="node widget-image widget css290 css291"><div class="roundimage"><div class="round" style="border-radius: 50%; overflow: hidden;" data-lazy-bgimage="https://img1.creatium.ru/disk2/c2/76/ac/d40ccafd7c1ba39335ff77e30e45227ef1/ezgif_42e1670681ef5a.gif#%7B%22size%22:%5B500,500%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt=""></div></div><noscript><img src="https://img1.creatium.ru/disk2/c2/76/ac/d40ccafd7c1ba39335ff77e30e45227ef1/ezgif_42e1670681ef5a.gif#%7B%22size%22:%5B500,500%5D,%22quality%22:8%7D" alt=""></noscript></div></div></div><div class="col" style="width: 61.3306%;"><div class="cont"><div class="node widget-line widget css292"><div class="alignment" style="text-align: right;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-grid widget wow fadeIn css139" data-wow-delay="0.2s"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 13.3182%;"><div class="cont"><div class="node widget-image widget css139 css293"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/3d/9f/1d/7348f64f63e7775159b9131e24328bb553/frame_15.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Ð ÐÐÐ ÐÐÐТÐÐ ÐÐÐÐÐЬÐÐÐÐ ÐÐ ÐÐÐÐÐÐÐЯ" alt="Ð ÐÐÐ ÐÐÐТÐÐ ÐÐÐÐÐЬÐÐÐÐ ÐÐ ÐÐÐÐÐÐÐЯ"><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/3d/9f/1d/7348f64f63e7775159b9131e24328bb553/frame_15.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" title="Ð ÐÐÐ ÐÐÐТÐÐ ÐÐÐÐÐЬÐÐÐÐ ÐÐ ÐÐÐÐÐÐÐЯ" alt="Ð ÐÐÐ ÐÐÐТÐÐ ÐÐÐÐÐЬÐÐÐÐ ÐÐ ÐÐÐÐÐÐÐЯ"></noscript></div></div></div><div class="col" style="width: 86.6818%;"><div class="cont"><div class="node widget-spoiler cr-spoiler widget css294"><div class="metahtml css295">
6940<script data-name="1405401185" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1405401185(page, el, params) { 6941 6942 6943 6944}</script>
6944<div class="spoiler2"> 6945 <div cr-spoiler-toggle="" il-action="toggle" class="spoiler2-header is-collapsed"> 6946 <p class="textable css296">How much does project development cost?</p> 6947 <div class="spoiler2-toggle"> 6948 <i class="fa fa-chevron-down"></i> 6949 </div> 6950 </div> 6951 <div cr-spoiler-container="" class="spoiler2-container is-collapsed" style="display: none;"> 6952 <div class="cont"><div class="node widget-list widget css297 css298"><div class="type-ul textable css299">The cost depends on the complexity of the product, the number of features, and the project timeline.<br>We offer a free consultation and a preliminary estimate after a short briefing or after completing the quiz on the website.</div></div></div> 6953 </div> 6954</div></div></div></div></div></div></div></div><div class="node widget-line widget css292"><div class="alignment" style="text-align: right;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-grid widget wow fadeIn css139" data-wow-delay="0.3s"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 13.3182%;"><div class="cont"><div class="node widget-image widget css139 css293"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/5e/8e/12/2da8679484d44603421f693d881092bc86/frame_15_1.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="СколÑко ÑÑÐ¾Ð¸Ñ ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение" alt="СколÑко ÑÑÐ¾Ð¸Ñ ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение"><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/5e/8e/12/2da8679484d44603421f693d881092bc86/frame_15_1.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" title="СколÑко ÑÑÐ¾Ð¸Ñ ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение" alt="СколÑко ÑÑÐ¾Ð¸Ñ ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение"></noscript></div></div></div><div class="col" style="width: 86.6818%;"><div class="cont"><div class="node widget-spoiler cr-spoiler widget css294"><div class="metahtml css295">
6954<script data-name="1232049352" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1232049352(page, el, params) { 6955 6956 6957 6958}</script>
6958<div class="spoiler2"> 6959 <div cr-spoiler-toggle="" il-action="toggle" class="spoiler2-header is-collapsed"> 6960 <p class="textable css296">How long does it take to build an MVP or a full product?</p> 6961 <div class="spoiler2-toggle"> 6962 <i class="fa fa-chevron-down"></i> 6963 </div> 6964 </div> 6965 <div cr-spoiler-container="" class="spoiler2-container is-collapsed" style="display: none;"> 6966 <div class="cont"><div class="node widget-list widget css297 css298"><div class="type-ul textable css299">An MVP can typically be launched within 4â8 weeks, while a full-scale product usually takes 2 to 6 months, depending on the scope and integrations.</div></div></div> 6967 </div> 6968</div></div></div></div></div></div></div></div><div class="node widget-line widget css292"><div class="alignment" style="text-align: right;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-grid widget wow fadeIn css139" data-wow-delay="0.4s"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 13.3182%;"><div class="cont"><div class="node widget-image widget css139 css293"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/fd/cd/31/af76d039d43c83b97db124f079120a0946/frame_15_2.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений" alt="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений"><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/fd/cd/31/af76d039d43c83b97db124f079120a0946/frame_15_2.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" title="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений" alt="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений"></noscript></div></div></div><div class="col" style="width: 86.6818%;"><div class="cont"><div class="node widget-spoiler cr-spoiler widget css294"><div class="metahtml css295">
6968<script data-name="1541742169" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1541742169(page, el, params) { 6969 6970 6971 6972}</script>
6972<div class="spoiler2"> 6973 <div cr-spoiler-toggle="" il-action="toggle" class="spoiler2-header is-collapsed"> 6974 <p class="textable css296">How does the development process work?</p> 6975 <div class="spoiler2-toggle"> 6976 <i class="fa fa-chevron-down"></i> 6977 </div> 6978 </div> 6979 <div cr-spoiler-container="" class="spoiler2-container is-collapsed" style="display: none;"> 6980 <div class="cont"><div class="node widget-list widget css297 css298"><div class="type-ul textable css299">We start with analysis and planning, then move on to design.<br>Next, we develop the product in sprints and demonstrate intermediate versions along the way.<br>You can always track the progress and provide feedback or request changes.</div></div></div> 6981 </div> 6982</div></div></div></div></div></div></div></div><div class="node widget-line widget css292"><div class="alignment" style="text-align: right;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-grid widget wow fadeIn css139" data-wow-delay="0.6s"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 13.3182%;"><div class="cont"><div class="node widget-image widget css139 css293"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/84/94/ab/decad1fcf4269dce8fd1f3b455bc75f3d5/frame_15_3.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="Ðак ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение" alt="Ðак ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение"><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/84/94/ab/decad1fcf4269dce8fd1f3b455bc75f3d5/frame_15_3.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" title="Ðак ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение" alt="Ðак ÑазÑабоÑаÑÑ Ð¼Ð¾Ð±Ð¸Ð»Ñное пÑиложение"></noscript></div></div></div><div class="col" style="width: 86.6818%;"><div class="cont"><div class="node widget-spoiler cr-spoiler widget css294"><div class="metahtml css295">
6982<script data-name="1512353668" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1512353668(page, el, params) { 6983 6984 6985 6986}</script>
6986<div class="spoiler2"> 6987 <div cr-spoiler-toggle="" il-action="toggle" class="spoiler2-header is-collapsed"> 6988 <p class="textable css296">Can you improve an existing project?</p> 6989 <div class="spoiler2-toggle"> 6990 <i class="fa fa-chevron-down"></i> 6991 </div> 6992 </div> 6993 <div cr-spoiler-container="" class="spoiler2-container is-collapsed" style="display: none;"> 6994 <div class="cont"><div class="node widget-list widget css297 css298"><div class="type-ul textable css299">Yes, we can join existing systems: optimize the code, add new features, integrate services, and take over ongoing support.</div></div></div> 6995 </div> 6996</div></div></div></div></div></div></div></div><div class="node widget-line widget css292"><div class="alignment" style="text-align: right;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-grid widget wow fadeIn css139" data-wow-delay="0.8s"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 13.3182%;"><div class="cont"><div class="node widget-image widget css139 css293"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/93/38/95/b6e887052dc0d14fa91509ec65634ec7f7/frame_15_4.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="СоздаÑÑ Ð¿Ñиложение" alt="СоздаÑÑ Ð¿Ñиложение"><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/93/38/95/b6e887052dc0d14fa91509ec65634ec7f7/frame_15_4.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" title="СоздаÑÑ Ð¿Ñиложение" alt="СоздаÑÑ Ð¿Ñиложение"></noscript></div></div></div><div class="col" style="width: 86.6818%;"><div class="cont"><div class="node widget-spoiler cr-spoiler widget css294"><div class="metahtml css295">
6996<script data-name="1213867095" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1213867095(page, el, params) { 6997 6998 6999 7000}</script>
7000<div class="spoiler2"> 7001 <div cr-spoiler-toggle="" il-action="toggle" class="spoiler2-header is-collapsed"> 7002 <p class="textable css296">Do you provide warranty and support?</p> 7003 <div class="spoiler2-toggle"> 7004 <i class="fa fa-chevron-down"></i> 7005 </div> 7006 </div> 7007 <div cr-spoiler-container="" class="spoiler2-container is-collapsed" style="display: none;"> 7008 <div class="cont"><div class="node widget-list widget css297 css298"><div class="type-ul textable css299">Yes. After the project is delivered, we provide a warranty period.<br>We can also sign a long-term agreement for technical support and further product development.</div></div></div> 7009 </div> 7010</div></div></div></div></div></div></div></div><div class="node widget-line widget css292"><div class="alignment" style="text-align: right;"><div class="line" style="width: 100%; height: 1px; background-color: rgb(32, 35, 42); border-radius: 0px;"></div></div></div><div class="node widget-grid widget wow fadeIn css300" data-wow-delay="1s"><div class="grid valign-middle paddings-0px"><div class="gridwrap"><div class="col" style="width: 13.3182%;"><div class="cont"><div class="node widget-image widget css139 css293"><div class="bgimage bg-contain" style="background-size: contain; border-radius: 0px;" data-lazy-bgimage="https://img1.creatium.ru/disk2/58/c1/a1/8a997dd3eae5b8e881c246401c71588911/frame_15_5.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" data-lazy-bgimage_resize="true"><div class="inner"><img class="" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" title="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений в ÐÐ°Ð·Ð°Ñ ÑÑане" alt="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений в ÐÐ°Ð·Ð°Ñ ÑÑане"><div class="proportions"></div></div></div><noscript><img src="https://img1.creatium.ru/disk2/58/c1/a1/8a997dd3eae5b8e881c246401c71588911/frame_15_5.svg#%7B%22size%22:%5B69,69%5D,%22quality%22:8%7D" title="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений в ÐÐ°Ð·Ð°Ñ ÑÑане" alt="РазÑабоÑка мобилÑнÑÑ Ð¿Ñиложений в ÐÐ°Ð·Ð°Ñ ÑÑане"></noscript></div></div></div><div class="col" style="width: 86.6818%;"><div class="cont"><div class="node widget-spoiler cr-spoiler widget css294"><div class="metahtml css295">
7010<script data-name="642793745" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_642793745(page, el, params) { 7011 7012 7013 7014}</script>
7014<div class="spoiler2"> 7015 <div cr-spoiler-toggle="" il-action="toggle" class="spoiler2-header is-collapsed"> 7016 <p class="textable css296">Do you work only in Kazakhstan?</p> 7017 <div class="spoiler2-toggle"> 7018 <i class="fa fa-chevron-down"></i> 7019 </div> 7020 </div> 7021 <div cr-spoiler-container="" class="spoiler2-container is-collapsed" style="display: none;"> 7022 <div class="cont"><div class="node widget-list widget css297 css298"><div class="type-ul textable css299">No, we have clients from different countries.<br>We successfully work online and deliver projects for businesses in Kazakhstan, the CIS, and internationally.</div></div></div> 7023 </div> 7024</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="padding_bottom"></div></div><div class="node section-clear section css301" id="footer" data-common="ummv2enr4ac5s9k1k6u8"><div class="padding_top"></div><div class="wrapper1"><div class="wrapper2"></div></div><div class="container"><div class="cont"><div class="node widget-zero widget css302 css303"><div class="zero-grid"></div><div class="zero-layer css304" data-index="0"><div class="zero-layer-axis lg-left lg-top xs-center xs-top"><div class="zero-layer-frame"><div class="layer-visibility-settings"></div><div class="cont"><div class="node widget-element widget css305"><div class="wrapper1"><div class="wrapper2"></div></div><div class="cont"><div class="node widget-text cr-text widget css306"><p class="textable css307">Contact us to learn the cost and timeline</p></div><div class="node widget-grid widget css171"><div class="grid valign-top paddings-40px xs-wrap"><div class="gridwrap"><div class="col" style="width: 54.8713%;"><div class="cont"><div class="node widget-text cr-text widget css308"><p class="textable css309">Schedule a free consultation where we will carefully review your request and propose a concept for your project, including an estimated timeline and development cost</p></div></div></div><div class="col" style="width: 45.1287%;"><div class="cont"><div class="node widget-form2 cr-form widget nocaptcha css310" data-form="{"action":"order","name":"ÐонÑÑлÑÑаÑÐ¸Ñ (Ðлав. ÑкÑан)","scenario":"","after":"msg","msg":"Thank you!â¨\nYour request has been submitted.â¨\nWe will contact you shortly.","url":"/thankyou-razrabotka-mobilnih-prilozheniy","urlauto":true,"urlclean":true,"dontreset":false,"addhtml":"","js":"alert(\"ÐÑÐ¾Ñ ÐºÐ¾Ð´ вÑполнÑеÑÑÑ Ð¿Ð¾Ñле ÑÑпеÑного оÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð·Ð°Ñвки.\");","sequence":"stepwise"}" data-isquiz="false" data-jumps="[]"><div><div class="metahtml css311">
7024<script data-name="333727119" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_333727119(page, el, params) { 7025 7026 7027 7028}</script>
7028<div class="form1-cover"> 7029 <div cr-form-container="" colorside="rgba(255, 255, 255, 0)"><div class="cont"><div class="node widget-field cr-field widget css30"><div class="metahtml css312" data-vals="{"condition":"","variable":"","variable2":"","text":"Your name","type":"name","required":false,"id":"","valueOn":"1","valueOff":"0","privacy_checkbox":"ÐÐ°Ñ ÑоглаÑие на <обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ >","typing":"string","formula":"","format":"%result% ÑÑб.","min":"0","max":"100","step":"1","template":""}"><div cr-field="name" class="is-text"> 7030 <div class="name hidden"> 7031 Your name 7032 </div> 7033 <div class="input"> 7034 <input name="name785726" placeholder="Your name " type="text" il-action="listen" autocomplete="name" class="form-control" value=""> 7035 </div><div cr-field-addon=""><div class="metahtml">
7035<script data-name="1104092048" data-lazy="true" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1104092048(page, el, params) { 7036 7037 7038 7039}</script>
7039</div></div> 7040</div></div></div><div class="node widget-field cr-field widget css313" id="fild1"><div class="metahtml css312" data-vals="{"condition":"","variable":"","variable2":"","text":"Phone number","type":"phone","required":true,"id":"","valueOn":"1","valueOff":"0","privacy_checkbox":"ÐÐ°Ñ ÑоглаÑие на <обÑабоÑÐºÑ Ð¿ÐµÑÑоналÑнÑÑ Ð´Ð°Ð½Ð½ÑÑ >","typing":"string","formula":"","format":"%result% ÑÑб.","min":"0","max":"100","step":"1","template":""}"><div cr-field="phone" class="is-text"> 7041 <div class="name hidden"> 7042 Phone number * 7043 </div> 7044 <div class="input"> 7045 <input name="tel273492" placeholder="Phone number *" type="tel" il-action="listen" autocomplete="tel" class="form-control" value=""> 7046 </div><div cr-field-addon=""><div class="metahtml">
7046<script data-name="1803817221" data-lazy="false" data-cdn="[""]" data-sequentially="false" data-static-params="{}" data-dynamic-params="{}" class="component-js-fn">function _component_js_1803817221(page, el, params) { 7047 7048 7049 7050}</script>
7050</div></div> 7051</div></div></div><div class="node widget-button widget css11"><div class="button-container left"><div class="button-wrapper"><button class="btn btn-legacy css314" data-action="send" data-highlight="false" data-track-active="false"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="width: 302px;" data-lazy-image="https://img1.creatium.ru/disk2/cc/7a/6c/f46ef1fdfc014615ecc667a7b2f509b664/button_3.svg#%7B%22size%22:%5B302,76%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></button></div></div></div></div></div> 7052</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="node widget-button widget xs-hidden wts1 hvr-grow-mini css139"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css315" data-action="link" data-highlight="true" data-track-active="false" href="https://wa.me/77005343300" target="_blank"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 66.4px;" data-lazy-image="https://img1.creatium.ru/disk2/87/54/28/76f3306bd33e45836a5118cfb732d72fac/whats_app_2_2_1.png#%7B%22size%22:%5B415,415%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
7052css-width"></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-button widget sm-hidden md-hidden lg-hidden wts2 hvr-grow-mini css139"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css315" data-action="link" data-highlight="true" data-track-active="false" href="https://wa.me/77005343300" target="_blank"><div class="pad-left" style="width: 0px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGN4MHOBA4ynkAMpBBMhrw4AEAAP//uBwiawAAAAZJREFUAwBJIAAhJFoqZwAAAABJRU5ErkJggg==" style="width: 62.25px;" data-lazy-image="https://img1.creatium.ru/disk2/87/54/28/76f3306bd33e45836a5118cfb732d72fac/whats_app_2_2_1.png#%7B%22size%22:%5B415,415%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 0px;"></div></a></div></div></div><div class="node widget-socials widget xs-hidden sm-hidden md-hidden lg-hidden wts1 css316"><div class="soc-icon paddings-0px color css317" style="text-align: center; font-size: 46px;"><a class="link wa" soc-index="0" href="https://wa.me/77005343300" target="_blank"><div class="bg hvr-shutter-out-vertical"></div></a></div></div><div class="node widget-socials widget xs-hidden sm-hidden md-hidden lg-hidden inst1 css316"><div class="soc-icon paddings-0px color css317" style="text-align: center; font-size: 46px;"><a class="link in" soc-index="0" href="https://www.instagram.com/kulenkov_group" target="_blank"><div class="bg "></div></a></div></div><div class="node widget-socials widget xs-hidden sm-hidden md-hidden lg-hidden wts2 css316"><div class="soc-icon paddings-0px color css318" style="text-align: center; font-size: 42px;"><a class="link wa" soc-index="0" href="https://wa.me/77005343300" target="_blank"><div class="bg "></div></a></div></div><div class="node widget-socials widget xs-hidden sm-hidden md-hidden lg-hidden inst2 css316"><div class="soc-icon paddings-0px color css318" style="text-align: center; font-size: 42px;"><a class="link in" soc-index="0" href="https://www.instagram.com/kulenkov_group" target="_blank"><div class="bg "></div></a></div></div><div class="node widget-blank widget xs-hidden sm-hidden md-hidden lg-hidden css136 css319"><div class="padding"></div></div><div class="node widget-grid widget css320"><div class="grid valign-middle paddings-20px xs-wrap"><div class="gridwrap"><div class="col" style="width: 22.029%;"><div class="cont"><div class="node widget-button widget css292"><div class="button-container left xs-center"><div class="button-wrapper"><a class="btn btn-legacy css321" data-action="link" data-highlight="true" data-track-active="false" href="/en" target="_self"><div class="pad-left" style="width: 12px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAADCAYAAACasY9UAAAAG0lEQVR4AcTMMQ0AAACDsGX+RSOCgwroJ/UBAAAA//8PoDaFAAAABklEQVQDAAPPAAegQIBeAAAAAElFTkSuQmCC" style="width: 216px;" data-lazy-image="https://img1.creatium.ru/disk2/39/6f/54/e98c4252e48b1c1d6f181a39be31564271/logo.png#%7B%22size%22:%5B360,72%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
7052css-width"></div><div class="pad-right" style="width: 12px;"></div></a></div></div></div></div></div><div class="col" style="width: 55.942%;"><div class="cont"><div class="node widget-element widget css322"><div class="cont"><div class="node widget-text cr-text widget css139"><p class="textable css323"><span style="color: rgb(235, 235, 235);">+7 700 534 33 00</span></p></div><div class="node widget-grid widget css324"><div class="grid valign-middle paddings-10px"><div class="gridwrap"><div class="col" style="width: 29.7999%;"><div class="cont"><div class="node widget-button widget css325"><div class="button-container right"><div class="button-wrapper"><a class="btn btn-legacy css326" data-action="link" data-highlight="true" data-track-active="false" href="https://instagram.com/kulenkov_group?igshid=MzMyNGUyNmU2YQ==" target="_blank"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGBxc8wIHAUc4DkIEMktHegwcAAP//ffJNWgAAAAZJREFUAwBAvwAfbnyHiwAAAABJRU5ErkJggg==" style="width: 37px;" data-lazy-image="https://img1.creatium.ru/disk2/31/95/9a/b540b8740204e6d878d2eec70039291f07/insta.svg#%7B%22size%22:%5B37,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
7052css-width"></div><div class="pad-right" style="width: 24px;"></div></a></div></div></div></div></div><div class="col" style="width: 12.9444%;"><div class="cont"><div class="node widget-button widget css327"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css326" data-action="link" data-highlight="true" data-track-active="false" href="https://hh.kz/employer/10081864?hhtmFrom=vacancy" target="_blank"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGBxc8wIHAUc4DkIEMktHegwcAAP//ffJNWgAAAAZJREFUAwBAvwAfbnyHiwAAAABJRU5ErkJggg==" style="width: 37px;" data-lazy-image="https://img1.creatium.ru/disk2/4b/6a/6e/eeb229e2a60a8a37fdf1c8082200cbd9f8/hh.svg#%7B%22size%22:%5B37,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 24px;"></div></a></div></div></div></div></div><div class="col" style="width: 13.9971%;"><div class="cont"><div class="node widget-button widget css136"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css326" data-action="link" data-highlight="true" data-track-active="false" href="https://www.tiktok.com/@kulenkov.group" target="_blank"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGBxc8wIHAUc4DkIEMktHegwcAAP//ffJNWgAAAAZJREFUAwBAvwAfbnyHiwAAAABJRU5ErkJggg==" style="width: 37px;" data-lazy-image="https://img1.creatium.ru/disk2/f4/98/5f/3817bdde51d22f47d139319e28a06764bf/tik_tok.svg#%7B%22size%22:%5B37,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
7052css-width"></div><div class="pad-right" style="width: 24px;"></div></a></div></div></div></div></div><div class="col" style="width: 13.2661%;"><div class="cont"><div class="node widget-button widget css327"><div class="button-container center"><div class="button-wrapper"><a class="btn btn-legacy css326" data-action="link" data-highlight="true" data-track-active="false" href="https://vc.ru/u/2526986-kulenkov-group-it" target="_blank"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGBxc8wIHAUc4DkIEMktHegwcAAP//ffJNWgAAAAZJREFUAwBAvwAfbnyHiwAAAABJRU5ErkJggg==" style="width: 37px;" data-lazy-image="https://img1.creatium.ru/disk2/52/87/31/391b9896278215c635527c99a8dfb55bcb/vc.svg#%7B%22size%22:%5B37,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><div class="pad-right" style="width: 24px;"></div></a></div></div></div></div></div><div class="col" style="width: 29.9925%;"><div class="cont"><div class="node widget-button widget css328"><div class="button-container left"><div class="button-wrapper"><a class="btn btn-legacy css326" data-action="link" data-highlight="true" data-track-active="false" href="https://clutch.co/profile/kulenkov-group?_gl=1*1tpjkjm*_ga*ODI3MzIxOTcxLjE3MDIwMTQ5MTI.*_ga_D0WFGX8X3V*MTcwMjI2OTIwNi4yLjEuMTcwMjI3MDIyMy4zNi4wLjA.*_fplc*RG9LT1RSR281OUZkNUxvb29TbTNPZk9TbUUxR2JCRmd1Q2olMkZYejJhZTFkS3Q0Z2ZYTDNCTjhaYzVEenZvd0s5S0N6OTFmYjg0ODUxJTJCZVAweUYwNTB6dEV0eW80RlR2SmVuJTJCaU1YMUFacEQ0SDNhdGlyVWwyTXJldUtlT3RnJTNEJTNE#highlights" target="_blank"><div class="pad-left" style="width: 24px;"></div><div class="btn-content"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAYAAADtc08vAAAAJUlEQVR4AeyTsQ0AAAyCSP8/uvEGBxc8wIHAUc4DkIEMktHegwcAAP//ffJNWgAAAAZJREFUAwBAvwAfbnyHiwAAAABJRU5ErkJggg==" style="width: 37px;" data-lazy-image="https://img1.creatium.ru/disk2/9a/88/9e/a660aef9c76f8522b399c4339b77fb6584/clutch.svg#%7B%22size%22:%5B37,36%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="
7052css-width"></div><div class="pad-right" style="width: 24px;"></div></a></div></div></div></div></div></div></div></div></div></div></div></div><div class="col" style="width: 22.029%;"><div class="cont"><div class="node widget-image widget css329 css330"><div class="bgnormal"><img class="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAAG0lEQVR4AdzMMQ0AAACDsGX+RSOCjwroJwUCAAAA//+TTFjsAAAABklEQVQDAAYYAAn44H7eAAAAAElFTkSuQmCC" style="border-radius: 0px; --width: 180px; --height: 48px; --ratio: 3.75;" data-lazy-image="https://img1.creatium.ru/disk2/94/90/aa/bd4fd86e462ae96960f707fbdb5847b48a/astana_hub.svg#%7B%22size%22:%5B180,48%5D,%22quality%22:8%7D" data-lazy-image_resize="true" data-lazy-image_detect="css-width"></div><noscript><img src="https://img1.creatium.ru/disk2/94/90/aa/bd4fd86e462ae96960f707fbdb5847b48a/astana_hub.svg#%7B%22size%22:%5B180,48%5D,%22quality%22:8%7D" alt=""></noscript></div><div class="node widget-text cr-text widget css320"><p class="textable css331">We are a resident of the Astana Hub International IT Startup Technopark</p></div></div></div></div></div></div><div class="node widget-line widget css139"><div class="alignment" style="text-align: center;"><div class="line" style="width: 99%; height: 2px; background-color: rgba(210, 210, 214, 0.09); border-radius: 0px;"></div></div></div><div class="node widget-text cr-text widget css139"><p class="textable css332"><a href="/en/privacy" target="_blank">Privacy Policy</a></p></div></div></div><div class="padding_bottom"></div></div><div class="node section section-helper css333"></div> 7053 7054<!-- CORE -->
7055<script type="text/javascript" src="/assets/4.4/vendors-sync.js?v=1742957206"></script>
7055 7056<!-- DEFER --> 7057 7058<!-- PLUGINS -->
7059<script> 7060cr.api(function (page) { 7061 7062 page.waitForAppear('.book_call', function (el) { 7063 page.getComponent(el).on('submit', function (event) { 7064 window.dataLayer = window.dataLayer || []; 7065 dataLayer.push({'event':'book_call'}); 7066 }); 7067 }); 7068 7069 page.waitForAppear('.submit_form', function (el) { 7070 page.getComponent(el).on('submit', function (event) { 7071 window.dataLayer = window.dataLayer || []; 7072 dataLayer.push({'event':'submit_form'}); 7073 }); 7074 }); 7075 7076 page.waitForAppear('.calculate', function (el) { 7077 page.getComponent(el).on('submit', function (event) { 7078 window.dataLayer = window.dataLayer || []; 7079 dataLayer.push({'event':'calculate'}); 7080 }); 7081 }); 7082 7083 page.waitForAppear('.callback', function (el) { 7084 page.getComponent(el).on('submit', function (event) { 7085 window.dataLayer = window.dataLayer || []; 7086 dataLayer.push({'event':'callback'}); 7087 }); 7088 }); 7089 7090 page.waitForAppear('.callback_footer', function (el) { 7091 page.getComponent(el).on('submit', function (event) { 7092 window.dataLayer = window.dataLayer || []; 7093 dataLayer.push({'event':'callback_footer'}); 7094 }); 7095 }); 7096 7097}); 7098</script>
7098 7099 7100 7101<link rel="stylesheet" href="https://files2.creatium.io/support-scripts/intl-tel-input/build/css/intlTelInput.css">
7101<script src="https://files2.creatium.io/support-scripts/intl-tel-input/build/js/intlTelInput.min.js"></script>
7101<style> 7102 .iti { 7103 display: block; 7104 } 7105 7106#fild1 .iti__selected-dial-code { 7107 color:#fff !important; 7108 } 7109 .iti__country *, .iti__selected-dial-code { 7110 color:#000000; 7111 } 7112 .iti__dial-code { 7113 color: #999; 7114 } 7115</style>
7115<script> 7116cr.api(page => { 7117 let phone 7118 page.waitForAppear('[cr-field="phone"]', field => { 7119 7120 $('.area .metahtml').css('z-index', 'auto') 7121 let a = page.getComponent(field.closest(".widget-field")) 7122 console.log(a) 7123 let input = field.querySelector("input"); 7124 const iti = intlTelInput(input, { 7125 loadUtils: () => import("https://files2.creatium.io/support-scripts/intl-tel-input/build/js/utils.js"), 7126 initialCountry: "auto", // вÑÐ±Ð¾Ñ ÑÑÑÐ°Ð½Ñ Ð°Ð²ÑомаÑиÑеÑкий 7127 geoIpLookup: (success, failure) => { 7128 fetch("https://ipinfo.io/json") 7129 .then((res) => res.json()) 7130 .then((data) => success(data.country)) 7131 .catch(() => "ru"); 7132 }, // по ip пÑовеÑÑем ÑÑÑанÑ, еÑли не наÑли ÑÑавим ru 7133 strictMode: true, // ÐÑи вводе полÑзоваÑелем даннÑÑ Ð¸Ð³Ð½Ð¾ÑиÑоваÑÑ Ð»ÑбÑе неÑелеванÑнÑе ÑимволÑ. Ðожно замениÑÑ Ð½Ð° false 7134 separateDialCode: true, // ÐÑобÑÐ°Ð¶Ð°ÐµÑ Ð¼ÐµÐ¶Ð´ÑнаÑоднÑй код вÑбÑанной ÑÑÑÐ°Ð½Ñ ÑÑдом Ñ Ð²Ð²Ð¾Ð´Ð¸Ð¼Ñм номеÑом, ÑÑÐ¾Ð±Ñ Ð¾Ð½ вÑглÑдел как ÑаÑÑÑ Ð½Ð°Ð±Ñанного номеÑа. менÑем на false еÑли нÑжен ввод ÑÑками 7135 autoPlaceholder: 'polite', // ÐзменÑÑÑ Ð¿Ð»ÐµÐ¹ÑÑ Ð¾Ð»Ð´ÐµÑ Ð½Ð° ÑоÑÐ¼Ð°Ñ Ð²ÑбÑанной ÑÑÑÐ°Ð½Ñ 7136 countryOrder: ['ru', 'kz', 'us'], // СпиÑок кодов ÑÑÑан, коÑоÑÑе бÑдÑÑ Ð² наÑале ÑпиÑка 7137 allowPhonewords: true, // пÑовеÑка ÑÑо в номеÑе Ð½ÐµÑ Ð»Ð¸ÑÐ½Ð¸Ñ Ñимволов 7138 validationNumberTypes: [ "FIXED_LINE", "MOBILE", "FIXED_LINE_OR_MOBILE", "TOLL_FREE","PREMIUM_RATE", "SHARED_COST", "VOIP", "PERSONAL_NUMBER","PAGER","UAN","VOICEMAIL","UNKNOWN"] 7139 7140 }); 7141 7142 input.setAttribute('pattern', "[0-9]*") 7143 input.setAttribute('inputmode', "numeric") 7144 input.addEventListener('input', () => { 7145 input.value = input.value.replace(/[^0-9]/g, '') 7146 phone = iti.getNumber(intlTelInput.utils.numberFormat.E164) 7147 a.setValue(input.value) 7148 }) 7149 7150 }) 7151 7152 page.on('before-form-submit', event => { 7153 const number = phone; 7154 event.fields.push({ 7155 name: 'ÐÐ¾Ð¼ÐµÑ ÑелеÑона', 7156 value: number, 7157 // ID Ð´Ð»Ñ Ð¸Ð½ÑегÑаÑий, не обÑзаÑелÑнÑй паÑамеÑÑ 7158 uid: 'phone', 7159 }); 7160 7161 }) 7162 7163}) 7164</script>
7164 7165 7166<style> 7167.node.section{ 7168min-height: 0px !important; 7169} 7170 7171#cases-img img{ 7172max-height: 650px!important; 7173} 7174@media (max-width: 480px){ 7175 #cases-img img{ 7176max-height: 350px!important;} 7177} 7178 7179#uppercase{ 7180text-transform: uppercase!important; 7181} 7182#uppercase-calc{ 7183text-transform: uppercase!important; 7184} 7185 7186 7187#menu1125125{ 7188background-color: #fff; 7189} 7190</style>
7190<script> 7191window.onscroll = function() { 7192 const scrolled = window.pageYOffset || document.documentElement.scrollTop; 7193 7194 if (scrolled < 100) { 7195 $("#menu1125125").css({ 7196"background-color": "#fff", 7197 "backdrop-filter": "none", 7198 "-webkit-backdrop-filter": "none", 7199 "box-shadow": "none" 7200 }); 7201 } else { 7202 $("#menu1125125").css({ 7203 "background-color": "rgba(255, 255, 255, 0.5)", 7204 "backdrop-filter": "blur(10px)", 7205 "-webkit-backdrop-filter": "blur(10px)", 7206 "box-shadow": "none" 7207 }); 7208 } 7209} 7210</script>
vendor: 1 bytes, line 7210
7210
7211<script type="text/javascript"> 7212 7213$(function() { 7214 7215const local = { 7216 7217title: [ 7218 7219{ru: 'ÐепÑавилÑно Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ñ Ð¿Ð¾Ð»Ñ:', en: 'Fields are filled out incorrectly'}, 7220 7221{ru: 'Ðаголовок оÑибки на ÑÑÑÑком 2', en: 'Ðаголовок оÑибки на английÑком 2'}, 7222 7223{ru: 'Ðаголовок оÑибки на ÑÑÑÑком 3', en: 'Ðаголовок оÑибки на английÑком 3'} 7224 7225], 7226 7227text: [ 7228{ru: 'Ðоле «Project type» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The «Project type» field is required'}, 7229{ru: 'Ðоле «Your Business Industry» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The «Your Business Industry» field is required'}, 7230{ru: 'Ðоле «Phone number» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The «Phone number» field is required'}, 7231{ru: 'Ðоле «Your name» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The «Your name» field is required'}, 7232{ru: 'Ðоле «Your Business Industry» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The «Your Business Industry» field is required'}, 7233{ru: 'Ðоле «Your Business Industry» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The «Your Business Industry» field is required'}, 7234 7235 7236 7237{ru: 'Ðоле «EMAIL» обÑзаÑелÑно Ð´Ð»Ñ Ð·Ð°Ð¿Ð¾Ð»Ð½ÐµÐ½Ð¸Ñ.', en: 'The "EMAIL" field is required'}, 7238 7239{ru: 'Ðоле «EMAIL» должно ÑодеÑжаÑÑ Ð²Ð°Ñ Ð½Ð°ÑÑоÑÑий e-mail адÑеÑ.', en: 'The "EMAIL" field must contain a valid email address'} 7240 7241] 7242 7243} 7244 7245 7246 7247const errorClass = '.swal-modal.swal-modal--error' 7248 7249 7250 7251const observer = new MutationObserver(function(mutations) { 7252 7253mutations.forEach(function(mutation) { 7254 7255const target = mutation.target 7256 7257if (target == $(errorClass).get(0)) { 7258 7259const title = $(errorClass + ' .swal-title').text().trim() 7260 7261const text = $(errorClass + ' .swal-text').text().trim() 7262 7263 7264 7265const titleItem = local.title.find(item => title.includes(item.ru)) 7266 7267const textItem = local.text.find(item => text.includes(item.ru)) 7268 7269 7270 7271titleItem ? $(errorClass + ' .swal-title').text(titleItem.en) : false 7272 7273textItem ? $(errorClass + ' .swal-text').text(textItem.en) : false 7274 7275} 7276 7277}) 7278 7279}) 7280 7281 7282 7283observer.observe(document.documentElement, { 7284 7285childList: true, subtree: true 7286 7287}) 7288 7289}) 7290 7291</script>
7291 7292</div></body> 7293</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.